/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/ngx-build-plus/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/ngx-build-plus/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/ngx-build-plus/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (2) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;275;300;400;500;600;700;800;900&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/ngx-build-plus/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@shamrock/style-kit/assets/icons/out-icons-v1.0/style.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'out-icons';
  src: url('out-icons.94e6a883c9361a49.eot?msradv');
  src: url('out-icons.94e6a883c9361a49.eot?msradv#iefix') format('embedded-opentype'), url('out-icons.1395becd5604e4a3.ttf?msradv') format('truetype'),
    url('out-icons.4a32740264fb897a.woff?msradv') format('woff'), url('out-icons.1754d87dc75b11c2.svg?msradv#out-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^='icon__'],
[class*=' icon__'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'out-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon__collapse-navbar:before {
  content: '\e932';
}
.icon__expand-navbar:before {
  content: '\e933';
}
.icon__more-vertical:before {
  content: '\e901';
}
.icon__more-horizontal:before {
  content: '\e902';
}
.icon__menu:before {
  content: '\e900';
}
.icon__list-view:before {
  content: '\e922';
}
.icon__add-circle:before {
  content: '\e903';
}
.icon__add-filled:before {
  content: '\e904';
}
.icon__add:before {
  content: '\e905';
}
.icon__arrow-back:before {
  content: '\e906';
}
.icon__arrow-forward:before {
  content: '\e907';
}
.icon__attachment:before {
  content: '\e908';
}
.icon__book:before {
  content: '\e909';
}
.icon__calculator:before {
  content: '\e90a';
}
.icon__calendar:before {
  content: '\e90b';
}
.icon__call:before {
  content: '\e90c';
}
.icon__chev-back:before {
  content: '\e90d';
}
.icon__chev-down:before {
  content: '\e90e';
}
.icon__chev-forward:before {
  content: '\e90f';
}
.icon__chev-up:before {
  content: '\e910';
}
.icon__clients:before {
  content: '\e911';
}
.icon__clock:before {
  content: '\e912';
}
.icon__close:before {
  content: '\e913';
}
.icon__comment:before {
  content: '\e914';
}
.icon__delete:before {
  content: '\e915';
}
.icon__edit:before {
  content: '\e916';
}
.icon__edit-filled:before {
  content: '\e917';
}
.icon__email:before {
  content: '\e918';
}
.icon__file:before {
  content: '\e919';
}
.icon__file-download:before {
  content: '\e91a';
}
.icon__filter:before {
  content: '\e91b';
}
.icon__flag:before {
  content: '\e91c';
}
.icon__flag-filled:before {
  content: '\e91d';
}
.icon__grid-view:before {
  content: '\e91e';
}
.icon__grid-view-filled:before {
  content: '\e91f';
}
.icon__info:before {
  content: '\e920';
}
.icon__info-filled:before {
  content: '\e921';
}
.icon__lock:before {
  content: '\e923';
}
.icon__unlock:before {
  content: '\e924';
}
.icon__notes:before {
  content: '\e925';
}
.icon__performance:before {
  content: '\e926';
}
.icon__policy:before {
  content: '\e927';
}
.icon__print:before {
  content: '\e928';
}
.icon__profile:before {
  content: '\e929';
}
.icon__remove:before {
  content: '\e92a';
}
.icon__rerates:before {
  content: '\e92b';
}
.icon__scripting:before {
  content: '\e92c';
}
.icon__search:before {
  content: '\e92d';
}
.icon__tick:before {
  content: '\e92e';
}
.icon__volume-up:before {
  content: '\e92f';
}
.icon__warning:before {
  content: '\e930';
}
.icon__zoom-in:before {
  content: '\e931';
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/ngx-build-plus/node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (3) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.flow-toolbar {
  background-color: #d2d7db;
  font-family: "Montserrat", "sans-serif";
  font-size: 0.75em;
  display: flex;
  padding-left: 2em !important;
}

.steps-toolbar {
  background-color: #e2e5e8;
  height: 80px !important;
  position: relative;
  padding-left: 5px !important;
}
.steps-toolbar .mat-tab-label {
  font-size: 0.8em;
  font-family: "Montserrat", "sans-serif";
  color: #ACAEB1;
  font-weight: 300 !important;
  padding: 0 5px;
}
.steps-toolbar .mat-tab-label-active {
  color: #4B205E !important;
}
.steps-toolbar .steps-wrapper {
  margin-top: 20px;
  position: relative;
}
.steps-toolbar ul li {
  display: flex;
  height: auto;
}

.risk {
  font-weight: 400;
}

.inactive-step {
  color: #ACAEB1 !important;
}

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

.outbonus-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}
.outbonus-wrapper:after {
  content: "";
  border-right: 1px solid #ACAEB1;
  margin: 0 2em;
}
.outbonus-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}
.outbonus-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}
.outbonus-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

.premiums-calc-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}
.premiums-calc-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}
.premiums-calc-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}
.premiums-calc-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

.flow-icon {
  color: #77338A;
  font-size: 1.8em;
  vertical-align: -webkit-baseline-middle;
  margin-right: 0.25em;
}

.steps-icon {
  color: #77338A;
  font-size: 1.45em;
  margin-right: 0.3em;
  margin-top: 10px;
}

.steps-toolbar ul {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-padding-end: 0 !important;
  -webkit-padding-start: 0 !important;
}
.steps-toolbar ul li {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin-right: 2em;
  font-weight: 400;
}

.flow-divider {
  color: #97999d;
  padding: 0 1em;
}

.quote-date {
  color: #7a3587;
  margin-left: 0.5em;
}

.left-navigation {
  background-color: #4B205E;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

@font-face {
  font-family: "outlip";
  src: url("/fonts/out-lip.eot");
  src: url("/fonts/out-lip.eot?#iefix") format("embedded-opentype"), url("/fonts/out-lip.woff") format("woff"), url("/fonts/out-lip.ttf") format("truetype"), url("/fonts/out-lip.svg#out-lip") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "outlip" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.outlip {
  font-size: 0.2em;
  color: red;
}

.outlip {
  font-size: 2em;
  color: red;
}

.outcon {
  font-size: 2em;
  color: #77338A;
}

.button-icon {
  font-size: 1.3em;
  margin-right: 0.6em;
  color: #77338A;
}

.icon-out-lip:before {
  content: "\e999";
}

.icon-out-lip:before {
  content: "\e999";
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
  display: block;
}

.mat-horizontal-stepper-header-container {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.mat-stepper-horizontal-line {
  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 -16px;
  min-width: 32px;
}

.mat-horizontal-stepper-header {
  display: flex;
  height: 72px;
  overflow: hidden;
  align-items: center;
  padding: 0 24px;
}
.mat-horizontal-stepper-header .mat-step-icon,
.mat-horizontal-stepper-header .mat-step-icon-not-touched {
  margin-right: 8px;
  flex: none;
}
[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon,
[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon-not-touched {
  margin-right: 0;
  margin-left: 8px;
}

.mat-vertical-stepper-header {
  display: flex;
  align-items: center;
  padding: 24px;
  max-height: 24px;
}
.mat-vertical-stepper-header .mat-step-icon,
.mat-vertical-stepper-header .mat-step-icon-not-touched {
  margin-right: 12px;
}
[dir=rtl] .mat-vertical-stepper-header .mat-step-icon,
[dir=rtl] .mat-vertical-stepper-header .mat-step-icon-not-touched {
  margin-right: 0;
  margin-left: 12px;
}

.mat-horizontal-stepper-content {
  overflow: hidden;
}
.mat-horizontal-stepper-content[aria-expanded=false] {
  height: 0;
}

.mat-horizontal-content-container {
  overflow: hidden;
  padding: 0 24px 24px 24px;
}

.mat-vertical-content-container {
  margin-left: 36px;
  border: 0;
  position: relative;
}
[dir=rtl] .mat-vertical-content-container {
  margin-left: 0;
  margin-right: 36px;
}

.mat-stepper-vertical-line::before {
  content: "";
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: 0;
  border-left-width: 1px;
  border-left-style: solid;
}
[dir=rtl] .mat-stepper-vertical-line::before {
  left: auto;
  right: 0;
}

.mat-vertical-stepper-content {
  overflow: hidden;
}

.mat-vertical-content {
  padding: 0 24px 24px 24px;
}

.mat-step:last-child .mat-vertical-content-container {
  border: none;
}

.mat-step-header {
  overflow: hidden;
  outline: none;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
}

.mat-step-optional {
  font-size: 12px;
}

.mat-step-icon,
.mat-step-icon-not-touched {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.mat-step-icon .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.mat-step-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 50px;
  vertical-align: middle;
}

.mat-step-text-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.mat-step-header-ripple {
  pointer-events: none;
  display: none;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

body {
  font-family: "Montserrat", "sans-serif";
  font-weight: normal;
  background-color: #FFFFFF;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  margin: 0;
  counter-reset: form-steps;
}

.container {
  background-color: #FFFFFF;
}

html {
  font-family: Montserrat;
  height: 100%;
}

sup {
  position: relative;
  left: -5px;
  font-size: 0.6em;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.flow-toolbar {
  background-color: #d2d7db;
  font-family: "Montserrat", "sans-serif";
  font-size: 0.75em;
  display: flex;
  padding-left: 2em !important;
}

.steps-toolbar {
  background-color: #e2e5e8;
  height: 80px !important;
  position: relative;
  padding-left: 5px !important;
}
.steps-toolbar .mat-tab-label {
  font-size: 0.8em;
  font-family: "Montserrat", "sans-serif";
  color: #ACAEB1;
  font-weight: 300 !important;
  padding: 0 5px;
}
.steps-toolbar .mat-tab-label-active {
  color: #4B205E !important;
}
.steps-toolbar .steps-wrapper {
  margin-top: 20px;
  position: relative;
}
.steps-toolbar ul li {
  display: flex;
  height: auto;
}

.risk {
  font-weight: 400;
}

.inactive-step {
  color: #ACAEB1 !important;
}

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

.outbonus-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}
.outbonus-wrapper:after {
  content: "";
  border-right: 1px solid #ACAEB1;
  margin: 0 2em;
}
.outbonus-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}
.outbonus-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}
.outbonus-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

.premiums-calc-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}
.premiums-calc-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}
.premiums-calc-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}
.premiums-calc-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

.flow-icon {
  color: #77338A;
  font-size: 1.8em;
  vertical-align: -webkit-baseline-middle;
  margin-right: 0.25em;
}

.steps-icon {
  color: #77338A;
  font-size: 1.45em;
  margin-right: 0.3em;
  margin-top: 10px;
}

.steps-toolbar ul {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-padding-end: 0 !important;
  -webkit-padding-start: 0 !important;
}
.steps-toolbar ul li {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin-right: 2em;
  font-weight: 400;
}

.flow-divider {
  color: #97999d;
  padding: 0 1em;
}

.quote-date {
  color: #7a3587;
  margin-left: 0.5em;
}

.left-navigation {
  background-color: #4B205E;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

@font-face {
  font-family: "outlip";
  src: url("/fonts/out-lip.eot");
  src: url("/fonts/out-lip.eot?#iefix") format("embedded-opentype"), url("/fonts/out-lip.woff") format("woff"), url("/fonts/out-lip.ttf") format("truetype"), url("/fonts/out-lip.svg#out-lip") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "outlip" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.outlip {
  font-size: 0.2em;
  color: red;
}

.outlip {
  font-size: 2em;
  color: red;
}

.outcon {
  font-size: 2em;
  color: #77338A;
}

.button-icon {
  font-size: 1.3em;
  margin-right: 0.6em;
  color: #77338A;
}

.icon-out-lip:before {
  content: "\e999";
}

.icon-out-lip:before {
  content: "\e999";
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.v-divide {
  height: 50%;
  opacity: 0.4;
  width: 1px;
  background-color: white;
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
  display: block;
}

.mat-horizontal-stepper-header-container {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.mat-stepper-horizontal-line {
  border-top-width: 1px;
  border-top-style: solid;
  flex: auto;
  height: 0;
  margin: 0 -16px;
  min-width: 32px;
}

.mat-horizontal-stepper-header {
  display: flex;
  height: 72px;
  overflow: hidden;
  align-items: center;
  padding: 0 24px;
}
.mat-horizontal-stepper-header .mat-step-icon,
.mat-horizontal-stepper-header .mat-step-icon-not-touched {
  margin-right: 8px;
  flex: none;
}
[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon,
[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon-not-touched {
  margin-right: 0;
  margin-left: 8px;
}

.mat-vertical-stepper-header {
  display: flex;
  align-items: center;
  padding: 24px;
  max-height: 24px;
}
.mat-vertical-stepper-header .mat-step-icon,
.mat-vertical-stepper-header .mat-step-icon-not-touched {
  margin-right: 12px;
}
[dir=rtl] .mat-vertical-stepper-header .mat-step-icon,
[dir=rtl] .mat-vertical-stepper-header .mat-step-icon-not-touched {
  margin-right: 0;
  margin-left: 12px;
}

.mat-horizontal-stepper-content {
  overflow: hidden;
}
.mat-horizontal-stepper-content[aria-expanded=false] {
  height: 0;
}

.mat-horizontal-content-container {
  overflow: hidden;
  padding: 0 24px 24px 24px;
}

.mat-vertical-content-container {
  margin-left: 36px;
  border: 0;
  position: relative;
}
[dir=rtl] .mat-vertical-content-container {
  margin-left: 0;
  margin-right: 36px;
}

.mat-stepper-vertical-line::before {
  content: "";
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: 0;
  border-left-width: 1px;
  border-left-style: solid;
}
[dir=rtl] .mat-stepper-vertical-line::before {
  left: auto;
  right: 0;
}

.mat-vertical-stepper-content {
  overflow: hidden;
}

.mat-vertical-content {
  padding: 0 24px 24px 24px;
}

.mat-step:last-child .mat-vertical-content-container {
  border: none;
}

.mat-step-header {
  overflow: hidden;
  outline: none;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
}

.mat-step-optional {
  font-size: 12px;
}

.mat-step-icon,
.mat-step-icon-not-touched {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.mat-step-icon .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.mat-step-label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 50px;
  vertical-align: middle;
}

.mat-step-text-label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.mat-step-header-ripple {
  pointer-events: none;
  display: none;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #79378b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #93cd3f;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #c90404;
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #79378b;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #79378b;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #93cd3f;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #93cd3f;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #93cd3f;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #93cd3f;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #c90404;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #c90404;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-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-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-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-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 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-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 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-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-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-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 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-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 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-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 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-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 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-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 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-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 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-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-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-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 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-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 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-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 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-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 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-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 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-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 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-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 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-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-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);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-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-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #79378b;
  --mdc-linear-progress-track-color: rgba(121, 55, 139, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(121, 55, 139, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(121, 55, 139, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(121, 55, 139, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(121, 55, 139, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(121, 55, 139, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #93cd3f;
  --mdc-linear-progress-track-color: rgba(147, 205, 63, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(147, 205, 63, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(147, 205, 63, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(147, 205, 63, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(147, 205, 63, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(147, 205, 63, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #c90404;
  --mdc-linear-progress-track-color: rgba(201, 4, 4, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(201, 4, 4, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(201, 4, 4, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(201, 4, 4, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(201, 4, 4, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(201, 4, 4, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-caret-color: #79378b;
  --mdc-filled-text-field-focus-active-indicator-color: #79378b;
  --mdc-filled-text-field-focus-label-text-color: rgba(121, 55, 139, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #c90404;
  --mdc-filled-text-field-error-label-text-color: #c90404;
  --mdc-filled-text-field-error-caret-color: #c90404;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #c90404;
  --mdc-filled-text-field-error-focus-active-indicator-color: #c90404;
  --mdc-filled-text-field-error-hover-active-indicator-color: #c90404;
  --mdc-outlined-text-field-caret-color: #79378b;
  --mdc-outlined-text-field-focus-outline-color: #79378b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(121, 55, 139, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #c90404;
  --mdc-outlined-text-field-error-focus-label-text-color: #c90404;
  --mdc-outlined-text-field-error-label-text-color: #c90404;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #c90404;
  --mdc-outlined-text-field-error-hover-outline-color: #c90404;
  --mdc-outlined-text-field-error-outline-color: #c90404;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #c90404);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(121, 55, 139, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(147, 205, 63, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(201, 4, 4, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #93cd3f;
  --mdc-filled-text-field-focus-active-indicator-color: #93cd3f;
  --mdc-filled-text-field-focus-label-text-color: rgba(147, 205, 63, 0.87);
  --mdc-outlined-text-field-caret-color: #93cd3f;
  --mdc-outlined-text-field-focus-outline-color: #93cd3f;
  --mdc-outlined-text-field-focus-label-text-color: rgba(147, 205, 63, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #c90404;
  --mdc-filled-text-field-focus-active-indicator-color: #c90404;
  --mdc-filled-text-field-focus-label-text-color: rgba(201, 4, 4, 0.87);
  --mdc-outlined-text-field-caret-color: #c90404;
  --mdc-outlined-text-field-focus-outline-color: #c90404;
  --mdc-outlined-text-field-focus-label-text-color: rgba(201, 4, 4, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(121, 55, 139, 0.87);
  --mat-select-invalid-arrow-color: rgba(201, 4, 4, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(147, 205, 63, 0.87);
  --mat-select-invalid-arrow-color: rgba(201, 4, 4, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(201, 4, 4, 0.87);
  --mat-select-invalid-arrow-color: rgba(201, 4, 4, 0.87);
}

html {
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #79378b;
  --mdc-chip-elevated-disabled-container-color: #79378b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-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 {
  --mdc-chip-disabled-label-text-color: black;
  --mdc-chip-elevated-container-color: #93cd3f;
  --mdc-chip-elevated-disabled-container-color: #93cd3f;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: black;
  --mdc-chip-with-icon-icon-color: black;
  --mdc-chip-with-icon-disabled-icon-color: black;
  --mdc-chip-with-icon-selected-icon-color: black;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mdc-chip-with-trailing-icon-trailing-icon-color: black;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #c90404;
  --mdc-chip-elevated-disabled-container-color: #c90404;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #713183;
  --mdc-switch-selected-handle-color: #713183;
  --mdc-switch-selected-hover-state-layer-color: #713183;
  --mdc-switch-selected-pressed-state-layer-color: #713183;
  --mdc-switch-selected-focus-handle-color: #49165b;
  --mdc-switch-selected-hover-handle-color: #49165b;
  --mdc-switch-selected-pressed-handle-color: #49165b;
  --mdc-switch-selected-focus-track-color: #a173ae;
  --mdc-switch-selected-hover-track-color: #a173ae;
  --mdc-switch-selected-pressed-track-color: #a173ae;
  --mdc-switch-selected-track-color: #a173ae;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-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);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-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);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #8bc839;
  --mdc-switch-selected-handle-color: #8bc839;
  --mdc-switch-selected-hover-state-layer-color: #8bc839;
  --mdc-switch-selected-pressed-state-layer-color: #8bc839;
  --mdc-switch-selected-focus-handle-color: #64ae1b;
  --mdc-switch-selected-hover-handle-color: #64ae1b;
  --mdc-switch-selected-pressed-handle-color: #64ae1b;
  --mdc-switch-selected-focus-track-color: #b3dc79;
  --mdc-switch-selected-hover-track-color: #b3dc79;
  --mdc-switch-selected-pressed-track-color: #b3dc79;
  --mdc-switch-selected-track-color: #b3dc79;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #c30303;
  --mdc-switch-selected-handle-color: #c30303;
  --mdc-switch-selected-hover-state-layer-color: #c30303;
  --mdc-switch-selected-pressed-state-layer-color: #c30303;
  --mdc-switch-selected-focus-handle-color: #a90101;
  --mdc-switch-selected-hover-handle-color: #a90101;
  --mdc-switch-selected-pressed-handle-color: #a90101;
  --mdc-switch-selected-focus-track-color: #d94f4f;
  --mdc-switch-selected-hover-track-color: #d94f4f;
  --mdc-switch-selected-pressed-track-color: #d94f4f;
  --mdc-switch-selected-track-color: #d94f4f;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #79378b;
  --mdc-radio-selected-hover-icon-color: #79378b;
  --mdc-radio-selected-icon-color: #79378b;
  --mdc-radio-selected-pressed-icon-color: #79378b;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #79378b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #93cd3f;
  --mdc-radio-selected-hover-icon-color: #93cd3f;
  --mdc-radio-selected-icon-color: #93cd3f;
  --mdc-radio-selected-pressed-icon-color: #93cd3f;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #93cd3f;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #c90404;
  --mdc-radio-selected-hover-icon-color: #c90404;
  --mdc-radio-selected-icon-color: #c90404;
  --mdc-radio-selected-pressed-icon-color: #c90404;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #c90404;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #79378b;
  --mdc-slider-focus-handle-color: #79378b;
  --mdc-slider-hover-handle-color: #79378b;
  --mdc-slider-active-track-color: #79378b;
  --mdc-slider-inactive-track-color: #79378b;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #79378b;
  --mat-mdc-slider-ripple-color: #79378b;
  --mat-mdc-slider-hover-ripple-color: rgba(121, 55, 139, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(121, 55, 139, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #93cd3f;
  --mdc-slider-focus-handle-color: #93cd3f;
  --mdc-slider-hover-handle-color: #93cd3f;
  --mdc-slider-active-track-color: #93cd3f;
  --mdc-slider-inactive-track-color: #93cd3f;
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: #93cd3f;
  --mat-mdc-slider-ripple-color: #93cd3f;
  --mat-mdc-slider-hover-ripple-color: rgba(147, 205, 63, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(147, 205, 63, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #c90404;
  --mdc-slider-focus-handle-color: #c90404;
  --mdc-slider-hover-handle-color: #c90404;
  --mdc-slider-active-track-color: #c90404;
  --mdc-slider-inactive-track-color: #c90404;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #c90404;
  --mat-mdc-slider-ripple-color: #c90404;
  --mat-mdc-slider-hover-ripple-color: rgba(201, 4, 4, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(201, 4, 4, 0.2);
}

html {
  --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: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #79378b;
  --mdc-radio-selected-hover-icon-color: #79378b;
  --mdc-radio-selected-icon-color: #79378b;
  --mdc-radio-selected-pressed-icon-color: #79378b;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #93cd3f;
  --mdc-radio-selected-hover-icon-color: #93cd3f;
  --mdc-radio-selected-icon-color: #93cd3f;
  --mdc-radio-selected-pressed-icon-color: #93cd3f;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #c90404;
  --mdc-radio-selected-hover-icon-color: #c90404;
  --mdc-radio-selected-icon-color: #c90404;
  --mdc-radio-selected-pressed-icon-color: #c90404;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #79378b;
  --mdc-checkbox-selected-hover-icon-color: #79378b;
  --mdc-checkbox-selected-icon-color: #79378b;
  --mdc-checkbox-selected-pressed-icon-color: #79378b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #79378b;
  --mdc-checkbox-selected-hover-state-layer-color: #79378b;
  --mdc-checkbox-selected-pressed-state-layer-color: #79378b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #93cd3f;
  --mdc-checkbox-selected-hover-icon-color: #93cd3f;
  --mdc-checkbox-selected-icon-color: #93cd3f;
  --mdc-checkbox-selected-pressed-icon-color: #93cd3f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #93cd3f;
  --mdc-checkbox-selected-hover-state-layer-color: #93cd3f;
  --mdc-checkbox-selected-pressed-state-layer-color: #93cd3f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #c90404;
  --mdc-checkbox-selected-hover-icon-color: #c90404;
  --mdc-checkbox-selected-icon-color: #c90404;
  --mdc-checkbox-selected-pressed-icon-color: #c90404;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #c90404;
  --mdc-checkbox-selected-hover-state-layer-color: #c90404;
  --mdc-checkbox-selected-pressed-state-layer-color: #c90404;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.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--activated .mdc-list-item__primary-text {
  color: #79378b;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #79378b;
}

.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;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}

.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-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: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #79378b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #79378b;
  --mat-tab-header-active-ripple-color: #79378b;
  --mat-tab-header-inactive-ripple-color: #79378b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #79378b;
  --mat-tab-header-active-hover-label-text-color: #79378b;
  --mat-tab-header-active-focus-indicator-color: #79378b;
  --mat-tab-header-active-hover-indicator-color: #79378b;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #93cd3f;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #93cd3f;
  --mat-tab-header-active-ripple-color: #93cd3f;
  --mat-tab-header-inactive-ripple-color: #93cd3f;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #93cd3f;
  --mat-tab-header-active-hover-label-text-color: #93cd3f;
  --mat-tab-header-active-focus-indicator-color: #93cd3f;
  --mat-tab-header-active-hover-indicator-color: #93cd3f;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #c90404;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #c90404;
  --mat-tab-header-active-ripple-color: #c90404;
  --mat-tab-header-inactive-ripple-color: #c90404;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #c90404;
  --mat-tab-header-active-hover-label-text-color: #c90404;
  --mat-tab-header-active-focus-indicator-color: #c90404;
  --mat-tab-header-active-hover-indicator-color: #c90404;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #79378b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #93cd3f;
  --mat-tab-header-with-background-foreground-color: black;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #c90404;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #93cd3f;
  --mdc-checkbox-selected-hover-icon-color: #93cd3f;
  --mdc-checkbox-selected-icon-color: #93cd3f;
  --mdc-checkbox-selected-pressed-icon-color: #93cd3f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #93cd3f;
  --mdc-checkbox-selected-hover-state-layer-color: #93cd3f;
  --mdc-checkbox-selected-pressed-state-layer-color: #93cd3f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #79378b;
  --mdc-checkbox-selected-hover-icon-color: #79378b;
  --mdc-checkbox-selected-icon-color: #79378b;
  --mdc-checkbox-selected-pressed-icon-color: #79378b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #79378b;
  --mdc-checkbox-selected-hover-state-layer-color: #79378b;
  --mdc-checkbox-selected-pressed-state-layer-color: #79378b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #c90404;
  --mdc-checkbox-selected-hover-icon-color: #c90404;
  --mdc-checkbox-selected-icon-color: #c90404;
  --mdc-checkbox-selected-pressed-icon-color: #c90404;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #c90404;
  --mdc-checkbox-selected-hover-state-layer-color: #c90404;
  --mdc-checkbox-selected-pressed-state-layer-color: #c90404;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #79378b;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #93cd3f;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #c90404;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #79378b;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #93cd3f;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #c90404;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #79378b;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #93cd3f;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #c90404;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #79378b;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #93cd3f;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #c90404;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #79378b;
  --mat-mdc-button-ripple-color: rgba(121, 55, 139, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #93cd3f;
  --mat-mdc-button-ripple-color: rgba(147, 205, 63, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #c90404;
  --mat-mdc-button-ripple-color: rgba(201, 4, 4, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #79378b;
  --mat-mdc-button-persistent-ripple-color: #79378b;
  --mat-mdc-button-ripple-color: rgba(121, 55, 139, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #93cd3f;
  --mat-mdc-button-persistent-ripple-color: #93cd3f;
  --mat-mdc-button-ripple-color: rgba(147, 205, 63, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #c90404;
  --mat-mdc-button-persistent-ripple-color: #c90404;
  --mat-mdc-button-ripple-color: rgba(201, 4, 4, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #79378b;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #93cd3f;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #c90404;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #93cd3f;
}

html {
  --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);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #79378b;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #93cd3f;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #c90404;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #79378b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #93cd3f;
  --mat-badge-text-color: black;
}

.mat-badge-warn {
  --mat-badge-background-color: #c90404;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #79378b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(121, 55, 139, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(121, 55, 139, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(121, 55, 139, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #79378b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(121, 55, 139, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --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-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.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --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: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --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-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #93cd3f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(147, 205, 63, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(147, 205, 63, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(147, 205, 63, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(147, 205, 63, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #c90404;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(201, 4, 4, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(201, 4, 4, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(201, 4, 4, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(201, 4, 4, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #93cd3f;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #c90404;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --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: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --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);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #79378b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #93cd3f;
}
.mat-icon.mat-warn {
  --mat-icon-color: #c90404;
}

html {
  --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);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #79378b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #79378b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #79378b;
  --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: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --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: #c90404;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #c90404;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #93cd3f;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #93cd3f;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #93cd3f;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #c90404;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #c90404;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #c90404;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #79378b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #93cd3f;
  --mat-toolbar-container-text-color: black;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #c90404;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

out-search-select mat-form-field {
  width: 100%;
}
out-search-select mat-form-field .search-select-label {
  font-family: Montserrat;
  font-size: 21px;
  line-height: 1.14;
  color: #31123F;
  font-weight: 400;
  letter-spacing: -1.2px;
}
out-search-select mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
out-search-select mat-form-field input, out-search-select mat-form-field .mat-input-element {
  margin-top: 10px;
  border: 1px solid #bcbec0;
  background: white;
  height: 65px !important;
  border-radius: 5px;
  padding: 0px 23px;
  box-sizing: border-box;
}
out-search-select mat-form-field input.lt-md-mobile, out-search-select mat-form-field .mat-input-element.lt-md-mobile {
  padding: 0px 10px !important;
}
out-search-select mat-form-field .mat-form-field-label-wrapper {
  top: 35px !important;
  padding-top: 0 !important;
}
out-search-select mat-form-field .mat-form-field-label-wrapper span {
  top: 50% !important;
}
out-search-select mat-form-field .mat-form-field-label {
  transform: translate(0, 50%);
  padding: 0px 23px;
}
out-search-select.lt-md-mobile .mat-form-field-label-wrapper {
  top: 40px !important;
}
out-search-select.lt-md-mobile input, out-search-select.lt-md-mobile .mat-input-element {
  padding: 0px 10px;
}
out-search-select.lt-md-mobile .mat-form-field-label {
  padding: 0px 10px;
  font-size: 14px;
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(121, 55, 139, 0.12);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(147, 205, 63, 0.12);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(201, 4, 4, 0.12);
}
.mat-button.mat-primary, .mat-button.mat-primary {
  background: linear-gradient(to bottom, #77338A, #77338A);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #efe7f1;
}
.mat-button.mat-primary.outline, .mat-button.mat-primary.outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary.outline.white, .mat-button.mat-primary.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary.outline.grey, .mat-button.mat-primary.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary.circle, .mat-button.mat-primary.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary.toolbarBtn, .mat-button.mat-primary.toolbarBtn {
  height: 2.9em;
}
.mat-button.mat-accent, .mat-button.mat-accent {
  background: linear-gradient(to bottom, #93CE58, #93CE58);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: white;
}
.mat-button.mat-accent.outline, .mat-button.mat-accent.outline {
  background: none;
  border: 2px #93cd3f solid;
  text-transform: uppercase;
  color: #93cd3f;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-accent.outline.white, .mat-button.mat-accent.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-accent.outline.grey, .mat-button.mat-accent.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-accent.circle, .mat-button.mat-accent.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-accent.toolbarBtn, .mat-button.mat-accent.toolbarBtn {
  height: 2.9em;
}
.mat-button.mat-warn, .mat-button.mat-warn {
  background: linear-gradient(to bottom, #EC7104, #EC7104);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #f9e1e1;
}
.mat-button.mat-warn.outline, .mat-button.mat-warn.outline {
  background: none;
  border: 2px #c90404 solid;
  text-transform: uppercase;
  color: #c90404;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-warn.outline.white, .mat-button.mat-warn.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-warn.outline.grey, .mat-button.mat-warn.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-warn.circle, .mat-button.mat-warn.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-warn.toolbarBtn, .mat-button.mat-warn.toolbarBtn {
  height: 2.9em;
}
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled] {
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #fff;
  background: #808285;
}
.mat-button.mat-primary[disabled].outline, .mat-button.mat-accent[disabled].outline, .mat-button.mat-warn[disabled].outline, .mat-button[disabled][disabled].outline, .mat-button.mat-primary[disabled].outline, .mat-button.mat-accent[disabled].outline, .mat-button.mat-warn[disabled].outline, .mat-button[disabled][disabled].outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary[disabled].outline.white, .mat-button.mat-accent[disabled].outline.white, .mat-button.mat-warn[disabled].outline.white, .mat-button[disabled][disabled].outline.white, .mat-button.mat-primary[disabled].outline.white, .mat-button.mat-accent[disabled].outline.white, .mat-button.mat-warn[disabled].outline.white, .mat-button[disabled][disabled].outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary[disabled].outline.grey, .mat-button.mat-accent[disabled].outline.grey, .mat-button.mat-warn[disabled].outline.grey, .mat-button[disabled][disabled].outline.grey, .mat-button.mat-primary[disabled].outline.grey, .mat-button.mat-accent[disabled].outline.grey, .mat-button.mat-warn[disabled].outline.grey, .mat-button[disabled][disabled].outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary[disabled].circle, .mat-button.mat-accent[disabled].circle, .mat-button.mat-warn[disabled].circle, .mat-button[disabled][disabled].circle, .mat-button.mat-primary[disabled].circle, .mat-button.mat-accent[disabled].circle, .mat-button.mat-warn[disabled].circle, .mat-button[disabled][disabled].circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-button.mat-primary[disabled].toolbarBtn, .mat-button.mat-accent[disabled].toolbarBtn, .mat-button.mat-warn[disabled].toolbarBtn, .mat-button[disabled][disabled].toolbarBtn, .mat-button.mat-primary[disabled].toolbarBtn, .mat-button.mat-accent[disabled].toolbarBtn, .mat-button.mat-warn[disabled].toolbarBtn, .mat-button[disabled][disabled].toolbarBtn {
  height: 2.9em;
}

.mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background: linear-gradient(to bottom, #77338A, #77338A);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: white;
}
.mat-raised-button.mat-primary.outline, .mat-fab.mat-primary.outline, .mat-mini-fab.mat-primary.outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.outline.white, .mat-fab.mat-primary.outline.white, .mat-mini-fab.mat-primary.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.outline.grey, .mat-fab.mat-primary.outline.grey, .mat-mini-fab.mat-primary.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.circle, .mat-fab.mat-primary.circle, .mat-mini-fab.mat-primary.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.toolbarBtn, .mat-fab.mat-primary.toolbarBtn, .mat-mini-fab.mat-primary.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background: linear-gradient(to bottom, #93CE58, #93CE58);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: black;
}
.mat-raised-button.mat-accent.outline, .mat-fab.mat-accent.outline, .mat-mini-fab.mat-accent.outline {
  background: none;
  border: 2px #93cd3f solid;
  text-transform: uppercase;
  color: #93cd3f;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.outline.white, .mat-fab.mat-accent.outline.white, .mat-mini-fab.mat-accent.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.outline.grey, .mat-fab.mat-accent.outline.grey, .mat-mini-fab.mat-accent.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.circle, .mat-fab.mat-accent.circle, .mat-mini-fab.mat-accent.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.toolbarBtn, .mat-fab.mat-accent.toolbarBtn, .mat-mini-fab.mat-accent.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background: linear-gradient(to bottom, #EC7104, #EC7104);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: white;
}
.mat-raised-button.mat-warn.outline, .mat-fab.mat-warn.outline, .mat-mini-fab.mat-warn.outline {
  background: none;
  border: 2px #c90404 solid;
  text-transform: uppercase;
  color: #c90404;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.outline.white, .mat-fab.mat-warn.outline.white, .mat-mini-fab.mat-warn.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.outline.grey, .mat-fab.mat-warn.outline.grey, .mat-mini-fab.mat-warn.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.circle, .mat-fab.mat-warn.circle, .mat-mini-fab.mat-warn.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.toolbarBtn, .mat-fab.mat-warn.toolbarBtn, .mat-mini-fab.mat-warn.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  color: #fff;
  background: #808285;
}
.mat-raised-button.mat-primary[disabled].outline, .mat-raised-button.mat-accent[disabled].outline, .mat-raised-button.mat-warn[disabled].outline, .mat-raised-button[disabled][disabled].outline, .mat-fab.mat-primary[disabled].outline, .mat-fab.mat-accent[disabled].outline, .mat-fab.mat-warn[disabled].outline, .mat-fab[disabled][disabled].outline, .mat-mini-fab.mat-primary[disabled].outline, .mat-mini-fab.mat-accent[disabled].outline, .mat-mini-fab.mat-warn[disabled].outline, .mat-mini-fab[disabled][disabled].outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].outline.white, .mat-raised-button.mat-accent[disabled].outline.white, .mat-raised-button.mat-warn[disabled].outline.white, .mat-raised-button[disabled][disabled].outline.white, .mat-fab.mat-primary[disabled].outline.white, .mat-fab.mat-accent[disabled].outline.white, .mat-fab.mat-warn[disabled].outline.white, .mat-fab[disabled][disabled].outline.white, .mat-mini-fab.mat-primary[disabled].outline.white, .mat-mini-fab.mat-accent[disabled].outline.white, .mat-mini-fab.mat-warn[disabled].outline.white, .mat-mini-fab[disabled][disabled].outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].outline.grey, .mat-raised-button.mat-accent[disabled].outline.grey, .mat-raised-button.mat-warn[disabled].outline.grey, .mat-raised-button[disabled][disabled].outline.grey, .mat-fab.mat-primary[disabled].outline.grey, .mat-fab.mat-accent[disabled].outline.grey, .mat-fab.mat-warn[disabled].outline.grey, .mat-fab[disabled][disabled].outline.grey, .mat-mini-fab.mat-primary[disabled].outline.grey, .mat-mini-fab.mat-accent[disabled].outline.grey, .mat-mini-fab.mat-warn[disabled].outline.grey, .mat-mini-fab[disabled][disabled].outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].circle, .mat-raised-button.mat-accent[disabled].circle, .mat-raised-button.mat-warn[disabled].circle, .mat-raised-button[disabled][disabled].circle, .mat-fab.mat-primary[disabled].circle, .mat-fab.mat-accent[disabled].circle, .mat-fab.mat-warn[disabled].circle, .mat-fab[disabled][disabled].circle, .mat-mini-fab.mat-primary[disabled].circle, .mat-mini-fab.mat-accent[disabled].circle, .mat-mini-fab.mat-warn[disabled].circle, .mat-mini-fab[disabled][disabled].circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].toolbarBtn, .mat-raised-button.mat-accent[disabled].toolbarBtn, .mat-raised-button.mat-warn[disabled].toolbarBtn, .mat-raised-button[disabled][disabled].toolbarBtn, .mat-fab.mat-primary[disabled].toolbarBtn, .mat-fab.mat-accent[disabled].toolbarBtn, .mat-fab.mat-warn[disabled].toolbarBtn, .mat-fab[disabled][disabled].toolbarBtn, .mat-mini-fab.mat-primary[disabled].toolbarBtn, .mat-mini-fab.mat-accent[disabled].toolbarBtn, .mat-mini-fab.mat-warn[disabled].toolbarBtn, .mat-mini-fab[disabled][disabled].toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background: linear-gradient(to bottom, #77338A, #77338A);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  background: #79378b;
}
.mat-raised-button.mat-primary.outline, .mat-fab.mat-primary.outline, .mat-mini-fab.mat-primary.outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.outline.white, .mat-fab.mat-primary.outline.white, .mat-mini-fab.mat-primary.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.outline.grey, .mat-fab.mat-primary.outline.grey, .mat-mini-fab.mat-primary.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.circle, .mat-fab.mat-primary.circle, .mat-mini-fab.mat-primary.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary.toolbarBtn, .mat-fab.mat-primary.toolbarBtn, .mat-mini-fab.mat-primary.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background: linear-gradient(to bottom, #93CE58, #93CE58);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  background: #93cd3f;
}
.mat-raised-button.mat-accent.outline, .mat-fab.mat-accent.outline, .mat-mini-fab.mat-accent.outline {
  background: none;
  border: 2px #93cd3f solid;
  text-transform: uppercase;
  color: #93cd3f;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.outline.white, .mat-fab.mat-accent.outline.white, .mat-mini-fab.mat-accent.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.outline.grey, .mat-fab.mat-accent.outline.grey, .mat-mini-fab.mat-accent.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.circle, .mat-fab.mat-accent.circle, .mat-mini-fab.mat-accent.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-accent.toolbarBtn, .mat-fab.mat-accent.toolbarBtn, .mat-mini-fab.mat-accent.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background: linear-gradient(to bottom, #EC7104, #EC7104);
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  background: #c90404;
}
.mat-raised-button.mat-warn.outline, .mat-fab.mat-warn.outline, .mat-mini-fab.mat-warn.outline {
  background: none;
  border: 2px #c90404 solid;
  text-transform: uppercase;
  color: #c90404;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.outline.white, .mat-fab.mat-warn.outline.white, .mat-mini-fab.mat-warn.outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.outline.grey, .mat-fab.mat-warn.outline.grey, .mat-mini-fab.mat-warn.outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.circle, .mat-fab.mat-warn.circle, .mat-mini-fab.mat-warn.circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-warn.toolbarBtn, .mat-fab.mat-warn.toolbarBtn, .mat-mini-fab.mat-warn.toolbarBtn {
  height: 2.9em;
}
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  border-radius: 50px;
  text-transform: uppercase;
  padding: 0.45em 2.2em;
  overflow: hidden;
  min-width: 100px;
  min-height: 45px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
  background: #fff;
  background: #808285;
}
.mat-raised-button.mat-primary[disabled].outline, .mat-raised-button.mat-accent[disabled].outline, .mat-raised-button.mat-warn[disabled].outline, .mat-raised-button[disabled][disabled].outline, .mat-fab.mat-primary[disabled].outline, .mat-fab.mat-accent[disabled].outline, .mat-fab.mat-warn[disabled].outline, .mat-fab[disabled][disabled].outline, .mat-mini-fab.mat-primary[disabled].outline, .mat-mini-fab.mat-accent[disabled].outline, .mat-mini-fab.mat-warn[disabled].outline, .mat-mini-fab[disabled][disabled].outline {
  background: none;
  border: 2px #79378b solid;
  text-transform: uppercase;
  color: #79378b;
  padding: 0.3em 2.7em;
  min-width: 100px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].outline.white, .mat-raised-button.mat-accent[disabled].outline.white, .mat-raised-button.mat-warn[disabled].outline.white, .mat-raised-button[disabled][disabled].outline.white, .mat-fab.mat-primary[disabled].outline.white, .mat-fab.mat-accent[disabled].outline.white, .mat-fab.mat-warn[disabled].outline.white, .mat-fab[disabled][disabled].outline.white, .mat-mini-fab.mat-primary[disabled].outline.white, .mat-mini-fab.mat-accent[disabled].outline.white, .mat-mini-fab.mat-warn[disabled].outline.white, .mat-mini-fab[disabled][disabled].outline.white {
  color: white;
  border: 0.18em white solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].outline.grey, .mat-raised-button.mat-accent[disabled].outline.grey, .mat-raised-button.mat-warn[disabled].outline.grey, .mat-raised-button[disabled][disabled].outline.grey, .mat-fab.mat-primary[disabled].outline.grey, .mat-fab.mat-accent[disabled].outline.grey, .mat-fab.mat-warn[disabled].outline.grey, .mat-fab[disabled][disabled].outline.grey, .mat-mini-fab.mat-primary[disabled].outline.grey, .mat-mini-fab.mat-accent[disabled].outline.grey, .mat-mini-fab.mat-warn[disabled].outline.grey, .mat-mini-fab[disabled][disabled].outline.grey {
  color: #808285;
  border: 1px #808285 solid;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].circle, .mat-raised-button.mat-accent[disabled].circle, .mat-raised-button.mat-warn[disabled].circle, .mat-raised-button[disabled][disabled].circle, .mat-fab.mat-primary[disabled].circle, .mat-fab.mat-accent[disabled].circle, .mat-fab.mat-warn[disabled].circle, .mat-fab[disabled][disabled].circle, .mat-mini-fab.mat-primary[disabled].circle, .mat-mini-fab.mat-accent[disabled].circle, .mat-mini-fab.mat-warn[disabled].circle, .mat-mini-fab[disabled][disabled].circle {
  min-width: 0px;
  border-radius: 50em;
  width: 56px;
  height: 56px;
  padding: 0px;
  font-family: "Montserrat", "sans-serif";
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 14px;
}
.mat-raised-button.mat-primary[disabled].toolbarBtn, .mat-raised-button.mat-accent[disabled].toolbarBtn, .mat-raised-button.mat-warn[disabled].toolbarBtn, .mat-raised-button[disabled][disabled].toolbarBtn, .mat-fab.mat-primary[disabled].toolbarBtn, .mat-fab.mat-accent[disabled].toolbarBtn, .mat-fab.mat-warn[disabled].toolbarBtn, .mat-fab[disabled][disabled].toolbarBtn, .mat-mini-fab.mat-primary[disabled].toolbarBtn, .mat-mini-fab.mat-accent[disabled].toolbarBtn, .mat-mini-fab.mat-warn[disabled].toolbarBtn, .mat-mini-fab[disabled][disabled].toolbarBtn {
  height: 2.9em;
}

.mat-button {
  font-family: "Montserrat", "sans-serif";
  font-weight: 14px;
  font-size: 700;
  letter-spacing: 0px;
  line-height: 700;
  min-width: 100px;
}
.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(239, 231, 241, 0.3);
}
.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.3);
}
.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(249, 225, 225, 0.3);
}
.mat-button i {
  padding: 0px 8px 0px 0px;
}

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(239, 231, 241, 0.2);
}
.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(249, 225, 225, 0.2);
}

.mat-card {
  font-family: Montserrat;
  padding: 20px !important;
  margin-top: 25px !important;
  background: linear-gradient(to bottom, #F5F5F5, #EEEEEE);
  border-radius: 5px !important;
}
.mat-card.white {
  background: white;
}
.mat-card.no-shadow {
  box-shadow: none !important;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 6.5px 4.7px 9px 0px rgba(0, 0, 0, 0.07) !important;
}
.mat-card:not([class*=mat-elevation-z]).no-shadow {
  box-shadow: none !important;
}

.mat-card-subtitle {
  color: #f0f;
}

.mat-tab-list {
  width: 100% !important;
}

.white .mat-tab-label {
  color: #808285;
}
.white .mat-tab-label.mat-tab-label-active {
  color: #79378b;
}
.white .mat-ink-bar:before {
  color: white;
}

.gray .mat-tab-label {
  color: #808285;
}
.gray .mat-tab-label.mat-tab-label-active {
  color: #79378b;
}
.gray .mat-ink-bar:before {
  color: #f3f3f3;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border: none;
}

.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus, .mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(215, 195, 220, 0);
}

.mat-tab-label {
  color: #9b9da0;
  height: 136px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  opacity: 1 !important;
}
.mat-tab-label.mat-tab-label-active {
  color: white;
}
.mat-tab-label.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-ripple-element {
  background-color: transparent;
}

.mat-toolbar {
  height: auto !important;
  background-color: #49165b;
  padding: 0px !important;
  font-family: Montserrat !important;
}

.mat-tab-group.mat-primary .mat-tab-label:focus {
  background-color: transparent;
}

.mat-ink-bar:before {
  font-family: outlip;
  content: "\e999";
  color: #e2e5e8;
  font-size: 20px;
  line-height: 20px;
}

.mat-ink-bar {
  height: 25px !important;
  bottom: 8px !important;
  max-width: 140px !important;
  padding-left: 20px;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
}

.mat-tab-group {
  font-family: "Montserrat", "sans-serif";
}

.mat-tab-header-pagination {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.mat-tab-header-pagination .mat-tab-header-pagination-chevron {
  width: 12px;
  height: 12px;
  border-color: #77338A;
}

.mat-tab-group {
  font-family: "Montserrat", "sans-serif";
}

.mat-tab-label, .mat-tab-link {
  font-family: Montserrat !important;
  font-weight: 500 !important;
  font-size: 18px;
}

.mat-menu-panel {
  box-shadow: 0px 0px 16px 6px rgba(0, 0, 0, 0.1) !important;
  min-width: 200px !important;
  max-width: 200px !important;
  overflow: auto;
  -webit-overflow-scrolling: touch;
  color: #79378b;
  background: #49165b;
  max-height: calc(100vh - 58px) !important;
  border-radius: 5px !important;
  outline: 0;
}
.mat-menu-panel.mat-menu-after.mat-menu-below {
  transform-origin: left top;
}
.mat-menu-panel.mat-menu-after.mat-menu-above {
  transform-origin: left bottom;
}
.mat-menu-panel.mat-menu-before.mat-menu-below {
  transform-origin: right top;
}
.mat-menu-panel.mat-menu-before.mat-menu-above {
  transform-origin: right bottom;
}
[dir=rtl] .mat-menu-panel.mat-menu-after.mat-menu-below {
  transform-origin: right top;
}
[dir=rtl] .mat-menu-panel.mat-menu-after.mat-menu-above {
  transform-origin: right bottom;
}
[dir=rtl] .mat-menu-panel.mat-menu-before.mat-menu-below {
  transform-origin: left top;
}
[dir=rtl] .mat-menu-panel.mat-menu-before.mat-menu-above {
  transform-origin: left bottom;
}
.mat-menu-panel[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-panel.ng-animating {
  pointer-events: none;
}

.mat-menu-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-left: 0px;
  margin-right: 0px;
}

.mat-menu-item {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: block;
  line-height: 60px !important;
  height: 60px !important;
  padding: 0px 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  padding: 0px !important;
  background: white;
  font-size: 14px;
}
.mat-menu-item[disabled] {
  cursor: default;
}

.mat-menu-item:hover:not([disabled]), .mat-menu-item-highlighted:not([disabled]) {
  background: white;
}
.mat-menu-item:hover:not([disabled]) span, .mat-menu-item-highlighted:not([disabled]) span {
  font-weight: 700 !important;
}

button.mat-menu-item {
  width: 100%;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.1;
}

.cdk-overlay-transparent-backdrop {
  background: #000;
}

.mat-drawer {
  background-color: white !important;
}

.mat-drawer-container {
  background-color: transparent;
  z-index: 1000;
}

.mat-expansion-panel {
  box-shadow: none !important;
  background: transparent;
}

.mat-expansion-panel-header {
  padding: 16px;
  min-height: 100px !important;
  height: 100% !important;
}

.mat-expanded .mat-expansion-panel-content {
  background: #FAFAFA !important;
  padding-top: 20px;
}

.mat-expansion-panel-header-description, .mat-expansion-indicator::after {
  color: #77338A;
}

.mat-button-toggle {
  margin: 0 20px;
  border-radius: 50px;
  border: 1px solid #808285;
  color: #222427;
  font-family: Montserrat;
  font-weight: 300;
}

.mat-button-toggle-checked {
  background-color: #77338A;
  color: #FFFFFF;
  font-weight: 500;
}

.mat-button-toggle-group, .mat-button-toggle-standalone {
  box-shadow: none !important;
  cursor: default !important;
}

.mat-button-toggle-label-content {
  padding: 3px 37px !important;
  border-radius: 50px;
}

input.mat-input-element {
  margin-top: 3px;
  margin-bottom: 2px;
}

.mat-form-field-underline.mat-form-field-underline {
  background-color: #C3C5C9;
}

mat-horizontal-stepper.md-tablet .mat-horizontal-stepper-header-container {
  padding: 0px 60px;
}
mat-horizontal-stepper.lt-md-mobile .mat-horizontal-stepper-header-container {
  padding: 0px 20px;
}

.mat-horizontal-stepper-header-container {
  align-items: flex-start !important;
}

.mat-step-header {
  background: transparent;
  display: block !important;
  overflow: visible !important;
}
.mat-step-header.mat-horizontal-stepper-header {
  width: 50px;
  height: 100%;
  padding: 0px;
}
.mat-step-header .mat-step-label {
  text-align: center;
  color: #58595b;
  font-size: 12px;
  font-family: Montserrat;
  text-transform: uppercase;
  overflow: visible !important;
  justify-content: center;
  display: flex !important;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: #77338A;
}
.mat-step-header .mat-step-label .mat-step-text-label {
  overflow: visible;
  margin-top: 10px;
}
.mat-step-header .mat-step-icon {
  width: 50px;
  height: 50px;
  background: #77338A;
  padding: 0px;
}
.mat-step-header .mat-step-icon span {
  color: white;
}
.mat-step-header .mat-step-icon-not-touched {
  width: 46px;
  height: 46px;
  background: white;
  border: 2px solid #77338A;
}
.mat-step-header .mat-step-icon-not-touched span {
  color: #77338A;
}
.mat-step-header .mat-step-header-ripple {
  width: 54px;
  height: 54px;
}

.mat-stepper-horizontal-line {
  margin-top: 25px !important;
  border-top-color: #77338A !important;
  border-top-width: 2px !important;
  border-top-style: solid;
}

.mat-tab-group.no-header .mat-tab-header {
  display: none !important;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #79378b;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #93cd3f;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #c90404;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #79378b;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #93cd3f;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #c90404;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: black;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #79378b;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #93cd3f;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #c90404;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-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-raised-button:not([class*=mat-elevation-z]) {
  box-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-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-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:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-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.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-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-datepicker-content .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #79378b;
}
.mat-datepicker-content .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #93cd3f;
}
.mat-datepicker-content .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #c90404;
}
.mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #79378b;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #93cd3f;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #c90404;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #79378b;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #93cd3f;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #c90404;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-datepicker-content .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #79378b;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #93cd3f;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #c90404;
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #79378b;
  --mat-mdc-button-ripple-color: rgba(121, 55, 139, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #93cd3f;
  --mat-mdc-button-ripple-color: rgba(147, 205, 63, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #c90404;
  --mat-mdc-button-ripple-color: rgba(201, 4, 4, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #79378b;
  --mat-mdc-button-persistent-ripple-color: #79378b;
  --mat-mdc-button-ripple-color: rgba(121, 55, 139, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #93cd3f;
  --mat-mdc-button-persistent-ripple-color: #93cd3f;
  --mat-mdc-button-ripple-color: rgba(147, 205, 63, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #c90404;
  --mat-mdc-button-persistent-ripple-color: #c90404;
  --mat-mdc-button-ripple-color: rgba(201, 4, 4, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #79378b;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #93cd3f;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #c90404;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #79378b;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #79378b;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #93cd3f;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #93cd3f;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #93cd3f;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #93cd3f;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #c90404;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #c90404;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-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-elevation-z1 {
  box-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-elevation-z2 {
  box-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-elevation-z3 {
  box-shadow: 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-elevation-z4 {
  box-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-elevation-z5 {
  box-shadow: 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-elevation-z6 {
  box-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-elevation-z7 {
  box-shadow: 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-elevation-z8 {
  box-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-elevation-z9 {
  box-shadow: 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-elevation-z10 {
  box-shadow: 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-elevation-z11 {
  box-shadow: 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-elevation-z12 {
  box-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-elevation-z13 {
  box-shadow: 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-elevation-z14 {
  box-shadow: 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-elevation-z15 {
  box-shadow: 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-elevation-z16 {
  box-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-elevation-z17 {
  box-shadow: 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-elevation-z18 {
  box-shadow: 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-elevation-z19 {
  box-shadow: 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-elevation-z20 {
  box-shadow: 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-elevation-z21 {
  box-shadow: 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-elevation-z22 {
  box-shadow: 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-elevation-z23 {
  box-shadow: 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-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-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-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-progress-bar-background {
  fill: #dac9de;
}

.mat-progress-bar-buffer {
  background-color: #dac9de;
}

.mat-progress-bar-fill::after {
  background-color: #79378b;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #e0efcb;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #e0efcb;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #93cd3f;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #eebdbd;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #eebdbd;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #c90404;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #79378b;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #93cd3f;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #c90404;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #79378b;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #93cd3f;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #c90404;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #c90404;
}

.mat-form-field-disabled .mat-form-field-prefix,
.mat-form-field-disabled .mat-form-field-suffix {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #79378b;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #93cd3f;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #c90404;
}

.mat-focused .mat-form-field-required-marker {
  color: #93cd3f;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #79378b;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #93cd3f;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #c90404;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #79378b;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #93cd3f;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #c90404;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #c90404;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #c90404;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #c90404;
}

.mat-error {
  color: #c90404;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #79378b;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #93cd3f;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #c90404;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #c90404;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #79378b;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #93cd3f;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #c90404;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #c90404;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #79378b;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #93cd3f;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #c90404;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #79378b;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #93cd3f;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #c90404;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-dialog-container {
  box-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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #79378b;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #c90404;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #93cd3f;
  color: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #93cd3f;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(147, 205, 63, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #93cd3f;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #79378b;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(121, 55, 139, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #79378b;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #c90404;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(201, 4, 4, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #c90404;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-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);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #79378b;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #79378b;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #93cd3f;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #93cd3f;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #c90404;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #c90404;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #79378b;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(121, 55, 139, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #93cd3f;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: black;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(147, 205, 63, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #c90404;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(201, 4, 4, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(215, 195, 220, 0.3);
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #79378b;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(223, 240, 197, 0.3);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #93cd3f;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(239, 180, 180, 0.3);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #c90404;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(215, 195, 220, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #79378b;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(223, 240, 197, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #93cd3f;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: black;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(239, 180, 180, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #c90404;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-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-simple-snackbar-action {
  color: #93cd3f;
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-badge-background-color: #79378b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #93cd3f;
  --mat-badge-text-color: black;
}

.mat-badge-warn {
  --mat-badge-background-color: #c90404;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #79378b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(121, 55, 139, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(121, 55, 139, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(121, 55, 139, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #79378b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(121, 55, 139, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --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-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.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --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: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --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-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #93cd3f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(147, 205, 63, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(147, 205, 63, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(147, 205, 63, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(147, 205, 63, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #c90404;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(201, 4, 4, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(201, 4, 4, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(201, 4, 4, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(201, 4, 4, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #93cd3f;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #c90404;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --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: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --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);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #79378b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #93cd3f;
}
.mat-icon.mat-warn {
  --mat-icon-color: #c90404;
}

html {
  --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);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #79378b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #79378b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #79378b;
  --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: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --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: #c90404;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #c90404;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #93cd3f;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #93cd3f;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #93cd3f;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #c90404;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #c90404;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #c90404;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #79378b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #93cd3f;
  --mat-toolbar-container-text-color: black;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #c90404;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

* {
  font-family: "Lexend Deca", sans-serif;
}

body,
html {
  margin: 0;
  padding: 0;
}
body.no-scroll,
html.no-scroll {
  overflow: hidden;
}

.mat-tooltip-panel .mat-tooltip {
  border-radius: 0.5rem !important;
  padding: 0 1.25rem !important;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  z-index: 99999;
  background: #363636;
}
em.mat-tooltip-trigger {
  display: inline-block;
  width: 21px;
  height: 21px;
  position: relative;
  top: 3px;
  margin: 0 0 0 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99909 8.66671C9.88409 8.66671 9.79075 8.76004 9.79159 8.87504C9.79159 8.99004 9.88492 9.08337 9.99992 9.08337C10.1149 9.08337 10.2083 8.99004 10.2083 8.87504C10.2083 8.76004 10.1149 8.66671 9.99909 8.66671' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19.5V19.5C5.8575 19.5 2.5 16.1425 2.5 12V12C2.5 7.8575 5.8575 4.5 10 4.5V4.5C14.1425 4.5 17.5 7.8575 17.5 12V12C17.5 16.1425 14.1425 19.5 10 19.5Z' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99992 12V16.1667' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.mat-form-field-appearance-outline .mat-progress-spinner circle,
.mat-form-field-appearance-outline .mat-spinner {
  top: -2px;
}
.mat-form-field-appearance-outline .mat-progress-spinner circle circle,
.mat-form-field-appearance-outline .mat-spinner circle {
  stroke: #9160ab;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #9d71ad;
  transform: translateY(-0.5em) scale(0.75);
}
.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0 !important;
  margin: 3px 0 0 0;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
}
.mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 0 10px 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  color: #9160ab;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  height: auto;
  position: relative;
  top: 8px;
  left: 4px;
}
.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 16px 0;
  margin-top: 0;
  position: relative;
  border-radius: 0.75rem !important;
  background: #ffffff;
}
.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border: 2px solid #e5dfea !important;
  border-right-style: none !important;
  min-width: 1rem !important;
  border-radius: 0.75rem 0 0 0.75rem !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-gap, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border: 2px solid #e5dfea !important;
  border-left-style: none !important;
  border-right-style: none !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 2px solid #e5dfea !important;
  border-left-style: none !important;
  min-width: 1rem !important;
  border-radius: 0 0.75rem 0.75rem 0 !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label {
  color: #a21902 !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #a21902 !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start, .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end {
  border-color: #fea995 !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-flex, .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex {
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start, .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start {
  border-color: #7b4994 !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap, .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap, .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap, .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-color: #7b4994 !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end, .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end {
  border-color: #7b4994 !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle {
  stroke: #8b8b8b;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap, .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: #8b8b8b !important;
}

.cdk-overlay-pane .mat-autocomplete-panel {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
  border: 2px solid #7b4994 !important;
  border-top: none !important;
  padding-top: 0.75rem;
  top: -0.75rem;
  min-width: auto;
}
.cdk-overlay-pane .mat-autocomplete-panel:focus, .cdk-overlay-pane .mat-autocomplete-panel:active {
  border-color: #e5dfea !important;
}
.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.25rem;
  margin: 0.75rem 0;
  background: transparent;
}
.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  margin: 0.75rem 0;
  background: transparent;
}
.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb {
  background: #dad2e1;
  margin: 0.75rem 0;
  border-radius: 0.25rem;
}
.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: #dad2e1;
  margin: 0.75rem 0;
  border-radius: 0.25rem;
}
.cdk-overlay-pane .mat-autocomplete-panel .mat-option {
  white-space: unset;
  overflow: unset;
  height: auto;
  padding: 12px 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #515151;
}
.cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  box-shadow: none !important;
  border: 2px solid #7b4994 !important;
  border-bottom: none !important;
  padding-bottom: 0.75rem;
  top: 0.75rem;
  position: relative;
}
.cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus, .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active {
  border-color: #e5dfea !important;
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option.mat-active,
.mat-option:focus:not(.mat-option-disabled) {
  background: #f6e9ff;
}

.mat-autocomplete-panel .mat-option.mat-selected:hover,
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  background: #f6e9ff;
  padding-right: 36px;
}
.mat-autocomplete-panel .mat-option.mat-selected:hover::after,
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after {
  content: "";
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 20px;
  right: 10px;
  top: 0;
  bottom: 0;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9032 7.83325L7.78689 16.1666L4.09766 12.3787' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel {
  border-color: #e5dfea !important;
}
body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel {
  border-color: #e5dfea !important;
}

.mat-checkbox {
  height: 58px;
  display: flex !important;
  align-items: center;
}
.mat-checkbox .mat-checkbox-ripple {
  display: none;
}
.mat-checkbox .mat-checkbox-inner-container {
  height: 28px !important;
  width: 28px !important;
  margin-right: 0.75rem;
}
.mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
  background: #ffffff;
  border: 2px solid #e2e2e2;
  border-radius: 0.5rem;
}
.mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #9160ab;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
}
.mat-checkbox .mat-checkbox-checkmark {
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  margin: -9px !important;
}
.mat-checkbox .mat-checkbox-layout {
  white-space: normal !important;
}
.mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px !important;
  padding: 2px 0 0 0;
}
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame {
  background: #ffffff;
  border: 2px solid #9160ab;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d9adf9;
}
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d9adf9;
}

.mat-chip-attachment-count {
  background-color: #d5c1db !important;
}

.mat-hint {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
  margin: 0 1rem 0;
  position: relative;
  height: 14px;
  line-height: unset;
}

mat-error,
.error-message {
  color: #a21902 !important;
  position: relative;
  padding-left: 0;
}

.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog {
  max-width: 790px !important;
  width: 100% !important;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container {
  background: #ffffff !important;
  border-radius: 1rem !important;
  box-shadow: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  padding: 0;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  background-color: #86bb39;
  color: white;
  height: 3.5rem;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 450;
  line-height: 2.5rem;
  letter-spacing: 0.012em;
  color: #515151;
  margin: 1.5rem 0 1rem 0;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7764 6.70711C19.167 6.31658 19.167 5.68342 18.7764 5.29289C18.3859 4.90237 17.7528 4.90237 17.3622 5.29289L18.7764 6.70711ZM5.36223 17.2929C4.9717 17.6834 4.9717 18.3166 5.36223 18.7071C5.75275 19.0976 6.38592 19.0976 6.77644 18.7071L5.36223 17.2929ZM6.77644 5.29289C6.38592 4.90237 5.75275 4.90237 5.36223 5.29289C4.9717 5.68342 4.9717 6.31658 5.36223 6.70711L6.77644 5.29289ZM17.3622 18.7071C17.7528 19.0976 18.3859 19.0976 18.7764 18.7071C19.167 18.3166 19.167 17.6834 18.7764 17.2929L17.3622 18.7071ZM17.3622 5.29289L5.36223 17.2929L6.77644 18.7071L18.7764 6.70711L17.3622 5.29289ZM5.36223 6.70711L17.3622 18.7071L18.7764 17.2929L6.77644 5.29289L5.36223 6.70711Z' fill='%23515151'/%3E%3C/svg%3E%0A");
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content {
  display: block;
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: unset;
  padding: 24px;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions {
  border-top: 2px solid #efebf2;
  align-items: center;
  justify-content: center;
  margin: unset;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button {
  margin: unset !important;
  margin-left: 10px !important;
}
.cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container {
  position: relative;
  height: 72px;
  background: #e7f7e6;
  width: 100%;
  border-radius: 0.75rem;
  left: 0;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  padding: 0 24px;
}

@media screen and (max-width: 959px) {
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container {
    background: #ffffff !important;
    border-radius: 1rem !important;
    box-shadow: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
    padding: 1rem 1rem 30px 1rem;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title {
    margin: unset;
    padding: 0 0 0.5rem 0;
    position: relative;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text {
    font-family: "Montserrat", sans-serif;
    font-size: 1.75rem;
    font-weight: 450;
    line-height: 2.5rem;
    letter-spacing: 0.012em;
    color: #515151;
    margin: 1.5rem 0 1rem 0;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button {
    height: 24px;
    width: 24px;
    position: absolute;
    right: 0;
    cursor: pointer;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7764 6.70711C19.167 6.31658 19.167 5.68342 18.7764 5.29289C18.3859 4.90237 17.7528 4.90237 17.3622 5.29289L18.7764 6.70711ZM5.36223 17.2929C4.9717 17.6834 4.9717 18.3166 5.36223 18.7071C5.75275 19.0976 6.38592 19.0976 6.77644 18.7071L5.36223 17.2929ZM6.77644 5.29289C6.38592 4.90237 5.75275 4.90237 5.36223 5.29289C4.9717 5.68342 4.9717 6.31658 5.36223 6.70711L6.77644 5.29289ZM17.3622 18.7071C17.7528 19.0976 18.3859 19.0976 18.7764 18.7071C19.167 18.3166 19.167 17.6834 18.7764 17.2929L17.3622 18.7071ZM17.3622 5.29289L5.36223 17.2929L6.77644 18.7071L18.7764 6.70711L17.3622 5.29289ZM5.36223 6.70711L17.3622 18.7071L18.7764 17.2929L6.77644 5.29289L5.36223 6.70711Z' fill='%23515151'/%3E%3C/svg%3E%0A");
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content {
    display: block;
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: unset;
    padding: 24px;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions {
    border-top: 2px solid #efebf2;
    align-items: center;
    justify-content: center;
    margin: unset;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button {
    margin: unset !important;
  }
  .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container, .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container {
    position: relative;
    height: 72px;
    background: #e7f7e6;
    width: calc(100% + 7.25rem);
    border-radius: 0.75rem;
    padding: 0 3.625rem;
    left: -3.625rem;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
.mat-accordion .mat-expansion-panel {
  margin-bottom: 0.75rem;
  margin-top: 0;
  box-shadow: none;
  overflow: hidden;
  background: #ffffff;
  border-radius: 1.5rem !important;
  border: 2px solid transparent;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  background: #f9f2ff;
  border-radius: 0;
  height: 72px;
  position: relative;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  z-index: 2;
  position: absolute;
  right: 1rem;
  width: 40px;
  height: 40px;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
  position: absolute;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: #ffffff;
  right: 1rem;
  border-radius: 0.75rem;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: #f6e9ff !important;
}
.mat-accordion .mat-expansion-panel.mat-expanded {
  border: 2px solid #efdaff;
}
.mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
  background: #f6e9ff;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 1.5rem;
}

.mat-datepicker-content {
  background: #faf9fb;
  border-radius: 1rem !important;
}
.mat-datepicker-content .mat-button-wrapper {
  color: #9d71ad;
}
.mat-datepicker-content .mat-calendar-previous-button {
  background: #ffffff;
  border-radius: 0.75rem;
  margin: 0 10px 0 0;
}
.mat-datepicker-content .mat-calendar-next-button {
  background: #ffffff;
  border-radius: 0.75rem;
}
.mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button {
  margin-bottom: unset !important;
  background: unset;
  box-shadow: unset;
  border: unset;
}
.mat-datepicker-content .mat-ripple,
.mat-datepicker-content .mat-button-focus-overlay {
  display: none;
}

.mat-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
.mat-slide-toggle .mat-slide-toggle-bar {
  border-radius: 400px;
}
.mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background: #ffffff;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background: #7b4994;
}

.cdk-overlay-backdrop {
  transition: all 0s;
}

.loading-overlay-backdrop {
  background: #ffffff !important;
}

[data-value=beige]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #e0e0c5;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=black]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #000000;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=blue]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #4cb0e0;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=blue-antrocite]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #555e64;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=brown]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #964b00;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=burgundy]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #800020;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=champagne]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #f7e7ce;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=charcoal]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #36454f;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=copper]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #b87333;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=cream]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #fffdd0;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=gold]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ffd700;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=green]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #00ff00;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=grey]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #808080;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=maroon]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #800000;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=orange]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ffa500;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=pink]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ffc0cb;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=purple]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #9f2b68;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=red]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ed1c25;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=silver]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #c0c0c0;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=white]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ffffff;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[data-value=yellow]:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 5px 0 6px;
  content: "";
  background-color: #ffff00;
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
}

[ng-reflect-name=color] [data-value=unset]:before {
  height: 25px;
  width: 24px;
  border: none;
  display: inline-block;
  margin: 0 5px 0 6px;
  content: "";
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12.5625' r='11' stroke='%23363636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 12.5625C23 18.2621 18.2234 23.0573 12 23.5251V1.5999C18.2234 2.06766 23 6.86294 23 12.5625Z' fill='%23E6DFEA' stroke='%23363636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.mat-option.beige:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #e0e0c5;
  position: relative;
}
.mat-option.black:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #000000;
  position: relative;
}
.mat-option.blue:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #4cb0e0;
  position: relative;
}
.mat-option.blue-antrocite:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #555e64;
  position: relative;
}
.mat-option.brown:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #964b00;
  position: relative;
}
.mat-option.burgundy:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #800020;
  position: relative;
}
.mat-option.champagne:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #f7e7ce;
  position: relative;
}
.mat-option.charcoal:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #36454f;
  position: relative;
}
.mat-option.copper:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #b87333;
  position: relative;
}
.mat-option.cream:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #fffdd0;
  position: relative;
}
.mat-option.gold:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ffd700;
  position: relative;
}
.mat-option.green:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #00ff00;
  position: relative;
}
.mat-option.grey:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #808080;
  position: relative;
}
.mat-option.maroon:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #800000;
  position: relative;
}
.mat-option.orange:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ffa500;
  position: relative;
}
.mat-option.pink:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ffc0cb;
  position: relative;
}
.mat-option.purple:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #9f2b68;
  position: relative;
}
.mat-option.red:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ed1c25;
  position: relative;
}
.mat-option.silver:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #c0c0c0;
  position: relative;
}
.mat-option.white:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ffffff;
  position: relative;
}
.mat-option.yellow:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 20px;
  border: 2px solid #363636;
  margin: 0 10px 0 0;
  content: "";
  background-color: #ffff00;
  position: relative;
}

.autocomplete-prefix-icon {
  width: 24px;
  height: 24px;
  position: relative;
  top: 2px;
  margin: 0 8px 0 3px;
}

.international-phone-number {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.international-phone-number .hidden-field-validation {
  position: absolute;
  z-index: 0;
}
.international-phone-number .hidden-field-validation .mat-form-field-flex {
  visibility: hidden !important;
}
.international-phone-number .out-international-phone-number-field {
  position: relative;
}
.international-phone-number .international-phone-number-select {
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.international-phone-number .international-phone-number-select .spacer {
  position: absolute;
  left: 80px;
  width: 0;
  height: 24px;
  top: 16px;
  border-left: 2px solid #efebf2;
  z-index: 9;
}
.international-phone-number .international-phone-number-select .number {
  width: auto;
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}
.international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex {
  box-shadow: none !important;
  background: transparent !important;
}
.international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  box-shadow: none !important;
  background: transparent !important;
}
.international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap, .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

.international-phone-number-option-container .flag {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 30px;
}
.international-phone-number-option-container .code {
  width: 50px;
}

.out-theme .mat-button,
.out-input-dialog .mat-button,
.out-message-dialog .mat-button {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #173d2c;
}
.out-theme .mat-button .mat-icon svg path,
.out-input-dialog .mat-button .mat-icon svg path,
.out-message-dialog .mat-button .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button:hover,
.out-input-dialog .mat-button:hover,
.out-message-dialog .mat-button:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
.out-theme .mat-button:hover .mat-icon svg path,
.out-input-dialog .mat-button:hover .mat-icon svg path,
.out-message-dialog .mat-button:hover .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button:focus,
.out-input-dialog .mat-button:focus,
.out-message-dialog .mat-button:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
.out-theme .mat-button:focus .mat-icon svg path,
.out-input-dialog .mat-button:focus .mat-icon svg path,
.out-message-dialog .mat-button:focus .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button:active,
.out-input-dialog .mat-button:active,
.out-message-dialog .mat-button:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #173d2c;
}
.out-theme .mat-button:active .mat-icon svg path,
.out-input-dialog .mat-button:active .mat-icon svg path,
.out-message-dialog .mat-button:active .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button:disabled, .out-theme .mat-button[disabled],
.out-input-dialog .mat-button:disabled,
.out-input-dialog .mat-button[disabled],
.out-message-dialog .mat-button:disabled,
.out-message-dialog .mat-button[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
.out-theme .mat-button:disabled .mat-icon svg path, .out-theme .mat-button[disabled] .mat-icon svg path,
.out-input-dialog .mat-button:disabled .mat-icon svg path,
.out-input-dialog .mat-button[disabled] .mat-icon svg path,
.out-message-dialog .mat-button:disabled .mat-icon svg path,
.out-message-dialog .mat-button[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .mat-button.mat-primary,
.out-input-dialog .mat-button.mat-primary,
.out-message-dialog .mat-button.mat-primary {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #173d2c;
}
.out-theme .mat-button.mat-primary .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-primary:hover,
.out-input-dialog .mat-button.mat-primary:hover,
.out-message-dialog .mat-button.mat-primary:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
.out-theme .mat-button.mat-primary:hover .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary:hover .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary:hover .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-primary:focus,
.out-input-dialog .mat-button.mat-primary:focus,
.out-message-dialog .mat-button.mat-primary:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
.out-theme .mat-button.mat-primary:focus .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary:focus .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary:focus .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-primary:active,
.out-input-dialog .mat-button.mat-primary:active,
.out-message-dialog .mat-button.mat-primary:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #173d2c;
}
.out-theme .mat-button.mat-primary:active .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary:active .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary:active .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-primary:disabled, .out-theme .mat-button.mat-primary[disabled],
.out-input-dialog .mat-button.mat-primary:disabled,
.out-input-dialog .mat-button.mat-primary[disabled],
.out-message-dialog .mat-button.mat-primary:disabled,
.out-message-dialog .mat-button.mat-primary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
.out-theme .mat-button.mat-primary:disabled .mat-icon svg path, .out-theme .mat-button.mat-primary[disabled] .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary:disabled .mat-icon svg path,
.out-input-dialog .mat-button.mat-primary[disabled] .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary:disabled .mat-icon svg path,
.out-message-dialog .mat-button.mat-primary[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .mat-button.mat-accent,
.out-input-dialog .mat-button.mat-accent,
.out-message-dialog .mat-button.mat-accent {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
}
.out-theme .mat-button.mat-accent .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-accent:hover,
.out-input-dialog .mat-button.mat-accent:hover,
.out-message-dialog .mat-button.mat-accent:hover {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
.out-theme .mat-button.mat-accent:hover .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent:hover .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent:hover .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-accent:focus,
.out-input-dialog .mat-button.mat-accent:focus,
.out-message-dialog .mat-button.mat-accent:focus {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
.out-theme .mat-button.mat-accent:focus .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent:focus .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent:focus .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-accent:active,
.out-input-dialog .mat-button.mat-accent:active,
.out-message-dialog .mat-button.mat-accent:active {
  background: #d6f4d4;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.5), 0px 8px 4px -12px rgba(82, 188, 88, 0.5), 0px 10px 8px -12px rgba(82, 188, 88, 0.3), 0px 12px 12px -12px rgba(82, 188, 88, 0.2);
  border-color: #3e9e53;
  color: #173d2c;
}
.out-theme .mat-button.mat-accent:active .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent:active .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent:active .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .mat-button.mat-accent:disabled, .out-theme .mat-button.mat-accent[disabled],
.out-input-dialog .mat-button.mat-accent:disabled,
.out-input-dialog .mat-button.mat-accent[disabled],
.out-message-dialog .mat-button.mat-accent:disabled,
.out-message-dialog .mat-button.mat-accent[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
.out-theme .mat-button.mat-accent:disabled .mat-icon svg path, .out-theme .mat-button.mat-accent[disabled] .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent:disabled .mat-icon svg path,
.out-input-dialog .mat-button.mat-accent[disabled] .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent:disabled .mat-icon svg path,
.out-message-dialog .mat-button.mat-accent[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .mat-button .mat-ripple,
.out-theme .mat-button .mat-button-focus-overlay,
.out-input-dialog .mat-button .mat-ripple,
.out-input-dialog .mat-button .mat-button-focus-overlay,
.out-message-dialog .mat-button .mat-ripple,
.out-message-dialog .mat-button .mat-button-focus-overlay {
  display: none !important;
}
.out-theme .mat-button .mat-button-wrapper mat-icon,
.out-input-dialog .mat-button .mat-button-wrapper mat-icon,
.out-message-dialog .mat-button .mat-button-wrapper mat-icon {
  margin-right: 5px;
}
.out-theme .attachment-dropzone-container .dropzone-section .text-wrapper .link,
.out-input-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link,
.out-message-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link {
  color: #31123f !important;
}
.out-theme .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
.out-input-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
.out-message-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover {
  color: #31123f !important;
}
.out-theme .attachment-dropzone-container .dropzone-dragover,
.out-input-dialog .attachment-dropzone-container .dropzone-dragover,
.out-message-dialog .attachment-dropzone-container .dropzone-dragover {
  background: #d5c1db !important;
  border: 2px dashed #a579b1 !important;
}
.out-theme .attachment-dropzone-container .dropzone-dragleave,
.out-input-dialog .attachment-dropzone-container .dropzone-dragleave,
.out-message-dialog .attachment-dropzone-container .dropzone-dragleave {
  background: #f2ebf3 !important;
  border: 2px dashed #9d71ad !important;
}
.out-theme .attachment-dropzone-container .upload-error,
.out-input-dialog .attachment-dropzone-container .upload-error,
.out-message-dialog .attachment-dropzone-container .upload-error {
  color: #d83614 !important;
}
.out-theme .card-elevated,
.out-input-dialog .card-elevated,
.out-message-dialog .card-elevated {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.out-theme .form-control-container,
.out-input-dialog .form-control-container,
.out-message-dialog .form-control-container {
  box-sizing: border-box;
  width: 100%;
}
.out-theme .inline-grid,
.out-input-dialog .inline-grid,
.out-message-dialog .inline-grid {
  width: 100%;
  background-color: transparent;
}
.out-theme .inline-grid .out-button-toggle .error-message,
.out-input-dialog .inline-grid .out-button-toggle .error-message,
.out-message-dialog .inline-grid .out-button-toggle .error-message {
  top: 6px !important;
  font-size: 100% !important;
}
.out-theme .inline-grid .row-heading,
.out-input-dialog .inline-grid .row-heading,
.out-message-dialog .inline-grid .row-heading {
  background: #f6f5f7;
  width: 100%;
  padding: 1.25rem 1rem;
  position: relative;
  left: -1rem;
  top: 0;
  margin-bottom: 2rem;
}
.out-theme .inline-grid table,
.out-input-dialog .inline-grid table,
.out-message-dialog .inline-grid table {
  width: 100%;
  background: transparent !important;
  display: block;
}
.out-theme .inline-grid table tbody,
.out-input-dialog .inline-grid table tbody,
.out-message-dialog .inline-grid table tbody {
  display: block;
}
.out-theme .inline-grid table tbody tr,
.out-input-dialog .inline-grid table tbody tr,
.out-message-dialog .inline-grid table tbody tr {
  border-radius: 1rem;
  border: 1px solid #e5dfea;
  display: flex;
  height: auto;
  flex-grow: 4;
  margin: 0 0 2rem 0;
  position: relative;
  overflow: hidden;
  padding: 0 0.5rem;
  width: 100%;
  box-sizing: border-box;
}
.out-theme .inline-grid table tbody tr td,
.out-input-dialog .inline-grid table tbody tr td,
.out-message-dialog .inline-grid table tbody tr td {
  flex: 1 1;
  border: none;
  padding: 0 !important;
  height: auto;
  display: inline-block;
}
.out-theme .inline-grid table tbody tr td .multi-ctrl-segment,
.out-input-dialog .inline-grid table tbody tr td .multi-ctrl-segment,
.out-message-dialog .inline-grid table tbody tr td .multi-ctrl-segment {
  padding: 0 0.5rem;
}
.out-theme .inline-grid table tbody tr td .mat-button,
.out-input-dialog .inline-grid table tbody tr td .mat-button,
.out-message-dialog .inline-grid table tbody tr td .mat-button {
  width: inherit;
  margin-top: 0 !important;
  min-width: auto;
  height: auto;
  min-height: auto;
  margin-bottom: 0 !important;
  float: right;
  position: relative;
  top: -2px;
}
.out-theme .inline-grid table tbody tr td.delete-column,
.out-input-dialog .inline-grid table tbody tr td.delete-column,
.out-message-dialog .inline-grid table tbody tr td.delete-column {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.out-theme .inline-grid table tbody tr td.delete-column button,
.out-input-dialog .inline-grid table tbody tr td.delete-column button,
.out-message-dialog .inline-grid table tbody tr td.delete-column button {
  padding: 0;
  margin-top: 0 !important;
  border: none !important;
  min-width: auto;
  min-height: auto;
  margin-bottom: 0 !important;
  background: transparent;
  line-height: 0 !important;
  top: 0.75rem !important;
  right: 0.75rem;
  width: 40px;
  height: 40px;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0.75rem;
}
.out-theme .inline-grid table tbody tr td.delete-column button .icon,
.out-input-dialog .inline-grid table tbody tr td.delete-column button .icon,
.out-message-dialog .inline-grid table tbody tr td.delete-column button .icon {
  top: 0 !important;
  margin: 0 !important;
}
.out-theme .inline-grid table tbody tr td.delete-column button:hover,
.out-input-dialog .inline-grid table tbody tr td.delete-column button:hover,
.out-message-dialog .inline-grid table tbody tr td.delete-column button:hover {
  background: #f6f5f7;
}
.out-theme .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
.out-input-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
.out-message-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td {
  flex: none;
  position: relative;
}
.out-theme .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
.out-input-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
.out-message-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading {
  position: relative;
}
.out-theme .inline-grid table tfoot td,
.out-input-dialog .inline-grid table tfoot td,
.out-message-dialog .inline-grid table tfoot td {
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  border: none;
}
.out-theme .inline-grid table tfoot td .mat-button,
.out-input-dialog .inline-grid table tfoot td .mat-button,
.out-message-dialog .inline-grid table tfoot td .mat-button {
  margin-top: 0 !important;
}
.out-theme .inline-grid .out-validation-error,
.out-input-dialog .inline-grid .out-validation-error,
.out-message-dialog .inline-grid .out-validation-error {
  position: relative;
  top: -16px;
}
.out-theme .inline-grid .out-validation-error .error-underline-wrapper,
.out-input-dialog .inline-grid .out-validation-error .error-underline-wrapper,
.out-message-dialog .inline-grid .out-validation-error .error-underline-wrapper {
  display: none !important;
}
.out-theme .inline-grid .out-validation-error .error-message,
.out-input-dialog .inline-grid .out-validation-error .error-message,
.out-message-dialog .inline-grid .out-validation-error .error-message {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #a21902 !important;
  font-weight: 400 !important;
}
.out-theme .inline-grid tr.mat-footer-row,
.out-input-dialog .inline-grid tr.mat-footer-row,
.out-message-dialog .inline-grid tr.mat-footer-row {
  height: auto;
}
.out-theme .lt-md .inline-grid table,
.out-input-dialog .lt-md .inline-grid table,
.out-message-dialog .lt-md .inline-grid table {
  display: block;
  width: 100%;
  position: relative;
}
.out-theme .lt-md .inline-grid table tbody tr,
.out-input-dialog .lt-md .inline-grid table tbody tr,
.out-message-dialog .lt-md .inline-grid table tbody tr {
  display: block;
  height: auto;
}
.out-theme .lt-md .inline-grid table tbody tr td,
.out-input-dialog .lt-md .inline-grid table tbody tr td,
.out-message-dialog .lt-md .inline-grid table tbody tr td {
  display: block;
  border: none;
  padding-left: 1rem;
  padding-right: 0;
  height: auto;
  margin: 0;
}
.out-theme .lt-md .inline-grid table tbody tr td button,
.out-input-dialog .lt-md .inline-grid table tbody tr td button,
.out-message-dialog .lt-md .inline-grid table tbody tr td button {
  float: none;
}
.out-theme .lt-md .inline-grid table tbody tr td.delete-column,
.out-input-dialog .lt-md .inline-grid table tbody tr td.delete-column,
.out-message-dialog .lt-md .inline-grid table tbody tr td.delete-column {
  position: absolute;
  padding: 0;
  height: auto;
  width: auto;
  margin: 0;
  right: 0;
  top: 0;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row {
  background: #f6f5f7;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td {
  position: relative !important;
  min-height: 1.5rem;
  margin: 0;
  padding: 0;
  width: 50% !important;
  display: inline-block;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button {
  background: #fff !important;
  width: calc(100% - 8px);
  margin: 0;
  height: 44px;
  box-shadow: none;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper {
  top: -4px;
  position: relative;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child {
  width: 100% !important;
  padding-bottom: 1rem;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control {
  padding: 5px 0 0 0;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button {
  margin: 0 0 0 8px;
}
.out-theme .lt-md .inline-grid table tbody tr.modal-edit-row:after,
.out-input-dialog .lt-md .inline-grid table tbody tr.modal-edit-row:after,
.out-message-dialog .lt-md .inline-grid table tbody tr.modal-edit-row:after {
  display: none;
}
.out-theme .template-text-control,
.out-input-dialog .template-text-control,
.out-message-dialog .template-text-control {
  margin-bottom: 1rem;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
.out-theme .template-text-control .icon-container,
.out-input-dialog .template-text-control .icon-container,
.out-message-dialog .template-text-control .icon-container {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.out-theme .out-button-toggle,
.out-input-dialog .out-button-toggle,
.out-message-dialog .out-button-toggle {
  margin-bottom: 10px;
  position: relative;
}
.out-theme .out-button-toggle .loading-spinner,
.out-input-dialog .out-button-toggle .loading-spinner,
.out-message-dialog .out-button-toggle .loading-spinner {
  margin: 16px;
}
.out-theme .out-button-toggle .loading-text-spinner,
.out-input-dialog .out-button-toggle .loading-text-spinner,
.out-message-dialog .out-button-toggle .loading-text-spinner {
  margin: 0 16px 0 0;
}
.out-theme .out-button-toggle .out-button-toggle-group,
.out-input-dialog .out-button-toggle .out-button-toggle-group,
.out-message-dialog .out-button-toggle .out-button-toggle-group {
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  place-content: flex-start;
  align-items: flex-start;
}
.out-theme .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
.out-input-dialog .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
.out-message-dialog .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button {
  flex-basis: 100%;
  flex-shrink: 1;
  box-sizing: border-box;
}
.out-theme .out-button-toggle .button-toggle-icon,
.out-input-dialog .out-button-toggle .button-toggle-icon,
.out-message-dialog .out-button-toggle .button-toggle-icon {
  margin-right: 12px;
}
.out-theme .out-button-toggle label,
.out-input-dialog .out-button-toggle label,
.out-message-dialog .out-button-toggle label {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #363636;
  margin: 0 0 1.25rem 0;
}
.out-theme .out-button-toggle .mat-button-toggle-appearance-standard,
.out-input-dialog .out-button-toggle .mat-button-toggle-appearance-standard,
.out-message-dialog .out-button-toggle .mat-button-toggle-appearance-standard {
  background: transparent;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard {
  border: none;
  border-radius: 0 !important;
  overflow: unset !important;
  left: -0.25rem;
  width: calc(100% + (0.25rem * 2));
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle {
  position: relative;
  border: none;
  margin: 0 0.25rem 0.5rem 0.25rem;
  top: 0;
  transition: top 0.1s ease 0s;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple {
  display: none;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content {
  max-width: 100%;
  box-sizing: border-box;
  min-width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9160ab;
  border-color: #f6e9ff !important;
  border-width: 2px;
  border-style: solid;
  background-color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 0.75rem;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover {
  border-color: #d9adf9 !important;
  background: none;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover {
  top: 0;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content {
  color: #8b8b8b !important;
  border-color: #d5d5d5 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon {
  opacity: 0.5;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused {
  background: none;
  position: relative;
  top: -3px;
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content {
  color: #9160ab;
  background-color: #f6e9ff !important;
  border-color: #f6e9ff !important;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
}
.out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover, .out-theme .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
.out-input-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
.out-message-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover {
  color: #9160ab !important;
  background-color: #f6e9ff !important;
  border-color: #f6e9ff !important;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
}
.out-theme .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content {
  color: #5e5e5e;
  border-color: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
}
.out-theme .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
.out-input-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
.out-message-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover {
  border-color: #bebebe !important;
  background: #ffffff !important;
  color: #9160ab;
}
.out-theme .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #9160ab;
}
.out-theme .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.out-input-dialog .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.out-message-dialog .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  padding: 4px 8px;
  border-radius: 0.5rem;
}
.out-theme .out-button-toggle.small-toggle .optional-helper-text,
.out-input-dialog .out-button-toggle.small-toggle .optional-helper-text,
.out-message-dialog .out-button-toggle.small-toggle .optional-helper-text {
  font-style: italic;
}
.out-theme .out-button-toggle.small-toggle .pixel-16,
.out-input-dialog .out-button-toggle.small-toggle .pixel-16,
.out-message-dialog .out-button-toggle.small-toggle .pixel-16 {
  width: 16px;
  height: 16px;
}
.out-theme .out-button-toggle.small-toggle .pixel-32,
.out-input-dialog .out-button-toggle.small-toggle .pixel-32,
.out-message-dialog .out-button-toggle.small-toggle .pixel-32 {
  width: 32px;
  height: 32px;
}
.out-theme .out-button-toggle.small-toggle .pixel-64,
.out-input-dialog .out-button-toggle.small-toggle .pixel-64,
.out-message-dialog .out-button-toggle.small-toggle .pixel-64 {
  width: 64px;
  height: 64px;
}
.out-theme .out-button-toggle.small-toggle .out-button-toggle,
.out-input-dialog .out-button-toggle.small-toggle .out-button-toggle,
.out-message-dialog .out-button-toggle.small-toggle .out-button-toggle {
  position: relative;
}
.out-theme .out-button-toggle.small-toggle .out-button-toggle-error,
.out-input-dialog .out-button-toggle.small-toggle .out-button-toggle-error,
.out-message-dialog .out-button-toggle.small-toggle .out-button-toggle-error {
  position: absolute;
  left: 0;
  bottom: 0;
}
.out-theme .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
.out-input-dialog .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
.out-message-dialog .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path {
  stroke: #fff;
}
.out-theme .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
.out-input-dialog .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
.out-message-dialog .out-button-toggle.small-toggle .multi-line-buttons .block-button-text {
  height: 75px;
}
.out-theme .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.out-input-dialog .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.out-message-dialog .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  border-bottom: solid 75px;
}
.out-theme .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
.out-input-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
.out-message-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle {
  white-space: normal;
}
.out-theme .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.out-input-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.out-message-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  border-bottom: solid 75px;
}
.out-theme .out-button-toggle.small-toggle .content-ellipsis,
.out-input-dialog .out-button-toggle.small-toggle .content-ellipsis,
.out-message-dialog .out-button-toggle.small-toggle .content-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.out-theme .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
.out-input-dialog .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
.out-message-dialog .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.out-theme .out-button-toggle .mat-error,
.out-theme .out-button-toggle .invalid-form,
.out-input-dialog .out-button-toggle .mat-error,
.out-input-dialog .out-button-toggle .invalid-form,
.out-message-dialog .out-button-toggle .mat-error,
.out-message-dialog .out-button-toggle .invalid-form {
  font-size: inherit !important;
}
.out-theme .out-button-toggle .out-button-toggle-error,
.out-input-dialog .out-button-toggle .out-button-toggle-error,
.out-message-dialog .out-button-toggle .out-button-toggle-error {
  position: absolute;
}
.out-theme .out-button-toggle .error-underline-wrapper,
.out-input-dialog .out-button-toggle .error-underline-wrapper,
.out-message-dialog .out-button-toggle .error-underline-wrapper {
  display: none;
}
.out-theme .out-button-toggle .out-validation-error,
.out-input-dialog .out-button-toggle .out-validation-error,
.out-message-dialog .out-button-toggle .out-validation-error {
  font-size: 75%;
}
.out-theme .out-button-toggle .error-message,
.out-input-dialog .out-button-toggle .error-message,
.out-message-dialog .out-button-toggle .error-message {
  font-weight: 400 !important;
  color: #a21902 !important;
}
.out-theme .group-container,
.out-input-dialog .group-container,
.out-message-dialog .group-container {
  width: calc(100% + 1rem);
}
.out-theme .group-container.lt-md,
.out-input-dialog .group-container.lt-md,
.out-message-dialog .group-container.lt-md {
  width: 100%;
}
.out-theme .form-group-control-container .group-control-wrapper,
.out-input-dialog .form-group-control-container .group-control-wrapper,
.out-message-dialog .form-group-control-container .group-control-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding-right: 1rem;
}
.out-theme .form-group-control-container .group-control-wrapper.lt-md,
.out-input-dialog .form-group-control-container .group-control-wrapper.lt-md,
.out-message-dialog .form-group-control-container .group-control-wrapper.lt-md {
  width: 100%;
  padding-right: 0;
}
.out-theme .form-group-control-container .mobile-inline-spacing,
.out-input-dialog .form-group-control-container .mobile-inline-spacing,
.out-message-dialog .form-group-control-container .mobile-inline-spacing {
  padding-right: 1em !important;
}
.out-theme .form-group-control-container-inline .group-control-wrapper,
.out-input-dialog .form-group-control-container-inline .group-control-wrapper,
.out-message-dialog .form-group-control-container-inline .group-control-wrapper {
  padding-right: 1em;
  align-items: flex-end;
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
}
.out-theme .form-group-control-container-inline .group-control-wrapper > *,
.out-input-dialog .form-group-control-container-inline .group-control-wrapper > *,
.out-message-dialog .form-group-control-container-inline .group-control-wrapper > * {
  width: 100%;
  max-width: 100%;
}
.out-theme .scroll-container,
.out-input-dialog .scroll-container,
.out-message-dialog .scroll-container {
  flex: 1;
  overflow: auto;
  padding-block: 1rem 2rem;
  padding-inline: 3rem;
}
.out-theme .section-sub-heading-container,
.out-input-dialog .section-sub-heading-container,
.out-message-dialog .section-sub-heading-container {
  position: relative;
  height: 72px;
  background: #e7f7e6;
  width: calc(100% + 7.25rem);
  border-radius: 0.75rem;
  padding: 0 3.625rem;
  left: -3.625rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
.out-theme .section-sub-heading-container h3,
.out-input-dialog .section-sub-heading-container h3,
.out-message-dialog .section-sub-heading-container h3 {
  color: #286a46;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
.out-theme .section-sub-heading-container.lt-md,
.out-input-dialog .section-sub-heading-container.lt-md,
.out-message-dialog .section-sub-heading-container.lt-md {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.out-theme .plain-text-control,
.out-input-dialog .plain-text-control,
.out-message-dialog .plain-text-control {
  margin: 0 0 1.25rem 0;
}
.out-theme .plain-text-control .heading,
.out-input-dialog .plain-text-control .heading,
.out-message-dialog .plain-text-control .heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  margin: 0 0 0.25rem 0;
}
.out-theme .plain-text-control .content,
.out-input-dialog .plain-text-control .content,
.out-message-dialog .plain-text-control .content {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #5e5e5e;
}
.out-theme .plain-text-control .content p,
.out-input-dialog .plain-text-control .content p,
.out-message-dialog .plain-text-control .content p {
  margin: 0;
}
.out-theme .plain-text-control .content.info-block,
.out-input-dialog .plain-text-control .content.info-block,
.out-message-dialog .plain-text-control .content.info-block {
  margin-top: 1.25rem;
  padding: 16px;
  background-color: #baefb5;
  border-radius: 1rem;
}
.out-theme .plain-text-control .content.info-block em,
.out-input-dialog .plain-text-control .content.info-block em,
.out-message-dialog .plain-text-control .content.info-block em {
  margin-right: 16px;
}
.out-theme .image-control,
.out-input-dialog .image-control,
.out-message-dialog .image-control {
  position: relative;
  margin-top: -6px;
  margin-bottom: 1.25rem;
}
.out-theme .extra-information-control,
.out-input-dialog .extra-information-control,
.out-message-dialog .extra-information-control {
  background: #f4fbf4;
  padding: 1.5rem;
  border-radius: 1rem;
  margin: 0 0 1.25rem 0;
  position: relative;
}
.out-theme .extra-information-control .heading,
.out-input-dialog .extra-information-control .heading,
.out-message-dialog .extra-information-control .heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #286a46;
}
.out-theme .extra-information-control ul,
.out-input-dialog .extra-information-control ul,
.out-message-dialog .extra-information-control ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.out-theme .extra-information-control ul li,
.out-input-dialog .extra-information-control ul li,
.out-message-dialog .extra-information-control ul li {
  padding: 2px 0;
}
.out-theme .extra-information-control .content,
.out-input-dialog .extra-information-control .content,
.out-message-dialog .extra-information-control .content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.out-theme .extra-information-control .content.no-heading p:first-child,
.out-input-dialog .extra-information-control .content.no-heading p:first-child,
.out-message-dialog .extra-information-control .content.no-heading p:first-child {
  margin-top: 4px;
}
.out-theme .extra-information-control .content p:last-child,
.out-input-dialog .extra-information-control .content p:last-child,
.out-message-dialog .extra-information-control .content p:last-child {
  margin-bottom: 0;
}
.out-theme .extra-information-control .image,
.out-input-dialog .extra-information-control .image,
.out-message-dialog .extra-information-control .image {
  margin-right: 1.5rem;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  background: #d6f4d4;
  display: block;
}
.out-theme .extra-information-control .image .icon,
.out-input-dialog .extra-information-control .image .icon,
.out-message-dialog .extra-information-control .image .icon {
  min-width: 28px;
  min-height: 28px;
}
.out-theme .extra-information-control.top::after,
.out-input-dialog .extra-information-control.top::after,
.out-message-dialog .extra-information-control.top::after {
  content: "";
  position: absolute;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 12px solid #f4fbf4;
  top: -12px;
  left: 32px;
}
.out-theme .extra-information-control.bottom::after,
.out-input-dialog .extra-information-control.bottom::after,
.out-message-dialog .extra-information-control.bottom::after {
  content: "";
  position: absolute;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 12px solid #f4fbf4;
  bottom: -12px;
  left: 32px;
}
.out-theme .lt-md .extra-information-control .image,
.out-input-dialog .lt-md .extra-information-control .image,
.out-message-dialog .lt-md .extra-information-control .image {
  margin-bottom: 0.75rem;
}
.out-theme .lt-md .extra-information-control .content.no-heading p:first-child,
.out-input-dialog .lt-md .extra-information-control .content.no-heading p:first-child,
.out-message-dialog .lt-md .extra-information-control .content.no-heading p:first-child {
  margin-top: 14px;
}
.out-theme .address-map-component .address-map-container,
.out-input-dialog .address-map-component .address-map-container,
.out-message-dialog .address-map-component .address-map-container {
  height: 220px;
  background: #eee;
  margin: 0 0 1.5rem 0;
  border: 2px solid #e2e2e2;
  border-radius: 0.75rem;
}
.out-theme .international-phone-number,
.out-input-dialog .international-phone-number,
.out-message-dialog .international-phone-number {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.out-theme .international-phone-number .hidden-field-validation,
.out-input-dialog .international-phone-number .hidden-field-validation,
.out-message-dialog .international-phone-number .hidden-field-validation {
  position: absolute;
  z-index: 0;
}
.out-theme .international-phone-number .hidden-field-validation .mat-form-field-flex,
.out-input-dialog .international-phone-number .hidden-field-validation .mat-form-field-flex,
.out-message-dialog .international-phone-number .hidden-field-validation .mat-form-field-flex {
  visibility: hidden !important;
}
.out-theme .international-phone-number .out-international-phone-number-field,
.out-input-dialog .international-phone-number .out-international-phone-number-field,
.out-message-dialog .international-phone-number .out-international-phone-number-field {
  position: relative;
}
.out-theme .international-phone-number .international-phone-number-select,
.out-input-dialog .international-phone-number .international-phone-number-select,
.out-message-dialog .international-phone-number .international-phone-number-select {
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.out-theme .international-phone-number .international-phone-number-select .spacer,
.out-input-dialog .international-phone-number .international-phone-number-select .spacer,
.out-message-dialog .international-phone-number .international-phone-number-select .spacer {
  position: absolute;
  left: 80px;
  width: 0;
  height: 24px;
  top: 16px;
  border-left: 2px solid #efebf2;
  z-index: 9;
}
.out-theme .international-phone-number .international-phone-number-select .number,
.out-input-dialog .international-phone-number .international-phone-number-select .number,
.out-message-dialog .international-phone-number .international-phone-number-select .number {
  width: auto;
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}
.out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex {
  box-shadow: none !important;
  background: transparent !important;
}
.out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  box-shadow: none !important;
  background: transparent !important;
}
.out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap, .out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.out-theme .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.out-theme .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.out-input-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.out-input-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.out-message-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.out-message-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
.out-theme .international-phone-number-option-container .flag,
.out-input-dialog .international-phone-number-option-container .flag,
.out-message-dialog .international-phone-number-option-container .flag {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 30px;
}
.out-theme .international-phone-number-option-container .code,
.out-input-dialog .international-phone-number-option-container .code,
.out-message-dialog .international-phone-number-option-container .code {
  width: 50px;
}
.out-theme .--flatSecondary,
.out-input-dialog .--flatSecondary,
.out-message-dialog .--flatSecondary {
  background: #9160ab;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #9160ab;
  color: #31123f;
}
.out-theme .--flatSecondary .mat-icon svg path,
.out-input-dialog .--flatSecondary .mat-icon svg path,
.out-message-dialog .--flatSecondary .mat-icon svg path {
  stroke: #31123f;
}
.out-theme .--flatSecondary:hover,
.out-input-dialog .--flatSecondary:hover,
.out-message-dialog .--flatSecondary:hover {
  background: #6f3c87;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #6f3c87;
  color: #31123f;
}
.out-theme .--flatSecondary:hover .mat-icon svg path,
.out-input-dialog .--flatSecondary:hover .mat-icon svg path,
.out-message-dialog .--flatSecondary:hover .mat-icon svg path {
  stroke: #31123f;
}
.out-theme .--flatSecondary:focus,
.out-input-dialog .--flatSecondary:focus,
.out-message-dialog .--flatSecondary:focus {
  background: #6f3c87;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #6f3c87;
  color: #31123f;
}
.out-theme .--flatSecondary:focus .mat-icon svg path,
.out-input-dialog .--flatSecondary:focus .mat-icon svg path,
.out-message-dialog .--flatSecondary:focus .mat-icon svg path {
  stroke: #31123f;
}
.out-theme .--flatSecondary:active,
.out-input-dialog .--flatSecondary:active,
.out-message-dialog .--flatSecondary:active {
  background: #5d2d73;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #5d2d73;
  color: #31123f;
}
.out-theme .--flatSecondary:active .mat-icon svg path,
.out-input-dialog .--flatSecondary:active .mat-icon svg path,
.out-message-dialog .--flatSecondary:active .mat-icon svg path {
  stroke: #31123f;
}
.out-theme .--flatSecondary:disabled, .out-theme .--flatSecondary[disabled],
.out-input-dialog .--flatSecondary:disabled,
.out-input-dialog .--flatSecondary[disabled],
.out-message-dialog .--flatSecondary:disabled,
.out-message-dialog .--flatSecondary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: rgba(0, 0, 0, 0.55);
}
.out-theme .--flatSecondary:disabled .mat-icon svg path, .out-theme .--flatSecondary[disabled] .mat-icon svg path,
.out-input-dialog .--flatSecondary:disabled .mat-icon svg path,
.out-input-dialog .--flatSecondary[disabled] .mat-icon svg path,
.out-message-dialog .--flatSecondary:disabled .mat-icon svg path,
.out-message-dialog .--flatSecondary[disabled] .mat-icon svg path {
  stroke: rgba(0, 0, 0, 0.55);
}
.out-theme .--flatPrimary,
.out-input-dialog .--flatPrimary,
.out-message-dialog .--flatPrimary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #ffffff;
}
.out-theme .--flatPrimary .mat-icon svg path,
.out-input-dialog .--flatPrimary .mat-icon svg path,
.out-message-dialog .--flatPrimary .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .--flatPrimary:hover,
.out-input-dialog .--flatPrimary:hover,
.out-message-dialog .--flatPrimary:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #ffffff;
}
.out-theme .--flatPrimary:hover .mat-icon svg path,
.out-input-dialog .--flatPrimary:hover .mat-icon svg path,
.out-message-dialog .--flatPrimary:hover .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .--flatPrimary:focus,
.out-input-dialog .--flatPrimary:focus,
.out-message-dialog .--flatPrimary:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.2);
  border-color: #a9d765;
  color: #ffffff;
}
.out-theme .--flatPrimary:focus .mat-icon svg path,
.out-input-dialog .--flatPrimary:focus .mat-icon svg path,
.out-message-dialog .--flatPrimary:focus .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .--flatPrimary:active,
.out-input-dialog .--flatPrimary:active,
.out-message-dialog .--flatPrimary:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #ffffff;
}
.out-theme .--flatPrimary:active .mat-icon svg path,
.out-input-dialog .--flatPrimary:active .mat-icon svg path,
.out-message-dialog .--flatPrimary:active .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .--flatPrimary:disabled, .out-theme .--flatPrimary[disabled],
.out-input-dialog .--flatPrimary:disabled,
.out-input-dialog .--flatPrimary[disabled],
.out-message-dialog .--flatPrimary:disabled,
.out-message-dialog .--flatPrimary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
.out-theme .--flatPrimary:disabled .mat-icon svg path, .out-theme .--flatPrimary[disabled] .mat-icon svg path,
.out-input-dialog .--flatPrimary:disabled .mat-icon svg path,
.out-input-dialog .--flatPrimary[disabled] .mat-icon svg path,
.out-message-dialog .--flatPrimary:disabled .mat-icon svg path,
.out-message-dialog .--flatPrimary[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
.out-theme .--flatTertiary,
.out-input-dialog .--flatTertiary,
.out-message-dialog .--flatTertiary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #ffffff;
  box-shadow: none;
  border: 2px solid #ffffff;
  color: #9d71ad;
}
.out-theme .--flatTertiary .mat-icon svg path,
.out-input-dialog .--flatTertiary .mat-icon svg path,
.out-message-dialog .--flatTertiary .mat-icon svg path {
  stroke: #9d71ad;
}
.out-theme .--flatTertiary:hover,
.out-input-dialog .--flatTertiary:hover,
.out-message-dialog .--flatTertiary:hover {
  background: #f6f5f7;
  box-shadow: none;
  border-color: #f6f5f7;
  color: #9d71ad;
}
.out-theme .--flatTertiary:hover .mat-icon svg path,
.out-input-dialog .--flatTertiary:hover .mat-icon svg path,
.out-message-dialog .--flatTertiary:hover .mat-icon svg path {
  stroke: #9d71ad;
}
.out-theme .--flatTertiary:focus,
.out-input-dialog .--flatTertiary:focus,
.out-message-dialog .--flatTertiary:focus {
  background: #f6f5f7;
  box-shadow: none;
  border-color: #f6f5f7;
  color: #9d71ad;
}
.out-theme .--flatTertiary:focus .mat-icon svg path,
.out-input-dialog .--flatTertiary:focus .mat-icon svg path,
.out-message-dialog .--flatTertiary:focus .mat-icon svg path {
  stroke: #9d71ad;
}
.out-theme .--flatTertiary:active,
.out-input-dialog .--flatTertiary:active,
.out-message-dialog .--flatTertiary:active {
  background: #efebf2;
  box-shadow: none;
  border-color: #efebf2;
  color: #9d71ad;
}
.out-theme .--flatTertiary:active .mat-icon svg path,
.out-input-dialog .--flatTertiary:active .mat-icon svg path,
.out-message-dialog .--flatTertiary:active .mat-icon svg path {
  stroke: #9d71ad;
}
.out-theme .--flatTertiary:disabled, .out-theme .--flatTertiary[disabled],
.out-input-dialog .--flatTertiary:disabled,
.out-input-dialog .--flatTertiary[disabled],
.out-message-dialog .--flatTertiary:disabled,
.out-message-dialog .--flatTertiary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
.out-theme .--flatTertiary:disabled .mat-icon svg path, .out-theme .--flatTertiary[disabled] .mat-icon svg path,
.out-input-dialog .--flatTertiary:disabled .mat-icon svg path,
.out-input-dialog .--flatTertiary[disabled] .mat-icon svg path,
.out-message-dialog .--flatTertiary:disabled .mat-icon svg path,
.out-message-dialog .--flatTertiary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedPrimary,
.out-input-dialog .--strokedPrimary,
.out-message-dialog .--strokedPrimary {
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
}
.out-theme .--strokedPrimary .mat-icon svg path,
.out-input-dialog .--strokedPrimary .mat-icon svg path,
.out-message-dialog .--strokedPrimary .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .--strokedPrimary:hover,
.out-input-dialog .--strokedPrimary:hover,
.out-message-dialog .--strokedPrimary:hover {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
.out-theme .--strokedPrimary:hover .mat-icon svg path,
.out-input-dialog .--strokedPrimary:hover .mat-icon svg path,
.out-message-dialog .--strokedPrimary:hover .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .--strokedPrimary:focus,
.out-input-dialog .--strokedPrimary:focus,
.out-message-dialog .--strokedPrimary:focus {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
.out-theme .--strokedPrimary:focus .mat-icon svg path,
.out-input-dialog .--strokedPrimary:focus .mat-icon svg path,
.out-message-dialog .--strokedPrimary:focus .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .--strokedPrimary:active,
.out-input-dialog .--strokedPrimary:active,
.out-message-dialog .--strokedPrimary:active {
  background: #d6f4d4;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.5), 0px 8px 4px -12px rgba(82, 188, 88, 0.5), 0px 10px 8px -12px rgba(82, 188, 88, 0.3), 0px 12px 12px -12px rgba(82, 188, 88, 0.2);
  border-color: #3e9e53;
  color: #173d2c;
}
.out-theme .--strokedPrimary:active .mat-icon svg path,
.out-input-dialog .--strokedPrimary:active .mat-icon svg path,
.out-message-dialog .--strokedPrimary:active .mat-icon svg path {
  stroke: #173d2c;
}
.out-theme .--strokedPrimary:disabled, .out-theme .--strokedPrimary[disabled],
.out-input-dialog .--strokedPrimary:disabled,
.out-input-dialog .--strokedPrimary[disabled],
.out-message-dialog .--strokedPrimary:disabled,
.out-message-dialog .--strokedPrimary[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
.out-theme .--strokedPrimary:disabled .mat-icon svg path, .out-theme .--strokedPrimary[disabled] .mat-icon svg path,
.out-input-dialog .--strokedPrimary:disabled .mat-icon svg path,
.out-input-dialog .--strokedPrimary[disabled] .mat-icon svg path,
.out-message-dialog .--strokedPrimary:disabled .mat-icon svg path,
.out-message-dialog .--strokedPrimary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedSecondary,
.out-input-dialog .--strokedSecondary,
.out-message-dialog .--strokedSecondary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(179, 160, 192, 0.5), 0 16px 6px -18px rgba(179, 160, 192, 0.3), 0px 16px 16px -16px rgba(179, 160, 192, 0.3);
  border: 1px solid #31123f;
  color: #31123f;
}
.out-theme .--strokedSecondary .mat-icon svg path,
.out-input-dialog .--strokedSecondary .mat-icon svg path,
.out-message-dialog .--strokedSecondary .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedSecondary:hover,
.out-input-dialog .--strokedSecondary:hover,
.out-message-dialog .--strokedSecondary:hover {
  background: #ffffff;
  box-shadow: 0px 16px 4px -16px rgba(179, 160, 192, 0.2), 0px 16px 10px -16px rgba(179, 160, 192, 0.2), 0px 16px 18px -16px rgba(179, 160, 192, 0.2), 0px 20px 20px -18px rgba(179, 160, 192, 0.3);
  border-color: #9d71ad;
  color: #9d71ad;
}
.out-theme .--strokedSecondary:hover .mat-icon svg path,
.out-input-dialog .--strokedSecondary:hover .mat-icon svg path,
.out-message-dialog .--strokedSecondary:hover .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedSecondary:focus,
.out-input-dialog .--strokedSecondary:focus,
.out-message-dialog .--strokedSecondary:focus {
  background: #ffffff;
  box-shadow: 0px 16px 4px -16px rgba(179, 160, 192, 0.2), 0px 16px 10px -16px rgba(179, 160, 192, 0.2), 0px 16px 18px -16px rgba(179, 160, 192, 0.2), 0px 20px 20px -18px rgba(179, 160, 192, 0.3);
  border-color: #9d71ad;
  color: #9d71ad;
}
.out-theme .--strokedSecondary:focus .mat-icon svg path,
.out-input-dialog .--strokedSecondary:focus .mat-icon svg path,
.out-message-dialog .--strokedSecondary:focus .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedSecondary:active,
.out-input-dialog .--strokedSecondary:active,
.out-message-dialog .--strokedSecondary:active {
  background: #f6e9ff;
  box-shadow: 0px 10px 8px -12px rgba(179, 160, 192, 0.3), 0px 12px 12px -12px rgba(179, 160, 192, 0.2);
  border-color: #31123f;
  color: #31123f;
}
.out-theme .--strokedSecondary:active .mat-icon svg path,
.out-input-dialog .--strokedSecondary:active .mat-icon svg path,
.out-message-dialog .--strokedSecondary:active .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--strokedSecondary:disabled, .out-theme .--strokedSecondary[disabled],
.out-input-dialog .--strokedSecondary:disabled,
.out-input-dialog .--strokedSecondary[disabled],
.out-message-dialog .--strokedSecondary:disabled,
.out-message-dialog .--strokedSecondary[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #bebebe;
  color: #8b8b8b;
}
.out-theme .--strokedSecondary:disabled .mat-icon svg path, .out-theme .--strokedSecondary[disabled] .mat-icon svg path,
.out-input-dialog .--strokedSecondary:disabled .mat-icon svg path,
.out-input-dialog .--strokedSecondary[disabled] .mat-icon svg path,
.out-message-dialog .--strokedSecondary:disabled .mat-icon svg path,
.out-message-dialog .--strokedSecondary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
.out-theme .--extraSmallButton,
.out-input-dialog .--extraSmallButton,
.out-message-dialog .--extraSmallButton {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  height: 40px;
  line-height: 40px;
  border-radius: 0.75rem !important;
  padding: 0 1.25rem;
}
.out-theme .--smallButton,
.out-theme .--mediumButton,
.out-theme .--largeButton,
.out-input-dialog .--smallButton,
.out-input-dialog .--mediumButton,
.out-input-dialog .--largeButton,
.out-message-dialog .--smallButton,
.out-message-dialog .--mediumButton,
.out-message-dialog .--largeButton {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
}
.out-theme .--extraLargeButton,
.out-input-dialog .--extraLargeButton,
.out-message-dialog .--extraLargeButton {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.125rem;
  letter-spacing: 0.012em;
  height: 56px;
  line-height: 36px;
  border-radius: 1rem !important;
  padding: 0 1.25rem;
}
.out-theme .--extraLargeButton .mat-button-wrapper .icon-spacer,
.out-input-dialog .--extraLargeButton .mat-button-wrapper .icon-spacer,
.out-message-dialog .--extraLargeButton .mat-button-wrapper .icon-spacer {
  width: 12px;
  position: relative;
  display: inline-block;
}
.out-theme .--extraLargeButton .mat-button-wrapper .mat-icon,
.out-input-dialog .--extraLargeButton .mat-button-wrapper .mat-icon,
.out-message-dialog .--extraLargeButton .mat-button-wrapper .mat-icon {
  position: relative;
  width: 24px;
  height: 24px;
  top: 6px;
}
.out-theme out-reactive-datepicker-control .mat-form-field-suffix,
.out-input-dialog out-reactive-datepicker-control .mat-form-field-suffix,
.out-message-dialog out-reactive-datepicker-control .mat-form-field-suffix {
  position: absolute;
  right: 12px;
  top: 20px;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 3px;
  overflow: hidden;
}
.out-theme out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
.out-input-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
.out-message-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button {
  top: 0;
  width: 24px !important;
  height: 24px !important;
  border-radius: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8977 2V6' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.89771 2V6' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.89771 9H21.8977' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8977 4H5.89771C4.79271 4 3.89771 4.895 3.89771 6V19C3.89771 20.105 4.79271 21 5.89771 21H19.8977C21.0027 21 21.8977 20.105 21.8977 19V6C21.8977 4.895 21.0027 4 19.8977 4Z' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9106 12.729C12.7726 12.729 12.6606 12.841 12.6616 12.979C12.6616 13.117 12.7736 13.229 12.9116 13.229C13.0496 13.229 13.1616 13.117 13.1616 12.979C13.1616 12.841 13.0496 12.729 12.9106 12.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.9106 12.729C17.7726 12.729 17.6606 12.841 17.6616 12.979C17.6616 13.117 17.7736 13.229 17.9116 13.229C18.0496 13.229 18.1616 13.117 18.1616 12.979C18.1616 12.841 18.0496 12.729 17.9106 12.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.91062 16.729C7.77262 16.729 7.66062 16.841 7.66162 16.979C7.66162 17.117 7.77362 17.229 7.91162 17.229C8.04962 17.229 8.16162 17.117 8.16162 16.979C8.16162 16.841 8.04962 16.729 7.91062 16.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9106 16.729C12.7726 16.729 12.6606 16.841 12.6616 16.979C12.6616 17.117 12.7736 17.229 12.9116 17.229C13.0496 17.229 13.1616 17.117 13.1616 16.979C13.1616 16.841 13.0496 16.729 12.9106 16.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.out-theme out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
.out-theme out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
.out-theme out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
.out-input-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
.out-input-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
.out-input-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
.out-message-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
.out-message-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
.out-message-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple {
  display: none;
}
.out-theme .flow-summary-group-container .flow-summary-group-heading-container,
.out-input-dialog .flow-summary-group-container .flow-summary-group-heading-container,
.out-message-dialog .flow-summary-group-container .flow-summary-group-heading-container {
  background: #faf9fb;
  border-bottom: 1.5px solid #f6f5f7;
  height: 3.5rem;
  padding: 0 1rem;
}
.out-theme .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
.out-input-dialog .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
.out-message-dialog .flow-summary-group-container .flow-summary-group-heading-container .heading-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9160ab;
}
.out-theme .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
.out-input-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
.out-message-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  background-color: #ffffff;
  height: 2.5rem;
  line-height: 2.5rem;
  display: block;
  position: relative;
  padding: 0 2.5rem 0 1.25rem;
  border-radius: 0.75rem;
  color: #9d71ad;
  text-decoration: none;
}
.out-theme .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
.out-input-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
.out-message-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99609 10.0008L8.09697 9.74135C8.24458 9.72326 8.38191 9.65636 8.48713 9.55127L13.5766 4.46515C14.1401 3.90132 14.1401 2.98747 13.5766 2.42364V2.42364C13.0128 1.86009 12.0989 1.86009 11.5351 2.42364L6.49297 7.46574C6.39085 7.56782 6.32462 7.70028 6.30422 7.84323L5.99609 10.0008Z' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66554 2.66431H4.66387C3.1905 2.66431 1.99609 3.85871 1.99609 5.33208V11.3346C1.99609 12.808 3.1905 14.0024 4.66387 14.0024H10.6664C12.1397 14.0024 13.3342 12.808 13.3342 11.3346V7.33292' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  height: 100%;
  width: 1rem;
  top: 0;
  right: 1rem;
}
.out-theme out-flow-summary-group,
.out-input-dialog out-flow-summary-group,
.out-message-dialog out-flow-summary-group {
  margin-bottom: 36px;
  display: block;
}
.out-theme .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
.out-input-dialog .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
.out-message-dialog .accordion-control-wrapper:last-child .accordion-control-wrapper-group {
  margin-bottom: 0;
}
.out-theme .flow-summary-container,
.out-input-dialog .flow-summary-container,
.out-message-dialog .flow-summary-container {
  padding: 16px;
  border-bottom: 1.5px solid #f6f5f7;
}
.out-theme .flow-summary-container .flow-summary-label,
.out-input-dialog .flow-summary-container .flow-summary-label,
.out-message-dialog .flow-summary-container .flow-summary-label {
  color: #5e5e5e;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
.out-theme .flow-summary-container .flow-summary-value,
.out-input-dialog .flow-summary-container .flow-summary-value,
.out-message-dialog .flow-summary-container .flow-summary-value {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
.out-theme .flow-summary-container .flow-summary-value ul,
.out-input-dialog .flow-summary-container .flow-summary-value ul,
.out-message-dialog .flow-summary-container .flow-summary-value ul {
  margin: 0;
  padding: 0;
}
.out-theme .flow-summary-container .flow-summary-value ul li,
.out-input-dialog .flow-summary-container .flow-summary-value ul li,
.out-message-dialog .flow-summary-container .flow-summary-value ul li {
  margin: 0 0 0 20px;
}
.out-theme .flow-summary-container .flow-summary-value ul li.list-heading,
.out-input-dialog .flow-summary-container .flow-summary-value ul li.list-heading,
.out-message-dialog .flow-summary-container .flow-summary-value ul li.list-heading {
  list-style: none;
  margin: 20px 0 10px 0;
}
.out-theme .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
.out-input-dialog .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
.out-message-dialog .flow-summary-container .flow-summary-value ul li.list-heading:first-child {
  margin: 0 0 10px 0;
}
.out-theme .date-select,
.out-input-dialog .date-select,
.out-message-dialog .date-select {
  position: relative;
}
.out-theme .date-select .hidden-field-validation .mat-form-field-flex,
.out-input-dialog .date-select .hidden-field-validation .mat-form-field-flex,
.out-message-dialog .date-select .hidden-field-validation .mat-form-field-flex {
  visibility: hidden;
}
.out-theme .date-select .date-select-inputs,
.out-input-dialog .date-select .date-select-inputs,
.out-message-dialog .date-select .date-select-inputs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.out-theme .date-select .date-select-selection,
.out-input-dialog .date-select .date-select-selection,
.out-message-dialog .date-select .date-select-selection {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: calc(33% - 0.5rem);
}
.out-theme .date-select .date-select-selection:first-child,
.out-input-dialog .date-select .date-select-selection:first-child,
.out-message-dialog .date-select .date-select-selection:first-child {
  margin-left: 0;
}
.out-theme .date-select .date-select-selection:last-child,
.out-input-dialog .date-select .date-select-selection:last-child,
.out-message-dialog .date-select .date-select-selection:last-child {
  margin-right: 0;
}
.out-theme .slide-toggle,
.out-input-dialog .slide-toggle,
.out-message-dialog .slide-toggle {
  position: relative;
}
.out-theme .slide-toggle .hidden-field-validation .hidden-form-element,
.out-theme .slide-toggle .hidden-field-validation .mat-form-field-flex,
.out-input-dialog .slide-toggle .hidden-field-validation .hidden-form-element,
.out-input-dialog .slide-toggle .hidden-field-validation .mat-form-field-flex,
.out-message-dialog .slide-toggle .hidden-field-validation .hidden-form-element,
.out-message-dialog .slide-toggle .hidden-field-validation .mat-form-field-flex {
  visibility: hidden;
}
.out-theme .slide-toggle .slide-toggle-box,
.out-input-dialog .slide-toggle .slide-toggle-box,
.out-message-dialog .slide-toggle .slide-toggle-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px 0 0 0;
}
.out-theme .slide-toggle .toggle-left,
.out-theme .slide-toggle .toggle-right,
.out-input-dialog .slide-toggle .toggle-left,
.out-input-dialog .slide-toggle .toggle-right,
.out-message-dialog .slide-toggle .toggle-left,
.out-message-dialog .slide-toggle .toggle-right {
  position: relative;
  margin: 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
.out-theme .slide-toggle .toggle-left.selected,
.out-theme .slide-toggle .toggle-right.selected,
.out-input-dialog .slide-toggle .toggle-left.selected,
.out-input-dialog .slide-toggle .toggle-right.selected,
.out-message-dialog .slide-toggle .toggle-left.selected,
.out-message-dialog .slide-toggle .toggle-right.selected {
  color: #9d71ad;
}
.out-theme .slide-toggle .toggle-left .info-text,
.out-theme .slide-toggle .toggle-right .info-text,
.out-input-dialog .slide-toggle .toggle-left .info-text,
.out-input-dialog .slide-toggle .toggle-right .info-text,
.out-message-dialog .slide-toggle .toggle-left .info-text,
.out-message-dialog .slide-toggle .toggle-right .info-text {
  position: absolute;
  background: #f6e9ff;
  display: inline-block;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 8px;
  color: #9d71ad;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.out-theme .slide-toggle .toggle-left .info-text::after,
.out-theme .slide-toggle .toggle-right .info-text::after,
.out-input-dialog .slide-toggle .toggle-left .info-text::after,
.out-input-dialog .slide-toggle .toggle-right .info-text::after,
.out-message-dialog .slide-toggle .toggle-left .info-text::after,
.out-message-dialog .slide-toggle .toggle-right .info-text::after {
  content: "";
  position: absolute;
  height: 22px;
  width: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='22' viewBox='0 0 28 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.2574 1.63391C28.753 11.3455 23.3894 15.2939 18.4616 15.2939C9.48195 15.2939 9.85542 6.42005 14.3704 7.82112C18.8853 9.22219 15.8156 20.8326 1.20702 17.9425M1.20702 17.9425L3.8392 20.8069M1.20702 17.9425L4.34646 15.6613' stroke='%23E6DFEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.out-theme .slide-toggle .toggle-right .info-text,
.out-input-dialog .slide-toggle .toggle-right .info-text,
.out-message-dialog .slide-toggle .toggle-right .info-text {
  left: calc(50% + 35px);
  top: -35px;
  transform: rotate(20deg);
}
.out-theme .slide-toggle .toggle-right .info-text::after,
.out-input-dialog .slide-toggle .toggle-right .info-text::after,
.out-message-dialog .slide-toggle .toggle-right .info-text::after {
  left: calc(50% - 20px);
  top: calc(100% + 5px);
  transform: rotate(-20deg);
}
.out-theme .slide-toggle .toggle-left .info-text,
.out-input-dialog .slide-toggle .toggle-left .info-text,
.out-message-dialog .slide-toggle .toggle-left .info-text {
  right: calc(50% + 40px);
  top: -35px;
  transform: rotate(-20deg);
}
.out-theme .slide-toggle .toggle-left .info-text::after,
.out-input-dialog .slide-toggle .toggle-left .info-text::after,
.out-message-dialog .slide-toggle .toggle-left .info-text::after {
  left: calc(50% - 10px);
  top: calc(100% + 5px);
  transform: scaleX(-1) rotate(-20deg);
}
.out-theme .data-grid-heading,
.out-input-dialog .data-grid-heading,
.out-message-dialog .data-grid-heading {
  font-size: 16px;
  display: inline-block;
  padding: 18px 0;
}
.out-theme .data-grid-heading.row-heading,
.out-input-dialog .data-grid-heading.row-heading,
.out-message-dialog .data-grid-heading.row-heading {
  color: #9d71ad;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  background: #f6f5f7;
  width: 100%;
  padding: 0 1rem;
  min-height: 64px;
  max-height: 64px;
  position: relative;
  left: -1rem;
  top: 0;
  margin-bottom: 1rem;
  box-sizing: initial !important;
}
.out-theme .data-grid-heading .icon-container,
.out-input-dialog .data-grid-heading .icon-container,
.out-message-dialog .data-grid-heading .icon-container {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.out-theme .data-grid-heading .template-text-control,
.out-input-dialog .data-grid-heading .template-text-control,
.out-message-dialog .data-grid-heading .template-text-control {
  margin-bottom: 0;
}
.out-theme .data-grid-heading div:first-child,
.out-input-dialog .data-grid-heading div:first-child,
.out-message-dialog .data-grid-heading div:first-child {
  flex-grow: 1;
}
.out-theme .data-grid-heading .mat-button,
.out-input-dialog .data-grid-heading .mat-button,
.out-message-dialog .data-grid-heading .mat-button {
  margin: 0 0 0 12px;
}
.out-theme .data-table,
.out-input-dialog .data-table,
.out-message-dialog .data-table {
  width: 98%;
  border-radius: 10px;
  margin-left: 1rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}
.out-theme .data-table thead,
.out-input-dialog .data-table thead,
.out-message-dialog .data-table thead {
  border-radius: 20px;
}
.out-theme .data-table .mat-row:nth-child(odd),
.out-input-dialog .data-table .mat-row:nth-child(odd),
.out-message-dialog .data-table .mat-row:nth-child(odd) {
  background-color: white;
}
.out-theme .data-table .mat-row:nth-child(even),
.out-input-dialog .data-table .mat-row:nth-child(even),
.out-message-dialog .data-table .mat-row:nth-child(even) {
  background-color: #e2e2e2;
}
.out-theme .data-table td.mat-cell,
.out-input-dialog .data-table td.mat-cell,
.out-message-dialog .data-table td.mat-cell {
  border-bottom-style: none;
}
.out-theme .data-table th.mat-header-cell,
.out-input-dialog .data-table th.mat-header-cell,
.out-message-dialog .data-table th.mat-header-cell {
  border-bottom-style: none;
  background: #86bb39;
  color: white;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}
.out-theme .out-view-notes,
.out-theme .add-note-container,
.out-input-dialog .out-view-notes,
.out-input-dialog .add-note-container,
.out-message-dialog .out-view-notes,
.out-message-dialog .add-note-container {
  width: 20rem;
}
.out-theme .notes-header-section__filters > div,
.out-input-dialog .notes-header-section__filters > div,
.out-message-dialog .notes-header-section__filters > div {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.out-theme .notes-header-section__heading,
.out-input-dialog .notes-header-section__heading,
.out-message-dialog .notes-header-section__heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.25rem !important;
}
.out-theme .notes-header-section--text,
.out-theme .add-note__heading--text,
.out-input-dialog .notes-header-section--text,
.out-input-dialog .add-note__heading--text,
.out-message-dialog .notes-header-section--text,
.out-message-dialog .add-note__heading--text {
  color: #33173a;
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.out-theme .notes-header-section--text .count,
.out-input-dialog .notes-header-section--text .count,
.out-message-dialog .notes-header-section--text .count {
  border-radius: 1rem;
  background-color: #d5c1db !important;
  margin: 0.5rem;
  padding: 0.438rem 0.75rem;
  font-size: 0.875rem !important;
}
.out-theme .notes-item__section--text,
.out-input-dialog .notes-item__section--text,
.out-message-dialog .notes-item__section--text {
  padding-bottom: 0.5rem;
  word-break: break-word;
}
.out-theme .notes-item__section > a,
.out-input-dialog .notes-item__section > a,
.out-message-dialog .notes-item__section > a {
  font-weight: bold;
  color: #79378b;
  cursor: pointer;
}
.out-theme .notes-item,
.out-input-dialog .notes-item,
.out-message-dialog .notes-item {
  background-color: #ededed !important;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 1.5rem 1rem;
}
.out-theme .notes-item__header .created-date,
.out-input-dialog .notes-item__header .created-date,
.out-message-dialog .notes-item__header .created-date {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.out-theme .add-note__buttons > button,
.out-input-dialog .add-note__buttons > button,
.out-message-dialog .add-note__buttons > button {
  margin-top: 1rem;
  margin-right: 1rem;
}
.out-theme .mat-simple-snackbar button,
.out-input-dialog .mat-simple-snackbar button,
.out-message-dialog .mat-simple-snackbar button {
  margin-bottom: unset !important;
}

:root .out-theme {
  --blur-sys-background-10: blur(12.5px);
  --blur-sys-background-20: blur(25px);
  --blur-sys-background-30: blur(37.5px);
  --blur-sys-background-40: blur(50px);
}

:root .out-theme {
  --border-radius-10: 0.125rem;
  --border-radius-20: 0.25rem;
  --border-radius-30: 0.5rem;
  --border-radius-40: 0.75rem;
  --border-radius-50: 1rem;
  --border-radius-60: 1.5rem;
  --border-radius-70: 2rem;
}

:root .out-theme {
  --border-width-10: 1px;
  --border-width-20: 1.5px;
  --border-width-30: 2px;
}

:root .out-theme {
  --color-ref-black-0: rgba(0, 0, 0, 0);
  --color-ref-black-10: rgba(0, 0, 0, 0.02);
  --color-ref-black-25: rgba(0, 0, 0, 0.04);
  --color-ref-black-50: rgba(0, 0, 0, 0.07);
  --color-ref-black-75: rgba(0, 0, 0, 0.11);
  --color-ref-black-100: rgba(0, 0, 0, 0.16);
  --color-ref-black-150: rgba(0, 0, 0, 0.2);
  --color-ref-black-200: rgba(0, 0, 0, 0.25);
  --color-ref-black-300: rgba(0, 0, 0, 0.35);
  --color-ref-black-400: rgba(0, 0, 0, 0.45);
  --color-ref-black-500: rgba(0, 0, 0, 0.55);
  --color-ref-black-600: rgba(0, 0, 0, 0.65);
  --color-ref-black-700: rgba(0, 0, 0, 0.68);
  --color-ref-black-800: rgba(0, 0, 0, 0.74);
  --color-ref-black-900: rgba(0, 0, 0, 0.79);
  --color-ref-black-925: rgba(0, 0, 0, 0.84);
  --color-ref-black-950: rgba(0, 0, 0, 0.89);
  --color-ref-black-975: rgba(0, 0, 0, 0.93);
  --color-ref-black-1000: #000000;
  --color-ref-white-10: rgba(255, 255, 255, 0.03);
  --color-ref-white-25: rgba(255, 255, 255, 0.07);
  --color-ref-white-50: rgba(255, 255, 255, 0.09);
  --color-ref-white-75: rgba(255, 255, 255, 0.13);
  --color-ref-white-100: rgba(255, 255, 255, 0.16);
  --color-ref-white-200: rgba(255, 255, 255, 0.23);
  --color-ref-white-300: rgba(255, 255, 255, 0.29);
  --color-ref-white-400: rgba(255, 255, 255, 0.38);
  --color-ref-white-500: rgba(255, 255, 255, 0.47);
  --color-ref-white-600: rgba(255, 255, 255, 0.56);
  --color-ref-white-700: rgba(255, 255, 255, 0.62);
  --color-ref-white-800: rgba(255, 255, 255, 0.7);
  --color-ref-white-900: rgba(255, 255, 255, 0.77);
  --color-ref-white-925: rgba(255, 255, 255, 0.83);
  --color-ref-white-950: rgba(255, 255, 255, 0.9);
  --color-ref-white-975: rgba(255, 255, 255, 0.95);
  --color-ref-white-1000: #ffffff;
  --color-ref-neutral-10: #f9f9f9;
  --color-ref-neutral-25: #f3f3f3;
  --color-ref-neutral-50: #ededed;
  --color-ref-neutral-75: #e2e2e2;
  --color-ref-neutral-100: #d5d5d5;
  --color-ref-neutral-200: #bebebe;
  --color-ref-neutral-300: #a7a7a7;
  --color-ref-neutral-400: #8b8b8b;
  --color-ref-neutral-500: #737373;
  --color-ref-neutral-600: #5e5e5e;
  --color-ref-neutral-700: #515151;
  --color-ref-neutral-800: #424242;
  --color-ref-neutral-900: #363636;
  --color-ref-neutral-925: #2b2b2b;
  --color-ref-neutral-950: #212121;
  --color-ref-neutral-975: #101010;
  --color-ref-apple-10: #f7fcef;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-75: #cdeca1;
  --color-ref-apple-100: #b6e477;
  --color-ref-apple-200: #93cd3f;
  --color-ref-apple-300: #83bb3b;
  --color-ref-apple-400: #649a34;
  --color-ref-apple-500: #4e812f;
  --color-ref-apple-600: #3a6a2a;
  --color-ref-apple-700: #325d24;
  --color-ref-apple-800: #294c1e;
  --color-ref-apple-900: #213c18;
  --color-ref-apple-925: #192e12;
  --color-ref-apple-950: #12210d;
  --color-ref-apple-975: #0b1308;
  --color-ref-apple-300-20pc: rgba(131, 187, 59, 0.2);
  --color-ref-apple-300-30pc: rgba(131, 187, 59, 0.3);
  --color-ref-apple-300-50pc: rgba(131, 187, 59, 0.5);
  --color-ref-violet-10: #fcf8ff;
  --color-ref-violet-25: #f9f2ff;
  --color-ref-violet-50: #f5e9ff;
  --color-ref-violet-75: #efdaff;
  --color-ref-violet-100: #e8caff;
  --color-ref-violet-200: #d8acf9;
  --color-ref-violet-300: #c898e7;
  --color-ref-violet-400: #ac77c7;
  --color-ref-violet-500: #975cae;
  --color-ref-violet-600: #834598;
  --color-ref-violet-700: #79378b;
  --color-ref-violet-800: #662a77;
  --color-ref-violet-900: #541d63;
  --color-ref-violet-925: #40154e;
  --color-ref-violet-950: #2c113a;
  --color-ref-violet-975: #1b0a24;
  --color-ref-lavender-10: #faf9fb;
  --color-ref-lavender-25: #f6f3f7;
  --color-ref-lavender-50: #efebf2;
  --color-ref-lavender-75: #e6dfea;
  --color-ref-lavender-100: #dcd2e1;
  --color-ref-lavender-200: #c7b7d0;
  --color-ref-lavender-300: #b8a4c3;
  --color-ref-lavender-400: #9e81ad;
  --color-ref-lavender-500: #89669b;
  --color-ref-lavender-600: #774f8c;
  --color-ref-lavender-700: #6a437f;
  --color-ref-lavender-800: #573768;
  --color-ref-lavender-900: #452c52;
  --color-ref-lavender-925: #34213f;
  --color-ref-lavender-950: #25182d;
  --color-ref-lavender-975: #170e1b;
  --color-ref-lavender-300-20pc: rgba(184, 164, 195, 0.2);
  --color-ref-lavender-300-30pc: rgba(184, 164, 195, 0.3);
  --color-ref-lavender-300-50pc: rgba(184, 164, 195, 0.5);
  --color-ref-red-10: #fff9fb;
  --color-ref-red-25: #fff0f4;
  --color-ref-red-50: #ffe7ed;
  --color-ref-red-75: #ffd8e2;
  --color-ref-red-100: #ffc7d5;
  --color-ref-red-200: #FEA995;
  --color-ref-red-300: #ff7e9e;
  --color-ref-red-400: #f74b75;
  --color-ref-red-500: #d7305a;
  --color-ref-red-600: #b61c43;
  --color-ref-red-700: #9f193a;
  --color-ref-red-800: #831430;
  --color-ref-red-900: #6b1127;
  --color-ref-red-925: #520d1e;
  --color-ref-red-950: #3d0916;
  --color-ref-red-975: #27060e;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-text-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-text-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-text-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-text-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-text-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-text-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-text-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-text-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-text-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-text-accent-primary-subtle: var(--color-ref-apple-600);
  --color-sys-text-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-text-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-text-inverse-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-text-inverse-strong: var(--color-ref-white-1000);
  --color-sys-text-inverse-moderate: var(--color-ref-neutral-100);
  --color-sys-text-inverse-subtle: var(--color-ref-neutral-200);
  --color-sys-text-critical: var(--color-ref-red-700);
  --color-sys-text-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-disabled: var(--color-ref-neutral-400);
  --color-sys-text-subtle: var(--color-ref-neutral-600);
  --color-sys-text-moderate: var(--color-ref-neutral-700);
  --color-sys-text-strong: var(--color-ref-neutral-900);
  --color-sys-icon-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-icon-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-icon-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-icon-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-icon-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-icon-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-icon-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-icon-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-icon-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-icon-accent-primary-subtle: var(--color-ref-apple-500);
  --color-sys-icon-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-icon-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-icon-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-icon-inverse-moderate: var(--color-ref-neutral-200);
  --color-sys-icon-inverse-strong: var(--color-ref-white-1000);
  --color-sys-icon-critical: var(--color-ref-red-700);
  --color-sys-icon-disabled: var(--color-ref-neutral-300);
  --color-sys-icon-subtle: var(--color-ref-neutral-500);
  --color-sys-icon-moderate: var(--color-ref-neutral-700);
  --color-sys-icon-strong: var(--color-ref-neutral-900);
  --color-sys-bg-neutral-10: var(--color-ref-neutral-10);
  --color-sys-bg-neutral-20: var(--color-ref-neutral-25);
  --color-sys-bg-neutral-30: var(--color-ref-neutral-50);
  --color-sys-bg-neutral-40: var(--color-ref-neutral-75);
  --color-sys-bg-tertiary-10: var(--color-ref-lavender-10);
  --color-sys-bg-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-bg-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-bg-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-bg-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-bg-tertiary-inverse-20: var(--color-ref-lavender-950);
  --color-sys-bg-tertiary-inverse-40: var(--color-ref-lavender-900);
  --color-sys-bg-tertiary-inverse-50: var(--color-ref-lavender-800);
  --color-sys-bg-secondary-10: var(--color-ref-violet-10);
  --color-sys-bg-secondary-20: var(--color-ref-violet-25);
  --color-sys-bg-secondary-30: var(--color-ref-violet-50);
  --color-sys-bg-secondary-40: var(--color-ref-violet-75);
  --color-sys-bg-secondary-50: var(--color-ref-violet-100);
  --color-sys-bg-secondary-inverse-40: var(--color-ref-violet-900);
  --color-sys-bg-secondary-inverse-80: var(--color-ref-violet-500);
  --color-sys-bg-primary-10: var(--color-ref-apple-10);
  --color-sys-bg-primary-20: var(--color-ref-apple-25);
  --color-sys-bg-primary-30: var(--color-ref-apple-50);
  --color-sys-bg-primary-40: var(--color-ref-apple-75);
  --color-sys-bg-primary-50: var(--color-ref-apple-100);
  --color-sys-bg-primary-inverse-40: var(--color-ref-apple-900);
  --color-sys-bg-default: var(--color-ref-white-1000);
  --color-sys-bg-critical-40: var(--color-ref-red-75);
  --color-sys-bg-critical-inverse-80: var(--color-ref-red-500);
  --color-sys-bg-raised: var(--color-ref-white-1000);
  --color-sys-interactive-border-40-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-border-40-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-border-40-default: var(--color-ref-neutral-75);
  --color-sys-interactive-border-critical-30: var(--color-ref-red-200);
  --color-sys-interactive-border-critical-100: var(--color-ref-red-600);
  --color-sys-interactive-border-secondary-40-focus: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-40-hover: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-40-default: var(--color-ref-violet-75);
  --color-sys-interactive-border-secondary-60-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-60-hover: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-60-default: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-80-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-80-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-80-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-secondary-100-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-100-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-disabled: var(--color-ref-neutral-100);
  --color-sys-interactive-border-inverse-max-default: var(--color-ref-white-1000);
  --color-sys-interactive-border-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-border-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-border-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-border-tertiary-40-focus: var(--color-ref-lavender-300);
  --color-sys-interactive-border-tertiary-40-hover: var(--color-ref-lavender-200);
  --color-sys-interactive-border-tertiary-40-default: var(--color-ref-lavender-75);
  --color-sys-interactive-border-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-border-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-border-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-30-focus: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-30-hover: var(--color-ref-neutral-75);
  --color-sys-interactive-bg-30-default: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-50-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-bg-50-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-bg-50-default: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-primary-10-focus: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-10-hover: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-10-default: var(--color-ref-apple-10);
  --color-sys-interactive-bg-primary-20-default: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-20-hover: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-20-focus: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-default: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-30-hover: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-focus: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-50-hover: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-default: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-100-default: var(--color-ref-apple-600);
  --color-sys-interactive-bg-primary-100-hover: var(--color-ref-apple-700);
  --color-sys-interactive-bg-primary-100-focus: var(--color-ref-apple-800);
  --color-sys-interactive-bg-min-focus: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-min-hover: var(--color-ref-neutral-25);
  --color-sys-interactive-bg-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-disabled: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-secondary-10-default: var(--color-ref-violet-10);
  --color-sys-interactive-bg-secondary-10-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-10-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-focus: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-20-hover: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-default: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-30-default: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-30-hover: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-30-focus: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-50-focus: var(--color-ref-violet-300);
  --color-sys-interactive-bg-secondary-50-hover: var(--color-ref-violet-200);
  --color-sys-interactive-bg-secondary-50-default: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-bg-secondary-100-hover: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-100-focus: var(--color-ref-violet-800);
  --color-sys-interactive-bg-secondary-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-secondary-min-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-min-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-inverse-30-default: var(--color-ref-violet-900);
  --color-sys-interactive-bg-secondary-inverse-30-focus: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-inverse-30-hover: var(--color-ref-violet-800);
  --color-sys-interactive-bg-tertiary-10-default: var(--color-ref-lavender-10);
  --color-sys-interactive-bg-tertiary-10-focus: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-10-hover: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-30-default: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-30-hover: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-30-focus: var(--color-ref-lavender-100);
  --color-sys-interactive-bg-tertiary-60-default: var(--color-ref-lavender-200);
  --color-sys-interactive-bg-tertiary-60-hover: var(--color-ref-lavender-300);
  --color-sys-interactive-bg-tertiary-60-focus: var(--color-ref-lavender-400);
  --color-sys-border-secondary-10: var(--color-ref-violet-50);
  --color-sys-border-secondary-20: var(--color-ref-violet-75);
  --color-sys-border-secondary-30: var(--color-ref-violet-100);
  --color-sys-border-secondary-40: var(--color-ref-violet-200);
  --color-sys-border-secondary-50: var(--color-ref-violet-400);
  --color-sys-border-secondary-60: var(--color-ref-violet-600);
  --color-sys-border-primary-10: var(--color-ref-apple-50);
  --color-sys-border-primary-20: var(--color-ref-apple-75);
  --color-sys-border-primary-30: var(--color-ref-apple-100);
  --color-sys-border-primary-40: var(--color-ref-apple-200);
  --color-sys-border-primary-50: var(--color-ref-apple-400);
  --color-sys-border-primary-60: var(--color-ref-apple-600);
  --color-sys-border-tertiary-10: var(--color-ref-lavender-50);
  --color-sys-border-tertiary-20: var(--color-ref-lavender-75);
  --color-sys-border-tertiary-30: var(--color-ref-lavender-100);
  --color-sys-border-tertiary-40: var(--color-ref-lavender-200);
  --color-sys-border-tertiary-50: var(--color-ref-lavender-400);
  --color-sys-border-tertiary-60: var(--color-ref-lavender-600);
  --color-sys-border-min: var(--color-ref-white-1000);
  --color-sys-canvas-default: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-illustration-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-illustration-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-illustration-tertiary-60: var(--color-ref-lavender-200);
  --color-sys-illustration-tertiary-70: var(--color-ref-lavender-300);
  --color-sys-illustration-tertiary-80: var(--color-ref-lavender-400);
  --color-sys-illustration-tertiary-100: var(--color-ref-lavender-600);
  --color-sys-illustration-secondary-20: var(--color-ref-violet-25);
  --color-sys-illustration-secondary-30: var(--color-ref-violet-50);
  --color-sys-illustration-secondary-40: var(--color-ref-violet-75);
  --color-sys-illustration-secondary-50: var(--color-ref-violet-100);
  --color-sys-illustration-secondary-60: var(--color-ref-violet-200);
  --color-sys-illustration-secondary-70: var(--color-ref-violet-300);
  --color-sys-illustration-secondary-80: var(--color-ref-violet-400);
  --color-sys-illustration-secondary-100: var(--color-ref-violet-600);
  --color-sys-illustration-primary-20: var(--color-ref-apple-25);
  --color-sys-illustration-primary-30: var(--color-ref-apple-50);
  --color-sys-illustration-primary-40: var(--color-ref-apple-75);
  --color-sys-illustration-primary-50: var(--color-ref-apple-100);
  --color-sys-illustration-primary-60: var(--color-ref-apple-200);
  --color-sys-illustration-primary-70: var(--color-ref-apple-300);
  --color-sys-illustration-primary-80: var(--color-ref-apple-400);
  --color-sys-illustration-primary-100: var(--color-ref-apple-600);
  --color-sys-illustration-neutral-min: var(--color-ref-white-1000);
}

:root .out-theme {
  --color-comp-scrollbar-fg-default: var(--color-ref-lavender-100);
  --color-comp-form-border-critical: var(--color-sys-interactive-border-critical-30);
  --color-comp-form-border-read-only: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-border-disabled: var(--color-ref-neutral-75);
  --color-comp-form-border-active: var(--color-sys-interactive-border-secondary-100-default);
  --color-comp-form-border-default: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-bg-critical: var(--color-ref-white-1000);
  --color-comp-form-bg-read-only: var(--color-ref-lavender-10);
  --color-comp-form-bg-disabled: var(--color-ref-neutral-50);
  --color-comp-form-bg-active: var(--color-ref-white-1000);
  --color-comp-form-bg-default: var(--color-ref-white-1000);
  --color-comp-button-bg-inverse-disabled: var(--color-ref-neutral-800);
  --color-comp-button-bg-disabled: var(--color-ref-neutral-75);
  --color-comp-button-neutral-inverse-faded-bg-focus: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-pressed: var(--color-ref-white-200);
  --color-comp-button-neutral-inverse-faded-bg-hover: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-default: var(--color-ref-white-50);
  --color-comp-button-secondary-faded-bg-focus: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-pressed: var(--color-ref-lavender-50);
  --color-comp-button-secondary-faded-bg-hover: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-secondary-outline-border-focus: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-pressed: var(--color-ref-violet-400);
  --color-comp-button-secondary-outline-border-hover: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-default: var(--color-ref-violet-200);
  --color-comp-button-secondary-outline-bg-focus: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-pressed: var(--color-ref-violet-50);
  --color-comp-button-secondary-outline-bg-hover: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-solid-bg-focus: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-pressed: var(--color-ref-violet-800);
  --color-comp-button-secondary-solid-bg-hover: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-default: var(--color-ref-violet-500);
  --color-comp-button-primary-inverse-faded-bg-focus: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-faded-bg-hover: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-default: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-border-disabled: var(--color-ref-neutral-600);
  --color-comp-button-primary-inverse-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-inverse-outline-bg-focus: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-bg-pressed: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-outline-bg-hover: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-solid-bg-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-solid-bg-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-default: var(--color-ref-apple-200);
  --color-comp-button-primary-faded-bg-focus: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-pressed: var(--color-ref-apple-75);
  --color-comp-button-primary-faded-bg-hover: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-default: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-primary-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-outline-bg-focus: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-pressed: var(--color-ref-apple-50);
  --color-comp-button-primary-outline-bg-hover: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-primary-solid-bg-focus: var(--color-ref-apple-100);
  --color-comp-button-primary-solid-bg-pressed: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-hover: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-default: var(--color-ref-apple-100);
  --color-comp-button-inverse-lowemphasis-bg-hover: var(--color-ref-white-25);
  --color-comp-button-inverse-lowemphasis-bg-pressed: var(--color-ref-white-75);
  --color-comp-button-inverse-lowemphasis-bg-focus: var(--color-ref-white-75);
  --color-comp-spinner-neutral-inverse-fg: var(--color-ref-white-1000);
  --color-comp-spinner-neutral-inverse-bg: var(--color-ref-white-200);
  --color-comp-spinner-neutral-fg: var(--color-ref-neutral-900);
  --color-comp-spinner-neutral-bg: var(--color-ref-black-200);
  --color-comp-spinner-secondary-fg: var(--color-ref-violet-700);
  --color-comp-spinner-secondary-bg: var(--color-ref-black-200);
  --color-comp-spinner-primary-fg: var(--color-ref-apple-700);
  --color-comp-spinner-primary-bg: var(--color-ref-apple-300-50pc);
  --color-comp-tooltip-bg-default: var(--color-ref-neutral-900);
  --color-comp-modal-overlay: var(--color-ref-black-300);
  --color-comp-divider-tertiary-subtle: var(--color-ref-lavender-50);
  --color-comp-divider-tertiary-strong: var(--color-ref-lavender-600);
  --color-comp-divider-tertiary-faint: var(--color-ref-lavender-25);
  --color-comp-divider-neutral-subtle: var(--color-ref-neutral-50);
  --color-comp-divider-neutral-faint: var(--color-ref-neutral-25);
  --color-comp-divider-primary-subtle: var(--color-ref-apple-50);
  --color-comp-toggletag-bg-subdued: var(--color-ref-neutral-10);
  --color-comp-cookiebanner-bg-default: var(--color-ref-lavender-950);
  --color-comp-link-bg-focus: var(--color-ref-apple-100);
  --color-comp-link-text-disabled: var(--color-sys-text-disabled);
  --color-comp-link-text-focus: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-hover: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-default: var(--color-sys-text-accent-primary-moderate);
  --color-comp-progress-primary-fg: var(--color-ref-apple-200);
  --color-comp-progress-primary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-fg: var(--color-ref-violet-500);
  --color-comp-header-bg-scrolled: var(--color-ref-white-800);
}

:root .out-theme {
  --spacing-10: 0.125rem;
  --spacing-20: 0.25rem;
  --spacing-30: 0.5rem;
  --spacing-40: 0.75rem;
  --spacing-50: 1rem;
  --spacing-60: 1.25rem;
  --spacing-70: 1.5rem;
  --spacing-80: 2rem;
  --spacing-90: 2.5rem;
  --spacing-100: 3rem;
  --spacing-110: 3.5rem;
  --spacing-120: 4rem;
  --spacing-inset-0: 0;
  --spacing-inset-10: 2px;
  --spacing-inset-20: 4px;
  --spacing-inset-30: 8px;
  --spacing-inset-40: 12px;
  --spacing-inset-50: 16px;
  --spacing-inset-60: 20px;
  --spacing-inset-70: 24px;
  --spacing-inset-80: 32px;
  --spacing-inset-90: 40px;
  --spacing-inset-100: 48px;
  --spacing-inset-squish-10: 2px 4px;
  --spacing-inset-squish-20: 4px 8px;
  --spacing-inset-squish-30: 8px 12px;
  --spacing-inset-squish-40: 12px 16px;
  --spacing-inset-squish-50: 16px 24px;
  --spacing-inset-squish-60: 24px 32px;
  --spacing-inset-squish-70: 32px 48px;
  --spacing-inset-stretch-10: 4px 2px;
  --spacing-inset-stretch-20: 8px 4px;
  --spacing-inset-stretch-30: 12px 8px;
  --spacing-inset-stretch-40: 16px 12px;
  --spacing-inset-stretch-50: 24px 16px;
  --spacing-inset-stretch-60: 32px 24px;
  --spacing-inset-stretch-70: 48px 32px;
}

:root .out-theme {
  --shadow-comp-button-secondary-solid-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0px 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-solid-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.5), 0px 12px 12px -12px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.3), 0px 12px 12px -12px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-primary-solid-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-solid-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.2), 0px 8px 4px -12px rgba(131, 187, 59, 0.3), 0px 10px 8px -12px rgba(131, 187, 59, 0.5), 0px 12px 12px -12px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.5), 0px 8px 4px -12px rgba(131, 187, 59, 0.5), 0px 10px 8px -12px rgba(131, 187, 59, 0.3), 0px 12px 12px -12px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.3), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-togglecard-selected: 0px 2px 4px -4px rgba(131, 187, 59, 0.2), 0px 4px 10px -4px rgba(131, 187, 59, 0.2), 0px 6px 18px -4px rgba(131, 187, 59, 0.2), 0px 8px 20px -4px rgba(131, 187, 59, 0.3), 0px 0px 0px 2.5px #93cd3f;
  --shadow-comp-popover-default: 0px 12px 24px 0px rgba(0, 0, 0, 0.11), 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-10: 0px 1px 8px -8px rgba(0, 0, 0, 0.16), 0px 2px 8px -3px rgba(0, 0, 0, 0.16);
  --shadow-sys-elevation-20: 0px 14px 8px -16px rgba(0, 0, 0, 0.11), 0px 8px 16px -6px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-30: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-40: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -10px rgba(0, 0, 0, 0.11), 0px 16px 12px -12px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-50: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-compact-10: 0px 2px 10px -6px rgba(0, 0, 0, 0.45), 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-20: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-30: 0px 4px 12px -4px rgba(0, 0, 0, 0.45), 0px 10px 10px -4px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-soft-10: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-20: 0px 8px 24px -6px rgba(0, 0, 0, 0.11), 0px 6px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-30: 0px 16px 32px -8px rgba(0, 0, 0, 0.16), 0px 4px 16px -6px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-40: 0px 24px 64px -12px rgba(0, 0, 0, 0.16), 0px 16px 32px -12px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-50: 0px 40px 96px -24px rgba(0, 0, 0, 0.16), 0px 24px 72px -32px rgba(0, 0, 0, 0.2), 0px 16px 24px -8px rgba(0, 0, 0, 0.04);
  --shadow-sys-focus-selected: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-focus-default: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-overlay-20: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  --shadow-sys-overlay-30: 0 0 24px 0 rgba(0, 0, 0, 0.16);
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root .out-theme {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  border-radius: var(--border-radius-40);
  padding: 0 var(--spacing-70);
  height: 44px;
  box-sizing: border-box;
  min-width: unset;
  color: var(--color-sys-text-accent-secondary-strong);
  --mat-mdc-button-persistent-ripple-color: transparent;
  transition: box-shadow 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay {
  display: none;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled {
  color: var(--color-sys-text-disabled);
  background-color: var(--color-comp-button-bg-disabled);
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label {
  flex: 1;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] {
  height: 56px;
  padding: 0 15px !important;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab) {
  padding: 0 var(--spacing-80) !important;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 10px !important;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab) {
  padding: 0 var(--spacing-60) !important;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
:root .out-theme .mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
:root .out-theme .mat-mdc-raised-button, :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  background-image: linear-gradient(180deg, var(--color-comp-button-primary-solid-bg-focus) 31.77%, var(--color-comp-button-primary-solid-bg-pressed) 73.96%);
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}
:root .out-theme .mat-mdc-raised-button:hover:not(:disabled), :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled) {
  background: var(--color-comp-button-primary-solid-bg-hover);
  box-shadow: var(--shadow-comp-button-primary-solid-hover);
}
:root .out-theme .mat-mdc-raised-button:focus, :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus {
  background: var(--color-comp-button-primary-solid-bg-focus);
  box-shadow: var(--shadow-comp-button-primary-solid-focus);
}
:root .out-theme .mat-mdc-raised-button:active, :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active {
  background: var(--color-comp-button-primary-solid-bg-pressed);
  box-shadow: var(--shadow-comp-button-primary-solid-pressed);
}
:root .out-theme .mat-mdc-raised-button:disabled, :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled {
  background-image: none;
  box-shadow: none !important;
}
:root .out-theme .mat-mdc-raised-button:disabled .mdc-button__label, :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
:root .out-theme .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), :root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}
:root .out-theme .mat-mdc-outlined-button, :root .out-theme .mat-mdc-icon-button[type=outline] {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus) !important;
  box-shadow: var(--shadow-comp-button-primary-outline-default);
  background-image: none;
  background-color: var(--color-sys-bg-default);
}
:root .out-theme .mat-mdc-outlined-button:hover:not(:disabled), :root .out-theme .mat-mdc-icon-button[type=outline]:hover:not(:disabled) {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-hover);
  background: var(--color-comp-button-primary-outline-bg-hover);
  box-shadow: var(--shadow-comp-button-primary-outline-hover);
}
:root .out-theme .mat-mdc-outlined-button:focus, :root .out-theme .mat-mdc-icon-button[type=outline]:focus {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus);
  background: var(--color-comp-button-primary-outline-bg-focus);
  box-shadow: var(--shadow-comp-button-primary-outline-focus);
}
:root .out-theme .mat-mdc-outlined-button:active, :root .out-theme .mat-mdc-icon-button[type=outline]:active {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-pressed);
  background: var(--color-comp-button-primary-outline-bg-pressed);
  box-shadow: var(--shadow-comp-button-primary-outline-pressed);
}
:root .out-theme .mat-mdc-outlined-button:disabled, :root .out-theme .mat-mdc-icon-button[type=outline]:disabled {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-disabled) !important;
  box-shadow: none;
}
:root .out-theme .mat-mdc-outlined-button:disabled .mdc-button__label, :root .out-theme .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
:root .out-theme .mat-mdc-unelevated-button, :root .out-theme .mat-mdc-icon-button[type=faded] {
  background: var(--color-comp-button-primary-faded-bg-default);
  box-shadow: none !important;
}
:root .out-theme .mat-mdc-unelevated-button:hover:not(:disabled), :root .out-theme .mat-mdc-icon-button[type=faded]:hover:not(:disabled) {
  background: var(--color-comp-button-primary-faded-bg-hover);
}
:root .out-theme .mat-mdc-unelevated-button:focus, :root .out-theme .mat-mdc-icon-button[type=faded]:focus {
  background: var(--color-comp-button-primary-faded-bg-focus);
}
:root .out-theme .mat-mdc-unelevated-button:active, :root .out-theme .mat-mdc-icon-button[type=faded]:active {
  background: var(--color-comp-button-primary-faded-bg-pressed);
}
:root .out-theme .mat-mdc-unelevated-button:disabled, :root .out-theme .mat-mdc-icon-button[type=faded]:disabled {
  background: var(--color-comp-button-bg-disabled);
}
:root .out-theme .mat-mdc-unelevated-button:disabled .mdc-button__label, :root .out-theme .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
:root .out-theme .mat-mdc-button, :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled), :root .out-theme .mat-mdc-icon-button[type=icon-only] {
  background: transparent;
  box-shadow: none !important;
}
:root .out-theme .mat-mdc-button:hover:not(:disabled), :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled), :root .out-theme .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled) {
  background: transparent;
}
:root .out-theme .mat-mdc-button:focus, :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus, :root .out-theme .mat-mdc-icon-button[type=icon-only]:focus {
  color: var(--color-sys-text-accent-primary-subtle);
  background: transparent;
}
:root .out-theme .mat-mdc-button:active, :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active, :root .out-theme .mat-mdc-icon-button[type=icon-only]:active {
  color: var(--color-sys-text-accent-primary-subtle);
  background: var(--color-comp-button-primary-outline-bg-pressed);
}
:root .out-theme .mat-mdc-button:disabled, :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled, :root .out-theme .mat-mdc-icon-button[type=icon-only]:disabled {
  background-color: transparent !important;
}
:root .out-theme .mat-mdc-button:disabled .mdc-button__label, :root .out-theme .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label, :root .out-theme .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
:root .out-theme .mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  background-color: transparent;
}
:root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  padding: 10px !important;
  width: auto;
  border-radius: var(--border-radius-40) !important;
  box-sizing: border-box;
  --mat-mdc-button-persistent-ripple-color: transparent;
}
:root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline] {
  padding: 8px !important;
}
:root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] {
  padding: 10px !important;
  height: 52px;
  width: 52px;
}
:root .out-theme .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}
:root .out-theme .mat-mdc-fab {
  padding: 10px !important;
  width: auto;
  border-radius: var(--border-radius-50) !important;
  --mat-mdc-button-persistent-ripple-color: transparent;
  color: var(--color-sys-bg-default) !important;
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
  box-shadow: var(--shadow-sys-elevation-40) !important;
}
:root .out-theme .mat-mdc-fab:hover:not(:disabled) {
  background-color: var(--color-sys-interactive-bg-secondary-100-hover);
}
:root .out-theme .mat-mdc-fab:focus {
  background-color: var(--color-sys-interactive-bg-secondary-100-focus);
}
:root .out-theme .mat-mdc-fab:active {
  background: var(--color-comp-button-secondary-solid-bg-pressed);
}
:root .out-theme .mat-mdc-fab:disabled {
  background-image: none;
  box-shadow: none !important;
  background-color: var(--color-comp-button-bg-disabled);
}
:root .out-theme .mat-mdc-fab:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
:root .out-theme .mat-mdc-fab[size=large] {
  padding: 0 !important;
  height: 52px;
  width: 52px !important;
}
:root .out-theme .mat-mdc-fab[size=large] .mat-icon {
  position: absolute;
  font-size: 32px;
  height: 32px;
  width: 32px;
}
:root .out-theme .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), :root .out-theme .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
  color: var(--color-sys-text-inverse-strong);
}
:root .out-theme mat-datepicker-toggle .mdc-icon-button {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
:root .out-theme .mat-datepicker-content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-secondary-80-default);
  box-shadow: var(--shadow-sys-elevation-soft-30);
  background: var(--color-sys-bg-tertiary-10);
  border-radius: var(--border-radius-50);
  background-color: var(--color-sys-bg-tertiary-10);
  max-height: 350px;
}
:root .out-theme .mat-datepicker-content .mat-datepicker-content-container {
  display: flex;
  align-items: center;
}
:root .out-theme .mat-datepicker-content .mat-calendar {
  height: 380px;
}
:root .out-theme .mat-datepicker-content .mat-calendar-table-header th {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
  margin-bottom: 1rem;
}
:root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  margin: 0.5rem 0 0 0;
}
:root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  padding: 0;
}
:root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label {
  color: var(--color-sys-text-accent-secondary-strong);
}
:root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button, :root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button, :root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button {
  color: var(--color-sys-text-accent-secondary-moderate);
}
:root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow, :root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow, :root .out-theme .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow {
  fill: var(--color-sys-text-accent-secondary-moderate);
}
:root .out-theme .mat-datepicker-content .mat-calendar-body > tr {
  height: 40px;
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-selected {
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--color-sys-text-inverse-strong);
  border: var(--border-width-30) solid var(--color-sys-interactive-border-secondary-80-default);
  color: var(--color-sys-text-strong);
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--color-sys-illustration-primary-30);
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-today {
  background-color: var(--color-sys-text-inverse-strong) !important;
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-default);
  color: var(--color-sys-text-strong) !important;
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-cell-content, :root .out-theme .mat-datepicker-content .mat-calendar-body-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-datepicker-content .mat-calendar-body-label {
  padding: 0 13.188px !important;
}
:root .out-theme .mat-datepicker-content .mat-ripple,
:root .out-theme .mat-datepicker-content .mat-mdc-button-focus-overlay {
  display: none;
}
:root .out-theme .mat-calendar-previous-button:disabled, :root .out-theme .mat-calendar-next-button:disabled {
  color: var(--color-sys-text-disabled) !important;
}
:root .out-theme input::-webkit-outer-spin-button,
:root .out-theme input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
:root .out-theme input[type=number] {
  -moz-appearance: textfield;
}
:root .out-theme div[matformfieldlineripple] {
  display: none;
}
:root .out-theme .mdc-text-field {
  background-color: var(--color-comp-form-bg-default);
}
:root .out-theme .mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: 0 !important;
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0);
}
:root .out-theme .mat-mdc-form-field {
  width: 100%;
}
:root .out-theme .mat-form-field-appearance-outline input[matinput] {
  padding-left: 0.15rem;
  color: var(--color-sys-text-strong);
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-spinner {
  top: -2px;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-spinner circle {
  stroke: var(--color-sys-text-accent-secondary-subtle);
}
:root .out-theme .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, :root .out-theme .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label {
  color: var(--color-sys-text-accent-secondary-moderate);
  transform: translateY(-0.5em) scale(0.75);
}
:root .out-theme .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper {
  padding: 0 !important;
  margin: 3px 0 0 0;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) {
  display: table;
  padding-bottom: 5px;
  padding-right: 5px;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea {
  padding-top: 5px;
  height: 44px;
  min-height: 44px;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  max-height: 4rem;
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
  min-width: var(--spacing-50) !important;
  border-radius: var(--border-radius-40) !important;
  padding-right: 0.25rem !important;
  padding-left: 1rem !important;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  top: 40px;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control {
  color: var(--color-sys-text-strong) !important;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  padding: 0 !important;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix {
  top: 0;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  display: flex;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
  top: 8px;
  left: -3px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-placeholder) !important;
}
:root .out-theme .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-accent-secondary-moderate);
}
:root .out-theme .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label, :root .out-theme .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--color-sys-text-critical) !important;
}
:root .out-theme .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading, :root .out-theme .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
:root .out-theme .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch {
  border: none;
}
:root .out-theme .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
  box-shadow: var(--shadow-sys-elevation-30);
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled {
  background-color: var(--color-comp-form-bg-disabled);
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-inverse-disabled) !important;
  background-color: var(--color-comp-form-bg-disabled) !important;
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border: none;
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid {
  border: var(--border-width-30) solid var(--color-comp-form-border-critical) !important;
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper {
  color: var(--color-sys-text-critical);
}
:root .out-theme .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
:root .out-theme .mat-form-field-appearance-outline #cd-autocomplete-icon {
  background-image: url('arrow-down-active.d10ec36c2980ec00.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  padding-top: 5px;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value {
  color: var(--color-sys-text-strong);
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-option {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg {
  display: none !important;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow {
  background-image: url('arrow-down-active.d10ec36c2980ec00.svg');
  background-repeat: no-repeat;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  position: absolute;
  right: 0.75rem;
  transform: translateY(-75%);
  top: 50%;
}
:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%) !important;
}
:root .out-theme .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper, :root .out-theme .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper {
  top: 75% !important;
}
:root .out-theme .mat-pseudo-checkbox {
  border-radius: var(--border-radius-30);
  height: 28px;
  width: 28px;
}
:root .out-theme .mat-pseudo-checkbox-full {
  border-color: var(--color-sys-interactive-border-40-default);
}
:root .out-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
:root .out-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
:root .out-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
:root .out-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
:root .out-theme .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
:root .out-theme .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
:root .out-theme .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
:root .out-theme .contact-number-panel {
  overflow-x: hidden;
}
:root .out-theme .contact-number-input {
  display: flex;
  position: relative;
}
:root .out-theme .contact-number-input__divider-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  border-bottom: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  height: 3.5rem;
  z-index: 10;
}
:root .out-theme .contact-number-input__divider-container__divider {
  border-right: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  position: inherit;
  height: 1.5rem;
  margin-left: -2px;
}
:root .out-theme .contact-number-input:focus-within .contact-number-input__divider-container {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-active);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-active);
}
:root .out-theme .contact-number-input__select {
  z-index: 2;
  min-width: 5rem;
  max-width: 7rem;
  width: 7vw;
}
:root .out-theme .contact-number-input__select mat-select {
  left: 1rem;
  position: relative;
  width: 60%;
  text-align: start;
}
:root .out-theme .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-right: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none !important;
}
:root .out-theme .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  text-align: center;
  border-right: none !important;
  border-radius: var(--border-radius-40) 0 0 var(--border-radius-40) !important;
  padding-left: 5px;
  padding-right: 5px;
}
:root .out-theme .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch {
  padding-top: 3px;
  padding-left: 16px;
  width: 100% !important;
  max-width: 100%;
}
:root .out-theme .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  position: static !important;
  right: unset !important;
  top: unset !important;
  transform: none !important;
}
:root .out-theme .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  position: absolute;
  top: 10%;
}
:root .out-theme .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line, :root .out-theme .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value {
  color: var(--color-sys-text-disabled) !important;
}
:root .out-theme .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow {
  visibility: hidden;
}
:root .out-theme .contact-number-input__input {
  width: 100%;
  z-index: 2;
}
:root .out-theme .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
:root .out-theme .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  box-shadow: none !important;
  border-left: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
}
:root .out-theme .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border-radius: 0 var(--border-radius-40) var(--border-radius-40) 0 !important;
  border-left: none !important;
}
:root .out-theme .contact-number-input__input .mdc-notched-outline__notch {
  padding-top: 3px !important;
}
:root .out-theme .contact-number-input__error-state .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-critical) !important;
}
:root .out-theme .contact-number-input__error-state .mat-mdc-select-arrow {
  background-image: url('arrow-down-error.f46666c32f6e289f.svg') !important;
}
:root .out-theme .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-critical) !important;
}
:root .out-theme .contact-number-input__error-state ~ .contact-number-input__divider-container {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-critical);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-critical);
}
:root .out-theme .contact-number-input__focused .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-active) !important;
}
:root .out-theme .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-color: var(--color-comp-form-border-active) !important;
}
:root .out-theme .contact-number-input__error-control {
  position: absolute;
}
:root .out-theme .contact-number-input__error-control mat-error {
  width: max-content;
  left: -1rem;
}
:root .out-theme .contact-number-input__error-control .mat-mdc-form-field-flex {
  visibility: hidden !important;
}
:root .out-theme .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border: none !important;
  height: 58px !important;
  border-radius: var(--border-radius-40) !important;
}
:root .out-theme .time-picker-component {
  display: flex;
}
:root .out-theme .time-picker-component__hour-select {
  margin-right: -4px;
  width: calc(50% - 4px) !important;
  z-index: 10;
}
:root .out-theme .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-right: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none;
}
:root .out-theme .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  text-align: center;
  border-right: none !important;
  border-radius: var(--border-radius-40) 0 0 var(--border-radius-40) !important;
}
:root .out-theme .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  max-width: 100% !important;
}
:root .out-theme .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  overflow: visible;
}
:root .out-theme .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value {
  text-align: left;
  padding-left: 0.5rem;
}
:root .out-theme .time-picker-component__minute-select {
  width: calc(50% + 16px) !important;
}
:root .out-theme .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
:root .out-theme .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-left: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none;
}
:root .out-theme .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border-radius: 0 var(--border-radius-40) var(--border-radius-40) 0 !important;
  border-left: none !important;
}
:root .out-theme .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text, :root .out-theme .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text {
  color: var(--color-sys-text-inverse-disabled) !important;
}
:root .out-theme .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper, :root .out-theme .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper {
  visibility: hidden;
}
:root .out-theme .time-picker-component__minute-select .time-picker-component__icon > span, :root .out-theme .time-picker-component__hour-select .time-picker-component__icon > span {
  color: var(--colorsys-icon-disabled) !important;
}
:root .out-theme .time-picker-component__focused .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-active) !important;
}
:root .out-theme .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-color: var(--color-comp-form-border-active) !important;
}
:root .out-theme .time-picker-component__divider {
  z-index: 11;
  padding-top: 1.55rem;
  margin-bottom: 0.6rem;
  border-top: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  border-bottom: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
}
:root .out-theme .time-picker-component__divider--focused {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-active);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-active);
}
:root .out-theme .time-picker-component__icon {
  padding-left: 0;
  padding-top: 6px;
  font-size: 24px;
  margin-right: 4px;
}
:root .out-theme .time-picker-component__minute-select mat-select {
  padding-top: 13px !important;
}
:root .out-theme .time-picker-component .material-symbols-outlined {
  color: var(--color-sys-text-accent-secondary-strong);
}
:root .out-theme .time-picker-component .minute-picker {
  width: 100% !important;
}
:root .out-theme .time-picker-component .hour-picker {
  width: 100% !important;
}
:root .out-theme .time-picker-minute-panel {
  right: calc(50% - 10px);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel {
  position: relative;
  top: -0.75rem;
  background: var(--color-sys-bg-default) !important;
  box-shadow: 0 6px 8px -2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 var(--border-radius-40) var(--border-radius-40) !important;
  border-style: solid !important;
  border-width: 0 var(--border-width-30) var(--border-width-30) var(--border-width-30) !important;
  border-color: var(--color-comp-form-border-active) !important;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar {
  width: var(--spacing-20);
  border-radius: var(--spacing-20);
  margin: 0.75rem 0;
  background: transparent;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track {
  border-radius: var(--spacing-20);
  margin: var(--border-radius-40) 0;
  background: transparent;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb {
  background: var(--color-comp-scrollbar-fg-default);
  margin: var(--border-radius-40) 0;
  border-radius: var(--spacing-20);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: var(--color-comp-scrollbar-fg-default);
  margin: var(--border-radius-40) 0;
  border-radius: var(--spacing-20);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option {
  color: var(--color-sys-text-moderate) !important;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple), :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--color-sys-interactive-bg-primary-20-default);
  border-bottom: 2px solid var(--color-comp-button-primary-outline-border-default);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
  color: var(--color-sys-text-strong) !important;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput], :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput] {
  color: var(--color-sys-text-strong);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder, :root .out-theme .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-placeholder) !important;
}
:root .out-theme .mat-mdc-select-panel-above .mat-mdc-select-panel {
  border-width: var(--border-width-30) var(--border-width-30) 0 var(--border-width-30) !important;
  border-radius: var(--border-radius-40) var(--border-radius-40) 0 0 !important;
  top: 0.6rem;
  box-shadow: 0 -6px 8px -2px rgba(0, 0, 0, 0.2);
}
:root .out-theme .cdk-overlay-dark-backdrop {
  background: var(--color-comp-modal-overlay);
}
:root .out-theme :root .out-theme {
  --blur-sys-background-10: blur(12.5px);
  --blur-sys-background-20: blur(25px);
  --blur-sys-background-30: blur(37.5px);
  --blur-sys-background-40: blur(50px);
}
:root .out-theme :root .out-theme {
  --border-radius-10: 0.125rem;
  --border-radius-20: 0.25rem;
  --border-radius-30: 0.5rem;
  --border-radius-40: 0.75rem;
  --border-radius-50: 1rem;
  --border-radius-60: 1.5rem;
  --border-radius-70: 2rem;
}
:root .out-theme :root .out-theme {
  --border-width-10: 1px;
  --border-width-20: 1.5px;
  --border-width-30: 2px;
}
:root .out-theme :root .out-theme {
  --color-ref-black-0: rgba(0, 0, 0, 0);
  --color-ref-black-10: rgba(0, 0, 0, 0.02);
  --color-ref-black-25: rgba(0, 0, 0, 0.04);
  --color-ref-black-50: rgba(0, 0, 0, 0.07);
  --color-ref-black-75: rgba(0, 0, 0, 0.11);
  --color-ref-black-100: rgba(0, 0, 0, 0.16);
  --color-ref-black-150: rgba(0, 0, 0, 0.2);
  --color-ref-black-200: rgba(0, 0, 0, 0.25);
  --color-ref-black-300: rgba(0, 0, 0, 0.35);
  --color-ref-black-400: rgba(0, 0, 0, 0.45);
  --color-ref-black-500: rgba(0, 0, 0, 0.55);
  --color-ref-black-600: rgba(0, 0, 0, 0.65);
  --color-ref-black-700: rgba(0, 0, 0, 0.68);
  --color-ref-black-800: rgba(0, 0, 0, 0.74);
  --color-ref-black-900: rgba(0, 0, 0, 0.79);
  --color-ref-black-925: rgba(0, 0, 0, 0.84);
  --color-ref-black-950: rgba(0, 0, 0, 0.89);
  --color-ref-black-975: rgba(0, 0, 0, 0.93);
  --color-ref-black-1000: #000000;
  --color-ref-white-10: rgba(255, 255, 255, 0.03);
  --color-ref-white-25: rgba(255, 255, 255, 0.07);
  --color-ref-white-50: rgba(255, 255, 255, 0.09);
  --color-ref-white-75: rgba(255, 255, 255, 0.13);
  --color-ref-white-100: rgba(255, 255, 255, 0.16);
  --color-ref-white-200: rgba(255, 255, 255, 0.23);
  --color-ref-white-300: rgba(255, 255, 255, 0.29);
  --color-ref-white-400: rgba(255, 255, 255, 0.38);
  --color-ref-white-500: rgba(255, 255, 255, 0.47);
  --color-ref-white-600: rgba(255, 255, 255, 0.56);
  --color-ref-white-700: rgba(255, 255, 255, 0.62);
  --color-ref-white-800: rgba(255, 255, 255, 0.7);
  --color-ref-white-900: rgba(255, 255, 255, 0.77);
  --color-ref-white-925: rgba(255, 255, 255, 0.83);
  --color-ref-white-950: rgba(255, 255, 255, 0.9);
  --color-ref-white-975: rgba(255, 255, 255, 0.95);
  --color-ref-white-1000: #ffffff;
  --color-ref-neutral-10: #f9f9f9;
  --color-ref-neutral-25: #f3f3f3;
  --color-ref-neutral-50: #ededed;
  --color-ref-neutral-75: #e2e2e2;
  --color-ref-neutral-100: #d5d5d5;
  --color-ref-neutral-200: #bebebe;
  --color-ref-neutral-300: #a7a7a7;
  --color-ref-neutral-400: #8b8b8b;
  --color-ref-neutral-500: #737373;
  --color-ref-neutral-600: #5e5e5e;
  --color-ref-neutral-700: #515151;
  --color-ref-neutral-800: #424242;
  --color-ref-neutral-900: #363636;
  --color-ref-neutral-925: #2b2b2b;
  --color-ref-neutral-950: #212121;
  --color-ref-neutral-975: #101010;
  --color-ref-apple-10: #f7fcef;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-75: #cdeca1;
  --color-ref-apple-100: #b6e477;
  --color-ref-apple-200: #93cd3f;
  --color-ref-apple-300: #83bb3b;
  --color-ref-apple-400: #649a34;
  --color-ref-apple-500: #4e812f;
  --color-ref-apple-600: #3a6a2a;
  --color-ref-apple-700: #325d24;
  --color-ref-apple-800: #294c1e;
  --color-ref-apple-900: #213c18;
  --color-ref-apple-925: #192e12;
  --color-ref-apple-950: #12210d;
  --color-ref-apple-975: #0b1308;
  --color-ref-apple-300-20pc: rgba(131, 187, 59, 0.2);
  --color-ref-apple-300-30pc: rgba(131, 187, 59, 0.3);
  --color-ref-apple-300-50pc: rgba(131, 187, 59, 0.5);
  --color-ref-violet-10: #fcf8ff;
  --color-ref-violet-25: #f9f2ff;
  --color-ref-violet-50: #f5e9ff;
  --color-ref-violet-75: #efdaff;
  --color-ref-violet-100: #e8caff;
  --color-ref-violet-200: #d8acf9;
  --color-ref-violet-300: #c898e7;
  --color-ref-violet-400: #ac77c7;
  --color-ref-violet-500: #975cae;
  --color-ref-violet-600: #834598;
  --color-ref-violet-700: #79378b;
  --color-ref-violet-800: #662a77;
  --color-ref-violet-900: #541d63;
  --color-ref-violet-925: #40154e;
  --color-ref-violet-950: #2c113a;
  --color-ref-violet-975: #1b0a24;
  --color-ref-lavender-10: #faf9fb;
  --color-ref-lavender-25: #f6f3f7;
  --color-ref-lavender-50: #efebf2;
  --color-ref-lavender-75: #e6dfea;
  --color-ref-lavender-100: #dcd2e1;
  --color-ref-lavender-200: #c7b7d0;
  --color-ref-lavender-300: #b8a4c3;
  --color-ref-lavender-400: #9e81ad;
  --color-ref-lavender-500: #89669b;
  --color-ref-lavender-600: #774f8c;
  --color-ref-lavender-700: #6a437f;
  --color-ref-lavender-800: #573768;
  --color-ref-lavender-900: #452c52;
  --color-ref-lavender-925: #34213f;
  --color-ref-lavender-950: #25182d;
  --color-ref-lavender-975: #170e1b;
  --color-ref-lavender-300-20pc: rgba(184, 164, 195, 0.2);
  --color-ref-lavender-300-30pc: rgba(184, 164, 195, 0.3);
  --color-ref-lavender-300-50pc: rgba(184, 164, 195, 0.5);
  --color-ref-red-10: #fff9fb;
  --color-ref-red-25: #fff0f4;
  --color-ref-red-50: #ffe7ed;
  --color-ref-red-75: #ffd8e2;
  --color-ref-red-100: #ffc7d5;
  --color-ref-red-200: #FEA995;
  --color-ref-red-300: #ff7e9e;
  --color-ref-red-400: #f74b75;
  --color-ref-red-500: #d7305a;
  --color-ref-red-600: #b61c43;
  --color-ref-red-700: #9f193a;
  --color-ref-red-800: #831430;
  --color-ref-red-900: #6b1127;
  --color-ref-red-925: #520d1e;
  --color-ref-red-950: #3d0916;
  --color-ref-red-975: #27060e;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-text-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-text-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-text-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-text-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-text-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-text-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-text-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-text-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-text-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-text-accent-primary-subtle: var(--color-ref-apple-600);
  --color-sys-text-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-text-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-text-inverse-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-text-inverse-strong: var(--color-ref-white-1000);
  --color-sys-text-inverse-moderate: var(--color-ref-neutral-100);
  --color-sys-text-inverse-subtle: var(--color-ref-neutral-200);
  --color-sys-text-critical: var(--color-ref-red-700);
  --color-sys-text-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-disabled: var(--color-ref-neutral-400);
  --color-sys-text-subtle: var(--color-ref-neutral-600);
  --color-sys-text-moderate: var(--color-ref-neutral-700);
  --color-sys-text-strong: var(--color-ref-neutral-900);
  --color-sys-icon-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-icon-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-icon-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-icon-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-icon-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-icon-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-icon-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-icon-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-icon-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-icon-accent-primary-subtle: var(--color-ref-apple-500);
  --color-sys-icon-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-icon-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-icon-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-icon-inverse-moderate: var(--color-ref-neutral-200);
  --color-sys-icon-inverse-strong: var(--color-ref-white-1000);
  --color-sys-icon-critical: var(--color-ref-red-700);
  --color-sys-icon-disabled: var(--color-ref-neutral-300);
  --color-sys-icon-subtle: var(--color-ref-neutral-500);
  --color-sys-icon-moderate: var(--color-ref-neutral-700);
  --color-sys-icon-strong: var(--color-ref-neutral-900);
  --color-sys-bg-neutral-10: var(--color-ref-neutral-10);
  --color-sys-bg-neutral-20: var(--color-ref-neutral-25);
  --color-sys-bg-neutral-30: var(--color-ref-neutral-50);
  --color-sys-bg-neutral-40: var(--color-ref-neutral-75);
  --color-sys-bg-tertiary-10: var(--color-ref-lavender-10);
  --color-sys-bg-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-bg-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-bg-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-bg-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-bg-tertiary-inverse-20: var(--color-ref-lavender-950);
  --color-sys-bg-tertiary-inverse-40: var(--color-ref-lavender-900);
  --color-sys-bg-tertiary-inverse-50: var(--color-ref-lavender-800);
  --color-sys-bg-secondary-10: var(--color-ref-violet-10);
  --color-sys-bg-secondary-20: var(--color-ref-violet-25);
  --color-sys-bg-secondary-30: var(--color-ref-violet-50);
  --color-sys-bg-secondary-40: var(--color-ref-violet-75);
  --color-sys-bg-secondary-50: var(--color-ref-violet-100);
  --color-sys-bg-secondary-inverse-40: var(--color-ref-violet-900);
  --color-sys-bg-secondary-inverse-80: var(--color-ref-violet-500);
  --color-sys-bg-primary-10: var(--color-ref-apple-10);
  --color-sys-bg-primary-20: var(--color-ref-apple-25);
  --color-sys-bg-primary-30: var(--color-ref-apple-50);
  --color-sys-bg-primary-40: var(--color-ref-apple-75);
  --color-sys-bg-primary-50: var(--color-ref-apple-100);
  --color-sys-bg-primary-inverse-40: var(--color-ref-apple-900);
  --color-sys-bg-default: var(--color-ref-white-1000);
  --color-sys-bg-critical-40: var(--color-ref-red-75);
  --color-sys-bg-critical-inverse-80: var(--color-ref-red-500);
  --color-sys-bg-raised: var(--color-ref-white-1000);
  --color-sys-interactive-border-40-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-border-40-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-border-40-default: var(--color-ref-neutral-75);
  --color-sys-interactive-border-critical-30: var(--color-ref-red-200);
  --color-sys-interactive-border-critical-100: var(--color-ref-red-600);
  --color-sys-interactive-border-secondary-40-focus: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-40-hover: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-40-default: var(--color-ref-violet-75);
  --color-sys-interactive-border-secondary-60-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-60-hover: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-60-default: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-80-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-80-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-80-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-secondary-100-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-100-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-disabled: var(--color-ref-neutral-100);
  --color-sys-interactive-border-inverse-max-default: var(--color-ref-white-1000);
  --color-sys-interactive-border-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-border-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-border-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-border-tertiary-40-focus: var(--color-ref-lavender-300);
  --color-sys-interactive-border-tertiary-40-hover: var(--color-ref-lavender-200);
  --color-sys-interactive-border-tertiary-40-default: var(--color-ref-lavender-75);
  --color-sys-interactive-border-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-border-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-border-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-30-focus: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-30-hover: var(--color-ref-neutral-75);
  --color-sys-interactive-bg-30-default: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-50-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-bg-50-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-bg-50-default: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-primary-10-focus: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-10-hover: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-10-default: var(--color-ref-apple-10);
  --color-sys-interactive-bg-primary-20-default: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-20-hover: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-20-focus: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-default: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-30-hover: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-focus: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-50-hover: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-default: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-100-default: var(--color-ref-apple-600);
  --color-sys-interactive-bg-primary-100-hover: var(--color-ref-apple-700);
  --color-sys-interactive-bg-primary-100-focus: var(--color-ref-apple-800);
  --color-sys-interactive-bg-min-focus: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-min-hover: var(--color-ref-neutral-25);
  --color-sys-interactive-bg-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-disabled: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-secondary-10-default: var(--color-ref-violet-10);
  --color-sys-interactive-bg-secondary-10-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-10-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-focus: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-20-hover: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-default: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-30-default: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-30-hover: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-30-focus: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-50-focus: var(--color-ref-violet-300);
  --color-sys-interactive-bg-secondary-50-hover: var(--color-ref-violet-200);
  --color-sys-interactive-bg-secondary-50-default: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-bg-secondary-100-hover: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-100-focus: var(--color-ref-violet-800);
  --color-sys-interactive-bg-secondary-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-secondary-min-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-min-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-inverse-30-default: var(--color-ref-violet-900);
  --color-sys-interactive-bg-secondary-inverse-30-focus: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-inverse-30-hover: var(--color-ref-violet-800);
  --color-sys-interactive-bg-tertiary-10-default: var(--color-ref-lavender-10);
  --color-sys-interactive-bg-tertiary-10-focus: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-10-hover: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-30-default: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-30-hover: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-30-focus: var(--color-ref-lavender-100);
  --color-sys-interactive-bg-tertiary-60-default: var(--color-ref-lavender-200);
  --color-sys-interactive-bg-tertiary-60-hover: var(--color-ref-lavender-300);
  --color-sys-interactive-bg-tertiary-60-focus: var(--color-ref-lavender-400);
  --color-sys-border-secondary-10: var(--color-ref-violet-50);
  --color-sys-border-secondary-20: var(--color-ref-violet-75);
  --color-sys-border-secondary-30: var(--color-ref-violet-100);
  --color-sys-border-secondary-40: var(--color-ref-violet-200);
  --color-sys-border-secondary-50: var(--color-ref-violet-400);
  --color-sys-border-secondary-60: var(--color-ref-violet-600);
  --color-sys-border-primary-10: var(--color-ref-apple-50);
  --color-sys-border-primary-20: var(--color-ref-apple-75);
  --color-sys-border-primary-30: var(--color-ref-apple-100);
  --color-sys-border-primary-40: var(--color-ref-apple-200);
  --color-sys-border-primary-50: var(--color-ref-apple-400);
  --color-sys-border-primary-60: var(--color-ref-apple-600);
  --color-sys-border-tertiary-10: var(--color-ref-lavender-50);
  --color-sys-border-tertiary-20: var(--color-ref-lavender-75);
  --color-sys-border-tertiary-30: var(--color-ref-lavender-100);
  --color-sys-border-tertiary-40: var(--color-ref-lavender-200);
  --color-sys-border-tertiary-50: var(--color-ref-lavender-400);
  --color-sys-border-tertiary-60: var(--color-ref-lavender-600);
  --color-sys-border-min: var(--color-ref-white-1000);
  --color-sys-canvas-default: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-illustration-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-illustration-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-illustration-tertiary-60: var(--color-ref-lavender-200);
  --color-sys-illustration-tertiary-70: var(--color-ref-lavender-300);
  --color-sys-illustration-tertiary-80: var(--color-ref-lavender-400);
  --color-sys-illustration-tertiary-100: var(--color-ref-lavender-600);
  --color-sys-illustration-secondary-20: var(--color-ref-violet-25);
  --color-sys-illustration-secondary-30: var(--color-ref-violet-50);
  --color-sys-illustration-secondary-40: var(--color-ref-violet-75);
  --color-sys-illustration-secondary-50: var(--color-ref-violet-100);
  --color-sys-illustration-secondary-60: var(--color-ref-violet-200);
  --color-sys-illustration-secondary-70: var(--color-ref-violet-300);
  --color-sys-illustration-secondary-80: var(--color-ref-violet-400);
  --color-sys-illustration-secondary-100: var(--color-ref-violet-600);
  --color-sys-illustration-primary-20: var(--color-ref-apple-25);
  --color-sys-illustration-primary-30: var(--color-ref-apple-50);
  --color-sys-illustration-primary-40: var(--color-ref-apple-75);
  --color-sys-illustration-primary-50: var(--color-ref-apple-100);
  --color-sys-illustration-primary-60: var(--color-ref-apple-200);
  --color-sys-illustration-primary-70: var(--color-ref-apple-300);
  --color-sys-illustration-primary-80: var(--color-ref-apple-400);
  --color-sys-illustration-primary-100: var(--color-ref-apple-600);
  --color-sys-illustration-neutral-min: var(--color-ref-white-1000);
}
:root .out-theme :root .out-theme {
  --color-comp-scrollbar-fg-default: var(--color-ref-lavender-100);
  --color-comp-form-border-critical: var(--color-sys-interactive-border-critical-30);
  --color-comp-form-border-read-only: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-border-disabled: var(--color-ref-neutral-75);
  --color-comp-form-border-active: var(--color-sys-interactive-border-secondary-100-default);
  --color-comp-form-border-default: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-bg-critical: var(--color-ref-white-1000);
  --color-comp-form-bg-read-only: var(--color-ref-lavender-10);
  --color-comp-form-bg-disabled: var(--color-ref-neutral-50);
  --color-comp-form-bg-active: var(--color-ref-white-1000);
  --color-comp-form-bg-default: var(--color-ref-white-1000);
  --color-comp-button-bg-inverse-disabled: var(--color-ref-neutral-800);
  --color-comp-button-bg-disabled: var(--color-ref-neutral-75);
  --color-comp-button-neutral-inverse-faded-bg-focus: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-pressed: var(--color-ref-white-200);
  --color-comp-button-neutral-inverse-faded-bg-hover: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-default: var(--color-ref-white-50);
  --color-comp-button-secondary-faded-bg-focus: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-pressed: var(--color-ref-lavender-50);
  --color-comp-button-secondary-faded-bg-hover: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-secondary-outline-border-focus: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-pressed: var(--color-ref-violet-400);
  --color-comp-button-secondary-outline-border-hover: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-default: var(--color-ref-violet-200);
  --color-comp-button-secondary-outline-bg-focus: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-pressed: var(--color-ref-violet-50);
  --color-comp-button-secondary-outline-bg-hover: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-solid-bg-focus: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-pressed: var(--color-ref-violet-800);
  --color-comp-button-secondary-solid-bg-hover: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-default: var(--color-ref-violet-500);
  --color-comp-button-primary-inverse-faded-bg-focus: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-faded-bg-hover: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-default: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-border-disabled: var(--color-ref-neutral-600);
  --color-comp-button-primary-inverse-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-inverse-outline-bg-focus: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-bg-pressed: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-outline-bg-hover: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-solid-bg-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-solid-bg-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-default: var(--color-ref-apple-200);
  --color-comp-button-primary-faded-bg-focus: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-pressed: var(--color-ref-apple-75);
  --color-comp-button-primary-faded-bg-hover: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-default: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-primary-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-outline-bg-focus: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-pressed: var(--color-ref-apple-50);
  --color-comp-button-primary-outline-bg-hover: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-primary-solid-bg-focus: var(--color-ref-apple-100);
  --color-comp-button-primary-solid-bg-pressed: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-hover: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-default: var(--color-ref-apple-100);
  --color-comp-button-inverse-lowemphasis-bg-hover: var(--color-ref-white-25);
  --color-comp-button-inverse-lowemphasis-bg-pressed: var(--color-ref-white-75);
  --color-comp-button-inverse-lowemphasis-bg-focus: var(--color-ref-white-75);
  --color-comp-spinner-neutral-inverse-fg: var(--color-ref-white-1000);
  --color-comp-spinner-neutral-inverse-bg: var(--color-ref-white-200);
  --color-comp-spinner-neutral-fg: var(--color-ref-neutral-900);
  --color-comp-spinner-neutral-bg: var(--color-ref-black-200);
  --color-comp-spinner-secondary-fg: var(--color-ref-violet-700);
  --color-comp-spinner-secondary-bg: var(--color-ref-black-200);
  --color-comp-spinner-primary-fg: var(--color-ref-apple-700);
  --color-comp-spinner-primary-bg: var(--color-ref-apple-300-50pc);
  --color-comp-tooltip-bg-default: var(--color-ref-neutral-900);
  --color-comp-modal-overlay: var(--color-ref-black-300);
  --color-comp-divider-tertiary-subtle: var(--color-ref-lavender-50);
  --color-comp-divider-tertiary-strong: var(--color-ref-lavender-600);
  --color-comp-divider-tertiary-faint: var(--color-ref-lavender-25);
  --color-comp-divider-neutral-subtle: var(--color-ref-neutral-50);
  --color-comp-divider-neutral-faint: var(--color-ref-neutral-25);
  --color-comp-divider-primary-subtle: var(--color-ref-apple-50);
  --color-comp-toggletag-bg-subdued: var(--color-ref-neutral-10);
  --color-comp-cookiebanner-bg-default: var(--color-ref-lavender-950);
  --color-comp-link-bg-focus: var(--color-ref-apple-100);
  --color-comp-link-text-disabled: var(--color-sys-text-disabled);
  --color-comp-link-text-focus: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-hover: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-default: var(--color-sys-text-accent-primary-moderate);
  --color-comp-progress-primary-fg: var(--color-ref-apple-200);
  --color-comp-progress-primary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-fg: var(--color-ref-violet-500);
  --color-comp-header-bg-scrolled: var(--color-ref-white-800);
}
:root .out-theme :root .out-theme {
  --spacing-10: 0.125rem;
  --spacing-20: 0.25rem;
  --spacing-30: 0.5rem;
  --spacing-40: 0.75rem;
  --spacing-50: 1rem;
  --spacing-60: 1.25rem;
  --spacing-70: 1.5rem;
  --spacing-80: 2rem;
  --spacing-90: 2.5rem;
  --spacing-100: 3rem;
  --spacing-110: 3.5rem;
  --spacing-120: 4rem;
  --spacing-inset-0: 0;
  --spacing-inset-10: 2px;
  --spacing-inset-20: 4px;
  --spacing-inset-30: 8px;
  --spacing-inset-40: 12px;
  --spacing-inset-50: 16px;
  --spacing-inset-60: 20px;
  --spacing-inset-70: 24px;
  --spacing-inset-80: 32px;
  --spacing-inset-90: 40px;
  --spacing-inset-100: 48px;
  --spacing-inset-squish-10: 2px 4px;
  --spacing-inset-squish-20: 4px 8px;
  --spacing-inset-squish-30: 8px 12px;
  --spacing-inset-squish-40: 12px 16px;
  --spacing-inset-squish-50: 16px 24px;
  --spacing-inset-squish-60: 24px 32px;
  --spacing-inset-squish-70: 32px 48px;
  --spacing-inset-stretch-10: 4px 2px;
  --spacing-inset-stretch-20: 8px 4px;
  --spacing-inset-stretch-30: 12px 8px;
  --spacing-inset-stretch-40: 16px 12px;
  --spacing-inset-stretch-50: 24px 16px;
  --spacing-inset-stretch-60: 32px 24px;
  --spacing-inset-stretch-70: 48px 32px;
}
:root .out-theme :root .out-theme {
  --shadow-comp-button-secondary-solid-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0px 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-solid-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.5), 0px 12px 12px -12px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.3), 0px 12px 12px -12px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-primary-solid-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-solid-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.2), 0px 8px 4px -12px rgba(131, 187, 59, 0.3), 0px 10px 8px -12px rgba(131, 187, 59, 0.5), 0px 12px 12px -12px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.5), 0px 8px 4px -12px rgba(131, 187, 59, 0.5), 0px 10px 8px -12px rgba(131, 187, 59, 0.3), 0px 12px 12px -12px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.3), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-togglecard-selected: 0px 2px 4px -4px rgba(131, 187, 59, 0.2), 0px 4px 10px -4px rgba(131, 187, 59, 0.2), 0px 6px 18px -4px rgba(131, 187, 59, 0.2), 0px 8px 20px -4px rgba(131, 187, 59, 0.3), 0px 0px 0px 2.5px #93cd3f;
  --shadow-comp-popover-default: 0px 12px 24px 0px rgba(0, 0, 0, 0.11), 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-10: 0px 1px 8px -8px rgba(0, 0, 0, 0.16), 0px 2px 8px -3px rgba(0, 0, 0, 0.16);
  --shadow-sys-elevation-20: 0px 14px 8px -16px rgba(0, 0, 0, 0.11), 0px 8px 16px -6px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-30: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-40: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -10px rgba(0, 0, 0, 0.11), 0px 16px 12px -12px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-50: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-compact-10: 0px 2px 10px -6px rgba(0, 0, 0, 0.45), 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-20: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-30: 0px 4px 12px -4px rgba(0, 0, 0, 0.45), 0px 10px 10px -4px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-soft-10: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-20: 0px 8px 24px -6px rgba(0, 0, 0, 0.11), 0px 6px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-30: 0px 16px 32px -8px rgba(0, 0, 0, 0.16), 0px 4px 16px -6px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-40: 0px 24px 64px -12px rgba(0, 0, 0, 0.16), 0px 16px 32px -12px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-50: 0px 40px 96px -24px rgba(0, 0, 0, 0.16), 0px 24px 72px -32px rgba(0, 0, 0, 0.2), 0px 16px 24px -8px rgba(0, 0, 0, 0.04);
  --shadow-sys-focus-selected: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-focus-default: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-overlay-20: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  --shadow-sys-overlay-30: 0 0 24px 0 rgba(0, 0, 0, 0.16);
}
:root .out-theme .mat-mdc-checkbox {
  height: 58px;
  display: flex;
  align-items: center;
}
:root .out-theme .mat-mdc-checkbox[type=circle] .mdc-checkbox__background {
  border-radius: 100%;
}
:root .out-theme .mat-mdc-checkbox label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-mdc-checkbox .mdc-checkbox__background {
  border-radius: var(--border-radius-30);
  height: 28px;
  width: 28px;
  margin-left: -11px;
}
:root .out-theme .mat-mdc-checkbox .mdc-checkbox__checkmark {
  width: 50%;
  top: 25%;
  left: 25%;
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
:root .out-theme .mat-mdc-checkbox .mdc-checkbox {
  height: 28px;
  width: 28px;
}
:root .out-theme .mat-mdc-checkbox .mat-ripple, :root .out-theme .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  outline: var(--border-width-30) solid var(--color-sys-interactive-bg-primary-50-focus);
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-bg-default) !important;
}
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  outline: var(--border-width-30) solid var(--color-sys-interactive-bg-primary-50-focus);
  border-color: var(--color-sys-interactive-bg-min-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
}
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-primary-50-focus) !important;
}
:root .out-theme .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-min-default) !important;
}
:root .out-theme .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-20);
}
:root .out-theme .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
:root .out-theme .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  border-color: var(--color-sys-border-tertiary-20) !important;
  background-color: var(--color-ref-neutral-50) !important;
  box-shadow: none;
}
:root .out-theme .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark, :root .out-theme .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark {
  color: var(--color-sys-icon-disabled) !important;
  border-color: var(--color-sys-icon-disabled) !important;
}
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, :root .out-theme .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border: none !important;
}
:root .out-theme .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background {
  stroke-width: var(--border-width-30) !important;
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-20);
}
:root .out-theme .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
:root .out-theme .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-bg-default) !important;
}
:root .out-theme .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  box-shadow: none !important;
}
:root .out-theme .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
:root .out-theme .mdc-checkbox__mixedmark {
  width: 50% !important;
  border-color: var(--color-sys-icon-accent-secondary-strong) !important;
}
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-min-default) !important;
  border-color: var(--color-sys-border-tertiary-20) !important;
}
:root .out-theme .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
}
:root .out-theme .mat-mdc-slide-toggle {
  --mdc-switch-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-unselected-hover-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-unselected-track-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-unselected-hover-track-color: var(--color-sys-interactive-bg-tertiary-60-default);
  --mdc-switch-unselected-focus-track-color: var(--color-sys-interactive-bg-tertiary-60-hover);
  --mdc-switch-unselected-pressed-track-color: var(--color-sys-interactive-bg-tertiary-60-focus);
  --mdc-switch-selected-track-color: var(--color-sys-interactive-bg-primary-50-default);
  --mdc-switch-selected-hover-track-color: var(--color-sys-interactive-bg-primary-50-hover);
  --mdc-switch-selected-focus-track-color: var(--color-sys-interactive-bg-primary-50-focus);
  --mdc-switch-selected-pressed-track-color: var(--color-sys-illustration-primary-70);
  --mdc-switch-disabled-unselected-track-color: var(--color-sys-interactive-bg-disabled);
  --mdc-switch-disabled-selected-track-color: var(--color-sys-interactive-bg-disabled);
  --mdc-switch-disabled-pressed-track-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-disabled-unselected-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-disabled-selected-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-handle-surface-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-disabled-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-disabled-selected-handle-color: var(--color-sys-interactive-bg-min-default);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after, :root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after, :root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track {
  border: var(--border-width-30) solid var(--color-sys-interactive-bg-tertiary-60-focus);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after, :root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after, :root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track {
  border: var(--border-width-30) solid var(--color-sys-illustration-primary-70);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch {
  width: 40px;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__track {
  height: 24px;
  border-radius: var(--border-radius-70);
  box-sizing: border-box;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track {
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track {
  box-shadow: none;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track {
  opacity: 1 !important;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__handle {
  height: 16px;
  width: 16px;
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__icons {
  background: var(--color-sys-bg-default);
  border-radius: 50%;
  display: none;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on {
  display: none;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off {
  display: none;
}
:root .out-theme .mat-mdc-slide-toggle .mdc-switch__ripple {
  display: none;
}
:root .out-theme .mat-mdc-slide-toggle[size=large] .mdc-switch {
  width: 52px !important;
}
:root .out-theme .mat-mdc-slide-toggle[size=large] .mdc-switch__track {
  height: 32px;
  width: 52px;
}
:root .out-theme .mat-mdc-slide-toggle[size=large] .mdc-switch__handle {
  height: 24px;
  width: 24px;
  border-radius: 100%;
}
:root .out-theme .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track {
  border: 3px solid var(--color-sys-interactive-bg-tertiary-60-focus);
}
:root .out-theme .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track {
  border: 3px solid var(--color-sys-illustration-primary-70);
}
:root .out-theme .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle {
  margin-left: -8px;
}
:root .out-theme .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle {
  margin-left: 4px;
}
:root .out-theme .mat-mdc-slide-toggle label {
  margin: 0 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: var(--border-radius-40) !important;
  min-width: 42.25rem;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title {
  padding: 1.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title {
  margin: 0;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span {
  color: black !important;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  overflow-x: hidden !important;
  overflow-y: auto;
  color: var(--color-sys-text-strong) !important;
  height: 100%;
  max-height: 65vh;
  padding-inline: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 2.5rem;
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  border-top: var(--border-width-30) solid var(--color-comp-divider-tertiary-subtle);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
  z-index: 2;
  color: var(--color-sys-icon-moderate);
}
:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow {
  position: relative;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2rem 1.5rem 0;
}
:root .out-theme .question__body {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .question .optional-text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
}
:root .out-theme .search-box {
  min-width: 20rem;
  width: 100%;
}
:root .out-theme .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
}
:root .out-theme .search-box .mat-mdc-text-field-wrapper {
  height: 3rem;
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}
:root .out-theme .search-box__close-icon, :root .out-theme .search-box .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  margin-right: 1rem;
}
:root .out-theme .search-box .icon-wrapper {
  width: 1.5rem;
  margin-left: 0.25rem;
  cursor: pointer;
}
:root .out-theme .search-box__search-icon {
  background-image: url('search.a28669aaede88232.svg');
  background-repeat: no-repeat;
  height: 1.1rem;
  width: 1.2rem;
}
:root .out-theme .search-box__close-icon {
  color: var(--color-sys-icon-moderate);
  cursor: pointer;
  z-index: 10;
  margin-right: 0.5rem;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" -25, "opsz" 20;
  font-size: 1.25rem;
  visibility: visible;
}
:root .out-theme .search-box .not-expandable {
  pointer-events: none;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon {
  visibility: visible;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.mat-focused input[matinput] {
  color: var(--color-sys-text-accent-secondary-moderate) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
:root .out-theme .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-accent-secondary-moderate) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled {
  background-color: var(--color-comp-form-bg-default);
  pointer-events: none;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon {
  visibility: visible !important;
  color: var(--color-sys-icon-disabled);
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon {
  opacity: 0.6;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled input[matinput] {
  color: var(--color-sys-text-disabled) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder {
  color: var(--color-sys-text-disabled) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid {
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
}
:root .out-theme .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--color-sys-text-accent-secondary-moderate) !important;
}
:root .out-theme out-search-box.right-align {
  display: flex;
  justify-content: end;
}
:root .out-theme ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
:root .out-theme ::-webkit-scrollbar-track {
  background: unset;
}
:root .out-theme ::-webkit-scrollbar-thumb {
  border: 4px solid var(--color-sys-transparent);
  background-clip: padding-box;
  background-color: var(--color-comp-scrollbar-fg-default);
  border-radius: 100px;
}

.side-nav-color, .side-nav-color-dev,
.side-nav-color-int,
.side-nav-color-stg {
  background: #4c255e;
}
.side-nav-color .action-button, .side-nav-color-dev .action-button,
.side-nav-color-int .action-button,
.side-nav-color-stg .action-button {
  opacity: 1;
}

.side-nav-color-dev,
.side-nav-color-int,
.side-nav-color-stg {
  background: #3e9e53;
}

.cdk-overlay-container .mat-menu-item {
  padding: 0 16px !important;
}

remote-out-notes-container {
  height: 100vh;
  display: block;
}

/* Why use CSS custom properties over SCSS variables.
    - When using SCSS variables, the compiler fetches the values of the variables, and injects the value into the CSS file that gets generated.
      It's important to note that the browser doesn't understand SCSS whereas CSS Custom Properties are native to the browser.

    - The benefit of this from a development perspective is that when we have team members copying CSS straight from the DOM, that our code
      still ends up being totally reusable.
*/
/* Base Colour Pallette */
:root {
  --white: #ffffff;
  --black: #000000;
}

/* Primary Colour Pallette */
:root {
  --primary-50: #f4faec;
  --primary-100: #def0c3;
  --primary-200: #cde8a7;
  --primary-300: #b7de7e;
  --primary-400: #a9d765;
  --primary-500: #93cd3f;
  --primary-600: #86bb39;
  --primary-700: #68922d;
  --primary-800: #517123;
  --primary-900: #3e561a;
  --primary-gradient: linear-gradient(180deg, #93cd3f 31.77%, #72bf44 73.96%);
  --primary-gradient--hover: linear-gradient(180deg, #ade064 31.77%, #93cd3f 73.96%);
}

/* Secondary Colour Pallette */
:root {
  --secondary-50: #f2ebf3;
  --secondary-100: #d5c1db;
  --secondary-200: #c1a3ca;
  --secondary-300: #a579b1;
  --secondary-400: #945fa2;
  --secondary-500: #79378b;
  --secondary-600: #6e327e;
  --secondary-700: #562763;
  --secondary-800: #431e4c;
  --secondary-900: #33173a;
  --secondary-gradient: linear-gradient(180deg, #eee 31.77%, #ddd 73.96%);
}

/* Error Colour Pallette */
:root {
  --error-50: #fde8e9;
  --error-100: #f9b9bb;
  --error-200: #f7979b;
  --error-300: #f3676d;
  --error-400: #f14951;
  --error-500: #ed1c25;
  --error-600: #d81922;
  --error-700: #a8141a;
  --error-800: #820f14;
  --error-900: #640c10;
  --error-gradient: linear-gradient(180deg, #d81922 31.77%, #a8141a 73.96%);
}

/* Warning Colour Pallette */
:root {
  --warning-50: #fdeee6;
  --warning-100: #f7c9b0;
  --warning-200: #f4af8a;
  --warning-300: #ee8a54;
  --warning-400: #eb7433;
  --warning-500: #e65100;
  --warning-600: #d14a00;
  --warning-700: #a33a00;
  --warning-800: #7f2d00;
  --warning-900: #612200;
  --warning-gradient: linear-gradient(180deg, #ee8a54 31.77%, #e65100 73.96%);
}

/* Neutral Colour Pallette */
:root {
  --neutral-50: #eeeeef;
  --neutral-100: #cbcccc;
  --neutral-200: #b2b3b4;
  --neutral-300: #8f9091;
  --neutral-400: #797a7c;
  --neutral-500: #58595b;
  --neutral-600: #505153;
  --neutral-700: #3e3f41;
  --neutral-800: #303132;
  --neutral-900: #252526;
  --neutral-gradient: linear-gradient(180deg, #cccccc 37.78%, #bbbbbb 100%);
}

/* Shadow Notes:
    - Key Light must always be defined first (Less Blur & Transparency)
    - Ambient Light must always be defined second (More Blur & Transparency)
    - Elevation is used to indicate when components are interactive, in motion or at a higher level of importance.
*/
/* Elevation Level: 1*/
:root {
  --standard-shadow-1dp: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 1px 3px 1px rgb(0 0 0 / 15%);
  --inverted-shadow-1dp: 0 -1px 2px 0 rgb(0 0 0 / 30%), 0 -1px 3px 1px rgb(0 0 0 / 15%);
}

.--standard-shadow-1dp {
  box-shadow: var(--standard-shadow-1dp);
}

.--inverted-shadow-1dp {
  box-shadow: var(--inverted-shadow-1dp);
}

/* Elevation Level: 2*/
:root {
  --standard-shadow-2dp: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(0 0 0 / 15%);
  --inverted-shadow-2dp: 0 -1px 2px 0 rgb(0 0 0 / 30%), 0 -2px 6px 2px rgb(0 0 0 / 15%);
}

.--standard-shadow-2dp {
  box-shadow: var(--standard-shadow-2dp);
}

.--inverted-shadow-2dp {
  box-shadow: var(--inverted-shadow-2dp);
}

/* Elevation Level: 3*/
:root {
  --standard-shadow-3dp: 0 1px 3px 0 rgb(0 0 0 / 30%), 0 4px 8px 3px rgb(0 0 0 / 15%);
  --inverted-shadow-3dp: 0 -1px 3px 0 rgb(0 0 0 / 30%), 0 -4px 8px 3px rgb(0 0 0 / 15%);
}

.--standard-shadow-3dp {
  box-shadow: var(--standard-shadow-3dp);
}

.--inverted-shadow-3dp {
  box-shadow: var(--inverted-shadow-3dp);
}

/* Elevation Level: 4*/
:root {
  --standard-shadow-4dp: 0 2px 3px 0 rgb(0 0 0 / 30%), 0 6px 10px 4px rgb(0 0 0 / 15%);
  --inverted-shadow-4dp: 0 -2px 3px 0 rgb(0 0 0 / 30%), 0 -6px 10px 4px rgb(0 0 0 / 15%);
}

.--standard-shadow-4dp {
  box-shadow: var(--standard-shadow-4dp);
}

.--inverted-shadow-4dp {
  box-shadow: var(--inverted-shadow-4dp);
}

/* Elevation Level: 5*/
:root {
  --standard-shadow-5dp: 0 4px 4px 0 rgb(0 0 0 / 30%), 0 8px 12px 6px rgb(0 0 0 / 15%);
  --inverted-shadow-5dp: 0 -4px 4px 0 rgb(0 0 0 / 30%), 0 -8px 12px 6px rgb(0 0 0 / 15%);
}

.--standard-shadow-5dp {
  box-shadow: var(--standard-shadow-5dp);
}

.--inverted-shadow-5dp {
  box-shadow: var(--inverted-shadow-5dp);
}

:root {
  --font: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin: 0;
}

h1:not([class*=font__weight--]),
h2:not([class*=font__weight--]),
h3:not([class*=font__weight--]),
h4:not([class*=font__weight--]),
h5:not([class*=font__weight--]),
h6:not([class*=font__weight--]) {
  font-weight: 600;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2.125rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.375rem;
}

h6 {
  font-size: 1.25rem;
}

p,
label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-block-end: 0;
  margin-block-start: 0;
}

p.font__size--12px,
label.font__size--12px {
  font-size: 0.75rem;
}

p.font__size--14px,
label.font__size--14px {
  font-size: 0.875rem;
}

p.font__size--16px,
label.font__size--16px {
  font-size: 1rem;
}

p.font__size--18px,
label.font__size--18px {
  font-size: 1.125rem;
}

p.font__size--20px,
label.font__size--20px {
  font-size: 1.25rem;
}

p.font__size--22px,
label.font__size--22px {
  font-size: 1.375rem;
}

/*
  Builds classes for colour:
  - font__colour-primary--50 ... font__colour-primary--900
  - font__colour-secondary--50 ... font__colour-secondary--900 etc.
*/
.font__colour-primary--50 {
  color: var(--primary-50);
}

.font__colour-primary--100 {
  color: var(--primary-100);
}

.font__colour-primary--200 {
  color: var(--primary-200);
}

.font__colour-primary--300 {
  color: var(--primary-300);
}

.font__colour-primary--400 {
  color: var(--primary-400);
}

.font__colour-primary--500 {
  color: var(--primary-500);
}

.font__colour-primary--600 {
  color: var(--primary-600);
}

.font__colour-primary--700 {
  color: var(--primary-700);
}

.font__colour-primary--800 {
  color: var(--primary-800);
}

.font__colour-primary--900 {
  color: var(--primary-900);
}

.font__colour-secondary--50 {
  color: var(--secondary-50);
}

.font__colour-secondary--100 {
  color: var(--secondary-100);
}

.font__colour-secondary--200 {
  color: var(--secondary-200);
}

.font__colour-secondary--300 {
  color: var(--secondary-300);
}

.font__colour-secondary--400 {
  color: var(--secondary-400);
}

.font__colour-secondary--500 {
  color: var(--secondary-500);
}

.font__colour-secondary--600 {
  color: var(--secondary-600);
}

.font__colour-secondary--700 {
  color: var(--secondary-700);
}

.font__colour-secondary--800 {
  color: var(--secondary-800);
}

.font__colour-secondary--900 {
  color: var(--secondary-900);
}

.font__colour-neutral--50 {
  color: var(--neutral-50);
}

.font__colour-neutral--100 {
  color: var(--neutral-100);
}

.font__colour-neutral--200 {
  color: var(--neutral-200);
}

.font__colour-neutral--300 {
  color: var(--neutral-300);
}

.font__colour-neutral--400 {
  color: var(--neutral-400);
}

.font__colour-neutral--500 {
  color: var(--neutral-500);
}

.font__colour-neutral--600 {
  color: var(--neutral-600);
}

.font__colour-neutral--700 {
  color: var(--neutral-700);
}

.font__colour-neutral--800 {
  color: var(--neutral-800);
}

.font__colour-neutral--900 {
  color: var(--neutral-900);
}

.font__colour-warning--50 {
  color: var(--warning-50);
}

.font__colour-warning--100 {
  color: var(--warning-100);
}

.font__colour-warning--200 {
  color: var(--warning-200);
}

.font__colour-warning--300 {
  color: var(--warning-300);
}

.font__colour-warning--400 {
  color: var(--warning-400);
}

.font__colour-warning--500 {
  color: var(--warning-500);
}

.font__colour-warning--600 {
  color: var(--warning-600);
}

.font__colour-warning--700 {
  color: var(--warning-700);
}

.font__colour-warning--800 {
  color: var(--warning-800);
}

.font__colour-warning--900 {
  color: var(--warning-900);
}

.font__colour-error--50 {
  color: var(--error-50);
}

.font__colour-error--100 {
  color: var(--error-100);
}

.font__colour-error--200 {
  color: var(--error-200);
}

.font__colour-error--300 {
  color: var(--error-300);
}

.font__colour-error--400 {
  color: var(--error-400);
}

.font__colour-error--500 {
  color: var(--error-500);
}

.font__colour-error--600 {
  color: var(--error-600);
}

.font__colour-error--700 {
  color: var(--error-700);
}

.font__colour-error--800 {
  color: var(--error-800);
}

.font__colour-error--900 {
  color: var(--error-900);
}

h1.font__weight--100,
h2.font__weight--100,
h3.font__weight--100,
h4.font__weight--100,
h5.font__weight--100,
h6.font__weight--100,
p.font__weight--100,
label.font__weight--100 {
  font-weight: 100;
}

h1.font__weight--275,
h2.font__weight--275,
h3.font__weight--275,
h4.font__weight--275,
h5.font__weight--275,
h6.font__weight--275,
p.font__weight--275,
label.font__weight--275 {
  font-weight: 275;
}

h1.font__weight--300,
h2.font__weight--300,
h3.font__weight--300,
h4.font__weight--300,
h5.font__weight--300,
h6.font__weight--300,
p.font__weight--300,
label.font__weight--300 {
  font-weight: 300;
}

h1.font__weight--400,
h2.font__weight--400,
h3.font__weight--400,
h4.font__weight--400,
h5.font__weight--400,
h6.font__weight--400,
p.font__weight--400,
label.font__weight--400 {
  font-weight: 400;
}

h1.font__weight--500,
h2.font__weight--500,
h3.font__weight--500,
h4.font__weight--500,
h5.font__weight--500,
h6.font__weight--500,
p.font__weight--500,
label.font__weight--500 {
  font-weight: 500;
}

h1.font__weight--600,
h2.font__weight--600,
h3.font__weight--600,
h4.font__weight--600,
h5.font__weight--600,
h6.font__weight--600,
p.font__weight--600,
label.font__weight--600 {
  font-weight: 600;
}

h1.font__weight--700,
h2.font__weight--700,
h3.font__weight--700,
h4.font__weight--700,
h5.font__weight--700,
h6.font__weight--700,
p.font__weight--700,
label.font__weight--700 {
  font-weight: 700;
}

h1.font__weight--800,
h2.font__weight--800,
h3.font__weight--800,
h4.font__weight--800,
h5.font__weight--800,
h6.font__weight--800,
p.font__weight--800,
label.font__weight--800 {
  font-weight: 800;
}

h1.font__weight--900,
h2.font__weight--900,
h3.font__weight--900,
h4.font__weight--900,
h5.font__weight--900,
h6.font__weight--900,
p.font__weight--900,
label.font__weight--900 {
  font-weight: 900;
}

button[out-button] {
  --button__block-padding: 0.5rem;
  --button__content-gap: 0.375rem;
  --button__font-weight: 600;
  --button__height: 3rem;
  --button__icon-size: 1.5rem;
  --button__icon-only-radius: 100%;
  --button__icon-only-icon-size: var(--button__icon-size);
  --button__inline-padding: 1rem;
  --button__radius: 0.5rem;
}

button {
  --button__radius: 0.5rem;
  --button__block-padding: 0.5rem;
  --button__inline-padding: 1rem;
  --button__font-weight: 600;
}

button[out-button].button--primary {
  background: var(--primary-gradient);
  border: none;
  box-shadow: var(--standard-shadow-1dp);
  color: var(--white);
}

button[out-button].button--primary::before {
  background: var(--primary-gradient--hover);
}

button[out-button].button--primary:disabled {
  background: var(--neutral-gradient);
  box-shadow: none;
}

button[out-button].button--secondary {
  background: transparent;
  border: 1.5px solid var(--secondary-800);
  box-shadow: var(--standard-shadow-1dp);
  color: var(--secondary-800);
}

button[out-button].button--secondary:hover {
  border: 1.5px solid var(--secondary-400);
  color: var(--secondary-400);
}

button[out-button].button--secondary:disabled {
  border-color: var(--neutral-100);
  box-shadow: none;
  color: var(--neutral-100);
}

button[out-button].button--tertiary {
  background: var(--white);
  border: none;
  color: var(--secondary-700);
}

button[out-button].button--tertiary:hover {
  background: var(--secondary-50);
}

button[out-button].button--tertiary:disabled {
  background: none;
  color: var(--neutral-100);
}

.navbar {
  --bar__background-colour: var(--secondary-700);
}

.navbar--logo,
.navbar {
  --logo__colour: var(--white);
}

.navbar--list-group,
.navbar {
  --list-item-group__divider-colour: var(--secondary-500);
}

.navbar--list-item,
.navbar {
  --list-item__background-colour--active: var(--secondary-400);
  --list-item__background-colour--hover: var(--secondary-500);
  --list-item__font-colour--primary: var(--white);
  --list-item__font-colour--primary--hover: var(--list-item__font-colour--primary);
  --list-item__font-colour--secondary: var(--secondary-200);
  --list-item__font-colour--secondary--hover: var(--list-item__font-colour--secondary);
}

.navbar--toggle,
.navbar {
  --toggle__background-colour--hover: var(--primary-400);
  --toggle__background-colour: var(--primary-500);
  --toggle__icon-colour: var(--white);
  --toggle__icon-colour--hover: var(--toggle__icon-colour);
  --toggle__shadow--hover: var(--standard-shadow-2dp);
  --toggle__shadow: var(--standard-shadow-1dp);
}

.navbar--tooltip,
.mat-tooltip.navbar__tooltip {
  --tooltip__background-colour: var(--secondary-500);
  --tooltip__font-colour: var(--white);
  --tooltip__shadow: var(--standard-shadow-5dp);
}

@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
:root {
  --fade-in: animate-fade-in forwards;
  --fade-out: animate-fade-out forwards;
}

[out-form-field].mat-form-field {
  --form-field__height: 3rem;
  --form-field__inline-padding: 1rem;
  --form-field__background-colour: var(--white);
  --form-field__background-colour--error: var(--error-50);
  --form-field__border-colour: var(--neutral-200);
  --form-field__border-colour--error: var(--error-600);
  --form-field__border-colour--focused: var(--primary-500);
  --form-field__border-radius: 0.5rem;
  --form-field__border-width: 1.5px;
  --form-field__font-size: 0.875rem;
  --form-field__font-weight: 500;
  --form-field__font-weight--placeholder: 400;
  --form-field__font-colour: var(--black);
  --form-field__font-colour--hint: var(--secondary-700);
  --form-field__font-colour--error: var(--error-600);
  --form-field__font-colour--placeholder: var(--neutral-400);
  --form-field__select-arrow-colour: var(--neutral-400);
  --form-field__chip-background: var(--secondary-50);
  --form-field__chip-block-padding: 0;
  --form-field__chip-border-radius: 1rem;
  --form-field__chip-border: 1.5px solid var(--secondary-600);
  --form-field__chip-font-colour: var(--neutral-900);
  --form-field__chip-inline-padding: 0.5rem 0;
  --form-field__chip-close-icon-colour: var(--secondary-700);
  --form-field__chip-close-icon-size: 1.25rem;
  --form-field__chip-close-button-size: 2rem;
  --form-field__chip-close-button-background--hover: var(--secondary-100);
}

[out-form-field].mat-form-field,
[out-form-field].mat-form-field [class*=mat-form-field-] {
  all: initial;
}

[out-form-field].mat-form-field .mat-form-field-label,
[out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label {
  transform: initial !important;
  width: 100% !important;
}

[out-form-field].mat-form-field .mat-form-field-underline,
[out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline {
  display: none;
}

[out-form-field].mat-form-field,
[out-form-field].mat-form-field [class*=mat-form-field-] {
  font-family: var(--font);
}

[out-form-field].mat-form-field .mat-form-field-flex {
  position: relative;
}

[out-form-field].mat-form-field .mat-form-field-infix {
  align-items: center;
  background: var(--form-field__background-colour, transparent);
  border-radius: var(--form-field__border-radius, 2px);
  border: var(--form-field__border-width, 1px) solid var(--form-field__border-colour, #808080);
  box-sizing: border-box;
  color: var(--form-field__font-colour, black);
  display: grid;
  font-size: var(--form-field__font-size, initial);
  font-weight: var(--form-field__font-weight, normal);
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1fr auto;
  min-height: var(--form-field__height, 3rem);
  padding-inline: var(--form-field__inline-padding, 1rem);
  width: 100%;
}

[out-form-field].mat-form-field.mat-focused .mat-form-field-infix {
  border: calc(var(--form-field__border-width, 1px) + 0.5px) solid var(--form-field__border-colour--focused, #6e327e);
  padding-inline: calc(var(--form-field__inline-padding, 1rem) - 1px);
}

[out-form-field].mat-form-field .mat-input-element {
  font-size: var(--form-field__font-size, 1rem);
  font-weight: var(--form-field__font-weight, normal);
}

[out-form-field].mat-form-field .mat-form-field-label {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
}

[out-form-field].mat-form-field.mat-focused .mat-form-field-label,
[out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty) {
  display: none;
}

[out-form-field].mat-form-field .mat-form-field-label,
[out-form-field].mat-form-field .mat-input-element::placeholder,
[out-form-field].mat-form-field .mat-placeholder-required {
  color: var(--form-field__font-colour--placeholder, #808080);
  font-size: var(--form-field__font-size, initial);
  font-weight: var(--form-field__font-weight--placeholder, normal);
}

[out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix], [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix] {
  grid-column: 1/2;
  grid-row: 1/2;
}

[out-form-field].mat-form-field mat-date-range-input,
[out-form-field].mat-form-field mat-chip-list,
[out-form-field].mat-form-field .mat-input-element,
[out-form-field].mat-form-field .mat-select,
[out-form-field].mat-form-field .mat-form-field-label-wrapper {
  grid-column: 2/3;
  grid-row: 1/2;
}

[out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix], [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix] {
  grid-column: 3/4;
  grid-row: 1/2;
}

[out-form-field].mat-form-field [class*=icon__][mattextprefix], [out-form-field].mat-form-field [class*=icon__][maticonprefix], [out-form-field].mat-form-field [class*=icon__][mattextsuffix], [out-form-field].mat-form-field [class*=icon__][maticonsuffix] {
  font-size: 1.25rem;
  color: #757575;
}

[out-form-field].mat-form-field {
  position: relative;
}

[out-form-field].mat-form-field .mat-select-trigger {
  height: 100%;
}

[out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow {
  border: none;
}

[out-form-field].mat-form-field .icon__chev-down {
  position: absolute;
  right: 1.125rem;
  top: calc(50% - 0.5rem);
}

[out-form-field].mat-form-field .mat-select-arrow {
  color: var(--form-field__select-arrow-colour, black);
}

[out-form-field].mat-form-field .mat-chip-list-wrapper {
  margin: 0.4375rem 0;
  gap: 8px;
}

[out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper {
  margin: calc(0.4375rem - 1px) 0;
}

[out-form-field].mat-form-field mat-chip {
  background: var(--form-field__chip-background, #d9d9d9);
  border-radius: var(--form-field__chip-border-radius, 2rem);
  border: var(--form-field__chip-border, none);
  color: var(--form-field__chip-font-colour, #616161);
  font-size: 0.875rem;
  margin: 0;
  min-height: 2rem;
  overflow: hidden;
  padding-block: var(--form-field__chip-block-padding, 7px);
  padding-inline: var(--form-field__chip-inline-padding, 12px 8px);
  transition: 250ms ease-in-out;
  white-space: nowrap;
}

[out-form-field].mat-form-field mat-chip button.mat-chip-remove {
  align-items: center;
  border-left: var(--form-field__chip-border, none);
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 1;
  transition: 250ms ease-in-out;
  width: var(--form-field__chip-close-button-size, auto);
}

[out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__] {
  color: var(--form-field__chip-close-icon-colour, #616161);
  font-size: var(--form-field__chip-close-icon-size, 1.25rem);
}

[out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after {
  opacity: 0;
}

[out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove {
  background: var(--form-field__chip-close-button-background--hover, transparent);
}

[out-form-field].mat-form-field .mat-hint,
[out-form-field].mat-form-field .mat-error {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin-block: 0.125rem 0;
  margin-inline: 0;
  overflow: hidden;
  padding-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 1rem);
}

[out-form-field].mat-form-field .mat-hint {
  color: var(--form-field__font-colour--hint, black);
}

[out-form-field].mat-form-field .mat-error {
  color: var(--form-field__font-colour--error, #ff0000);
}

[out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix {
  background: var(--form-field__background-colour--error, #fff0f0);
  border-color: var(--form-field__border-colour--error, #ff0000);
  color: var(--form-field__font-colour--error, #ff0000);
}

[out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
[out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
[out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker {
  color: var(--form-field__font-colour--error, #ff0000);
}

[out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
[out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
[out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
[out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
[out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
[out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
[out-form-field].mat-form-field.mat-form-field-disabled [matsuffix] {
  color: #b1b2b1;
  font-weight: 400;
}

[out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
[out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__] {
  background: #f7f7f7;
  opacity: 1;
  border-color: #a9a9a9;
  color: #a9a9a9;
}

[out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix {
  background: #f7f7f7;
  border-color: #a9a9a9;
  border-style: dashed;
  border-width: 1.5px;
  color: #898989;
}

[out-form-field].mat-form-field.mat-form-field-disabled * {
  cursor: not-allowed;
}

[out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix {
  border-radius: 0 var(--form-field__border-radius) var(--form-field__border-radius) 0;
  border-width: var(--form-field__border-width) var(--form-field__border-width) var(--form-field__border-width) 0;
}

[out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix {
  border-radius: var(--form-field__border-radius) 0 0 var(--form-field__border-radius);
  border-width: var(--form-field__border-width) 0 var(--form-field__border-width) var(--form-field__border-width);
}

main.main .main__content-wrapper ng-component {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

main.main .main__content-wrapper ng-component out-scroll-container {
  padding-block: 1rem 2rem;
  padding-inline: 3rem;
}

main.main > out-header:first-child + .main__content-wrapper ng-component {
  height: calc(100vh - 4rem);
}

main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component {
  height: calc(100vh - 7rem);
}

main.main > .main__content-wrapper:has(#work-item-page) ng-component {
  height: 100vh;
}

::-webkit-scrollbar {
  width: 0.5rem;
  background: var(--secondary-50);
  border-radius: 1.5rem;
}

::-webkit-scrollbar-thumb {
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  background-color: var(--secondary-100);
  border-radius: 1.5rem;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-300);
}

.universal__navbar-user.context-menu {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-5dp);
  margin-inline: 0.5rem;
}

.universal__navbar-user .context-menu__heading {
  color: var(--neutral-300);
  font-size: 0.6875rem;
  font-weight: 600;
  margin-block: 0 1rem;
  padding-block: 1rem 0;
  padding-inline: 1rem;
  -webkit-user-select: none;
          user-select: none;
}

.universal__navbar-user .context-menu__profile-container {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem;
}

.universal__navbar-user .context-menu__user-avatar {
  border-radius: 100%;
  -webkit-user-select: none;
          user-select: none;
  width: 3rem;
}

.universal__navbar-user .context-menu__user-name {
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  -webkit-user-select: none;
          user-select: none;
}

.universal__navbar-user .context-menu__email-address {
  color: var(--neutral-400);
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.2;
  text-transform: lowercase;
}

.universal__navbar-user .context-menu__actions-container {
  border-top: 1px solid var(--neutral-100);
  margin-top: 1rem;
}

.universal__navbar-user .context-menu__button {
  cursor: pointer;
  background-color: transparent;
  border-radius: 0 0 0.5rem 0.5rem;
  border: none;
  color: var(--secondary-700);
  font-size: 0.875rem;
  font-weight: 600;
  height: 3rem;
  outline: none;
  transition: 250ms ease-in-out;
  width: 100%;
}

.universal__navbar-user .context-menu__button:hover {
  background-color: var(--secondary-50);
}

.cdk-overlay-pane .mat-autocomplete-panel {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-1dp);
  margin-top: 0.5rem;
  padding-block: 0.5rem;
}

.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar {
  width: 0.5rem;
}

.cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  background-color: transparent;
  border-radius: 0.5rem;
  margin-block: 0.5rem;
  border: 0.125rem solid transparent;
}

.cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb {
  background-color: var(--secondary-200);
  border: 0.125rem solid #ffffff;
}

.cdk-overlay-pane .mat-select-panel {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-3dp);
}

.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar {
  width: 0.5rem;
}

.cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  background-color: transparent;
  border-radius: 0.5rem;
  margin-block: 0.5rem;
  border: 0.125rem solid transparent;
}

.cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb {
  background-color: var(--secondary-200);
  border: 0.125rem solid #ffffff;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  background-color: #000;
  opacity: 0.2 !important;
}

.common-dialog .mat-dialog-title {
  margin: unset;
}

.common-dialog .mat-dialog-container {
  padding: 0;
  border-radius: 1rem;
}

.common-dialog .mat-dialog-content {
  max-height: calc(100vh - 12.5rem);
  padding-left: 3.813rem;
  padding-right: 3.813rem;
  padding-bottom: 1.125rem;
  margin: unset;
}

.common-dialog .mat-dialog-actions {
  margin-bottom: unset;
}

.common-dialog .dialog-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-600);
  color: white;
  height: 3.5rem;
}

.common-dialog .dialog-header span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}

.common-dialog .dialog-header label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}

.common-dialog .dialog-content {
  padding: 20px;
}

.common-dialog .dialog-actions {
  padding: 20px;
}

.common-dialog .dialog-actions button {
  width: 10rem;
}

.common-dialog mat-error {
  text-align: right;
}

.common-dialog .left-align {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

.common-dialog .left-align > label {
  padding-right: 10px;
  width: 150px;
}

.common-dialog .left-align > label,
.common-dialog .left-align > out-contact-number-input {
  display: table-cell;
}

.common-dialog .left-align > out-contact-number-input {
  width: 50%;
}

.common-dialog .button-container {
  width: 100%;
}

.common-dialog .button-float-left {
  float: left;
}

.common-dialog .button-float-right {
  float: right;
}

.mat-progress-spinner {
  margin-left: 20px;
  right: 10px;
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #79378b !important;
}

/*
 - .navbar__tooltip {}

 */
.mat-tooltip.navbar__tooltip {
  background: var(--tooltip__background-colour, #3e3e3e);
  border-radius: 0.5rem;
  box-shadow: var(--tooltip__shadow, none);
  color: var(--tooltip__font-colour, #ffffff);
  font-size: 0.75rem;
  font-weight: 400;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.multiline-tooltip {
  white-space: break-spaces !important;
}

.work-item-tooltip {
  text-overflow: unset !important;
  max-width: 100% !important;
}

.single-line-tooltip,
.mat-tooltip-panel .mat-tooltip {
  font-size: 0.813rem !important;
  margin: 0.875rem 0.25rem !important;
}

hr {
  background: var(--neutral-100);
  border: none;
  height: 1px;
}

hr.--gap-8px {
  margin-block: 0.5rem;
}

hr.--gap-16px {
  margin-block: 1rem;
}

hr.--gap-24px {
  margin-block: 1.5rem;
}

hr.--gap-32px {
  margin-block: 2rem;
}

hr.--gap-40px {
  margin-block: 2.5rem;
}

hr.--gap-48px {
  margin-block: 3rem;
}

.flex__wrapper {
  display: flex;
}

.flex__wrapper.flex__gap--8px {
  gap: 0.5rem;
}

.flex__wrapper.flex__gap--16px {
  gap: 1rem;
}

.flex__wrapper.flex__gap--24px {
  gap: 1.5rem;
}

.flex__wrapper.flex__gap--32px {
  gap: 2rem;
}

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

.flex__wrapper.flex__direction--column {
  flex-direction: column;
}

.flex__wrapper.flex__align-items--top {
  align-items: flex-start;
}

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

.flex__wrapper.flex__align-items--bottom {
  align-items: end;
}

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

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

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

.flex__fill {
  flex: 1 1 auto;
}

.flex__fill-equal {
  flex: 1 1 100%;
}

out-attachment-filter-dialog,
attachment-category-selector,
out-category-detail-view,
app-attachment-category-grid,
attachment,
out-notes-container,
.mfe-notes-container,
out-category-card-view,
out-add-note {
  display: block;
  height: 100%;
  /* Why use CSS custom properties over SCSS variables.
      - When using SCSS variables, the compiler fetches the values of the variables, and injects the value into the CSS file that gets generated.
        It's important to note that the browser doesn't understand SCSS whereas CSS Custom Properties are native to the browser.

      - The benefit of this from a development perspective is that when we have team members copying CSS straight from the DOM, that our code
        still ends up being totally reusable.
  */
  /* Base Colour Pallette */
  /* Primary Colour Pallette */
  /* Secondary Colour Pallette */
  /* Error Colour Pallette */
  /* Warning Colour Pallette */
  /* Neutral Colour Pallette */
  /* Shadow Notes:
      - Key Light must always be defined first (Less Blur & Transparency)
      - Ambient Light must always be defined second (More Blur & Transparency)
      - Elevation is used to indicate when components are interactive, in motion or at a higher level of importance.
  */
  /* Elevation Level: 1*/
  /* Elevation Level: 2*/
  /* Elevation Level: 3*/
  /* Elevation Level: 4*/
  /* Elevation Level: 5*/
  /*
    Builds classes for colour:
    - font__colour-primary--50 ... font__colour-primary--900
    - font__colour-secondary--50 ... font__colour-secondary--900 etc.
  */
  /*
   - .navbar__tooltip {}

   */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  @import url("@shamrock/style-kit/assets/icons/out-icons-v1.0/style.css");
  /*********/
  /* http://meyerweb.com/eric/tools/css/reset/ 
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;275;300;400;500;600;700;800;900&display=swap");
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --white: #ffffff;
  --black: #000000;
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --primary-50: #f4faec;
  --primary-100: #def0c3;
  --primary-200: #cde8a7;
  --primary-300: #b7de7e;
  --primary-400: #a9d765;
  --primary-500: #93cd3f;
  --primary-600: #86bb39;
  --primary-700: #68922d;
  --primary-800: #517123;
  --primary-900: #3e561a;
  --primary-gradient: linear-gradient(180deg, #93cd3f 31.77%, #72bf44 73.96%);
  --primary-gradient--hover: linear-gradient(180deg, #ade064 31.77%, #93cd3f 73.96%);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --secondary-50: #f2ebf3;
  --secondary-100: #d5c1db;
  --secondary-200: #c1a3ca;
  --secondary-300: #a579b1;
  --secondary-400: #945fa2;
  --secondary-500: #79378b;
  --secondary-600: #6e327e;
  --secondary-700: #562763;
  --secondary-800: #431e4c;
  --secondary-900: #33173a;
  --secondary-gradient: linear-gradient(180deg, #eee 31.77%, #ddd 73.96%);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --error-50: #fde8e9;
  --error-100: #f9b9bb;
  --error-200: #f7979b;
  --error-300: #f3676d;
  --error-400: #f14951;
  --error-500: #ed1c25;
  --error-600: #d81922;
  --error-700: #a8141a;
  --error-800: #820f14;
  --error-900: #640c10;
  --error-gradient: linear-gradient(180deg, #d81922 31.77%, #a8141a 73.96%);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --warning-50: #fdeee6;
  --warning-100: #f7c9b0;
  --warning-200: #f4af8a;
  --warning-300: #ee8a54;
  --warning-400: #eb7433;
  --warning-500: #e65100;
  --warning-600: #d14a00;
  --warning-700: #a33a00;
  --warning-800: #7f2d00;
  --warning-900: #612200;
  --warning-gradient: linear-gradient(180deg, #ee8a54 31.77%, #e65100 73.96%);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --neutral-50: #eeeeef;
  --neutral-100: #cbcccc;
  --neutral-200: #b2b3b4;
  --neutral-300: #8f9091;
  --neutral-400: #797a7c;
  --neutral-500: #58595b;
  --neutral-600: #505153;
  --neutral-700: #3e3f41;
  --neutral-800: #303132;
  --neutral-900: #252526;
  --neutral-gradient: linear-gradient(180deg, #cccccc 37.78%, #bbbbbb 100%);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --standard-shadow-1dp: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 1px 3px 1px rgb(0 0 0 / 15%);
  --inverted-shadow-1dp: 0 -1px 2px 0 rgb(0 0 0 / 30%), 0 -1px 3px 1px rgb(0 0 0 / 15%);
}
out-attachment-filter-dialog .--standard-shadow-1dp,
attachment-category-selector .--standard-shadow-1dp,
out-category-detail-view .--standard-shadow-1dp,
app-attachment-category-grid .--standard-shadow-1dp,
attachment .--standard-shadow-1dp,
out-notes-container .--standard-shadow-1dp,
.mfe-notes-container .--standard-shadow-1dp,
out-category-card-view .--standard-shadow-1dp,
out-add-note .--standard-shadow-1dp {
  box-shadow: var(--standard-shadow-1dp);
}
out-attachment-filter-dialog .--inverted-shadow-1dp,
attachment-category-selector .--inverted-shadow-1dp,
out-category-detail-view .--inverted-shadow-1dp,
app-attachment-category-grid .--inverted-shadow-1dp,
attachment .--inverted-shadow-1dp,
out-notes-container .--inverted-shadow-1dp,
.mfe-notes-container .--inverted-shadow-1dp,
out-category-card-view .--inverted-shadow-1dp,
out-add-note .--inverted-shadow-1dp {
  box-shadow: var(--inverted-shadow-1dp);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --standard-shadow-2dp: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(0 0 0 / 15%);
  --inverted-shadow-2dp: 0 -1px 2px 0 rgb(0 0 0 / 30%), 0 -2px 6px 2px rgb(0 0 0 / 15%);
}
out-attachment-filter-dialog .--standard-shadow-2dp,
attachment-category-selector .--standard-shadow-2dp,
out-category-detail-view .--standard-shadow-2dp,
app-attachment-category-grid .--standard-shadow-2dp,
attachment .--standard-shadow-2dp,
out-notes-container .--standard-shadow-2dp,
.mfe-notes-container .--standard-shadow-2dp,
out-category-card-view .--standard-shadow-2dp,
out-add-note .--standard-shadow-2dp {
  box-shadow: var(--standard-shadow-2dp);
}
out-attachment-filter-dialog .--inverted-shadow-2dp,
attachment-category-selector .--inverted-shadow-2dp,
out-category-detail-view .--inverted-shadow-2dp,
app-attachment-category-grid .--inverted-shadow-2dp,
attachment .--inverted-shadow-2dp,
out-notes-container .--inverted-shadow-2dp,
.mfe-notes-container .--inverted-shadow-2dp,
out-category-card-view .--inverted-shadow-2dp,
out-add-note .--inverted-shadow-2dp {
  box-shadow: var(--inverted-shadow-2dp);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --standard-shadow-3dp: 0 1px 3px 0 rgb(0 0 0 / 30%), 0 4px 8px 3px rgb(0 0 0 / 15%);
  --inverted-shadow-3dp: 0 -1px 3px 0 rgb(0 0 0 / 30%), 0 -4px 8px 3px rgb(0 0 0 / 15%);
}
out-attachment-filter-dialog .--standard-shadow-3dp,
attachment-category-selector .--standard-shadow-3dp,
out-category-detail-view .--standard-shadow-3dp,
app-attachment-category-grid .--standard-shadow-3dp,
attachment .--standard-shadow-3dp,
out-notes-container .--standard-shadow-3dp,
.mfe-notes-container .--standard-shadow-3dp,
out-category-card-view .--standard-shadow-3dp,
out-add-note .--standard-shadow-3dp {
  box-shadow: var(--standard-shadow-3dp);
}
out-attachment-filter-dialog .--inverted-shadow-3dp,
attachment-category-selector .--inverted-shadow-3dp,
out-category-detail-view .--inverted-shadow-3dp,
app-attachment-category-grid .--inverted-shadow-3dp,
attachment .--inverted-shadow-3dp,
out-notes-container .--inverted-shadow-3dp,
.mfe-notes-container .--inverted-shadow-3dp,
out-category-card-view .--inverted-shadow-3dp,
out-add-note .--inverted-shadow-3dp {
  box-shadow: var(--inverted-shadow-3dp);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --standard-shadow-4dp: 0 2px 3px 0 rgb(0 0 0 / 30%), 0 6px 10px 4px rgb(0 0 0 / 15%);
  --inverted-shadow-4dp: 0 -2px 3px 0 rgb(0 0 0 / 30%), 0 -6px 10px 4px rgb(0 0 0 / 15%);
}
out-attachment-filter-dialog .--standard-shadow-4dp,
attachment-category-selector .--standard-shadow-4dp,
out-category-detail-view .--standard-shadow-4dp,
app-attachment-category-grid .--standard-shadow-4dp,
attachment .--standard-shadow-4dp,
out-notes-container .--standard-shadow-4dp,
.mfe-notes-container .--standard-shadow-4dp,
out-category-card-view .--standard-shadow-4dp,
out-add-note .--standard-shadow-4dp {
  box-shadow: var(--standard-shadow-4dp);
}
out-attachment-filter-dialog .--inverted-shadow-4dp,
attachment-category-selector .--inverted-shadow-4dp,
out-category-detail-view .--inverted-shadow-4dp,
app-attachment-category-grid .--inverted-shadow-4dp,
attachment .--inverted-shadow-4dp,
out-notes-container .--inverted-shadow-4dp,
.mfe-notes-container .--inverted-shadow-4dp,
out-category-card-view .--inverted-shadow-4dp,
out-add-note .--inverted-shadow-4dp {
  box-shadow: var(--inverted-shadow-4dp);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --standard-shadow-5dp: 0 4px 4px 0 rgb(0 0 0 / 30%), 0 8px 12px 6px rgb(0 0 0 / 15%);
  --inverted-shadow-5dp: 0 -4px 4px 0 rgb(0 0 0 / 30%), 0 -8px 12px 6px rgb(0 0 0 / 15%);
}
out-attachment-filter-dialog .--standard-shadow-5dp,
attachment-category-selector .--standard-shadow-5dp,
out-category-detail-view .--standard-shadow-5dp,
app-attachment-category-grid .--standard-shadow-5dp,
attachment .--standard-shadow-5dp,
out-notes-container .--standard-shadow-5dp,
.mfe-notes-container .--standard-shadow-5dp,
out-category-card-view .--standard-shadow-5dp,
out-add-note .--standard-shadow-5dp {
  box-shadow: var(--standard-shadow-5dp);
}
out-attachment-filter-dialog .--inverted-shadow-5dp,
attachment-category-selector .--inverted-shadow-5dp,
out-category-detail-view .--inverted-shadow-5dp,
app-attachment-category-grid .--inverted-shadow-5dp,
attachment .--inverted-shadow-5dp,
out-notes-container .--inverted-shadow-5dp,
.mfe-notes-container .--inverted-shadow-5dp,
out-category-card-view .--inverted-shadow-5dp,
out-add-note .--inverted-shadow-5dp {
  box-shadow: var(--inverted-shadow-5dp);
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --font: "Montserrat", sans-serif;
}
out-attachment-filter-dialog h1,
out-attachment-filter-dialog h2,
out-attachment-filter-dialog h3,
out-attachment-filter-dialog h4,
out-attachment-filter-dialog h5,
out-attachment-filter-dialog h6,
attachment-category-selector h1,
attachment-category-selector h2,
attachment-category-selector h3,
attachment-category-selector h4,
attachment-category-selector h5,
attachment-category-selector h6,
out-category-detail-view h1,
out-category-detail-view h2,
out-category-detail-view h3,
out-category-detail-view h4,
out-category-detail-view h5,
out-category-detail-view h6,
app-attachment-category-grid h1,
app-attachment-category-grid h2,
app-attachment-category-grid h3,
app-attachment-category-grid h4,
app-attachment-category-grid h5,
app-attachment-category-grid h6,
attachment h1,
attachment h2,
attachment h3,
attachment h4,
attachment h5,
attachment h6,
out-notes-container h1,
out-notes-container h2,
out-notes-container h3,
out-notes-container h4,
out-notes-container h5,
out-notes-container h6,
.mfe-notes-container h1,
.mfe-notes-container h2,
.mfe-notes-container h3,
.mfe-notes-container h4,
.mfe-notes-container h5,
.mfe-notes-container h6,
out-category-card-view h1,
out-category-card-view h2,
out-category-card-view h3,
out-category-card-view h4,
out-category-card-view h5,
out-category-card-view h6,
out-add-note h1,
out-add-note h2,
out-add-note h3,
out-add-note h4,
out-add-note h5,
out-add-note h6 {
  line-height: 1.2;
  margin: 0;
}
out-attachment-filter-dialog h1:not([class*=font__weight--]),
out-attachment-filter-dialog h2:not([class*=font__weight--]),
out-attachment-filter-dialog h3:not([class*=font__weight--]),
out-attachment-filter-dialog h4:not([class*=font__weight--]),
out-attachment-filter-dialog h5:not([class*=font__weight--]),
out-attachment-filter-dialog h6:not([class*=font__weight--]),
attachment-category-selector h1:not([class*=font__weight--]),
attachment-category-selector h2:not([class*=font__weight--]),
attachment-category-selector h3:not([class*=font__weight--]),
attachment-category-selector h4:not([class*=font__weight--]),
attachment-category-selector h5:not([class*=font__weight--]),
attachment-category-selector h6:not([class*=font__weight--]),
out-category-detail-view h1:not([class*=font__weight--]),
out-category-detail-view h2:not([class*=font__weight--]),
out-category-detail-view h3:not([class*=font__weight--]),
out-category-detail-view h4:not([class*=font__weight--]),
out-category-detail-view h5:not([class*=font__weight--]),
out-category-detail-view h6:not([class*=font__weight--]),
app-attachment-category-grid h1:not([class*=font__weight--]),
app-attachment-category-grid h2:not([class*=font__weight--]),
app-attachment-category-grid h3:not([class*=font__weight--]),
app-attachment-category-grid h4:not([class*=font__weight--]),
app-attachment-category-grid h5:not([class*=font__weight--]),
app-attachment-category-grid h6:not([class*=font__weight--]),
attachment h1:not([class*=font__weight--]),
attachment h2:not([class*=font__weight--]),
attachment h3:not([class*=font__weight--]),
attachment h4:not([class*=font__weight--]),
attachment h5:not([class*=font__weight--]),
attachment h6:not([class*=font__weight--]),
out-notes-container h1:not([class*=font__weight--]),
out-notes-container h2:not([class*=font__weight--]),
out-notes-container h3:not([class*=font__weight--]),
out-notes-container h4:not([class*=font__weight--]),
out-notes-container h5:not([class*=font__weight--]),
out-notes-container h6:not([class*=font__weight--]),
.mfe-notes-container h1:not([class*=font__weight--]),
.mfe-notes-container h2:not([class*=font__weight--]),
.mfe-notes-container h3:not([class*=font__weight--]),
.mfe-notes-container h4:not([class*=font__weight--]),
.mfe-notes-container h5:not([class*=font__weight--]),
.mfe-notes-container h6:not([class*=font__weight--]),
out-category-card-view h1:not([class*=font__weight--]),
out-category-card-view h2:not([class*=font__weight--]),
out-category-card-view h3:not([class*=font__weight--]),
out-category-card-view h4:not([class*=font__weight--]),
out-category-card-view h5:not([class*=font__weight--]),
out-category-card-view h6:not([class*=font__weight--]),
out-add-note h1:not([class*=font__weight--]),
out-add-note h2:not([class*=font__weight--]),
out-add-note h3:not([class*=font__weight--]),
out-add-note h4:not([class*=font__weight--]),
out-add-note h5:not([class*=font__weight--]),
out-add-note h6:not([class*=font__weight--]) {
  font-weight: 600;
}
out-attachment-filter-dialog h1,
attachment-category-selector h1,
out-category-detail-view h1,
app-attachment-category-grid h1,
attachment h1,
out-notes-container h1,
.mfe-notes-container h1,
out-category-card-view h1,
out-add-note h1 {
  font-size: 2.5rem;
}
out-attachment-filter-dialog h2,
attachment-category-selector h2,
out-category-detail-view h2,
app-attachment-category-grid h2,
attachment h2,
out-notes-container h2,
.mfe-notes-container h2,
out-category-card-view h2,
out-add-note h2 {
  font-size: 2.125rem;
}
out-attachment-filter-dialog h3,
attachment-category-selector h3,
out-category-detail-view h3,
app-attachment-category-grid h3,
attachment h3,
out-notes-container h3,
.mfe-notes-container h3,
out-category-card-view h3,
out-add-note h3 {
  font-size: 1.75rem;
}
out-attachment-filter-dialog h4,
attachment-category-selector h4,
out-category-detail-view h4,
app-attachment-category-grid h4,
attachment h4,
out-notes-container h4,
.mfe-notes-container h4,
out-category-card-view h4,
out-add-note h4 {
  font-size: 1.5rem;
}
out-attachment-filter-dialog h5,
attachment-category-selector h5,
out-category-detail-view h5,
app-attachment-category-grid h5,
attachment h5,
out-notes-container h5,
.mfe-notes-container h5,
out-category-card-view h5,
out-add-note h5 {
  font-size: 1.375rem;
}
out-attachment-filter-dialog h6,
attachment-category-selector h6,
out-category-detail-view h6,
app-attachment-category-grid h6,
attachment h6,
out-notes-container h6,
.mfe-notes-container h6,
out-category-card-view h6,
out-add-note h6 {
  font-size: 1.25rem;
}
out-attachment-filter-dialog p,
out-attachment-filter-dialog label,
attachment-category-selector p,
attachment-category-selector label,
out-category-detail-view p,
out-category-detail-view label,
app-attachment-category-grid p,
app-attachment-category-grid label,
attachment p,
attachment label,
out-notes-container p,
out-notes-container label,
.mfe-notes-container p,
.mfe-notes-container label,
out-category-card-view p,
out-category-card-view label,
out-add-note p,
out-add-note label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-block-end: 0;
  margin-block-start: 0;
}
out-attachment-filter-dialog p.font__size--12px,
out-attachment-filter-dialog label.font__size--12px,
attachment-category-selector p.font__size--12px,
attachment-category-selector label.font__size--12px,
out-category-detail-view p.font__size--12px,
out-category-detail-view label.font__size--12px,
app-attachment-category-grid p.font__size--12px,
app-attachment-category-grid label.font__size--12px,
attachment p.font__size--12px,
attachment label.font__size--12px,
out-notes-container p.font__size--12px,
out-notes-container label.font__size--12px,
.mfe-notes-container p.font__size--12px,
.mfe-notes-container label.font__size--12px,
out-category-card-view p.font__size--12px,
out-category-card-view label.font__size--12px,
out-add-note p.font__size--12px,
out-add-note label.font__size--12px {
  font-size: 0.75rem;
}
out-attachment-filter-dialog p.font__size--14px,
out-attachment-filter-dialog label.font__size--14px,
attachment-category-selector p.font__size--14px,
attachment-category-selector label.font__size--14px,
out-category-detail-view p.font__size--14px,
out-category-detail-view label.font__size--14px,
app-attachment-category-grid p.font__size--14px,
app-attachment-category-grid label.font__size--14px,
attachment p.font__size--14px,
attachment label.font__size--14px,
out-notes-container p.font__size--14px,
out-notes-container label.font__size--14px,
.mfe-notes-container p.font__size--14px,
.mfe-notes-container label.font__size--14px,
out-category-card-view p.font__size--14px,
out-category-card-view label.font__size--14px,
out-add-note p.font__size--14px,
out-add-note label.font__size--14px {
  font-size: 0.875rem;
}
out-attachment-filter-dialog p.font__size--16px,
out-attachment-filter-dialog label.font__size--16px,
attachment-category-selector p.font__size--16px,
attachment-category-selector label.font__size--16px,
out-category-detail-view p.font__size--16px,
out-category-detail-view label.font__size--16px,
app-attachment-category-grid p.font__size--16px,
app-attachment-category-grid label.font__size--16px,
attachment p.font__size--16px,
attachment label.font__size--16px,
out-notes-container p.font__size--16px,
out-notes-container label.font__size--16px,
.mfe-notes-container p.font__size--16px,
.mfe-notes-container label.font__size--16px,
out-category-card-view p.font__size--16px,
out-category-card-view label.font__size--16px,
out-add-note p.font__size--16px,
out-add-note label.font__size--16px {
  font-size: 1rem;
}
out-attachment-filter-dialog p.font__size--18px,
out-attachment-filter-dialog label.font__size--18px,
attachment-category-selector p.font__size--18px,
attachment-category-selector label.font__size--18px,
out-category-detail-view p.font__size--18px,
out-category-detail-view label.font__size--18px,
app-attachment-category-grid p.font__size--18px,
app-attachment-category-grid label.font__size--18px,
attachment p.font__size--18px,
attachment label.font__size--18px,
out-notes-container p.font__size--18px,
out-notes-container label.font__size--18px,
.mfe-notes-container p.font__size--18px,
.mfe-notes-container label.font__size--18px,
out-category-card-view p.font__size--18px,
out-category-card-view label.font__size--18px,
out-add-note p.font__size--18px,
out-add-note label.font__size--18px {
  font-size: 1.125rem;
}
out-attachment-filter-dialog p.font__size--20px,
out-attachment-filter-dialog label.font__size--20px,
attachment-category-selector p.font__size--20px,
attachment-category-selector label.font__size--20px,
out-category-detail-view p.font__size--20px,
out-category-detail-view label.font__size--20px,
app-attachment-category-grid p.font__size--20px,
app-attachment-category-grid label.font__size--20px,
attachment p.font__size--20px,
attachment label.font__size--20px,
out-notes-container p.font__size--20px,
out-notes-container label.font__size--20px,
.mfe-notes-container p.font__size--20px,
.mfe-notes-container label.font__size--20px,
out-category-card-view p.font__size--20px,
out-category-card-view label.font__size--20px,
out-add-note p.font__size--20px,
out-add-note label.font__size--20px {
  font-size: 1.25rem;
}
out-attachment-filter-dialog p.font__size--22px,
out-attachment-filter-dialog label.font__size--22px,
attachment-category-selector p.font__size--22px,
attachment-category-selector label.font__size--22px,
out-category-detail-view p.font__size--22px,
out-category-detail-view label.font__size--22px,
app-attachment-category-grid p.font__size--22px,
app-attachment-category-grid label.font__size--22px,
attachment p.font__size--22px,
attachment label.font__size--22px,
out-notes-container p.font__size--22px,
out-notes-container label.font__size--22px,
.mfe-notes-container p.font__size--22px,
.mfe-notes-container label.font__size--22px,
out-category-card-view p.font__size--22px,
out-category-card-view label.font__size--22px,
out-add-note p.font__size--22px,
out-add-note label.font__size--22px {
  font-size: 1.375rem;
}
out-attachment-filter-dialog .font__colour-primary--50,
attachment-category-selector .font__colour-primary--50,
out-category-detail-view .font__colour-primary--50,
app-attachment-category-grid .font__colour-primary--50,
attachment .font__colour-primary--50,
out-notes-container .font__colour-primary--50,
.mfe-notes-container .font__colour-primary--50,
out-category-card-view .font__colour-primary--50,
out-add-note .font__colour-primary--50 {
  color: var(--primary-50);
}
out-attachment-filter-dialog .font__colour-primary--100,
attachment-category-selector .font__colour-primary--100,
out-category-detail-view .font__colour-primary--100,
app-attachment-category-grid .font__colour-primary--100,
attachment .font__colour-primary--100,
out-notes-container .font__colour-primary--100,
.mfe-notes-container .font__colour-primary--100,
out-category-card-view .font__colour-primary--100,
out-add-note .font__colour-primary--100 {
  color: var(--primary-100);
}
out-attachment-filter-dialog .font__colour-primary--200,
attachment-category-selector .font__colour-primary--200,
out-category-detail-view .font__colour-primary--200,
app-attachment-category-grid .font__colour-primary--200,
attachment .font__colour-primary--200,
out-notes-container .font__colour-primary--200,
.mfe-notes-container .font__colour-primary--200,
out-category-card-view .font__colour-primary--200,
out-add-note .font__colour-primary--200 {
  color: var(--primary-200);
}
out-attachment-filter-dialog .font__colour-primary--300,
attachment-category-selector .font__colour-primary--300,
out-category-detail-view .font__colour-primary--300,
app-attachment-category-grid .font__colour-primary--300,
attachment .font__colour-primary--300,
out-notes-container .font__colour-primary--300,
.mfe-notes-container .font__colour-primary--300,
out-category-card-view .font__colour-primary--300,
out-add-note .font__colour-primary--300 {
  color: var(--primary-300);
}
out-attachment-filter-dialog .font__colour-primary--400,
attachment-category-selector .font__colour-primary--400,
out-category-detail-view .font__colour-primary--400,
app-attachment-category-grid .font__colour-primary--400,
attachment .font__colour-primary--400,
out-notes-container .font__colour-primary--400,
.mfe-notes-container .font__colour-primary--400,
out-category-card-view .font__colour-primary--400,
out-add-note .font__colour-primary--400 {
  color: var(--primary-400);
}
out-attachment-filter-dialog .font__colour-primary--500,
attachment-category-selector .font__colour-primary--500,
out-category-detail-view .font__colour-primary--500,
app-attachment-category-grid .font__colour-primary--500,
attachment .font__colour-primary--500,
out-notes-container .font__colour-primary--500,
.mfe-notes-container .font__colour-primary--500,
out-category-card-view .font__colour-primary--500,
out-add-note .font__colour-primary--500 {
  color: var(--primary-500);
}
out-attachment-filter-dialog .font__colour-primary--600,
attachment-category-selector .font__colour-primary--600,
out-category-detail-view .font__colour-primary--600,
app-attachment-category-grid .font__colour-primary--600,
attachment .font__colour-primary--600,
out-notes-container .font__colour-primary--600,
.mfe-notes-container .font__colour-primary--600,
out-category-card-view .font__colour-primary--600,
out-add-note .font__colour-primary--600 {
  color: var(--primary-600);
}
out-attachment-filter-dialog .font__colour-primary--700,
attachment-category-selector .font__colour-primary--700,
out-category-detail-view .font__colour-primary--700,
app-attachment-category-grid .font__colour-primary--700,
attachment .font__colour-primary--700,
out-notes-container .font__colour-primary--700,
.mfe-notes-container .font__colour-primary--700,
out-category-card-view .font__colour-primary--700,
out-add-note .font__colour-primary--700 {
  color: var(--primary-700);
}
out-attachment-filter-dialog .font__colour-primary--800,
attachment-category-selector .font__colour-primary--800,
out-category-detail-view .font__colour-primary--800,
app-attachment-category-grid .font__colour-primary--800,
attachment .font__colour-primary--800,
out-notes-container .font__colour-primary--800,
.mfe-notes-container .font__colour-primary--800,
out-category-card-view .font__colour-primary--800,
out-add-note .font__colour-primary--800 {
  color: var(--primary-800);
}
out-attachment-filter-dialog .font__colour-primary--900,
attachment-category-selector .font__colour-primary--900,
out-category-detail-view .font__colour-primary--900,
app-attachment-category-grid .font__colour-primary--900,
attachment .font__colour-primary--900,
out-notes-container .font__colour-primary--900,
.mfe-notes-container .font__colour-primary--900,
out-category-card-view .font__colour-primary--900,
out-add-note .font__colour-primary--900 {
  color: var(--primary-900);
}
out-attachment-filter-dialog .font__colour-secondary--50,
attachment-category-selector .font__colour-secondary--50,
out-category-detail-view .font__colour-secondary--50,
app-attachment-category-grid .font__colour-secondary--50,
attachment .font__colour-secondary--50,
out-notes-container .font__colour-secondary--50,
.mfe-notes-container .font__colour-secondary--50,
out-category-card-view .font__colour-secondary--50,
out-add-note .font__colour-secondary--50 {
  color: var(--secondary-50);
}
out-attachment-filter-dialog .font__colour-secondary--100,
attachment-category-selector .font__colour-secondary--100,
out-category-detail-view .font__colour-secondary--100,
app-attachment-category-grid .font__colour-secondary--100,
attachment .font__colour-secondary--100,
out-notes-container .font__colour-secondary--100,
.mfe-notes-container .font__colour-secondary--100,
out-category-card-view .font__colour-secondary--100,
out-add-note .font__colour-secondary--100 {
  color: var(--secondary-100);
}
out-attachment-filter-dialog .font__colour-secondary--200,
attachment-category-selector .font__colour-secondary--200,
out-category-detail-view .font__colour-secondary--200,
app-attachment-category-grid .font__colour-secondary--200,
attachment .font__colour-secondary--200,
out-notes-container .font__colour-secondary--200,
.mfe-notes-container .font__colour-secondary--200,
out-category-card-view .font__colour-secondary--200,
out-add-note .font__colour-secondary--200 {
  color: var(--secondary-200);
}
out-attachment-filter-dialog .font__colour-secondary--300,
attachment-category-selector .font__colour-secondary--300,
out-category-detail-view .font__colour-secondary--300,
app-attachment-category-grid .font__colour-secondary--300,
attachment .font__colour-secondary--300,
out-notes-container .font__colour-secondary--300,
.mfe-notes-container .font__colour-secondary--300,
out-category-card-view .font__colour-secondary--300,
out-add-note .font__colour-secondary--300 {
  color: var(--secondary-300);
}
out-attachment-filter-dialog .font__colour-secondary--400,
attachment-category-selector .font__colour-secondary--400,
out-category-detail-view .font__colour-secondary--400,
app-attachment-category-grid .font__colour-secondary--400,
attachment .font__colour-secondary--400,
out-notes-container .font__colour-secondary--400,
.mfe-notes-container .font__colour-secondary--400,
out-category-card-view .font__colour-secondary--400,
out-add-note .font__colour-secondary--400 {
  color: var(--secondary-400);
}
out-attachment-filter-dialog .font__colour-secondary--500,
attachment-category-selector .font__colour-secondary--500,
out-category-detail-view .font__colour-secondary--500,
app-attachment-category-grid .font__colour-secondary--500,
attachment .font__colour-secondary--500,
out-notes-container .font__colour-secondary--500,
.mfe-notes-container .font__colour-secondary--500,
out-category-card-view .font__colour-secondary--500,
out-add-note .font__colour-secondary--500 {
  color: var(--secondary-500);
}
out-attachment-filter-dialog .font__colour-secondary--600,
attachment-category-selector .font__colour-secondary--600,
out-category-detail-view .font__colour-secondary--600,
app-attachment-category-grid .font__colour-secondary--600,
attachment .font__colour-secondary--600,
out-notes-container .font__colour-secondary--600,
.mfe-notes-container .font__colour-secondary--600,
out-category-card-view .font__colour-secondary--600,
out-add-note .font__colour-secondary--600 {
  color: var(--secondary-600);
}
out-attachment-filter-dialog .font__colour-secondary--700,
attachment-category-selector .font__colour-secondary--700,
out-category-detail-view .font__colour-secondary--700,
app-attachment-category-grid .font__colour-secondary--700,
attachment .font__colour-secondary--700,
out-notes-container .font__colour-secondary--700,
.mfe-notes-container .font__colour-secondary--700,
out-category-card-view .font__colour-secondary--700,
out-add-note .font__colour-secondary--700 {
  color: var(--secondary-700);
}
out-attachment-filter-dialog .font__colour-secondary--800,
attachment-category-selector .font__colour-secondary--800,
out-category-detail-view .font__colour-secondary--800,
app-attachment-category-grid .font__colour-secondary--800,
attachment .font__colour-secondary--800,
out-notes-container .font__colour-secondary--800,
.mfe-notes-container .font__colour-secondary--800,
out-category-card-view .font__colour-secondary--800,
out-add-note .font__colour-secondary--800 {
  color: var(--secondary-800);
}
out-attachment-filter-dialog .font__colour-secondary--900,
attachment-category-selector .font__colour-secondary--900,
out-category-detail-view .font__colour-secondary--900,
app-attachment-category-grid .font__colour-secondary--900,
attachment .font__colour-secondary--900,
out-notes-container .font__colour-secondary--900,
.mfe-notes-container .font__colour-secondary--900,
out-category-card-view .font__colour-secondary--900,
out-add-note .font__colour-secondary--900 {
  color: var(--secondary-900);
}
out-attachment-filter-dialog .font__colour-neutral--50,
attachment-category-selector .font__colour-neutral--50,
out-category-detail-view .font__colour-neutral--50,
app-attachment-category-grid .font__colour-neutral--50,
attachment .font__colour-neutral--50,
out-notes-container .font__colour-neutral--50,
.mfe-notes-container .font__colour-neutral--50,
out-category-card-view .font__colour-neutral--50,
out-add-note .font__colour-neutral--50 {
  color: var(--neutral-50);
}
out-attachment-filter-dialog .font__colour-neutral--100,
attachment-category-selector .font__colour-neutral--100,
out-category-detail-view .font__colour-neutral--100,
app-attachment-category-grid .font__colour-neutral--100,
attachment .font__colour-neutral--100,
out-notes-container .font__colour-neutral--100,
.mfe-notes-container .font__colour-neutral--100,
out-category-card-view .font__colour-neutral--100,
out-add-note .font__colour-neutral--100 {
  color: var(--neutral-100);
}
out-attachment-filter-dialog .font__colour-neutral--200,
attachment-category-selector .font__colour-neutral--200,
out-category-detail-view .font__colour-neutral--200,
app-attachment-category-grid .font__colour-neutral--200,
attachment .font__colour-neutral--200,
out-notes-container .font__colour-neutral--200,
.mfe-notes-container .font__colour-neutral--200,
out-category-card-view .font__colour-neutral--200,
out-add-note .font__colour-neutral--200 {
  color: var(--neutral-200);
}
out-attachment-filter-dialog .font__colour-neutral--300,
attachment-category-selector .font__colour-neutral--300,
out-category-detail-view .font__colour-neutral--300,
app-attachment-category-grid .font__colour-neutral--300,
attachment .font__colour-neutral--300,
out-notes-container .font__colour-neutral--300,
.mfe-notes-container .font__colour-neutral--300,
out-category-card-view .font__colour-neutral--300,
out-add-note .font__colour-neutral--300 {
  color: var(--neutral-300);
}
out-attachment-filter-dialog .font__colour-neutral--400,
attachment-category-selector .font__colour-neutral--400,
out-category-detail-view .font__colour-neutral--400,
app-attachment-category-grid .font__colour-neutral--400,
attachment .font__colour-neutral--400,
out-notes-container .font__colour-neutral--400,
.mfe-notes-container .font__colour-neutral--400,
out-category-card-view .font__colour-neutral--400,
out-add-note .font__colour-neutral--400 {
  color: var(--neutral-400);
}
out-attachment-filter-dialog .font__colour-neutral--500,
attachment-category-selector .font__colour-neutral--500,
out-category-detail-view .font__colour-neutral--500,
app-attachment-category-grid .font__colour-neutral--500,
attachment .font__colour-neutral--500,
out-notes-container .font__colour-neutral--500,
.mfe-notes-container .font__colour-neutral--500,
out-category-card-view .font__colour-neutral--500,
out-add-note .font__colour-neutral--500 {
  color: var(--neutral-500);
}
out-attachment-filter-dialog .font__colour-neutral--600,
attachment-category-selector .font__colour-neutral--600,
out-category-detail-view .font__colour-neutral--600,
app-attachment-category-grid .font__colour-neutral--600,
attachment .font__colour-neutral--600,
out-notes-container .font__colour-neutral--600,
.mfe-notes-container .font__colour-neutral--600,
out-category-card-view .font__colour-neutral--600,
out-add-note .font__colour-neutral--600 {
  color: var(--neutral-600);
}
out-attachment-filter-dialog .font__colour-neutral--700,
attachment-category-selector .font__colour-neutral--700,
out-category-detail-view .font__colour-neutral--700,
app-attachment-category-grid .font__colour-neutral--700,
attachment .font__colour-neutral--700,
out-notes-container .font__colour-neutral--700,
.mfe-notes-container .font__colour-neutral--700,
out-category-card-view .font__colour-neutral--700,
out-add-note .font__colour-neutral--700 {
  color: var(--neutral-700);
}
out-attachment-filter-dialog .font__colour-neutral--800,
attachment-category-selector .font__colour-neutral--800,
out-category-detail-view .font__colour-neutral--800,
app-attachment-category-grid .font__colour-neutral--800,
attachment .font__colour-neutral--800,
out-notes-container .font__colour-neutral--800,
.mfe-notes-container .font__colour-neutral--800,
out-category-card-view .font__colour-neutral--800,
out-add-note .font__colour-neutral--800 {
  color: var(--neutral-800);
}
out-attachment-filter-dialog .font__colour-neutral--900,
attachment-category-selector .font__colour-neutral--900,
out-category-detail-view .font__colour-neutral--900,
app-attachment-category-grid .font__colour-neutral--900,
attachment .font__colour-neutral--900,
out-notes-container .font__colour-neutral--900,
.mfe-notes-container .font__colour-neutral--900,
out-category-card-view .font__colour-neutral--900,
out-add-note .font__colour-neutral--900 {
  color: var(--neutral-900);
}
out-attachment-filter-dialog .font__colour-warning--50,
attachment-category-selector .font__colour-warning--50,
out-category-detail-view .font__colour-warning--50,
app-attachment-category-grid .font__colour-warning--50,
attachment .font__colour-warning--50,
out-notes-container .font__colour-warning--50,
.mfe-notes-container .font__colour-warning--50,
out-category-card-view .font__colour-warning--50,
out-add-note .font__colour-warning--50 {
  color: var(--warning-50);
}
out-attachment-filter-dialog .font__colour-warning--100,
attachment-category-selector .font__colour-warning--100,
out-category-detail-view .font__colour-warning--100,
app-attachment-category-grid .font__colour-warning--100,
attachment .font__colour-warning--100,
out-notes-container .font__colour-warning--100,
.mfe-notes-container .font__colour-warning--100,
out-category-card-view .font__colour-warning--100,
out-add-note .font__colour-warning--100 {
  color: var(--warning-100);
}
out-attachment-filter-dialog .font__colour-warning--200,
attachment-category-selector .font__colour-warning--200,
out-category-detail-view .font__colour-warning--200,
app-attachment-category-grid .font__colour-warning--200,
attachment .font__colour-warning--200,
out-notes-container .font__colour-warning--200,
.mfe-notes-container .font__colour-warning--200,
out-category-card-view .font__colour-warning--200,
out-add-note .font__colour-warning--200 {
  color: var(--warning-200);
}
out-attachment-filter-dialog .font__colour-warning--300,
attachment-category-selector .font__colour-warning--300,
out-category-detail-view .font__colour-warning--300,
app-attachment-category-grid .font__colour-warning--300,
attachment .font__colour-warning--300,
out-notes-container .font__colour-warning--300,
.mfe-notes-container .font__colour-warning--300,
out-category-card-view .font__colour-warning--300,
out-add-note .font__colour-warning--300 {
  color: var(--warning-300);
}
out-attachment-filter-dialog .font__colour-warning--400,
attachment-category-selector .font__colour-warning--400,
out-category-detail-view .font__colour-warning--400,
app-attachment-category-grid .font__colour-warning--400,
attachment .font__colour-warning--400,
out-notes-container .font__colour-warning--400,
.mfe-notes-container .font__colour-warning--400,
out-category-card-view .font__colour-warning--400,
out-add-note .font__colour-warning--400 {
  color: var(--warning-400);
}
out-attachment-filter-dialog .font__colour-warning--500,
attachment-category-selector .font__colour-warning--500,
out-category-detail-view .font__colour-warning--500,
app-attachment-category-grid .font__colour-warning--500,
attachment .font__colour-warning--500,
out-notes-container .font__colour-warning--500,
.mfe-notes-container .font__colour-warning--500,
out-category-card-view .font__colour-warning--500,
out-add-note .font__colour-warning--500 {
  color: var(--warning-500);
}
out-attachment-filter-dialog .font__colour-warning--600,
attachment-category-selector .font__colour-warning--600,
out-category-detail-view .font__colour-warning--600,
app-attachment-category-grid .font__colour-warning--600,
attachment .font__colour-warning--600,
out-notes-container .font__colour-warning--600,
.mfe-notes-container .font__colour-warning--600,
out-category-card-view .font__colour-warning--600,
out-add-note .font__colour-warning--600 {
  color: var(--warning-600);
}
out-attachment-filter-dialog .font__colour-warning--700,
attachment-category-selector .font__colour-warning--700,
out-category-detail-view .font__colour-warning--700,
app-attachment-category-grid .font__colour-warning--700,
attachment .font__colour-warning--700,
out-notes-container .font__colour-warning--700,
.mfe-notes-container .font__colour-warning--700,
out-category-card-view .font__colour-warning--700,
out-add-note .font__colour-warning--700 {
  color: var(--warning-700);
}
out-attachment-filter-dialog .font__colour-warning--800,
attachment-category-selector .font__colour-warning--800,
out-category-detail-view .font__colour-warning--800,
app-attachment-category-grid .font__colour-warning--800,
attachment .font__colour-warning--800,
out-notes-container .font__colour-warning--800,
.mfe-notes-container .font__colour-warning--800,
out-category-card-view .font__colour-warning--800,
out-add-note .font__colour-warning--800 {
  color: var(--warning-800);
}
out-attachment-filter-dialog .font__colour-warning--900,
attachment-category-selector .font__colour-warning--900,
out-category-detail-view .font__colour-warning--900,
app-attachment-category-grid .font__colour-warning--900,
attachment .font__colour-warning--900,
out-notes-container .font__colour-warning--900,
.mfe-notes-container .font__colour-warning--900,
out-category-card-view .font__colour-warning--900,
out-add-note .font__colour-warning--900 {
  color: var(--warning-900);
}
out-attachment-filter-dialog .font__colour-error--50,
attachment-category-selector .font__colour-error--50,
out-category-detail-view .font__colour-error--50,
app-attachment-category-grid .font__colour-error--50,
attachment .font__colour-error--50,
out-notes-container .font__colour-error--50,
.mfe-notes-container .font__colour-error--50,
out-category-card-view .font__colour-error--50,
out-add-note .font__colour-error--50 {
  color: var(--error-50);
}
out-attachment-filter-dialog .font__colour-error--100,
attachment-category-selector .font__colour-error--100,
out-category-detail-view .font__colour-error--100,
app-attachment-category-grid .font__colour-error--100,
attachment .font__colour-error--100,
out-notes-container .font__colour-error--100,
.mfe-notes-container .font__colour-error--100,
out-category-card-view .font__colour-error--100,
out-add-note .font__colour-error--100 {
  color: var(--error-100);
}
out-attachment-filter-dialog .font__colour-error--200,
attachment-category-selector .font__colour-error--200,
out-category-detail-view .font__colour-error--200,
app-attachment-category-grid .font__colour-error--200,
attachment .font__colour-error--200,
out-notes-container .font__colour-error--200,
.mfe-notes-container .font__colour-error--200,
out-category-card-view .font__colour-error--200,
out-add-note .font__colour-error--200 {
  color: var(--error-200);
}
out-attachment-filter-dialog .font__colour-error--300,
attachment-category-selector .font__colour-error--300,
out-category-detail-view .font__colour-error--300,
app-attachment-category-grid .font__colour-error--300,
attachment .font__colour-error--300,
out-notes-container .font__colour-error--300,
.mfe-notes-container .font__colour-error--300,
out-category-card-view .font__colour-error--300,
out-add-note .font__colour-error--300 {
  color: var(--error-300);
}
out-attachment-filter-dialog .font__colour-error--400,
attachment-category-selector .font__colour-error--400,
out-category-detail-view .font__colour-error--400,
app-attachment-category-grid .font__colour-error--400,
attachment .font__colour-error--400,
out-notes-container .font__colour-error--400,
.mfe-notes-container .font__colour-error--400,
out-category-card-view .font__colour-error--400,
out-add-note .font__colour-error--400 {
  color: var(--error-400);
}
out-attachment-filter-dialog .font__colour-error--500,
attachment-category-selector .font__colour-error--500,
out-category-detail-view .font__colour-error--500,
app-attachment-category-grid .font__colour-error--500,
attachment .font__colour-error--500,
out-notes-container .font__colour-error--500,
.mfe-notes-container .font__colour-error--500,
out-category-card-view .font__colour-error--500,
out-add-note .font__colour-error--500 {
  color: var(--error-500);
}
out-attachment-filter-dialog .font__colour-error--600,
attachment-category-selector .font__colour-error--600,
out-category-detail-view .font__colour-error--600,
app-attachment-category-grid .font__colour-error--600,
attachment .font__colour-error--600,
out-notes-container .font__colour-error--600,
.mfe-notes-container .font__colour-error--600,
out-category-card-view .font__colour-error--600,
out-add-note .font__colour-error--600 {
  color: var(--error-600);
}
out-attachment-filter-dialog .font__colour-error--700,
attachment-category-selector .font__colour-error--700,
out-category-detail-view .font__colour-error--700,
app-attachment-category-grid .font__colour-error--700,
attachment .font__colour-error--700,
out-notes-container .font__colour-error--700,
.mfe-notes-container .font__colour-error--700,
out-category-card-view .font__colour-error--700,
out-add-note .font__colour-error--700 {
  color: var(--error-700);
}
out-attachment-filter-dialog .font__colour-error--800,
attachment-category-selector .font__colour-error--800,
out-category-detail-view .font__colour-error--800,
app-attachment-category-grid .font__colour-error--800,
attachment .font__colour-error--800,
out-notes-container .font__colour-error--800,
.mfe-notes-container .font__colour-error--800,
out-category-card-view .font__colour-error--800,
out-add-note .font__colour-error--800 {
  color: var(--error-800);
}
out-attachment-filter-dialog .font__colour-error--900,
attachment-category-selector .font__colour-error--900,
out-category-detail-view .font__colour-error--900,
app-attachment-category-grid .font__colour-error--900,
attachment .font__colour-error--900,
out-notes-container .font__colour-error--900,
.mfe-notes-container .font__colour-error--900,
out-category-card-view .font__colour-error--900,
out-add-note .font__colour-error--900 {
  color: var(--error-900);
}
out-attachment-filter-dialog h1.font__weight--100,
out-attachment-filter-dialog h2.font__weight--100,
out-attachment-filter-dialog h3.font__weight--100,
out-attachment-filter-dialog h4.font__weight--100,
out-attachment-filter-dialog h5.font__weight--100,
out-attachment-filter-dialog h6.font__weight--100,
out-attachment-filter-dialog p.font__weight--100,
out-attachment-filter-dialog label.font__weight--100,
attachment-category-selector h1.font__weight--100,
attachment-category-selector h2.font__weight--100,
attachment-category-selector h3.font__weight--100,
attachment-category-selector h4.font__weight--100,
attachment-category-selector h5.font__weight--100,
attachment-category-selector h6.font__weight--100,
attachment-category-selector p.font__weight--100,
attachment-category-selector label.font__weight--100,
out-category-detail-view h1.font__weight--100,
out-category-detail-view h2.font__weight--100,
out-category-detail-view h3.font__weight--100,
out-category-detail-view h4.font__weight--100,
out-category-detail-view h5.font__weight--100,
out-category-detail-view h6.font__weight--100,
out-category-detail-view p.font__weight--100,
out-category-detail-view label.font__weight--100,
app-attachment-category-grid h1.font__weight--100,
app-attachment-category-grid h2.font__weight--100,
app-attachment-category-grid h3.font__weight--100,
app-attachment-category-grid h4.font__weight--100,
app-attachment-category-grid h5.font__weight--100,
app-attachment-category-grid h6.font__weight--100,
app-attachment-category-grid p.font__weight--100,
app-attachment-category-grid label.font__weight--100,
attachment h1.font__weight--100,
attachment h2.font__weight--100,
attachment h3.font__weight--100,
attachment h4.font__weight--100,
attachment h5.font__weight--100,
attachment h6.font__weight--100,
attachment p.font__weight--100,
attachment label.font__weight--100,
out-notes-container h1.font__weight--100,
out-notes-container h2.font__weight--100,
out-notes-container h3.font__weight--100,
out-notes-container h4.font__weight--100,
out-notes-container h5.font__weight--100,
out-notes-container h6.font__weight--100,
out-notes-container p.font__weight--100,
out-notes-container label.font__weight--100,
.mfe-notes-container h1.font__weight--100,
.mfe-notes-container h2.font__weight--100,
.mfe-notes-container h3.font__weight--100,
.mfe-notes-container h4.font__weight--100,
.mfe-notes-container h5.font__weight--100,
.mfe-notes-container h6.font__weight--100,
.mfe-notes-container p.font__weight--100,
.mfe-notes-container label.font__weight--100,
out-category-card-view h1.font__weight--100,
out-category-card-view h2.font__weight--100,
out-category-card-view h3.font__weight--100,
out-category-card-view h4.font__weight--100,
out-category-card-view h5.font__weight--100,
out-category-card-view h6.font__weight--100,
out-category-card-view p.font__weight--100,
out-category-card-view label.font__weight--100,
out-add-note h1.font__weight--100,
out-add-note h2.font__weight--100,
out-add-note h3.font__weight--100,
out-add-note h4.font__weight--100,
out-add-note h5.font__weight--100,
out-add-note h6.font__weight--100,
out-add-note p.font__weight--100,
out-add-note label.font__weight--100 {
  font-weight: 100;
}
out-attachment-filter-dialog h1.font__weight--275,
out-attachment-filter-dialog h2.font__weight--275,
out-attachment-filter-dialog h3.font__weight--275,
out-attachment-filter-dialog h4.font__weight--275,
out-attachment-filter-dialog h5.font__weight--275,
out-attachment-filter-dialog h6.font__weight--275,
out-attachment-filter-dialog p.font__weight--275,
out-attachment-filter-dialog label.font__weight--275,
attachment-category-selector h1.font__weight--275,
attachment-category-selector h2.font__weight--275,
attachment-category-selector h3.font__weight--275,
attachment-category-selector h4.font__weight--275,
attachment-category-selector h5.font__weight--275,
attachment-category-selector h6.font__weight--275,
attachment-category-selector p.font__weight--275,
attachment-category-selector label.font__weight--275,
out-category-detail-view h1.font__weight--275,
out-category-detail-view h2.font__weight--275,
out-category-detail-view h3.font__weight--275,
out-category-detail-view h4.font__weight--275,
out-category-detail-view h5.font__weight--275,
out-category-detail-view h6.font__weight--275,
out-category-detail-view p.font__weight--275,
out-category-detail-view label.font__weight--275,
app-attachment-category-grid h1.font__weight--275,
app-attachment-category-grid h2.font__weight--275,
app-attachment-category-grid h3.font__weight--275,
app-attachment-category-grid h4.font__weight--275,
app-attachment-category-grid h5.font__weight--275,
app-attachment-category-grid h6.font__weight--275,
app-attachment-category-grid p.font__weight--275,
app-attachment-category-grid label.font__weight--275,
attachment h1.font__weight--275,
attachment h2.font__weight--275,
attachment h3.font__weight--275,
attachment h4.font__weight--275,
attachment h5.font__weight--275,
attachment h6.font__weight--275,
attachment p.font__weight--275,
attachment label.font__weight--275,
out-notes-container h1.font__weight--275,
out-notes-container h2.font__weight--275,
out-notes-container h3.font__weight--275,
out-notes-container h4.font__weight--275,
out-notes-container h5.font__weight--275,
out-notes-container h6.font__weight--275,
out-notes-container p.font__weight--275,
out-notes-container label.font__weight--275,
.mfe-notes-container h1.font__weight--275,
.mfe-notes-container h2.font__weight--275,
.mfe-notes-container h3.font__weight--275,
.mfe-notes-container h4.font__weight--275,
.mfe-notes-container h5.font__weight--275,
.mfe-notes-container h6.font__weight--275,
.mfe-notes-container p.font__weight--275,
.mfe-notes-container label.font__weight--275,
out-category-card-view h1.font__weight--275,
out-category-card-view h2.font__weight--275,
out-category-card-view h3.font__weight--275,
out-category-card-view h4.font__weight--275,
out-category-card-view h5.font__weight--275,
out-category-card-view h6.font__weight--275,
out-category-card-view p.font__weight--275,
out-category-card-view label.font__weight--275,
out-add-note h1.font__weight--275,
out-add-note h2.font__weight--275,
out-add-note h3.font__weight--275,
out-add-note h4.font__weight--275,
out-add-note h5.font__weight--275,
out-add-note h6.font__weight--275,
out-add-note p.font__weight--275,
out-add-note label.font__weight--275 {
  font-weight: 275;
}
out-attachment-filter-dialog h1.font__weight--300,
out-attachment-filter-dialog h2.font__weight--300,
out-attachment-filter-dialog h3.font__weight--300,
out-attachment-filter-dialog h4.font__weight--300,
out-attachment-filter-dialog h5.font__weight--300,
out-attachment-filter-dialog h6.font__weight--300,
out-attachment-filter-dialog p.font__weight--300,
out-attachment-filter-dialog label.font__weight--300,
attachment-category-selector h1.font__weight--300,
attachment-category-selector h2.font__weight--300,
attachment-category-selector h3.font__weight--300,
attachment-category-selector h4.font__weight--300,
attachment-category-selector h5.font__weight--300,
attachment-category-selector h6.font__weight--300,
attachment-category-selector p.font__weight--300,
attachment-category-selector label.font__weight--300,
out-category-detail-view h1.font__weight--300,
out-category-detail-view h2.font__weight--300,
out-category-detail-view h3.font__weight--300,
out-category-detail-view h4.font__weight--300,
out-category-detail-view h5.font__weight--300,
out-category-detail-view h6.font__weight--300,
out-category-detail-view p.font__weight--300,
out-category-detail-view label.font__weight--300,
app-attachment-category-grid h1.font__weight--300,
app-attachment-category-grid h2.font__weight--300,
app-attachment-category-grid h3.font__weight--300,
app-attachment-category-grid h4.font__weight--300,
app-attachment-category-grid h5.font__weight--300,
app-attachment-category-grid h6.font__weight--300,
app-attachment-category-grid p.font__weight--300,
app-attachment-category-grid label.font__weight--300,
attachment h1.font__weight--300,
attachment h2.font__weight--300,
attachment h3.font__weight--300,
attachment h4.font__weight--300,
attachment h5.font__weight--300,
attachment h6.font__weight--300,
attachment p.font__weight--300,
attachment label.font__weight--300,
out-notes-container h1.font__weight--300,
out-notes-container h2.font__weight--300,
out-notes-container h3.font__weight--300,
out-notes-container h4.font__weight--300,
out-notes-container h5.font__weight--300,
out-notes-container h6.font__weight--300,
out-notes-container p.font__weight--300,
out-notes-container label.font__weight--300,
.mfe-notes-container h1.font__weight--300,
.mfe-notes-container h2.font__weight--300,
.mfe-notes-container h3.font__weight--300,
.mfe-notes-container h4.font__weight--300,
.mfe-notes-container h5.font__weight--300,
.mfe-notes-container h6.font__weight--300,
.mfe-notes-container p.font__weight--300,
.mfe-notes-container label.font__weight--300,
out-category-card-view h1.font__weight--300,
out-category-card-view h2.font__weight--300,
out-category-card-view h3.font__weight--300,
out-category-card-view h4.font__weight--300,
out-category-card-view h5.font__weight--300,
out-category-card-view h6.font__weight--300,
out-category-card-view p.font__weight--300,
out-category-card-view label.font__weight--300,
out-add-note h1.font__weight--300,
out-add-note h2.font__weight--300,
out-add-note h3.font__weight--300,
out-add-note h4.font__weight--300,
out-add-note h5.font__weight--300,
out-add-note h6.font__weight--300,
out-add-note p.font__weight--300,
out-add-note label.font__weight--300 {
  font-weight: 300;
}
out-attachment-filter-dialog h1.font__weight--400,
out-attachment-filter-dialog h2.font__weight--400,
out-attachment-filter-dialog h3.font__weight--400,
out-attachment-filter-dialog h4.font__weight--400,
out-attachment-filter-dialog h5.font__weight--400,
out-attachment-filter-dialog h6.font__weight--400,
out-attachment-filter-dialog p.font__weight--400,
out-attachment-filter-dialog label.font__weight--400,
attachment-category-selector h1.font__weight--400,
attachment-category-selector h2.font__weight--400,
attachment-category-selector h3.font__weight--400,
attachment-category-selector h4.font__weight--400,
attachment-category-selector h5.font__weight--400,
attachment-category-selector h6.font__weight--400,
attachment-category-selector p.font__weight--400,
attachment-category-selector label.font__weight--400,
out-category-detail-view h1.font__weight--400,
out-category-detail-view h2.font__weight--400,
out-category-detail-view h3.font__weight--400,
out-category-detail-view h4.font__weight--400,
out-category-detail-view h5.font__weight--400,
out-category-detail-view h6.font__weight--400,
out-category-detail-view p.font__weight--400,
out-category-detail-view label.font__weight--400,
app-attachment-category-grid h1.font__weight--400,
app-attachment-category-grid h2.font__weight--400,
app-attachment-category-grid h3.font__weight--400,
app-attachment-category-grid h4.font__weight--400,
app-attachment-category-grid h5.font__weight--400,
app-attachment-category-grid h6.font__weight--400,
app-attachment-category-grid p.font__weight--400,
app-attachment-category-grid label.font__weight--400,
attachment h1.font__weight--400,
attachment h2.font__weight--400,
attachment h3.font__weight--400,
attachment h4.font__weight--400,
attachment h5.font__weight--400,
attachment h6.font__weight--400,
attachment p.font__weight--400,
attachment label.font__weight--400,
out-notes-container h1.font__weight--400,
out-notes-container h2.font__weight--400,
out-notes-container h3.font__weight--400,
out-notes-container h4.font__weight--400,
out-notes-container h5.font__weight--400,
out-notes-container h6.font__weight--400,
out-notes-container p.font__weight--400,
out-notes-container label.font__weight--400,
.mfe-notes-container h1.font__weight--400,
.mfe-notes-container h2.font__weight--400,
.mfe-notes-container h3.font__weight--400,
.mfe-notes-container h4.font__weight--400,
.mfe-notes-container h5.font__weight--400,
.mfe-notes-container h6.font__weight--400,
.mfe-notes-container p.font__weight--400,
.mfe-notes-container label.font__weight--400,
out-category-card-view h1.font__weight--400,
out-category-card-view h2.font__weight--400,
out-category-card-view h3.font__weight--400,
out-category-card-view h4.font__weight--400,
out-category-card-view h5.font__weight--400,
out-category-card-view h6.font__weight--400,
out-category-card-view p.font__weight--400,
out-category-card-view label.font__weight--400,
out-add-note h1.font__weight--400,
out-add-note h2.font__weight--400,
out-add-note h3.font__weight--400,
out-add-note h4.font__weight--400,
out-add-note h5.font__weight--400,
out-add-note h6.font__weight--400,
out-add-note p.font__weight--400,
out-add-note label.font__weight--400 {
  font-weight: 400;
}
out-attachment-filter-dialog h1.font__weight--500,
out-attachment-filter-dialog h2.font__weight--500,
out-attachment-filter-dialog h3.font__weight--500,
out-attachment-filter-dialog h4.font__weight--500,
out-attachment-filter-dialog h5.font__weight--500,
out-attachment-filter-dialog h6.font__weight--500,
out-attachment-filter-dialog p.font__weight--500,
out-attachment-filter-dialog label.font__weight--500,
attachment-category-selector h1.font__weight--500,
attachment-category-selector h2.font__weight--500,
attachment-category-selector h3.font__weight--500,
attachment-category-selector h4.font__weight--500,
attachment-category-selector h5.font__weight--500,
attachment-category-selector h6.font__weight--500,
attachment-category-selector p.font__weight--500,
attachment-category-selector label.font__weight--500,
out-category-detail-view h1.font__weight--500,
out-category-detail-view h2.font__weight--500,
out-category-detail-view h3.font__weight--500,
out-category-detail-view h4.font__weight--500,
out-category-detail-view h5.font__weight--500,
out-category-detail-view h6.font__weight--500,
out-category-detail-view p.font__weight--500,
out-category-detail-view label.font__weight--500,
app-attachment-category-grid h1.font__weight--500,
app-attachment-category-grid h2.font__weight--500,
app-attachment-category-grid h3.font__weight--500,
app-attachment-category-grid h4.font__weight--500,
app-attachment-category-grid h5.font__weight--500,
app-attachment-category-grid h6.font__weight--500,
app-attachment-category-grid p.font__weight--500,
app-attachment-category-grid label.font__weight--500,
attachment h1.font__weight--500,
attachment h2.font__weight--500,
attachment h3.font__weight--500,
attachment h4.font__weight--500,
attachment h5.font__weight--500,
attachment h6.font__weight--500,
attachment p.font__weight--500,
attachment label.font__weight--500,
out-notes-container h1.font__weight--500,
out-notes-container h2.font__weight--500,
out-notes-container h3.font__weight--500,
out-notes-container h4.font__weight--500,
out-notes-container h5.font__weight--500,
out-notes-container h6.font__weight--500,
out-notes-container p.font__weight--500,
out-notes-container label.font__weight--500,
.mfe-notes-container h1.font__weight--500,
.mfe-notes-container h2.font__weight--500,
.mfe-notes-container h3.font__weight--500,
.mfe-notes-container h4.font__weight--500,
.mfe-notes-container h5.font__weight--500,
.mfe-notes-container h6.font__weight--500,
.mfe-notes-container p.font__weight--500,
.mfe-notes-container label.font__weight--500,
out-category-card-view h1.font__weight--500,
out-category-card-view h2.font__weight--500,
out-category-card-view h3.font__weight--500,
out-category-card-view h4.font__weight--500,
out-category-card-view h5.font__weight--500,
out-category-card-view h6.font__weight--500,
out-category-card-view p.font__weight--500,
out-category-card-view label.font__weight--500,
out-add-note h1.font__weight--500,
out-add-note h2.font__weight--500,
out-add-note h3.font__weight--500,
out-add-note h4.font__weight--500,
out-add-note h5.font__weight--500,
out-add-note h6.font__weight--500,
out-add-note p.font__weight--500,
out-add-note label.font__weight--500 {
  font-weight: 500;
}
out-attachment-filter-dialog h1.font__weight--600,
out-attachment-filter-dialog h2.font__weight--600,
out-attachment-filter-dialog h3.font__weight--600,
out-attachment-filter-dialog h4.font__weight--600,
out-attachment-filter-dialog h5.font__weight--600,
out-attachment-filter-dialog h6.font__weight--600,
out-attachment-filter-dialog p.font__weight--600,
out-attachment-filter-dialog label.font__weight--600,
attachment-category-selector h1.font__weight--600,
attachment-category-selector h2.font__weight--600,
attachment-category-selector h3.font__weight--600,
attachment-category-selector h4.font__weight--600,
attachment-category-selector h5.font__weight--600,
attachment-category-selector h6.font__weight--600,
attachment-category-selector p.font__weight--600,
attachment-category-selector label.font__weight--600,
out-category-detail-view h1.font__weight--600,
out-category-detail-view h2.font__weight--600,
out-category-detail-view h3.font__weight--600,
out-category-detail-view h4.font__weight--600,
out-category-detail-view h5.font__weight--600,
out-category-detail-view h6.font__weight--600,
out-category-detail-view p.font__weight--600,
out-category-detail-view label.font__weight--600,
app-attachment-category-grid h1.font__weight--600,
app-attachment-category-grid h2.font__weight--600,
app-attachment-category-grid h3.font__weight--600,
app-attachment-category-grid h4.font__weight--600,
app-attachment-category-grid h5.font__weight--600,
app-attachment-category-grid h6.font__weight--600,
app-attachment-category-grid p.font__weight--600,
app-attachment-category-grid label.font__weight--600,
attachment h1.font__weight--600,
attachment h2.font__weight--600,
attachment h3.font__weight--600,
attachment h4.font__weight--600,
attachment h5.font__weight--600,
attachment h6.font__weight--600,
attachment p.font__weight--600,
attachment label.font__weight--600,
out-notes-container h1.font__weight--600,
out-notes-container h2.font__weight--600,
out-notes-container h3.font__weight--600,
out-notes-container h4.font__weight--600,
out-notes-container h5.font__weight--600,
out-notes-container h6.font__weight--600,
out-notes-container p.font__weight--600,
out-notes-container label.font__weight--600,
.mfe-notes-container h1.font__weight--600,
.mfe-notes-container h2.font__weight--600,
.mfe-notes-container h3.font__weight--600,
.mfe-notes-container h4.font__weight--600,
.mfe-notes-container h5.font__weight--600,
.mfe-notes-container h6.font__weight--600,
.mfe-notes-container p.font__weight--600,
.mfe-notes-container label.font__weight--600,
out-category-card-view h1.font__weight--600,
out-category-card-view h2.font__weight--600,
out-category-card-view h3.font__weight--600,
out-category-card-view h4.font__weight--600,
out-category-card-view h5.font__weight--600,
out-category-card-view h6.font__weight--600,
out-category-card-view p.font__weight--600,
out-category-card-view label.font__weight--600,
out-add-note h1.font__weight--600,
out-add-note h2.font__weight--600,
out-add-note h3.font__weight--600,
out-add-note h4.font__weight--600,
out-add-note h5.font__weight--600,
out-add-note h6.font__weight--600,
out-add-note p.font__weight--600,
out-add-note label.font__weight--600 {
  font-weight: 600;
}
out-attachment-filter-dialog h1.font__weight--700,
out-attachment-filter-dialog h2.font__weight--700,
out-attachment-filter-dialog h3.font__weight--700,
out-attachment-filter-dialog h4.font__weight--700,
out-attachment-filter-dialog h5.font__weight--700,
out-attachment-filter-dialog h6.font__weight--700,
out-attachment-filter-dialog p.font__weight--700,
out-attachment-filter-dialog label.font__weight--700,
attachment-category-selector h1.font__weight--700,
attachment-category-selector h2.font__weight--700,
attachment-category-selector h3.font__weight--700,
attachment-category-selector h4.font__weight--700,
attachment-category-selector h5.font__weight--700,
attachment-category-selector h6.font__weight--700,
attachment-category-selector p.font__weight--700,
attachment-category-selector label.font__weight--700,
out-category-detail-view h1.font__weight--700,
out-category-detail-view h2.font__weight--700,
out-category-detail-view h3.font__weight--700,
out-category-detail-view h4.font__weight--700,
out-category-detail-view h5.font__weight--700,
out-category-detail-view h6.font__weight--700,
out-category-detail-view p.font__weight--700,
out-category-detail-view label.font__weight--700,
app-attachment-category-grid h1.font__weight--700,
app-attachment-category-grid h2.font__weight--700,
app-attachment-category-grid h3.font__weight--700,
app-attachment-category-grid h4.font__weight--700,
app-attachment-category-grid h5.font__weight--700,
app-attachment-category-grid h6.font__weight--700,
app-attachment-category-grid p.font__weight--700,
app-attachment-category-grid label.font__weight--700,
attachment h1.font__weight--700,
attachment h2.font__weight--700,
attachment h3.font__weight--700,
attachment h4.font__weight--700,
attachment h5.font__weight--700,
attachment h6.font__weight--700,
attachment p.font__weight--700,
attachment label.font__weight--700,
out-notes-container h1.font__weight--700,
out-notes-container h2.font__weight--700,
out-notes-container h3.font__weight--700,
out-notes-container h4.font__weight--700,
out-notes-container h5.font__weight--700,
out-notes-container h6.font__weight--700,
out-notes-container p.font__weight--700,
out-notes-container label.font__weight--700,
.mfe-notes-container h1.font__weight--700,
.mfe-notes-container h2.font__weight--700,
.mfe-notes-container h3.font__weight--700,
.mfe-notes-container h4.font__weight--700,
.mfe-notes-container h5.font__weight--700,
.mfe-notes-container h6.font__weight--700,
.mfe-notes-container p.font__weight--700,
.mfe-notes-container label.font__weight--700,
out-category-card-view h1.font__weight--700,
out-category-card-view h2.font__weight--700,
out-category-card-view h3.font__weight--700,
out-category-card-view h4.font__weight--700,
out-category-card-view h5.font__weight--700,
out-category-card-view h6.font__weight--700,
out-category-card-view p.font__weight--700,
out-category-card-view label.font__weight--700,
out-add-note h1.font__weight--700,
out-add-note h2.font__weight--700,
out-add-note h3.font__weight--700,
out-add-note h4.font__weight--700,
out-add-note h5.font__weight--700,
out-add-note h6.font__weight--700,
out-add-note p.font__weight--700,
out-add-note label.font__weight--700 {
  font-weight: 700;
}
out-attachment-filter-dialog h1.font__weight--800,
out-attachment-filter-dialog h2.font__weight--800,
out-attachment-filter-dialog h3.font__weight--800,
out-attachment-filter-dialog h4.font__weight--800,
out-attachment-filter-dialog h5.font__weight--800,
out-attachment-filter-dialog h6.font__weight--800,
out-attachment-filter-dialog p.font__weight--800,
out-attachment-filter-dialog label.font__weight--800,
attachment-category-selector h1.font__weight--800,
attachment-category-selector h2.font__weight--800,
attachment-category-selector h3.font__weight--800,
attachment-category-selector h4.font__weight--800,
attachment-category-selector h5.font__weight--800,
attachment-category-selector h6.font__weight--800,
attachment-category-selector p.font__weight--800,
attachment-category-selector label.font__weight--800,
out-category-detail-view h1.font__weight--800,
out-category-detail-view h2.font__weight--800,
out-category-detail-view h3.font__weight--800,
out-category-detail-view h4.font__weight--800,
out-category-detail-view h5.font__weight--800,
out-category-detail-view h6.font__weight--800,
out-category-detail-view p.font__weight--800,
out-category-detail-view label.font__weight--800,
app-attachment-category-grid h1.font__weight--800,
app-attachment-category-grid h2.font__weight--800,
app-attachment-category-grid h3.font__weight--800,
app-attachment-category-grid h4.font__weight--800,
app-attachment-category-grid h5.font__weight--800,
app-attachment-category-grid h6.font__weight--800,
app-attachment-category-grid p.font__weight--800,
app-attachment-category-grid label.font__weight--800,
attachment h1.font__weight--800,
attachment h2.font__weight--800,
attachment h3.font__weight--800,
attachment h4.font__weight--800,
attachment h5.font__weight--800,
attachment h6.font__weight--800,
attachment p.font__weight--800,
attachment label.font__weight--800,
out-notes-container h1.font__weight--800,
out-notes-container h2.font__weight--800,
out-notes-container h3.font__weight--800,
out-notes-container h4.font__weight--800,
out-notes-container h5.font__weight--800,
out-notes-container h6.font__weight--800,
out-notes-container p.font__weight--800,
out-notes-container label.font__weight--800,
.mfe-notes-container h1.font__weight--800,
.mfe-notes-container h2.font__weight--800,
.mfe-notes-container h3.font__weight--800,
.mfe-notes-container h4.font__weight--800,
.mfe-notes-container h5.font__weight--800,
.mfe-notes-container h6.font__weight--800,
.mfe-notes-container p.font__weight--800,
.mfe-notes-container label.font__weight--800,
out-category-card-view h1.font__weight--800,
out-category-card-view h2.font__weight--800,
out-category-card-view h3.font__weight--800,
out-category-card-view h4.font__weight--800,
out-category-card-view h5.font__weight--800,
out-category-card-view h6.font__weight--800,
out-category-card-view p.font__weight--800,
out-category-card-view label.font__weight--800,
out-add-note h1.font__weight--800,
out-add-note h2.font__weight--800,
out-add-note h3.font__weight--800,
out-add-note h4.font__weight--800,
out-add-note h5.font__weight--800,
out-add-note h6.font__weight--800,
out-add-note p.font__weight--800,
out-add-note label.font__weight--800 {
  font-weight: 800;
}
out-attachment-filter-dialog h1.font__weight--900,
out-attachment-filter-dialog h2.font__weight--900,
out-attachment-filter-dialog h3.font__weight--900,
out-attachment-filter-dialog h4.font__weight--900,
out-attachment-filter-dialog h5.font__weight--900,
out-attachment-filter-dialog h6.font__weight--900,
out-attachment-filter-dialog p.font__weight--900,
out-attachment-filter-dialog label.font__weight--900,
attachment-category-selector h1.font__weight--900,
attachment-category-selector h2.font__weight--900,
attachment-category-selector h3.font__weight--900,
attachment-category-selector h4.font__weight--900,
attachment-category-selector h5.font__weight--900,
attachment-category-selector h6.font__weight--900,
attachment-category-selector p.font__weight--900,
attachment-category-selector label.font__weight--900,
out-category-detail-view h1.font__weight--900,
out-category-detail-view h2.font__weight--900,
out-category-detail-view h3.font__weight--900,
out-category-detail-view h4.font__weight--900,
out-category-detail-view h5.font__weight--900,
out-category-detail-view h6.font__weight--900,
out-category-detail-view p.font__weight--900,
out-category-detail-view label.font__weight--900,
app-attachment-category-grid h1.font__weight--900,
app-attachment-category-grid h2.font__weight--900,
app-attachment-category-grid h3.font__weight--900,
app-attachment-category-grid h4.font__weight--900,
app-attachment-category-grid h5.font__weight--900,
app-attachment-category-grid h6.font__weight--900,
app-attachment-category-grid p.font__weight--900,
app-attachment-category-grid label.font__weight--900,
attachment h1.font__weight--900,
attachment h2.font__weight--900,
attachment h3.font__weight--900,
attachment h4.font__weight--900,
attachment h5.font__weight--900,
attachment h6.font__weight--900,
attachment p.font__weight--900,
attachment label.font__weight--900,
out-notes-container h1.font__weight--900,
out-notes-container h2.font__weight--900,
out-notes-container h3.font__weight--900,
out-notes-container h4.font__weight--900,
out-notes-container h5.font__weight--900,
out-notes-container h6.font__weight--900,
out-notes-container p.font__weight--900,
out-notes-container label.font__weight--900,
.mfe-notes-container h1.font__weight--900,
.mfe-notes-container h2.font__weight--900,
.mfe-notes-container h3.font__weight--900,
.mfe-notes-container h4.font__weight--900,
.mfe-notes-container h5.font__weight--900,
.mfe-notes-container h6.font__weight--900,
.mfe-notes-container p.font__weight--900,
.mfe-notes-container label.font__weight--900,
out-category-card-view h1.font__weight--900,
out-category-card-view h2.font__weight--900,
out-category-card-view h3.font__weight--900,
out-category-card-view h4.font__weight--900,
out-category-card-view h5.font__weight--900,
out-category-card-view h6.font__weight--900,
out-category-card-view p.font__weight--900,
out-category-card-view label.font__weight--900,
out-add-note h1.font__weight--900,
out-add-note h2.font__weight--900,
out-add-note h3.font__weight--900,
out-add-note h4.font__weight--900,
out-add-note h5.font__weight--900,
out-add-note h6.font__weight--900,
out-add-note p.font__weight--900,
out-add-note label.font__weight--900 {
  font-weight: 900;
}
out-attachment-filter-dialog button[out-button],
attachment-category-selector button[out-button],
out-category-detail-view button[out-button],
app-attachment-category-grid button[out-button],
attachment button[out-button],
out-notes-container button[out-button],
.mfe-notes-container button[out-button],
out-category-card-view button[out-button],
out-add-note button[out-button] {
  --button__block-padding: 0.5rem;
  --button__content-gap: 0.375rem;
  --button__font-weight: 600;
  --button__height: 3rem;
  --button__icon-size: 1.5rem;
  --button__icon-only-radius: 100%;
  --button__icon-only-icon-size: var(--button__icon-size);
  --button__inline-padding: 1rem;
  --button__radius: 0.5rem;
}
out-attachment-filter-dialog button,
attachment-category-selector button,
out-category-detail-view button,
app-attachment-category-grid button,
attachment button,
out-notes-container button,
.mfe-notes-container button,
out-category-card-view button,
out-add-note button {
  --button__radius: 0.5rem;
  --button__block-padding: 0.5rem;
  --button__inline-padding: 1rem;
  --button__font-weight: 600;
}
out-attachment-filter-dialog button[out-button].button--primary,
attachment-category-selector button[out-button].button--primary,
out-category-detail-view button[out-button].button--primary,
app-attachment-category-grid button[out-button].button--primary,
attachment button[out-button].button--primary,
out-notes-container button[out-button].button--primary,
.mfe-notes-container button[out-button].button--primary,
out-category-card-view button[out-button].button--primary,
out-add-note button[out-button].button--primary {
  background: var(--primary-gradient);
  border: none;
  box-shadow: var(--standard-shadow-1dp);
  color: var(--white);
}
out-attachment-filter-dialog button[out-button].button--primary::before,
attachment-category-selector button[out-button].button--primary::before,
out-category-detail-view button[out-button].button--primary::before,
app-attachment-category-grid button[out-button].button--primary::before,
attachment button[out-button].button--primary::before,
out-notes-container button[out-button].button--primary::before,
.mfe-notes-container button[out-button].button--primary::before,
out-category-card-view button[out-button].button--primary::before,
out-add-note button[out-button].button--primary::before {
  background: var(--primary-gradient--hover);
}
out-attachment-filter-dialog button[out-button].button--primary:disabled,
attachment-category-selector button[out-button].button--primary:disabled,
out-category-detail-view button[out-button].button--primary:disabled,
app-attachment-category-grid button[out-button].button--primary:disabled,
attachment button[out-button].button--primary:disabled,
out-notes-container button[out-button].button--primary:disabled,
.mfe-notes-container button[out-button].button--primary:disabled,
out-category-card-view button[out-button].button--primary:disabled,
out-add-note button[out-button].button--primary:disabled {
  background: var(--neutral-gradient);
  box-shadow: none;
}
out-attachment-filter-dialog button[out-button].button--secondary,
attachment-category-selector button[out-button].button--secondary,
out-category-detail-view button[out-button].button--secondary,
app-attachment-category-grid button[out-button].button--secondary,
attachment button[out-button].button--secondary,
out-notes-container button[out-button].button--secondary,
.mfe-notes-container button[out-button].button--secondary,
out-category-card-view button[out-button].button--secondary,
out-add-note button[out-button].button--secondary {
  background: transparent;
  border: 1.5px solid var(--secondary-800);
  box-shadow: var(--standard-shadow-1dp);
  color: var(--secondary-800);
}
out-attachment-filter-dialog button[out-button].button--secondary:hover,
attachment-category-selector button[out-button].button--secondary:hover,
out-category-detail-view button[out-button].button--secondary:hover,
app-attachment-category-grid button[out-button].button--secondary:hover,
attachment button[out-button].button--secondary:hover,
out-notes-container button[out-button].button--secondary:hover,
.mfe-notes-container button[out-button].button--secondary:hover,
out-category-card-view button[out-button].button--secondary:hover,
out-add-note button[out-button].button--secondary:hover {
  border: 1.5px solid var(--secondary-400);
  color: var(--secondary-400);
}
out-attachment-filter-dialog button[out-button].button--secondary:disabled,
attachment-category-selector button[out-button].button--secondary:disabled,
out-category-detail-view button[out-button].button--secondary:disabled,
app-attachment-category-grid button[out-button].button--secondary:disabled,
attachment button[out-button].button--secondary:disabled,
out-notes-container button[out-button].button--secondary:disabled,
.mfe-notes-container button[out-button].button--secondary:disabled,
out-category-card-view button[out-button].button--secondary:disabled,
out-add-note button[out-button].button--secondary:disabled {
  border-color: var(--neutral-100);
  box-shadow: none;
  color: var(--neutral-100);
}
out-attachment-filter-dialog button[out-button].button--tertiary,
attachment-category-selector button[out-button].button--tertiary,
out-category-detail-view button[out-button].button--tertiary,
app-attachment-category-grid button[out-button].button--tertiary,
attachment button[out-button].button--tertiary,
out-notes-container button[out-button].button--tertiary,
.mfe-notes-container button[out-button].button--tertiary,
out-category-card-view button[out-button].button--tertiary,
out-add-note button[out-button].button--tertiary {
  background: var(--white);
  border: none;
  color: var(--secondary-700);
}
out-attachment-filter-dialog button[out-button].button--tertiary:hover,
attachment-category-selector button[out-button].button--tertiary:hover,
out-category-detail-view button[out-button].button--tertiary:hover,
app-attachment-category-grid button[out-button].button--tertiary:hover,
attachment button[out-button].button--tertiary:hover,
out-notes-container button[out-button].button--tertiary:hover,
.mfe-notes-container button[out-button].button--tertiary:hover,
out-category-card-view button[out-button].button--tertiary:hover,
out-add-note button[out-button].button--tertiary:hover {
  background: var(--secondary-50);
}
out-attachment-filter-dialog button[out-button].button--tertiary:disabled,
attachment-category-selector button[out-button].button--tertiary:disabled,
out-category-detail-view button[out-button].button--tertiary:disabled,
app-attachment-category-grid button[out-button].button--tertiary:disabled,
attachment button[out-button].button--tertiary:disabled,
out-notes-container button[out-button].button--tertiary:disabled,
.mfe-notes-container button[out-button].button--tertiary:disabled,
out-category-card-view button[out-button].button--tertiary:disabled,
out-add-note button[out-button].button--tertiary:disabled {
  background: none;
  color: var(--neutral-100);
}
out-attachment-filter-dialog .navbar,
attachment-category-selector .navbar,
out-category-detail-view .navbar,
app-attachment-category-grid .navbar,
attachment .navbar,
out-notes-container .navbar,
.mfe-notes-container .navbar,
out-category-card-view .navbar,
out-add-note .navbar {
  --bar__background-colour: var(--secondary-700);
}
out-attachment-filter-dialog .navbar--logo,
out-attachment-filter-dialog .navbar,
attachment-category-selector .navbar--logo,
attachment-category-selector .navbar,
out-category-detail-view .navbar--logo,
out-category-detail-view .navbar,
app-attachment-category-grid .navbar--logo,
app-attachment-category-grid .navbar,
attachment .navbar--logo,
attachment .navbar,
out-notes-container .navbar--logo,
out-notes-container .navbar,
.mfe-notes-container .navbar--logo,
.mfe-notes-container .navbar,
out-category-card-view .navbar--logo,
out-category-card-view .navbar,
out-add-note .navbar--logo,
out-add-note .navbar {
  --logo__colour: var(--white);
}
out-attachment-filter-dialog .navbar--list-group,
out-attachment-filter-dialog .navbar,
attachment-category-selector .navbar--list-group,
attachment-category-selector .navbar,
out-category-detail-view .navbar--list-group,
out-category-detail-view .navbar,
app-attachment-category-grid .navbar--list-group,
app-attachment-category-grid .navbar,
attachment .navbar--list-group,
attachment .navbar,
out-notes-container .navbar--list-group,
out-notes-container .navbar,
.mfe-notes-container .navbar--list-group,
.mfe-notes-container .navbar,
out-category-card-view .navbar--list-group,
out-category-card-view .navbar,
out-add-note .navbar--list-group,
out-add-note .navbar {
  --list-item-group__divider-colour: var(--secondary-500);
}
out-attachment-filter-dialog .navbar--list-item,
out-attachment-filter-dialog .navbar,
attachment-category-selector .navbar--list-item,
attachment-category-selector .navbar,
out-category-detail-view .navbar--list-item,
out-category-detail-view .navbar,
app-attachment-category-grid .navbar--list-item,
app-attachment-category-grid .navbar,
attachment .navbar--list-item,
attachment .navbar,
out-notes-container .navbar--list-item,
out-notes-container .navbar,
.mfe-notes-container .navbar--list-item,
.mfe-notes-container .navbar,
out-category-card-view .navbar--list-item,
out-category-card-view .navbar,
out-add-note .navbar--list-item,
out-add-note .navbar {
  --list-item__background-colour--active: var(--secondary-400);
  --list-item__background-colour--hover: var(--secondary-500);
  --list-item__font-colour--primary: var(--white);
  --list-item__font-colour--primary--hover: var(--list-item__font-colour--primary);
  --list-item__font-colour--secondary: var(--secondary-200);
  --list-item__font-colour--secondary--hover: var(--list-item__font-colour--secondary);
}
out-attachment-filter-dialog .navbar--toggle,
out-attachment-filter-dialog .navbar,
attachment-category-selector .navbar--toggle,
attachment-category-selector .navbar,
out-category-detail-view .navbar--toggle,
out-category-detail-view .navbar,
app-attachment-category-grid .navbar--toggle,
app-attachment-category-grid .navbar,
attachment .navbar--toggle,
attachment .navbar,
out-notes-container .navbar--toggle,
out-notes-container .navbar,
.mfe-notes-container .navbar--toggle,
.mfe-notes-container .navbar,
out-category-card-view .navbar--toggle,
out-category-card-view .navbar,
out-add-note .navbar--toggle,
out-add-note .navbar {
  --toggle__background-colour--hover: var(--primary-400);
  --toggle__background-colour: var(--primary-500);
  --toggle__icon-colour: var(--white);
  --toggle__icon-colour--hover: var(--toggle__icon-colour);
  --toggle__shadow--hover: var(--standard-shadow-2dp);
  --toggle__shadow: var(--standard-shadow-1dp);
}
out-attachment-filter-dialog .navbar--tooltip,
out-attachment-filter-dialog .mat-tooltip.navbar__tooltip,
attachment-category-selector .navbar--tooltip,
attachment-category-selector .mat-tooltip.navbar__tooltip,
out-category-detail-view .navbar--tooltip,
out-category-detail-view .mat-tooltip.navbar__tooltip,
app-attachment-category-grid .navbar--tooltip,
app-attachment-category-grid .mat-tooltip.navbar__tooltip,
attachment .navbar--tooltip,
attachment .mat-tooltip.navbar__tooltip,
out-notes-container .navbar--tooltip,
out-notes-container .mat-tooltip.navbar__tooltip,
.mfe-notes-container .navbar--tooltip,
.mfe-notes-container .mat-tooltip.navbar__tooltip,
out-category-card-view .navbar--tooltip,
out-category-card-view .mat-tooltip.navbar__tooltip,
out-add-note .navbar--tooltip,
out-add-note .mat-tooltip.navbar__tooltip {
  --tooltip__background-colour: var(--secondary-500);
  --tooltip__font-colour: var(--white);
  --tooltip__shadow: var(--standard-shadow-5dp);
}
@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animate-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
out-attachment-filter-dialog :root,
attachment-category-selector :root,
out-category-detail-view :root,
app-attachment-category-grid :root,
attachment :root,
out-notes-container :root,
.mfe-notes-container :root,
out-category-card-view :root,
out-add-note :root {
  --fade-in: animate-fade-in forwards;
  --fade-out: animate-fade-out forwards;
}
out-attachment-filter-dialog [out-form-field].mat-form-field,
attachment-category-selector [out-form-field].mat-form-field,
out-category-detail-view [out-form-field].mat-form-field,
app-attachment-category-grid [out-form-field].mat-form-field,
attachment [out-form-field].mat-form-field,
out-notes-container [out-form-field].mat-form-field,
.mfe-notes-container [out-form-field].mat-form-field,
out-category-card-view [out-form-field].mat-form-field,
out-add-note [out-form-field].mat-form-field {
  --form-field__height: 3rem;
  --form-field__inline-padding: 1rem;
  --form-field__background-colour: var(--white);
  --form-field__background-colour--error: var(--error-50);
  --form-field__border-colour: var(--neutral-200);
  --form-field__border-colour--error: var(--error-600);
  --form-field__border-colour--focused: var(--primary-500);
  --form-field__border-radius: 0.5rem;
  --form-field__border-width: 1.5px;
  --form-field__font-size: 0.875rem;
  --form-field__font-weight: 500;
  --form-field__font-weight--placeholder: 400;
  --form-field__font-colour: var(--black);
  --form-field__font-colour--hint: var(--secondary-700);
  --form-field__font-colour--error: var(--error-600);
  --form-field__font-colour--placeholder: var(--neutral-400);
  --form-field__select-arrow-colour: var(--neutral-400);
  --form-field__chip-background: var(--secondary-50);
  --form-field__chip-block-padding: 0;
  --form-field__chip-border-radius: 1rem;
  --form-field__chip-border: 1.5px solid var(--secondary-600);
  --form-field__chip-font-colour: var(--neutral-900);
  --form-field__chip-inline-padding: 0.5rem 0;
  --form-field__chip-close-icon-colour: var(--secondary-700);
  --form-field__chip-close-icon-size: 1.25rem;
  --form-field__chip-close-button-size: 2rem;
  --form-field__chip-close-button-background--hover: var(--secondary-100);
}
out-attachment-filter-dialog [out-form-field].mat-form-field,
out-attachment-filter-dialog [out-form-field].mat-form-field [class*=mat-form-field-],
attachment-category-selector [out-form-field].mat-form-field,
attachment-category-selector [out-form-field].mat-form-field [class*=mat-form-field-],
out-category-detail-view [out-form-field].mat-form-field,
out-category-detail-view [out-form-field].mat-form-field [class*=mat-form-field-],
app-attachment-category-grid [out-form-field].mat-form-field,
app-attachment-category-grid [out-form-field].mat-form-field [class*=mat-form-field-],
attachment [out-form-field].mat-form-field,
attachment [out-form-field].mat-form-field [class*=mat-form-field-],
out-notes-container [out-form-field].mat-form-field,
out-notes-container [out-form-field].mat-form-field [class*=mat-form-field-],
.mfe-notes-container [out-form-field].mat-form-field,
.mfe-notes-container [out-form-field].mat-form-field [class*=mat-form-field-],
out-category-card-view [out-form-field].mat-form-field,
out-category-card-view [out-form-field].mat-form-field [class*=mat-form-field-],
out-add-note [out-form-field].mat-form-field,
out-add-note [out-form-field].mat-form-field [class*=mat-form-field-] {
  all: initial;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-label,
out-attachment-filter-dialog [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
attachment [out-form-field].mat-form-field .mat-form-field-label,
attachment [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label,
out-add-note [out-form-field].mat-form-field .mat-form-field-label,
out-add-note [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-label {
  transform: initial !important;
  width: 100% !important;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-underline,
out-attachment-filter-dialog [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-underline,
attachment-category-selector [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-underline,
out-category-detail-view [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-underline,
app-attachment-category-grid [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
attachment [out-form-field].mat-form-field .mat-form-field-underline,
attachment [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
out-notes-container [out-form-field].mat-form-field .mat-form-field-underline,
out-notes-container [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-underline,
.mfe-notes-container [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-underline,
out-category-card-view [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline,
out-add-note [out-form-field].mat-form-field .mat-form-field-underline,
out-add-note [out-form-field].mat-form-field [class*=mat-form-field-] .mat-form-field-underline {
  display: none;
}
out-attachment-filter-dialog [out-form-field].mat-form-field,
out-attachment-filter-dialog [out-form-field].mat-form-field [class*=mat-form-field-],
attachment-category-selector [out-form-field].mat-form-field,
attachment-category-selector [out-form-field].mat-form-field [class*=mat-form-field-],
out-category-detail-view [out-form-field].mat-form-field,
out-category-detail-view [out-form-field].mat-form-field [class*=mat-form-field-],
app-attachment-category-grid [out-form-field].mat-form-field,
app-attachment-category-grid [out-form-field].mat-form-field [class*=mat-form-field-],
attachment [out-form-field].mat-form-field,
attachment [out-form-field].mat-form-field [class*=mat-form-field-],
out-notes-container [out-form-field].mat-form-field,
out-notes-container [out-form-field].mat-form-field [class*=mat-form-field-],
.mfe-notes-container [out-form-field].mat-form-field,
.mfe-notes-container [out-form-field].mat-form-field [class*=mat-form-field-],
out-category-card-view [out-form-field].mat-form-field,
out-category-card-view [out-form-field].mat-form-field [class*=mat-form-field-],
out-add-note [out-form-field].mat-form-field,
out-add-note [out-form-field].mat-form-field [class*=mat-form-field-] {
  font-family: var(--font);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-flex,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-flex,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-flex,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-flex,
attachment [out-form-field].mat-form-field .mat-form-field-flex,
out-notes-container [out-form-field].mat-form-field .mat-form-field-flex,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-flex,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-flex,
out-add-note [out-form-field].mat-form-field .mat-form-field-flex {
  position: relative;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-infix,
attachment [out-form-field].mat-form-field .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field .mat-form-field-infix {
  align-items: center;
  background: var(--form-field__background-colour, transparent);
  border-radius: var(--form-field__border-radius, 2px);
  border: var(--form-field__border-width, 1px) solid var(--form-field__border-colour, #808080);
  box-sizing: border-box;
  color: var(--form-field__font-colour, black);
  display: grid;
  font-size: var(--form-field__font-size, initial);
  font-weight: var(--form-field__font-weight, normal);
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 1fr auto;
  min-height: var(--form-field__height, 3rem);
  padding-inline: var(--form-field__inline-padding, 1rem);
  width: 100%;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
attachment [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field.mat-focused .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field.mat-focused .mat-form-field-infix {
  border: calc(var(--form-field__border-width, 1px) + 0.5px) solid var(--form-field__border-colour--focused, #6e327e);
  padding-inline: calc(var(--form-field__inline-padding, 1rem) - 1px);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-input-element,
attachment-category-selector [out-form-field].mat-form-field .mat-input-element,
out-category-detail-view [out-form-field].mat-form-field .mat-input-element,
app-attachment-category-grid [out-form-field].mat-form-field .mat-input-element,
attachment [out-form-field].mat-form-field .mat-input-element,
out-notes-container [out-form-field].mat-form-field .mat-input-element,
.mfe-notes-container [out-form-field].mat-form-field .mat-input-element,
out-category-card-view [out-form-field].mat-form-field .mat-input-element,
out-add-note [out-form-field].mat-form-field .mat-input-element {
  font-size: var(--form-field__font-size, 1rem);
  font-weight: var(--form-field__font-weight, normal);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-label,
attachment [out-form-field].mat-form-field .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-label,
out-add-note [out-form-field].mat-form-field .mat-form-field-label {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
attachment-category-selector [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
out-category-detail-view [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
app-attachment-category-grid [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
attachment [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
attachment [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
out-notes-container [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
.mfe-notes-container [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
out-category-card-view [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty),
out-add-note [out-form-field].mat-form-field.mat-focused .mat-form-field-label,
out-add-note [out-form-field].mat-form-field .mat-form-field-label:not(.mat-form-field-empty) {
  display: none;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-label,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-input-element::placeholder,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-placeholder-required,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field .mat-input-element::placeholder,
attachment-category-selector [out-form-field].mat-form-field .mat-placeholder-required,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field .mat-input-element::placeholder,
out-category-detail-view [out-form-field].mat-form-field .mat-placeholder-required,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field .mat-input-element::placeholder,
app-attachment-category-grid [out-form-field].mat-form-field .mat-placeholder-required,
attachment [out-form-field].mat-form-field .mat-form-field-label,
attachment [out-form-field].mat-form-field .mat-input-element::placeholder,
attachment [out-form-field].mat-form-field .mat-placeholder-required,
out-notes-container [out-form-field].mat-form-field .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field .mat-input-element::placeholder,
out-notes-container [out-form-field].mat-form-field .mat-placeholder-required,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field .mat-input-element::placeholder,
.mfe-notes-container [out-form-field].mat-form-field .mat-placeholder-required,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field .mat-input-element::placeholder,
out-category-card-view [out-form-field].mat-form-field .mat-placeholder-required,
out-add-note [out-form-field].mat-form-field .mat-form-field-label,
out-add-note [out-form-field].mat-form-field .mat-input-element::placeholder,
out-add-note [out-form-field].mat-form-field .mat-placeholder-required {
  color: var(--form-field__font-colour--placeholder, #808080);
  font-size: var(--form-field__font-size, initial);
  font-weight: var(--form-field__font-weight--placeholder, normal);
}
out-attachment-filter-dialog [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix], out-attachment-filter-dialog [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
attachment-category-selector [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
attachment-category-selector [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
out-category-detail-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
out-category-detail-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
app-attachment-category-grid [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
app-attachment-category-grid [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
attachment [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
attachment [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
out-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
out-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
.mfe-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
.mfe-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
out-category-card-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
out-category-card-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix],
out-add-note [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextprefix],
out-add-note [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonprefix] {
  grid-column: 1/2;
  grid-row: 1/2;
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-date-range-input,
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip-list,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-input-element,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-select,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-form-field-label-wrapper,
attachment-category-selector [out-form-field].mat-form-field mat-date-range-input,
attachment-category-selector [out-form-field].mat-form-field mat-chip-list,
attachment-category-selector [out-form-field].mat-form-field .mat-input-element,
attachment-category-selector [out-form-field].mat-form-field .mat-select,
attachment-category-selector [out-form-field].mat-form-field .mat-form-field-label-wrapper,
out-category-detail-view [out-form-field].mat-form-field mat-date-range-input,
out-category-detail-view [out-form-field].mat-form-field mat-chip-list,
out-category-detail-view [out-form-field].mat-form-field .mat-input-element,
out-category-detail-view [out-form-field].mat-form-field .mat-select,
out-category-detail-view [out-form-field].mat-form-field .mat-form-field-label-wrapper,
app-attachment-category-grid [out-form-field].mat-form-field mat-date-range-input,
app-attachment-category-grid [out-form-field].mat-form-field mat-chip-list,
app-attachment-category-grid [out-form-field].mat-form-field .mat-input-element,
app-attachment-category-grid [out-form-field].mat-form-field .mat-select,
app-attachment-category-grid [out-form-field].mat-form-field .mat-form-field-label-wrapper,
attachment [out-form-field].mat-form-field mat-date-range-input,
attachment [out-form-field].mat-form-field mat-chip-list,
attachment [out-form-field].mat-form-field .mat-input-element,
attachment [out-form-field].mat-form-field .mat-select,
attachment [out-form-field].mat-form-field .mat-form-field-label-wrapper,
out-notes-container [out-form-field].mat-form-field mat-date-range-input,
out-notes-container [out-form-field].mat-form-field mat-chip-list,
out-notes-container [out-form-field].mat-form-field .mat-input-element,
out-notes-container [out-form-field].mat-form-field .mat-select,
out-notes-container [out-form-field].mat-form-field .mat-form-field-label-wrapper,
.mfe-notes-container [out-form-field].mat-form-field mat-date-range-input,
.mfe-notes-container [out-form-field].mat-form-field mat-chip-list,
.mfe-notes-container [out-form-field].mat-form-field .mat-input-element,
.mfe-notes-container [out-form-field].mat-form-field .mat-select,
.mfe-notes-container [out-form-field].mat-form-field .mat-form-field-label-wrapper,
out-category-card-view [out-form-field].mat-form-field mat-date-range-input,
out-category-card-view [out-form-field].mat-form-field mat-chip-list,
out-category-card-view [out-form-field].mat-form-field .mat-input-element,
out-category-card-view [out-form-field].mat-form-field .mat-select,
out-category-card-view [out-form-field].mat-form-field .mat-form-field-label-wrapper,
out-add-note [out-form-field].mat-form-field mat-date-range-input,
out-add-note [out-form-field].mat-form-field mat-chip-list,
out-add-note [out-form-field].mat-form-field .mat-input-element,
out-add-note [out-form-field].mat-form-field .mat-select,
out-add-note [out-form-field].mat-form-field .mat-form-field-label-wrapper {
  grid-column: 2/3;
  grid-row: 1/2;
}
out-attachment-filter-dialog [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix], out-attachment-filter-dialog [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
attachment-category-selector [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
attachment-category-selector [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
out-category-detail-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
out-category-detail-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
app-attachment-category-grid [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
app-attachment-category-grid [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
attachment [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
attachment [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
out-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
out-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
.mfe-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
.mfe-notes-container [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
out-category-card-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
out-category-card-view [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix],
out-add-note [out-form-field].mat-form-field :not(mat-datepicker-toggle)[mattextsuffix],
out-add-note [out-form-field].mat-form-field :not(mat-datepicker-toggle)[maticonsuffix] {
  grid-column: 3/4;
  grid-row: 1/2;
}
out-attachment-filter-dialog [out-form-field].mat-form-field [class*=icon__][mattextprefix], out-attachment-filter-dialog [out-form-field].mat-form-field [class*=icon__][maticonprefix], out-attachment-filter-dialog [out-form-field].mat-form-field [class*=icon__][mattextsuffix], out-attachment-filter-dialog [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
attachment-category-selector [out-form-field].mat-form-field [class*=icon__][mattextprefix],
attachment-category-selector [out-form-field].mat-form-field [class*=icon__][maticonprefix],
attachment-category-selector [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
attachment-category-selector [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
out-category-detail-view [out-form-field].mat-form-field [class*=icon__][mattextprefix],
out-category-detail-view [out-form-field].mat-form-field [class*=icon__][maticonprefix],
out-category-detail-view [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
out-category-detail-view [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
app-attachment-category-grid [out-form-field].mat-form-field [class*=icon__][mattextprefix],
app-attachment-category-grid [out-form-field].mat-form-field [class*=icon__][maticonprefix],
app-attachment-category-grid [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
app-attachment-category-grid [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
attachment [out-form-field].mat-form-field [class*=icon__][mattextprefix],
attachment [out-form-field].mat-form-field [class*=icon__][maticonprefix],
attachment [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
attachment [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
out-notes-container [out-form-field].mat-form-field [class*=icon__][mattextprefix],
out-notes-container [out-form-field].mat-form-field [class*=icon__][maticonprefix],
out-notes-container [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
out-notes-container [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
.mfe-notes-container [out-form-field].mat-form-field [class*=icon__][mattextprefix],
.mfe-notes-container [out-form-field].mat-form-field [class*=icon__][maticonprefix],
.mfe-notes-container [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
.mfe-notes-container [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
out-category-card-view [out-form-field].mat-form-field [class*=icon__][mattextprefix],
out-category-card-view [out-form-field].mat-form-field [class*=icon__][maticonprefix],
out-category-card-view [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
out-category-card-view [out-form-field].mat-form-field [class*=icon__][maticonsuffix],
out-add-note [out-form-field].mat-form-field [class*=icon__][mattextprefix],
out-add-note [out-form-field].mat-form-field [class*=icon__][maticonprefix],
out-add-note [out-form-field].mat-form-field [class*=icon__][mattextsuffix],
out-add-note [out-form-field].mat-form-field [class*=icon__][maticonsuffix] {
  font-size: 1.25rem;
  color: #757575;
}
out-attachment-filter-dialog [out-form-field].mat-form-field,
attachment-category-selector [out-form-field].mat-form-field,
out-category-detail-view [out-form-field].mat-form-field,
app-attachment-category-grid [out-form-field].mat-form-field,
attachment [out-form-field].mat-form-field,
out-notes-container [out-form-field].mat-form-field,
.mfe-notes-container [out-form-field].mat-form-field,
out-category-card-view [out-form-field].mat-form-field,
out-add-note [out-form-field].mat-form-field {
  position: relative;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-select-trigger,
attachment-category-selector [out-form-field].mat-form-field .mat-select-trigger,
out-category-detail-view [out-form-field].mat-form-field .mat-select-trigger,
app-attachment-category-grid [out-form-field].mat-form-field .mat-select-trigger,
attachment [out-form-field].mat-form-field .mat-select-trigger,
out-notes-container [out-form-field].mat-form-field .mat-select-trigger,
.mfe-notes-container [out-form-field].mat-form-field .mat-select-trigger,
out-category-card-view [out-form-field].mat-form-field .mat-select-trigger,
out-add-note [out-form-field].mat-form-field .mat-select-trigger {
  height: 100%;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
attachment-category-selector [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-category-detail-view [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
app-attachment-category-grid [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
attachment [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-notes-container [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
.mfe-notes-container [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-category-card-view [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-add-note [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow {
  border: none;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .icon__chev-down,
attachment-category-selector [out-form-field].mat-form-field .icon__chev-down,
out-category-detail-view [out-form-field].mat-form-field .icon__chev-down,
app-attachment-category-grid [out-form-field].mat-form-field .icon__chev-down,
attachment [out-form-field].mat-form-field .icon__chev-down,
out-notes-container [out-form-field].mat-form-field .icon__chev-down,
.mfe-notes-container [out-form-field].mat-form-field .icon__chev-down,
out-category-card-view [out-form-field].mat-form-field .icon__chev-down,
out-add-note [out-form-field].mat-form-field .icon__chev-down {
  position: absolute;
  right: 1.125rem;
  top: calc(50% - 0.5rem);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-select-arrow,
attachment-category-selector [out-form-field].mat-form-field .mat-select-arrow,
out-category-detail-view [out-form-field].mat-form-field .mat-select-arrow,
app-attachment-category-grid [out-form-field].mat-form-field .mat-select-arrow,
attachment [out-form-field].mat-form-field .mat-select-arrow,
out-notes-container [out-form-field].mat-form-field .mat-select-arrow,
.mfe-notes-container [out-form-field].mat-form-field .mat-select-arrow,
out-category-card-view [out-form-field].mat-form-field .mat-select-arrow,
out-add-note [out-form-field].mat-form-field .mat-select-arrow {
  color: var(--form-field__select-arrow-colour, black);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-chip-list-wrapper,
attachment-category-selector [out-form-field].mat-form-field .mat-chip-list-wrapper,
out-category-detail-view [out-form-field].mat-form-field .mat-chip-list-wrapper,
app-attachment-category-grid [out-form-field].mat-form-field .mat-chip-list-wrapper,
attachment [out-form-field].mat-form-field .mat-chip-list-wrapper,
out-notes-container [out-form-field].mat-form-field .mat-chip-list-wrapper,
.mfe-notes-container [out-form-field].mat-form-field .mat-chip-list-wrapper,
out-category-card-view [out-form-field].mat-form-field .mat-chip-list-wrapper,
out-add-note [out-form-field].mat-form-field .mat-chip-list-wrapper {
  margin: 0.4375rem 0;
  gap: 8px;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
attachment-category-selector [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
out-category-detail-view [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
app-attachment-category-grid [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
attachment [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
out-notes-container [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
.mfe-notes-container [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
out-category-card-view [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper,
out-add-note [out-form-field].mat-form-field.mat-focused .mat-chip-list-wrapper {
  margin: calc(0.4375rem - 1px) 0;
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip,
attachment-category-selector [out-form-field].mat-form-field mat-chip,
out-category-detail-view [out-form-field].mat-form-field mat-chip,
app-attachment-category-grid [out-form-field].mat-form-field mat-chip,
attachment [out-form-field].mat-form-field mat-chip,
out-notes-container [out-form-field].mat-form-field mat-chip,
.mfe-notes-container [out-form-field].mat-form-field mat-chip,
out-category-card-view [out-form-field].mat-form-field mat-chip,
out-add-note [out-form-field].mat-form-field mat-chip {
  background: var(--form-field__chip-background, #d9d9d9);
  border-radius: var(--form-field__chip-border-radius, 2rem);
  border: var(--form-field__chip-border, none);
  color: var(--form-field__chip-font-colour, #616161);
  font-size: 0.875rem;
  margin: 0;
  min-height: 2rem;
  overflow: hidden;
  padding-block: var(--form-field__chip-block-padding, 7px);
  padding-inline: var(--form-field__chip-inline-padding, 12px 8px);
  transition: 250ms ease-in-out;
  white-space: nowrap;
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
attachment-category-selector [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
out-category-detail-view [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
app-attachment-category-grid [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
attachment [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
out-notes-container [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
.mfe-notes-container [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
out-category-card-view [out-form-field].mat-form-field mat-chip button.mat-chip-remove,
out-add-note [out-form-field].mat-form-field mat-chip button.mat-chip-remove {
  align-items: center;
  border-left: var(--form-field__chip-border, none);
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 1;
  transition: 250ms ease-in-out;
  width: var(--form-field__chip-close-button-size, auto);
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
attachment-category-selector [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
out-category-detail-view [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
app-attachment-category-grid [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
attachment [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
out-notes-container [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
.mfe-notes-container [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
out-category-card-view [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__],
out-add-note [out-form-field].mat-form-field mat-chip button.mat-chip-remove [class*=icon__] {
  color: var(--form-field__chip-close-icon-colour, #616161);
  font-size: var(--form-field__chip-close-icon-size, 1.25rem);
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
attachment-category-selector [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
out-category-detail-view [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
app-attachment-category-grid [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
attachment [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
out-notes-container [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
.mfe-notes-container [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
out-category-card-view [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after,
out-add-note [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover::after {
  opacity: 0;
}
out-attachment-filter-dialog [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
attachment-category-selector [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
out-category-detail-view [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
app-attachment-category-grid [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
attachment [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
out-notes-container [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
.mfe-notes-container [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
out-category-card-view [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove,
out-add-note [out-form-field].mat-form-field mat-chip:not(.mat-chip-disabled):hover button.mat-chip-remove {
  background: var(--form-field__chip-close-button-background--hover, transparent);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-hint,
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-error,
attachment-category-selector [out-form-field].mat-form-field .mat-hint,
attachment-category-selector [out-form-field].mat-form-field .mat-error,
out-category-detail-view [out-form-field].mat-form-field .mat-hint,
out-category-detail-view [out-form-field].mat-form-field .mat-error,
app-attachment-category-grid [out-form-field].mat-form-field .mat-hint,
app-attachment-category-grid [out-form-field].mat-form-field .mat-error,
attachment [out-form-field].mat-form-field .mat-hint,
attachment [out-form-field].mat-form-field .mat-error,
out-notes-container [out-form-field].mat-form-field .mat-hint,
out-notes-container [out-form-field].mat-form-field .mat-error,
.mfe-notes-container [out-form-field].mat-form-field .mat-hint,
.mfe-notes-container [out-form-field].mat-form-field .mat-error,
out-category-card-view [out-form-field].mat-form-field .mat-hint,
out-category-card-view [out-form-field].mat-form-field .mat-error,
out-add-note [out-form-field].mat-form-field .mat-hint,
out-add-note [out-form-field].mat-form-field .mat-error {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  margin-block: 0.125rem 0;
  margin-inline: 0;
  overflow: hidden;
  padding-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 1rem);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-hint,
attachment-category-selector [out-form-field].mat-form-field .mat-hint,
out-category-detail-view [out-form-field].mat-form-field .mat-hint,
app-attachment-category-grid [out-form-field].mat-form-field .mat-hint,
attachment [out-form-field].mat-form-field .mat-hint,
out-notes-container [out-form-field].mat-form-field .mat-hint,
.mfe-notes-container [out-form-field].mat-form-field .mat-hint,
out-category-card-view [out-form-field].mat-form-field .mat-hint,
out-add-note [out-form-field].mat-form-field .mat-hint {
  color: var(--form-field__font-colour--hint, black);
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-error,
attachment-category-selector [out-form-field].mat-form-field .mat-error,
out-category-detail-view [out-form-field].mat-form-field .mat-error,
app-attachment-category-grid [out-form-field].mat-form-field .mat-error,
attachment [out-form-field].mat-form-field .mat-error,
out-notes-container [out-form-field].mat-form-field .mat-error,
.mfe-notes-container [out-form-field].mat-form-field .mat-error,
out-category-card-view [out-form-field].mat-form-field .mat-error,
out-add-note [out-form-field].mat-form-field .mat-error {
  color: var(--form-field__font-colour--error, #ff0000);
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
attachment [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-infix {
  background: var(--form-field__background-colour--error, #fff0f0);
  border-color: var(--form-field__border-colour--error, #ff0000);
  color: var(--form-field__font-colour--error, #ff0000);
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
attachment [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
attachment [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
attachment [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
out-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
out-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker,
out-add-note [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-label,
out-add-note [out-form-field].mat-form-field.mat-form-field-invalid .mat-select-arrow,
out-add-note [out-form-field].mat-form-field.mat-form-field-invalid .mat-form-field-required-marker {
  color: var(--form-field__font-colour--error, #ff0000);
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
attachment [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
attachment [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-label,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-select-arrow,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-required-marker,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-input-element::placeholder,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [mattextprefix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [maticonprefix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [matprefix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [mattextsuffix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [maticonsuffix],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled [matsuffix] {
  color: #b1b2b1;
  font-weight: 400;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__],
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled button,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-chip-disabled [class*=icon__] {
  background: #f7f7f7;
  opacity: 1;
  border-color: #a9a9a9;
  color: #a9a9a9;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
attachment [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled .mat-form-field-infix {
  background: #f7f7f7;
  border-color: #a9a9a9;
  border-style: dashed;
  border-width: 1.5px;
  color: #898989;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.mat-form-field-disabled *,
attachment-category-selector [out-form-field].mat-form-field.mat-form-field-disabled *,
out-category-detail-view [out-form-field].mat-form-field.mat-form-field-disabled *,
app-attachment-category-grid [out-form-field].mat-form-field.mat-form-field-disabled *,
attachment [out-form-field].mat-form-field.mat-form-field-disabled *,
out-notes-container [out-form-field].mat-form-field.mat-form-field-disabled *,
.mfe-notes-container [out-form-field].mat-form-field.mat-form-field-disabled *,
out-category-card-view [out-form-field].mat-form-field.mat-form-field-disabled *,
out-add-note [out-form-field].mat-form-field.mat-form-field-disabled * {
  cursor: not-allowed;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
attachment [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field.--with-leading-button .mat-form-field-infix {
  border-radius: 0 var(--form-field__border-radius) var(--form-field__border-radius) 0;
  border-width: var(--form-field__border-width) var(--form-field__border-width) var(--form-field__border-width) 0;
}
out-attachment-filter-dialog [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
attachment-category-selector [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
out-category-detail-view [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
app-attachment-category-grid [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
attachment [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
out-notes-container [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
.mfe-notes-container [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
out-category-card-view [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix,
out-add-note [out-form-field].mat-form-field.--with-trailing-button .mat-form-field-infix {
  border-radius: var(--form-field__border-radius) 0 0 var(--form-field__border-radius);
  border-width: var(--form-field__border-width) 0 var(--form-field__border-width) var(--form-field__border-width);
}
out-attachment-filter-dialog main.main .main__content-wrapper ng-component,
attachment-category-selector main.main .main__content-wrapper ng-component,
out-category-detail-view main.main .main__content-wrapper ng-component,
app-attachment-category-grid main.main .main__content-wrapper ng-component,
attachment main.main .main__content-wrapper ng-component,
out-notes-container main.main .main__content-wrapper ng-component,
.mfe-notes-container main.main .main__content-wrapper ng-component,
out-category-card-view main.main .main__content-wrapper ng-component,
out-add-note main.main .main__content-wrapper ng-component {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
out-attachment-filter-dialog main.main .main__content-wrapper ng-component out-scroll-container,
attachment-category-selector main.main .main__content-wrapper ng-component out-scroll-container,
out-category-detail-view main.main .main__content-wrapper ng-component out-scroll-container,
app-attachment-category-grid main.main .main__content-wrapper ng-component out-scroll-container,
attachment main.main .main__content-wrapper ng-component out-scroll-container,
out-notes-container main.main .main__content-wrapper ng-component out-scroll-container,
.mfe-notes-container main.main .main__content-wrapper ng-component out-scroll-container,
out-category-card-view main.main .main__content-wrapper ng-component out-scroll-container,
out-add-note main.main .main__content-wrapper ng-component out-scroll-container {
  padding-block: 1rem 2rem;
  padding-inline: 3rem;
}
out-attachment-filter-dialog main.main > out-header:first-child + .main__content-wrapper ng-component,
attachment-category-selector main.main > out-header:first-child + .main__content-wrapper ng-component,
out-category-detail-view main.main > out-header:first-child + .main__content-wrapper ng-component,
app-attachment-category-grid main.main > out-header:first-child + .main__content-wrapper ng-component,
attachment main.main > out-header:first-child + .main__content-wrapper ng-component,
out-notes-container main.main > out-header:first-child + .main__content-wrapper ng-component,
.mfe-notes-container main.main > out-header:first-child + .main__content-wrapper ng-component,
out-category-card-view main.main > out-header:first-child + .main__content-wrapper ng-component,
out-add-note main.main > out-header:first-child + .main__content-wrapper ng-component {
  height: calc(100vh - 4rem);
}
out-attachment-filter-dialog main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
attachment-category-selector main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
out-category-detail-view main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
app-attachment-category-grid main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
attachment main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
out-notes-container main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
.mfe-notes-container main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
out-category-card-view main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component,
out-add-note main.main > out-header:first-child + .main__content-wrapper:has(> out-breadcrumbs > nav > button) ng-component {
  height: calc(100vh - 7rem);
}
out-attachment-filter-dialog main.main > .main__content-wrapper:has(#work-item-page) ng-component,
attachment-category-selector main.main > .main__content-wrapper:has(#work-item-page) ng-component,
out-category-detail-view main.main > .main__content-wrapper:has(#work-item-page) ng-component,
app-attachment-category-grid main.main > .main__content-wrapper:has(#work-item-page) ng-component,
attachment main.main > .main__content-wrapper:has(#work-item-page) ng-component,
out-notes-container main.main > .main__content-wrapper:has(#work-item-page) ng-component,
.mfe-notes-container main.main > .main__content-wrapper:has(#work-item-page) ng-component,
out-category-card-view main.main > .main__content-wrapper:has(#work-item-page) ng-component,
out-add-note main.main > .main__content-wrapper:has(#work-item-page) ng-component {
  height: 100vh;
}
out-attachment-filter-dialog ::-webkit-scrollbar,
attachment-category-selector ::-webkit-scrollbar,
out-category-detail-view ::-webkit-scrollbar,
app-attachment-category-grid ::-webkit-scrollbar,
attachment ::-webkit-scrollbar,
out-notes-container ::-webkit-scrollbar,
.mfe-notes-container ::-webkit-scrollbar,
out-category-card-view ::-webkit-scrollbar,
out-add-note ::-webkit-scrollbar {
  width: 0.5rem;
  background: var(--secondary-50);
  border-radius: 1.5rem;
}
out-attachment-filter-dialog ::-webkit-scrollbar-thumb,
attachment-category-selector ::-webkit-scrollbar-thumb,
out-category-detail-view ::-webkit-scrollbar-thumb,
app-attachment-category-grid ::-webkit-scrollbar-thumb,
attachment ::-webkit-scrollbar-thumb,
out-notes-container ::-webkit-scrollbar-thumb,
.mfe-notes-container ::-webkit-scrollbar-thumb,
out-category-card-view ::-webkit-scrollbar-thumb,
out-add-note ::-webkit-scrollbar-thumb {
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  background-color: var(--secondary-100);
  border-radius: 1.5rem;
}
out-attachment-filter-dialog ::-webkit-scrollbar-thumb:hover,
attachment-category-selector ::-webkit-scrollbar-thumb:hover,
out-category-detail-view ::-webkit-scrollbar-thumb:hover,
app-attachment-category-grid ::-webkit-scrollbar-thumb:hover,
attachment ::-webkit-scrollbar-thumb:hover,
out-notes-container ::-webkit-scrollbar-thumb:hover,
.mfe-notes-container ::-webkit-scrollbar-thumb:hover,
out-category-card-view ::-webkit-scrollbar-thumb:hover,
out-add-note ::-webkit-scrollbar-thumb:hover {
  background-color: var(--secondary-300);
}
out-attachment-filter-dialog .universal__navbar-user.context-menu,
attachment-category-selector .universal__navbar-user.context-menu,
out-category-detail-view .universal__navbar-user.context-menu,
app-attachment-category-grid .universal__navbar-user.context-menu,
attachment .universal__navbar-user.context-menu,
out-notes-container .universal__navbar-user.context-menu,
.mfe-notes-container .universal__navbar-user.context-menu,
out-category-card-view .universal__navbar-user.context-menu,
out-add-note .universal__navbar-user.context-menu {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-5dp);
  margin-inline: 0.5rem;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__heading,
attachment-category-selector .universal__navbar-user .context-menu__heading,
out-category-detail-view .universal__navbar-user .context-menu__heading,
app-attachment-category-grid .universal__navbar-user .context-menu__heading,
attachment .universal__navbar-user .context-menu__heading,
out-notes-container .universal__navbar-user .context-menu__heading,
.mfe-notes-container .universal__navbar-user .context-menu__heading,
out-category-card-view .universal__navbar-user .context-menu__heading,
out-add-note .universal__navbar-user .context-menu__heading {
  color: var(--neutral-300);
  font-size: 0.6875rem;
  font-weight: 600;
  margin-block: 0 1rem;
  padding-block: 1rem 0;
  padding-inline: 1rem;
  -webkit-user-select: none;
          user-select: none;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__profile-container,
attachment-category-selector .universal__navbar-user .context-menu__profile-container,
out-category-detail-view .universal__navbar-user .context-menu__profile-container,
app-attachment-category-grid .universal__navbar-user .context-menu__profile-container,
attachment .universal__navbar-user .context-menu__profile-container,
out-notes-container .universal__navbar-user .context-menu__profile-container,
.mfe-notes-container .universal__navbar-user .context-menu__profile-container,
out-category-card-view .universal__navbar-user .context-menu__profile-container,
out-add-note .universal__navbar-user .context-menu__profile-container {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  padding: 0 1rem;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__user-avatar,
attachment-category-selector .universal__navbar-user .context-menu__user-avatar,
out-category-detail-view .universal__navbar-user .context-menu__user-avatar,
app-attachment-category-grid .universal__navbar-user .context-menu__user-avatar,
attachment .universal__navbar-user .context-menu__user-avatar,
out-notes-container .universal__navbar-user .context-menu__user-avatar,
.mfe-notes-container .universal__navbar-user .context-menu__user-avatar,
out-category-card-view .universal__navbar-user .context-menu__user-avatar,
out-add-note .universal__navbar-user .context-menu__user-avatar {
  border-radius: 100%;
  -webkit-user-select: none;
          user-select: none;
  width: 3rem;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__user-name,
attachment-category-selector .universal__navbar-user .context-menu__user-name,
out-category-detail-view .universal__navbar-user .context-menu__user-name,
app-attachment-category-grid .universal__navbar-user .context-menu__user-name,
attachment .universal__navbar-user .context-menu__user-name,
out-notes-container .universal__navbar-user .context-menu__user-name,
.mfe-notes-container .universal__navbar-user .context-menu__user-name,
out-category-card-view .universal__navbar-user .context-menu__user-name,
out-add-note .universal__navbar-user .context-menu__user-name {
  color: var(--secondary-900);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  -webkit-user-select: none;
          user-select: none;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__email-address,
attachment-category-selector .universal__navbar-user .context-menu__email-address,
out-category-detail-view .universal__navbar-user .context-menu__email-address,
app-attachment-category-grid .universal__navbar-user .context-menu__email-address,
attachment .universal__navbar-user .context-menu__email-address,
out-notes-container .universal__navbar-user .context-menu__email-address,
.mfe-notes-container .universal__navbar-user .context-menu__email-address,
out-category-card-view .universal__navbar-user .context-menu__email-address,
out-add-note .universal__navbar-user .context-menu__email-address {
  color: var(--neutral-400);
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.2;
  text-transform: lowercase;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__actions-container,
attachment-category-selector .universal__navbar-user .context-menu__actions-container,
out-category-detail-view .universal__navbar-user .context-menu__actions-container,
app-attachment-category-grid .universal__navbar-user .context-menu__actions-container,
attachment .universal__navbar-user .context-menu__actions-container,
out-notes-container .universal__navbar-user .context-menu__actions-container,
.mfe-notes-container .universal__navbar-user .context-menu__actions-container,
out-category-card-view .universal__navbar-user .context-menu__actions-container,
out-add-note .universal__navbar-user .context-menu__actions-container {
  border-top: 1px solid var(--neutral-100);
  margin-top: 1rem;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__button,
attachment-category-selector .universal__navbar-user .context-menu__button,
out-category-detail-view .universal__navbar-user .context-menu__button,
app-attachment-category-grid .universal__navbar-user .context-menu__button,
attachment .universal__navbar-user .context-menu__button,
out-notes-container .universal__navbar-user .context-menu__button,
.mfe-notes-container .universal__navbar-user .context-menu__button,
out-category-card-view .universal__navbar-user .context-menu__button,
out-add-note .universal__navbar-user .context-menu__button {
  cursor: pointer;
  background-color: transparent;
  border-radius: 0 0 0.5rem 0.5rem;
  border: none;
  color: var(--secondary-700);
  font-size: 0.875rem;
  font-weight: 600;
  height: 3rem;
  outline: none;
  transition: 250ms ease-in-out;
  width: 100%;
}
out-attachment-filter-dialog .universal__navbar-user .context-menu__button:hover,
attachment-category-selector .universal__navbar-user .context-menu__button:hover,
out-category-detail-view .universal__navbar-user .context-menu__button:hover,
app-attachment-category-grid .universal__navbar-user .context-menu__button:hover,
attachment .universal__navbar-user .context-menu__button:hover,
out-notes-container .universal__navbar-user .context-menu__button:hover,
.mfe-notes-container .universal__navbar-user .context-menu__button:hover,
out-category-card-view .universal__navbar-user .context-menu__button:hover,
out-add-note .universal__navbar-user .context-menu__button:hover {
  background-color: var(--secondary-50);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel,
attachment .cdk-overlay-pane .mat-autocomplete-panel,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-1dp);
  margin-top: 0.5rem;
  padding-block: 0.5rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar {
  width: 0.5rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  background-color: transparent;
  border-radius: 0.5rem;
  margin-block: 0.5rem;
  border: 0.125rem solid transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel:hover::-webkit-scrollbar-thumb {
  background-color: var(--secondary-200);
  border: 0.125rem solid #ffffff;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-select-panel,
attachment-category-selector .cdk-overlay-pane .mat-select-panel,
out-category-detail-view .cdk-overlay-pane .mat-select-panel,
app-attachment-category-grid .cdk-overlay-pane .mat-select-panel,
attachment .cdk-overlay-pane .mat-select-panel,
out-notes-container .cdk-overlay-pane .mat-select-panel,
.mfe-notes-container .cdk-overlay-pane .mat-select-panel,
out-category-card-view .cdk-overlay-pane .mat-select-panel,
out-add-note .cdk-overlay-pane .mat-select-panel {
  background: var(--white);
  border-radius: 0.5rem;
  box-shadow: var(--standard-shadow-3dp);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
attachment-category-selector .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
out-category-detail-view .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
app-attachment-category-grid .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
attachment .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
out-notes-container .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
.mfe-notes-container .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
out-category-card-view .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar,
out-add-note .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar {
  width: 0.5rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-select-panel::-webkit-scrollbar-thumb {
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
  background-color: transparent;
  border-radius: 0.5rem;
  margin-block: 0.5rem;
  border: 0.125rem solid transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-select-panel:hover::-webkit-scrollbar-thumb {
  background-color: var(--secondary-200);
  border: 0.125rem solid #ffffff;
}
out-attachment-filter-dialog .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
attachment-category-selector .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
out-category-detail-view .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
app-attachment-category-grid .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
attachment .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
out-notes-container .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.mfe-notes-container .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
out-category-card-view .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
out-add-note .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  background-color: #000;
  opacity: 0.2 !important;
}
out-attachment-filter-dialog .common-dialog .mat-dialog-title,
attachment-category-selector .common-dialog .mat-dialog-title,
out-category-detail-view .common-dialog .mat-dialog-title,
app-attachment-category-grid .common-dialog .mat-dialog-title,
attachment .common-dialog .mat-dialog-title,
out-notes-container .common-dialog .mat-dialog-title,
.mfe-notes-container .common-dialog .mat-dialog-title,
out-category-card-view .common-dialog .mat-dialog-title,
out-add-note .common-dialog .mat-dialog-title {
  margin: unset;
}
out-attachment-filter-dialog .common-dialog .mat-dialog-container,
attachment-category-selector .common-dialog .mat-dialog-container,
out-category-detail-view .common-dialog .mat-dialog-container,
app-attachment-category-grid .common-dialog .mat-dialog-container,
attachment .common-dialog .mat-dialog-container,
out-notes-container .common-dialog .mat-dialog-container,
.mfe-notes-container .common-dialog .mat-dialog-container,
out-category-card-view .common-dialog .mat-dialog-container,
out-add-note .common-dialog .mat-dialog-container {
  padding: 0;
  border-radius: 1rem;
}
out-attachment-filter-dialog .common-dialog .mat-dialog-content,
attachment-category-selector .common-dialog .mat-dialog-content,
out-category-detail-view .common-dialog .mat-dialog-content,
app-attachment-category-grid .common-dialog .mat-dialog-content,
attachment .common-dialog .mat-dialog-content,
out-notes-container .common-dialog .mat-dialog-content,
.mfe-notes-container .common-dialog .mat-dialog-content,
out-category-card-view .common-dialog .mat-dialog-content,
out-add-note .common-dialog .mat-dialog-content {
  max-height: calc(100vh - 12.5rem);
  padding-left: 3.813rem;
  padding-right: 3.813rem;
  padding-bottom: 1.125rem;
  margin: unset;
}
out-attachment-filter-dialog .common-dialog .mat-dialog-actions,
attachment-category-selector .common-dialog .mat-dialog-actions,
out-category-detail-view .common-dialog .mat-dialog-actions,
app-attachment-category-grid .common-dialog .mat-dialog-actions,
attachment .common-dialog .mat-dialog-actions,
out-notes-container .common-dialog .mat-dialog-actions,
.mfe-notes-container .common-dialog .mat-dialog-actions,
out-category-card-view .common-dialog .mat-dialog-actions,
out-add-note .common-dialog .mat-dialog-actions {
  margin-bottom: unset;
}
out-attachment-filter-dialog .common-dialog .dialog-header,
attachment-category-selector .common-dialog .dialog-header,
out-category-detail-view .common-dialog .dialog-header,
app-attachment-category-grid .common-dialog .dialog-header,
attachment .common-dialog .dialog-header,
out-notes-container .common-dialog .dialog-header,
.mfe-notes-container .common-dialog .dialog-header,
out-category-card-view .common-dialog .dialog-header,
out-add-note .common-dialog .dialog-header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-600);
  color: white;
  height: 3.5rem;
}
out-attachment-filter-dialog .common-dialog .dialog-header span,
attachment-category-selector .common-dialog .dialog-header span,
out-category-detail-view .common-dialog .dialog-header span,
app-attachment-category-grid .common-dialog .dialog-header span,
attachment .common-dialog .dialog-header span,
out-notes-container .common-dialog .dialog-header span,
.mfe-notes-container .common-dialog .dialog-header span,
out-category-card-view .common-dialog .dialog-header span,
out-add-note .common-dialog .dialog-header span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}
out-attachment-filter-dialog .common-dialog .dialog-header label,
attachment-category-selector .common-dialog .dialog-header label,
out-category-detail-view .common-dialog .dialog-header label,
app-attachment-category-grid .common-dialog .dialog-header label,
attachment .common-dialog .dialog-header label,
out-notes-container .common-dialog .dialog-header label,
.mfe-notes-container .common-dialog .dialog-header label,
out-category-card-view .common-dialog .dialog-header label,
out-add-note .common-dialog .dialog-header label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}
out-attachment-filter-dialog .common-dialog .dialog-content,
attachment-category-selector .common-dialog .dialog-content,
out-category-detail-view .common-dialog .dialog-content,
app-attachment-category-grid .common-dialog .dialog-content,
attachment .common-dialog .dialog-content,
out-notes-container .common-dialog .dialog-content,
.mfe-notes-container .common-dialog .dialog-content,
out-category-card-view .common-dialog .dialog-content,
out-add-note .common-dialog .dialog-content {
  padding: 20px;
}
out-attachment-filter-dialog .common-dialog .dialog-actions,
attachment-category-selector .common-dialog .dialog-actions,
out-category-detail-view .common-dialog .dialog-actions,
app-attachment-category-grid .common-dialog .dialog-actions,
attachment .common-dialog .dialog-actions,
out-notes-container .common-dialog .dialog-actions,
.mfe-notes-container .common-dialog .dialog-actions,
out-category-card-view .common-dialog .dialog-actions,
out-add-note .common-dialog .dialog-actions {
  padding: 20px;
}
out-attachment-filter-dialog .common-dialog .dialog-actions button,
attachment-category-selector .common-dialog .dialog-actions button,
out-category-detail-view .common-dialog .dialog-actions button,
app-attachment-category-grid .common-dialog .dialog-actions button,
attachment .common-dialog .dialog-actions button,
out-notes-container .common-dialog .dialog-actions button,
.mfe-notes-container .common-dialog .dialog-actions button,
out-category-card-view .common-dialog .dialog-actions button,
out-add-note .common-dialog .dialog-actions button {
  width: 10rem;
}
out-attachment-filter-dialog .common-dialog mat-error,
attachment-category-selector .common-dialog mat-error,
out-category-detail-view .common-dialog mat-error,
app-attachment-category-grid .common-dialog mat-error,
attachment .common-dialog mat-error,
out-notes-container .common-dialog mat-error,
.mfe-notes-container .common-dialog mat-error,
out-category-card-view .common-dialog mat-error,
out-add-note .common-dialog mat-error {
  text-align: right;
}
out-attachment-filter-dialog .common-dialog .left-align,
attachment-category-selector .common-dialog .left-align,
out-category-detail-view .common-dialog .left-align,
app-attachment-category-grid .common-dialog .left-align,
attachment .common-dialog .left-align,
out-notes-container .common-dialog .left-align,
.mfe-notes-container .common-dialog .left-align,
out-category-card-view .common-dialog .left-align,
out-add-note .common-dialog .left-align {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}
out-attachment-filter-dialog .common-dialog .left-align > label,
attachment-category-selector .common-dialog .left-align > label,
out-category-detail-view .common-dialog .left-align > label,
app-attachment-category-grid .common-dialog .left-align > label,
attachment .common-dialog .left-align > label,
out-notes-container .common-dialog .left-align > label,
.mfe-notes-container .common-dialog .left-align > label,
out-category-card-view .common-dialog .left-align > label,
out-add-note .common-dialog .left-align > label {
  padding-right: 10px;
  width: 150px;
}
out-attachment-filter-dialog .common-dialog .left-align > label,
out-attachment-filter-dialog .common-dialog .left-align > out-contact-number-input,
attachment-category-selector .common-dialog .left-align > label,
attachment-category-selector .common-dialog .left-align > out-contact-number-input,
out-category-detail-view .common-dialog .left-align > label,
out-category-detail-view .common-dialog .left-align > out-contact-number-input,
app-attachment-category-grid .common-dialog .left-align > label,
app-attachment-category-grid .common-dialog .left-align > out-contact-number-input,
attachment .common-dialog .left-align > label,
attachment .common-dialog .left-align > out-contact-number-input,
out-notes-container .common-dialog .left-align > label,
out-notes-container .common-dialog .left-align > out-contact-number-input,
.mfe-notes-container .common-dialog .left-align > label,
.mfe-notes-container .common-dialog .left-align > out-contact-number-input,
out-category-card-view .common-dialog .left-align > label,
out-category-card-view .common-dialog .left-align > out-contact-number-input,
out-add-note .common-dialog .left-align > label,
out-add-note .common-dialog .left-align > out-contact-number-input {
  display: table-cell;
}
out-attachment-filter-dialog .common-dialog .left-align > out-contact-number-input,
attachment-category-selector .common-dialog .left-align > out-contact-number-input,
out-category-detail-view .common-dialog .left-align > out-contact-number-input,
app-attachment-category-grid .common-dialog .left-align > out-contact-number-input,
attachment .common-dialog .left-align > out-contact-number-input,
out-notes-container .common-dialog .left-align > out-contact-number-input,
.mfe-notes-container .common-dialog .left-align > out-contact-number-input,
out-category-card-view .common-dialog .left-align > out-contact-number-input,
out-add-note .common-dialog .left-align > out-contact-number-input {
  width: 50%;
}
out-attachment-filter-dialog .common-dialog .button-container,
attachment-category-selector .common-dialog .button-container,
out-category-detail-view .common-dialog .button-container,
app-attachment-category-grid .common-dialog .button-container,
attachment .common-dialog .button-container,
out-notes-container .common-dialog .button-container,
.mfe-notes-container .common-dialog .button-container,
out-category-card-view .common-dialog .button-container,
out-add-note .common-dialog .button-container {
  width: 100%;
}
out-attachment-filter-dialog .common-dialog .button-float-left,
attachment-category-selector .common-dialog .button-float-left,
out-category-detail-view .common-dialog .button-float-left,
app-attachment-category-grid .common-dialog .button-float-left,
attachment .common-dialog .button-float-left,
out-notes-container .common-dialog .button-float-left,
.mfe-notes-container .common-dialog .button-float-left,
out-category-card-view .common-dialog .button-float-left,
out-add-note .common-dialog .button-float-left {
  float: left;
}
out-attachment-filter-dialog .common-dialog .button-float-right,
attachment-category-selector .common-dialog .button-float-right,
out-category-detail-view .common-dialog .button-float-right,
app-attachment-category-grid .common-dialog .button-float-right,
attachment .common-dialog .button-float-right,
out-notes-container .common-dialog .button-float-right,
.mfe-notes-container .common-dialog .button-float-right,
out-category-card-view .common-dialog .button-float-right,
out-add-note .common-dialog .button-float-right {
  float: right;
}
out-attachment-filter-dialog .mat-progress-spinner,
attachment-category-selector .mat-progress-spinner,
out-category-detail-view .mat-progress-spinner,
app-attachment-category-grid .mat-progress-spinner,
attachment .mat-progress-spinner,
out-notes-container .mat-progress-spinner,
.mfe-notes-container .mat-progress-spinner,
out-category-card-view .mat-progress-spinner,
out-add-note .mat-progress-spinner {
  margin-left: 20px;
  right: 10px;
}
out-attachment-filter-dialog .mat-progress-spinner circle,
out-attachment-filter-dialog .mat-spinner circle,
attachment-category-selector .mat-progress-spinner circle,
attachment-category-selector .mat-spinner circle,
out-category-detail-view .mat-progress-spinner circle,
out-category-detail-view .mat-spinner circle,
app-attachment-category-grid .mat-progress-spinner circle,
app-attachment-category-grid .mat-spinner circle,
attachment .mat-progress-spinner circle,
attachment .mat-spinner circle,
out-notes-container .mat-progress-spinner circle,
out-notes-container .mat-spinner circle,
.mfe-notes-container .mat-progress-spinner circle,
.mfe-notes-container .mat-spinner circle,
out-category-card-view .mat-progress-spinner circle,
out-category-card-view .mat-spinner circle,
out-add-note .mat-progress-spinner circle,
out-add-note .mat-spinner circle {
  stroke: #79378b !important;
}
out-attachment-filter-dialog .mat-tooltip.navbar__tooltip,
attachment-category-selector .mat-tooltip.navbar__tooltip,
out-category-detail-view .mat-tooltip.navbar__tooltip,
app-attachment-category-grid .mat-tooltip.navbar__tooltip,
attachment .mat-tooltip.navbar__tooltip,
out-notes-container .mat-tooltip.navbar__tooltip,
.mfe-notes-container .mat-tooltip.navbar__tooltip,
out-category-card-view .mat-tooltip.navbar__tooltip,
out-add-note .mat-tooltip.navbar__tooltip {
  background: var(--tooltip__background-colour, #3e3e3e);
  border-radius: 0.5rem;
  box-shadow: var(--tooltip__shadow, none);
  color: var(--tooltip__font-colour, #ffffff);
  font-size: 0.75rem;
  font-weight: 400;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
out-attachment-filter-dialog .multiline-tooltip,
attachment-category-selector .multiline-tooltip,
out-category-detail-view .multiline-tooltip,
app-attachment-category-grid .multiline-tooltip,
attachment .multiline-tooltip,
out-notes-container .multiline-tooltip,
.mfe-notes-container .multiline-tooltip,
out-category-card-view .multiline-tooltip,
out-add-note .multiline-tooltip {
  white-space: break-spaces !important;
}
out-attachment-filter-dialog .work-item-tooltip,
attachment-category-selector .work-item-tooltip,
out-category-detail-view .work-item-tooltip,
app-attachment-category-grid .work-item-tooltip,
attachment .work-item-tooltip,
out-notes-container .work-item-tooltip,
.mfe-notes-container .work-item-tooltip,
out-category-card-view .work-item-tooltip,
out-add-note .work-item-tooltip {
  text-overflow: unset !important;
  max-width: 100% !important;
}
out-attachment-filter-dialog .single-line-tooltip,
out-attachment-filter-dialog .mat-tooltip-panel .mat-tooltip,
attachment-category-selector .single-line-tooltip,
attachment-category-selector .mat-tooltip-panel .mat-tooltip,
out-category-detail-view .single-line-tooltip,
out-category-detail-view .mat-tooltip-panel .mat-tooltip,
app-attachment-category-grid .single-line-tooltip,
app-attachment-category-grid .mat-tooltip-panel .mat-tooltip,
attachment .single-line-tooltip,
attachment .mat-tooltip-panel .mat-tooltip,
out-notes-container .single-line-tooltip,
out-notes-container .mat-tooltip-panel .mat-tooltip,
.mfe-notes-container .single-line-tooltip,
.mfe-notes-container .mat-tooltip-panel .mat-tooltip,
out-category-card-view .single-line-tooltip,
out-category-card-view .mat-tooltip-panel .mat-tooltip,
out-add-note .single-line-tooltip,
out-add-note .mat-tooltip-panel .mat-tooltip {
  font-size: 0.813rem !important;
  margin: 0.875rem 0.25rem !important;
}
out-attachment-filter-dialog hr,
attachment-category-selector hr,
out-category-detail-view hr,
app-attachment-category-grid hr,
attachment hr,
out-notes-container hr,
.mfe-notes-container hr,
out-category-card-view hr,
out-add-note hr {
  background: var(--neutral-100);
  border: none;
  height: 1px;
}
out-attachment-filter-dialog hr.--gap-8px,
attachment-category-selector hr.--gap-8px,
out-category-detail-view hr.--gap-8px,
app-attachment-category-grid hr.--gap-8px,
attachment hr.--gap-8px,
out-notes-container hr.--gap-8px,
.mfe-notes-container hr.--gap-8px,
out-category-card-view hr.--gap-8px,
out-add-note hr.--gap-8px {
  margin-block: 0.5rem;
}
out-attachment-filter-dialog hr.--gap-16px,
attachment-category-selector hr.--gap-16px,
out-category-detail-view hr.--gap-16px,
app-attachment-category-grid hr.--gap-16px,
attachment hr.--gap-16px,
out-notes-container hr.--gap-16px,
.mfe-notes-container hr.--gap-16px,
out-category-card-view hr.--gap-16px,
out-add-note hr.--gap-16px {
  margin-block: 1rem;
}
out-attachment-filter-dialog hr.--gap-24px,
attachment-category-selector hr.--gap-24px,
out-category-detail-view hr.--gap-24px,
app-attachment-category-grid hr.--gap-24px,
attachment hr.--gap-24px,
out-notes-container hr.--gap-24px,
.mfe-notes-container hr.--gap-24px,
out-category-card-view hr.--gap-24px,
out-add-note hr.--gap-24px {
  margin-block: 1.5rem;
}
out-attachment-filter-dialog hr.--gap-32px,
attachment-category-selector hr.--gap-32px,
out-category-detail-view hr.--gap-32px,
app-attachment-category-grid hr.--gap-32px,
attachment hr.--gap-32px,
out-notes-container hr.--gap-32px,
.mfe-notes-container hr.--gap-32px,
out-category-card-view hr.--gap-32px,
out-add-note hr.--gap-32px {
  margin-block: 2rem;
}
out-attachment-filter-dialog hr.--gap-40px,
attachment-category-selector hr.--gap-40px,
out-category-detail-view hr.--gap-40px,
app-attachment-category-grid hr.--gap-40px,
attachment hr.--gap-40px,
out-notes-container hr.--gap-40px,
.mfe-notes-container hr.--gap-40px,
out-category-card-view hr.--gap-40px,
out-add-note hr.--gap-40px {
  margin-block: 2.5rem;
}
out-attachment-filter-dialog hr.--gap-48px,
attachment-category-selector hr.--gap-48px,
out-category-detail-view hr.--gap-48px,
app-attachment-category-grid hr.--gap-48px,
attachment hr.--gap-48px,
out-notes-container hr.--gap-48px,
.mfe-notes-container hr.--gap-48px,
out-category-card-view hr.--gap-48px,
out-add-note hr.--gap-48px {
  margin-block: 3rem;
}
out-attachment-filter-dialog .flex__wrapper,
attachment-category-selector .flex__wrapper,
out-category-detail-view .flex__wrapper,
app-attachment-category-grid .flex__wrapper,
attachment .flex__wrapper,
out-notes-container .flex__wrapper,
.mfe-notes-container .flex__wrapper,
out-category-card-view .flex__wrapper,
out-add-note .flex__wrapper {
  display: flex;
}
out-attachment-filter-dialog .flex__wrapper.flex__gap--8px,
attachment-category-selector .flex__wrapper.flex__gap--8px,
out-category-detail-view .flex__wrapper.flex__gap--8px,
app-attachment-category-grid .flex__wrapper.flex__gap--8px,
attachment .flex__wrapper.flex__gap--8px,
out-notes-container .flex__wrapper.flex__gap--8px,
.mfe-notes-container .flex__wrapper.flex__gap--8px,
out-category-card-view .flex__wrapper.flex__gap--8px,
out-add-note .flex__wrapper.flex__gap--8px {
  gap: 0.5rem;
}
out-attachment-filter-dialog .flex__wrapper.flex__gap--16px,
attachment-category-selector .flex__wrapper.flex__gap--16px,
out-category-detail-view .flex__wrapper.flex__gap--16px,
app-attachment-category-grid .flex__wrapper.flex__gap--16px,
attachment .flex__wrapper.flex__gap--16px,
out-notes-container .flex__wrapper.flex__gap--16px,
.mfe-notes-container .flex__wrapper.flex__gap--16px,
out-category-card-view .flex__wrapper.flex__gap--16px,
out-add-note .flex__wrapper.flex__gap--16px {
  gap: 1rem;
}
out-attachment-filter-dialog .flex__wrapper.flex__gap--24px,
attachment-category-selector .flex__wrapper.flex__gap--24px,
out-category-detail-view .flex__wrapper.flex__gap--24px,
app-attachment-category-grid .flex__wrapper.flex__gap--24px,
attachment .flex__wrapper.flex__gap--24px,
out-notes-container .flex__wrapper.flex__gap--24px,
.mfe-notes-container .flex__wrapper.flex__gap--24px,
out-category-card-view .flex__wrapper.flex__gap--24px,
out-add-note .flex__wrapper.flex__gap--24px {
  gap: 1.5rem;
}
out-attachment-filter-dialog .flex__wrapper.flex__gap--32px,
attachment-category-selector .flex__wrapper.flex__gap--32px,
out-category-detail-view .flex__wrapper.flex__gap--32px,
app-attachment-category-grid .flex__wrapper.flex__gap--32px,
attachment .flex__wrapper.flex__gap--32px,
out-notes-container .flex__wrapper.flex__gap--32px,
.mfe-notes-container .flex__wrapper.flex__gap--32px,
out-category-card-view .flex__wrapper.flex__gap--32px,
out-add-note .flex__wrapper.flex__gap--32px {
  gap: 2rem;
}
out-attachment-filter-dialog .flex__wrapper.flex__direction--row,
attachment-category-selector .flex__wrapper.flex__direction--row,
out-category-detail-view .flex__wrapper.flex__direction--row,
app-attachment-category-grid .flex__wrapper.flex__direction--row,
attachment .flex__wrapper.flex__direction--row,
out-notes-container .flex__wrapper.flex__direction--row,
.mfe-notes-container .flex__wrapper.flex__direction--row,
out-category-card-view .flex__wrapper.flex__direction--row,
out-add-note .flex__wrapper.flex__direction--row {
  flex-direction: row;
}
out-attachment-filter-dialog .flex__wrapper.flex__direction--column,
attachment-category-selector .flex__wrapper.flex__direction--column,
out-category-detail-view .flex__wrapper.flex__direction--column,
app-attachment-category-grid .flex__wrapper.flex__direction--column,
attachment .flex__wrapper.flex__direction--column,
out-notes-container .flex__wrapper.flex__direction--column,
.mfe-notes-container .flex__wrapper.flex__direction--column,
out-category-card-view .flex__wrapper.flex__direction--column,
out-add-note .flex__wrapper.flex__direction--column {
  flex-direction: column;
}
out-attachment-filter-dialog .flex__wrapper.flex__align-items--top,
attachment-category-selector .flex__wrapper.flex__align-items--top,
out-category-detail-view .flex__wrapper.flex__align-items--top,
app-attachment-category-grid .flex__wrapper.flex__align-items--top,
attachment .flex__wrapper.flex__align-items--top,
out-notes-container .flex__wrapper.flex__align-items--top,
.mfe-notes-container .flex__wrapper.flex__align-items--top,
out-category-card-view .flex__wrapper.flex__align-items--top,
out-add-note .flex__wrapper.flex__align-items--top {
  align-items: flex-start;
}
out-attachment-filter-dialog .flex__wrapper.flex__align-items--center,
attachment-category-selector .flex__wrapper.flex__align-items--center,
out-category-detail-view .flex__wrapper.flex__align-items--center,
app-attachment-category-grid .flex__wrapper.flex__align-items--center,
attachment .flex__wrapper.flex__align-items--center,
out-notes-container .flex__wrapper.flex__align-items--center,
.mfe-notes-container .flex__wrapper.flex__align-items--center,
out-category-card-view .flex__wrapper.flex__align-items--center,
out-add-note .flex__wrapper.flex__align-items--center {
  align-items: center;
}
out-attachment-filter-dialog .flex__wrapper.flex__align-items--bottom,
attachment-category-selector .flex__wrapper.flex__align-items--bottom,
out-category-detail-view .flex__wrapper.flex__align-items--bottom,
app-attachment-category-grid .flex__wrapper.flex__align-items--bottom,
attachment .flex__wrapper.flex__align-items--bottom,
out-notes-container .flex__wrapper.flex__align-items--bottom,
.mfe-notes-container .flex__wrapper.flex__align-items--bottom,
out-category-card-view .flex__wrapper.flex__align-items--bottom,
out-add-note .flex__wrapper.flex__align-items--bottom {
  align-items: end;
}
out-attachment-filter-dialog .flex__wrapper.flex__justify-content--start,
attachment-category-selector .flex__wrapper.flex__justify-content--start,
out-category-detail-view .flex__wrapper.flex__justify-content--start,
app-attachment-category-grid .flex__wrapper.flex__justify-content--start,
attachment .flex__wrapper.flex__justify-content--start,
out-notes-container .flex__wrapper.flex__justify-content--start,
.mfe-notes-container .flex__wrapper.flex__justify-content--start,
out-category-card-view .flex__wrapper.flex__justify-content--start,
out-add-note .flex__wrapper.flex__justify-content--start {
  justify-content: flex-start;
}
out-attachment-filter-dialog .flex__wrapper.flex__justify-content--center,
attachment-category-selector .flex__wrapper.flex__justify-content--center,
out-category-detail-view .flex__wrapper.flex__justify-content--center,
app-attachment-category-grid .flex__wrapper.flex__justify-content--center,
attachment .flex__wrapper.flex__justify-content--center,
out-notes-container .flex__wrapper.flex__justify-content--center,
.mfe-notes-container .flex__wrapper.flex__justify-content--center,
out-category-card-view .flex__wrapper.flex__justify-content--center,
out-add-note .flex__wrapper.flex__justify-content--center {
  justify-content: center;
}
out-attachment-filter-dialog .flex__wrapper.flex__justify-content--end,
attachment-category-selector .flex__wrapper.flex__justify-content--end,
out-category-detail-view .flex__wrapper.flex__justify-content--end,
app-attachment-category-grid .flex__wrapper.flex__justify-content--end,
attachment .flex__wrapper.flex__justify-content--end,
out-notes-container .flex__wrapper.flex__justify-content--end,
.mfe-notes-container .flex__wrapper.flex__justify-content--end,
out-category-card-view .flex__wrapper.flex__justify-content--end,
out-add-note .flex__wrapper.flex__justify-content--end {
  justify-content: flex-end;
}
out-attachment-filter-dialog .flex__fill,
attachment-category-selector .flex__fill,
out-category-detail-view .flex__fill,
app-attachment-category-grid .flex__fill,
attachment .flex__fill,
out-notes-container .flex__fill,
.mfe-notes-container .flex__fill,
out-category-card-view .flex__fill,
out-add-note .flex__fill {
  flex: 1 1 auto;
}
out-attachment-filter-dialog .flex__fill-equal,
attachment-category-selector .flex__fill-equal,
out-category-detail-view .flex__fill-equal,
app-attachment-category-grid .flex__fill-equal,
attachment .flex__fill-equal,
out-notes-container .flex__fill-equal,
.mfe-notes-container .flex__fill-equal,
out-category-card-view .flex__fill-equal,
out-add-note .flex__fill-equal {
  flex: 1 1 100%;
}
out-attachment-filter-dialog .mat-button,
attachment-category-selector .mat-button,
out-category-detail-view .mat-button,
app-attachment-category-grid .mat-button,
attachment .mat-button,
out-notes-container .mat-button,
.mfe-notes-container .mat-button,
out-category-card-view .mat-button,
out-add-note .mat-button {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button .mat-icon svg path,
attachment-category-selector .mat-button .mat-icon svg path,
out-category-detail-view .mat-button .mat-icon svg path,
app-attachment-category-grid .mat-button .mat-icon svg path,
attachment .mat-button .mat-icon svg path,
out-notes-container .mat-button .mat-icon svg path,
.mfe-notes-container .mat-button .mat-icon svg path,
out-category-card-view .mat-button .mat-icon svg path,
out-add-note .mat-button .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button:hover,
attachment-category-selector .mat-button:hover,
out-category-detail-view .mat-button:hover,
app-attachment-category-grid .mat-button:hover,
attachment .mat-button:hover,
out-notes-container .mat-button:hover,
.mfe-notes-container .mat-button:hover,
out-category-card-view .mat-button:hover,
out-add-note .mat-button:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button:hover .mat-icon svg path,
attachment-category-selector .mat-button:hover .mat-icon svg path,
out-category-detail-view .mat-button:hover .mat-icon svg path,
app-attachment-category-grid .mat-button:hover .mat-icon svg path,
attachment .mat-button:hover .mat-icon svg path,
out-notes-container .mat-button:hover .mat-icon svg path,
.mfe-notes-container .mat-button:hover .mat-icon svg path,
out-category-card-view .mat-button:hover .mat-icon svg path,
out-add-note .mat-button:hover .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button:focus,
attachment-category-selector .mat-button:focus,
out-category-detail-view .mat-button:focus,
app-attachment-category-grid .mat-button:focus,
attachment .mat-button:focus,
out-notes-container .mat-button:focus,
.mfe-notes-container .mat-button:focus,
out-category-card-view .mat-button:focus,
out-add-note .mat-button:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button:focus .mat-icon svg path,
attachment-category-selector .mat-button:focus .mat-icon svg path,
out-category-detail-view .mat-button:focus .mat-icon svg path,
app-attachment-category-grid .mat-button:focus .mat-icon svg path,
attachment .mat-button:focus .mat-icon svg path,
out-notes-container .mat-button:focus .mat-icon svg path,
.mfe-notes-container .mat-button:focus .mat-icon svg path,
out-category-card-view .mat-button:focus .mat-icon svg path,
out-add-note .mat-button:focus .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button:active,
attachment-category-selector .mat-button:active,
out-category-detail-view .mat-button:active,
app-attachment-category-grid .mat-button:active,
attachment .mat-button:active,
out-notes-container .mat-button:active,
.mfe-notes-container .mat-button:active,
out-category-card-view .mat-button:active,
out-add-note .mat-button:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button:active .mat-icon svg path,
attachment-category-selector .mat-button:active .mat-icon svg path,
out-category-detail-view .mat-button:active .mat-icon svg path,
app-attachment-category-grid .mat-button:active .mat-icon svg path,
attachment .mat-button:active .mat-icon svg path,
out-notes-container .mat-button:active .mat-icon svg path,
.mfe-notes-container .mat-button:active .mat-icon svg path,
out-category-card-view .mat-button:active .mat-icon svg path,
out-add-note .mat-button:active .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button:disabled, out-attachment-filter-dialog .mat-button[disabled],
attachment-category-selector .mat-button:disabled,
attachment-category-selector .mat-button[disabled],
out-category-detail-view .mat-button:disabled,
out-category-detail-view .mat-button[disabled],
app-attachment-category-grid .mat-button:disabled,
app-attachment-category-grid .mat-button[disabled],
attachment .mat-button:disabled,
attachment .mat-button[disabled],
out-notes-container .mat-button:disabled,
out-notes-container .mat-button[disabled],
.mfe-notes-container .mat-button:disabled,
.mfe-notes-container .mat-button[disabled],
out-category-card-view .mat-button:disabled,
out-category-card-view .mat-button[disabled],
out-add-note .mat-button:disabled,
out-add-note .mat-button[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
out-attachment-filter-dialog .mat-button:disabled .mat-icon svg path, out-attachment-filter-dialog .mat-button[disabled] .mat-icon svg path,
attachment-category-selector .mat-button:disabled .mat-icon svg path,
attachment-category-selector .mat-button[disabled] .mat-icon svg path,
out-category-detail-view .mat-button:disabled .mat-icon svg path,
out-category-detail-view .mat-button[disabled] .mat-icon svg path,
app-attachment-category-grid .mat-button:disabled .mat-icon svg path,
app-attachment-category-grid .mat-button[disabled] .mat-icon svg path,
attachment .mat-button:disabled .mat-icon svg path,
attachment .mat-button[disabled] .mat-icon svg path,
out-notes-container .mat-button:disabled .mat-icon svg path,
out-notes-container .mat-button[disabled] .mat-icon svg path,
.mfe-notes-container .mat-button:disabled .mat-icon svg path,
.mfe-notes-container .mat-button[disabled] .mat-icon svg path,
out-category-card-view .mat-button:disabled .mat-icon svg path,
out-category-card-view .mat-button[disabled] .mat-icon svg path,
out-add-note .mat-button:disabled .mat-icon svg path,
out-add-note .mat-button[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .mat-button.mat-primary,
attachment-category-selector .mat-button.mat-primary,
out-category-detail-view .mat-button.mat-primary,
app-attachment-category-grid .mat-button.mat-primary,
attachment .mat-button.mat-primary,
out-notes-container .mat-button.mat-primary,
.mfe-notes-container .mat-button.mat-primary,
out-category-card-view .mat-button.mat-primary,
out-add-note .mat-button.mat-primary {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary .mat-icon svg path,
attachment .mat-button.mat-primary .mat-icon svg path,
out-notes-container .mat-button.mat-primary .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary .mat-icon svg path,
out-category-card-view .mat-button.mat-primary .mat-icon svg path,
out-add-note .mat-button.mat-primary .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:hover,
attachment-category-selector .mat-button.mat-primary:hover,
out-category-detail-view .mat-button.mat-primary:hover,
app-attachment-category-grid .mat-button.mat-primary:hover,
attachment .mat-button.mat-primary:hover,
out-notes-container .mat-button.mat-primary:hover,
.mfe-notes-container .mat-button.mat-primary:hover,
out-category-card-view .mat-button.mat-primary:hover,
out-add-note .mat-button.mat-primary:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:hover .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary:hover .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary:hover .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary:hover .mat-icon svg path,
attachment .mat-button.mat-primary:hover .mat-icon svg path,
out-notes-container .mat-button.mat-primary:hover .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary:hover .mat-icon svg path,
out-category-card-view .mat-button.mat-primary:hover .mat-icon svg path,
out-add-note .mat-button.mat-primary:hover .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:focus,
attachment-category-selector .mat-button.mat-primary:focus,
out-category-detail-view .mat-button.mat-primary:focus,
app-attachment-category-grid .mat-button.mat-primary:focus,
attachment .mat-button.mat-primary:focus,
out-notes-container .mat-button.mat-primary:focus,
.mfe-notes-container .mat-button.mat-primary:focus,
out-category-card-view .mat-button.mat-primary:focus,
out-add-note .mat-button.mat-primary:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:focus .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary:focus .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary:focus .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary:focus .mat-icon svg path,
attachment .mat-button.mat-primary:focus .mat-icon svg path,
out-notes-container .mat-button.mat-primary:focus .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary:focus .mat-icon svg path,
out-category-card-view .mat-button.mat-primary:focus .mat-icon svg path,
out-add-note .mat-button.mat-primary:focus .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:active,
attachment-category-selector .mat-button.mat-primary:active,
out-category-detail-view .mat-button.mat-primary:active,
app-attachment-category-grid .mat-button.mat-primary:active,
attachment .mat-button.mat-primary:active,
out-notes-container .mat-button.mat-primary:active,
.mfe-notes-container .mat-button.mat-primary:active,
out-category-card-view .mat-button.mat-primary:active,
out-add-note .mat-button.mat-primary:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:active .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary:active .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary:active .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary:active .mat-icon svg path,
attachment .mat-button.mat-primary:active .mat-icon svg path,
out-notes-container .mat-button.mat-primary:active .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary:active .mat-icon svg path,
out-category-card-view .mat-button.mat-primary:active .mat-icon svg path,
out-add-note .mat-button.mat-primary:active .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-primary:disabled, out-attachment-filter-dialog .mat-button.mat-primary[disabled],
attachment-category-selector .mat-button.mat-primary:disabled,
attachment-category-selector .mat-button.mat-primary[disabled],
out-category-detail-view .mat-button.mat-primary:disabled,
out-category-detail-view .mat-button.mat-primary[disabled],
app-attachment-category-grid .mat-button.mat-primary:disabled,
app-attachment-category-grid .mat-button.mat-primary[disabled],
attachment .mat-button.mat-primary:disabled,
attachment .mat-button.mat-primary[disabled],
out-notes-container .mat-button.mat-primary:disabled,
out-notes-container .mat-button.mat-primary[disabled],
.mfe-notes-container .mat-button.mat-primary:disabled,
.mfe-notes-container .mat-button.mat-primary[disabled],
out-category-card-view .mat-button.mat-primary:disabled,
out-category-card-view .mat-button.mat-primary[disabled],
out-add-note .mat-button.mat-primary:disabled,
out-add-note .mat-button.mat-primary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
out-attachment-filter-dialog .mat-button.mat-primary:disabled .mat-icon svg path, out-attachment-filter-dialog .mat-button.mat-primary[disabled] .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary:disabled .mat-icon svg path,
attachment-category-selector .mat-button.mat-primary[disabled] .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary:disabled .mat-icon svg path,
out-category-detail-view .mat-button.mat-primary[disabled] .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary:disabled .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-primary[disabled] .mat-icon svg path,
attachment .mat-button.mat-primary:disabled .mat-icon svg path,
attachment .mat-button.mat-primary[disabled] .mat-icon svg path,
out-notes-container .mat-button.mat-primary:disabled .mat-icon svg path,
out-notes-container .mat-button.mat-primary[disabled] .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary:disabled .mat-icon svg path,
.mfe-notes-container .mat-button.mat-primary[disabled] .mat-icon svg path,
out-category-card-view .mat-button.mat-primary:disabled .mat-icon svg path,
out-category-card-view .mat-button.mat-primary[disabled] .mat-icon svg path,
out-add-note .mat-button.mat-primary:disabled .mat-icon svg path,
out-add-note .mat-button.mat-primary[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .mat-button.mat-accent,
attachment-category-selector .mat-button.mat-accent,
out-category-detail-view .mat-button.mat-accent,
app-attachment-category-grid .mat-button.mat-accent,
attachment .mat-button.mat-accent,
out-notes-container .mat-button.mat-accent,
.mfe-notes-container .mat-button.mat-accent,
out-category-card-view .mat-button.mat-accent,
out-add-note .mat-button.mat-accent {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent .mat-icon svg path,
attachment .mat-button.mat-accent .mat-icon svg path,
out-notes-container .mat-button.mat-accent .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent .mat-icon svg path,
out-category-card-view .mat-button.mat-accent .mat-icon svg path,
out-add-note .mat-button.mat-accent .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:hover,
attachment-category-selector .mat-button.mat-accent:hover,
out-category-detail-view .mat-button.mat-accent:hover,
app-attachment-category-grid .mat-button.mat-accent:hover,
attachment .mat-button.mat-accent:hover,
out-notes-container .mat-button.mat-accent:hover,
.mfe-notes-container .mat-button.mat-accent:hover,
out-category-card-view .mat-button.mat-accent:hover,
out-add-note .mat-button.mat-accent:hover {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:hover .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent:hover .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent:hover .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent:hover .mat-icon svg path,
attachment .mat-button.mat-accent:hover .mat-icon svg path,
out-notes-container .mat-button.mat-accent:hover .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent:hover .mat-icon svg path,
out-category-card-view .mat-button.mat-accent:hover .mat-icon svg path,
out-add-note .mat-button.mat-accent:hover .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:focus,
attachment-category-selector .mat-button.mat-accent:focus,
out-category-detail-view .mat-button.mat-accent:focus,
app-attachment-category-grid .mat-button.mat-accent:focus,
attachment .mat-button.mat-accent:focus,
out-notes-container .mat-button.mat-accent:focus,
.mfe-notes-container .mat-button.mat-accent:focus,
out-category-card-view .mat-button.mat-accent:focus,
out-add-note .mat-button.mat-accent:focus {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:focus .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent:focus .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent:focus .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent:focus .mat-icon svg path,
attachment .mat-button.mat-accent:focus .mat-icon svg path,
out-notes-container .mat-button.mat-accent:focus .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent:focus .mat-icon svg path,
out-category-card-view .mat-button.mat-accent:focus .mat-icon svg path,
out-add-note .mat-button.mat-accent:focus .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:active,
attachment-category-selector .mat-button.mat-accent:active,
out-category-detail-view .mat-button.mat-accent:active,
app-attachment-category-grid .mat-button.mat-accent:active,
attachment .mat-button.mat-accent:active,
out-notes-container .mat-button.mat-accent:active,
.mfe-notes-container .mat-button.mat-accent:active,
out-category-card-view .mat-button.mat-accent:active,
out-add-note .mat-button.mat-accent:active {
  background: #d6f4d4;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.5), 0px 8px 4px -12px rgba(82, 188, 88, 0.5), 0px 10px 8px -12px rgba(82, 188, 88, 0.3), 0px 12px 12px -12px rgba(82, 188, 88, 0.2);
  border-color: #3e9e53;
  color: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:active .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent:active .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent:active .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent:active .mat-icon svg path,
attachment .mat-button.mat-accent:active .mat-icon svg path,
out-notes-container .mat-button.mat-accent:active .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent:active .mat-icon svg path,
out-category-card-view .mat-button.mat-accent:active .mat-icon svg path,
out-add-note .mat-button.mat-accent:active .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .mat-button.mat-accent:disabled, out-attachment-filter-dialog .mat-button.mat-accent[disabled],
attachment-category-selector .mat-button.mat-accent:disabled,
attachment-category-selector .mat-button.mat-accent[disabled],
out-category-detail-view .mat-button.mat-accent:disabled,
out-category-detail-view .mat-button.mat-accent[disabled],
app-attachment-category-grid .mat-button.mat-accent:disabled,
app-attachment-category-grid .mat-button.mat-accent[disabled],
attachment .mat-button.mat-accent:disabled,
attachment .mat-button.mat-accent[disabled],
out-notes-container .mat-button.mat-accent:disabled,
out-notes-container .mat-button.mat-accent[disabled],
.mfe-notes-container .mat-button.mat-accent:disabled,
.mfe-notes-container .mat-button.mat-accent[disabled],
out-category-card-view .mat-button.mat-accent:disabled,
out-category-card-view .mat-button.mat-accent[disabled],
out-add-note .mat-button.mat-accent:disabled,
out-add-note .mat-button.mat-accent[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
out-attachment-filter-dialog .mat-button.mat-accent:disabled .mat-icon svg path, out-attachment-filter-dialog .mat-button.mat-accent[disabled] .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent:disabled .mat-icon svg path,
attachment-category-selector .mat-button.mat-accent[disabled] .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent:disabled .mat-icon svg path,
out-category-detail-view .mat-button.mat-accent[disabled] .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent:disabled .mat-icon svg path,
app-attachment-category-grid .mat-button.mat-accent[disabled] .mat-icon svg path,
attachment .mat-button.mat-accent:disabled .mat-icon svg path,
attachment .mat-button.mat-accent[disabled] .mat-icon svg path,
out-notes-container .mat-button.mat-accent:disabled .mat-icon svg path,
out-notes-container .mat-button.mat-accent[disabled] .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent:disabled .mat-icon svg path,
.mfe-notes-container .mat-button.mat-accent[disabled] .mat-icon svg path,
out-category-card-view .mat-button.mat-accent:disabled .mat-icon svg path,
out-category-card-view .mat-button.mat-accent[disabled] .mat-icon svg path,
out-add-note .mat-button.mat-accent:disabled .mat-icon svg path,
out-add-note .mat-button.mat-accent[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .mat-button .mat-ripple,
out-attachment-filter-dialog .mat-button .mat-button-focus-overlay,
attachment-category-selector .mat-button .mat-ripple,
attachment-category-selector .mat-button .mat-button-focus-overlay,
out-category-detail-view .mat-button .mat-ripple,
out-category-detail-view .mat-button .mat-button-focus-overlay,
app-attachment-category-grid .mat-button .mat-ripple,
app-attachment-category-grid .mat-button .mat-button-focus-overlay,
attachment .mat-button .mat-ripple,
attachment .mat-button .mat-button-focus-overlay,
out-notes-container .mat-button .mat-ripple,
out-notes-container .mat-button .mat-button-focus-overlay,
.mfe-notes-container .mat-button .mat-ripple,
.mfe-notes-container .mat-button .mat-button-focus-overlay,
out-category-card-view .mat-button .mat-ripple,
out-category-card-view .mat-button .mat-button-focus-overlay,
out-add-note .mat-button .mat-ripple,
out-add-note .mat-button .mat-button-focus-overlay {
  display: none !important;
}
out-attachment-filter-dialog .mat-button .mat-button-wrapper mat-icon,
attachment-category-selector .mat-button .mat-button-wrapper mat-icon,
out-category-detail-view .mat-button .mat-button-wrapper mat-icon,
app-attachment-category-grid .mat-button .mat-button-wrapper mat-icon,
attachment .mat-button .mat-button-wrapper mat-icon,
out-notes-container .mat-button .mat-button-wrapper mat-icon,
.mfe-notes-container .mat-button .mat-button-wrapper mat-icon,
out-category-card-view .mat-button .mat-button-wrapper mat-icon,
out-add-note .mat-button .mat-button-wrapper mat-icon {
  margin-right: 5px;
}
out-attachment-filter-dialog .mat-tooltip-panel .mat-tooltip,
attachment-category-selector .mat-tooltip-panel .mat-tooltip,
out-category-detail-view .mat-tooltip-panel .mat-tooltip,
app-attachment-category-grid .mat-tooltip-panel .mat-tooltip,
attachment .mat-tooltip-panel .mat-tooltip,
out-notes-container .mat-tooltip-panel .mat-tooltip,
.mfe-notes-container .mat-tooltip-panel .mat-tooltip,
out-category-card-view .mat-tooltip-panel .mat-tooltip,
out-add-note .mat-tooltip-panel .mat-tooltip {
  border-radius: 0.5rem !important;
  padding: 0 1.25rem !important;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  z-index: 99999;
  background: #363636;
}
out-attachment-filter-dialog em.mat-tooltip-trigger,
attachment-category-selector em.mat-tooltip-trigger,
out-category-detail-view em.mat-tooltip-trigger,
app-attachment-category-grid em.mat-tooltip-trigger,
attachment em.mat-tooltip-trigger,
out-notes-container em.mat-tooltip-trigger,
.mfe-notes-container em.mat-tooltip-trigger,
out-category-card-view em.mat-tooltip-trigger,
out-add-note em.mat-tooltip-trigger {
  display: inline-block;
  width: 21px;
  height: 21px;
  position: relative;
  top: 3px;
  margin: 0 0 0 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99909 8.66671C9.88409 8.66671 9.79075 8.76004 9.79159 8.87504C9.79159 8.99004 9.88492 9.08337 9.99992 9.08337C10.1149 9.08337 10.2083 8.99004 10.2083 8.87504C10.2083 8.76004 10.1149 8.66671 9.99909 8.66671' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19.5V19.5C5.8575 19.5 2.5 16.1425 2.5 12V12C2.5 7.8575 5.8575 4.5 10 4.5V4.5C14.1425 4.5 17.5 7.8575 17.5 12V12C17.5 16.1425 14.1425 19.5 10 19.5Z' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99992 12V16.1667' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
out-attachment-filter-dialog input::-webkit-outer-spin-button,
out-attachment-filter-dialog input::-webkit-inner-spin-button,
attachment-category-selector input::-webkit-outer-spin-button,
attachment-category-selector input::-webkit-inner-spin-button,
out-category-detail-view input::-webkit-outer-spin-button,
out-category-detail-view input::-webkit-inner-spin-button,
app-attachment-category-grid input::-webkit-outer-spin-button,
app-attachment-category-grid input::-webkit-inner-spin-button,
attachment input::-webkit-outer-spin-button,
attachment input::-webkit-inner-spin-button,
out-notes-container input::-webkit-outer-spin-button,
out-notes-container input::-webkit-inner-spin-button,
.mfe-notes-container input::-webkit-outer-spin-button,
.mfe-notes-container input::-webkit-inner-spin-button,
out-category-card-view input::-webkit-outer-spin-button,
out-category-card-view input::-webkit-inner-spin-button,
out-add-note input::-webkit-outer-spin-button,
out-add-note input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
out-attachment-filter-dialog input[type=number],
attachment-category-selector input[type=number],
out-category-detail-view input[type=number],
app-attachment-category-grid input[type=number],
attachment input[type=number],
out-notes-container input[type=number],
.mfe-notes-container input[type=number],
out-category-card-view input[type=number],
out-add-note input[type=number] {
  -moz-appearance: textfield;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-progress-spinner circle,
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-spinner,
attachment-category-selector .mat-form-field-appearance-outline .mat-progress-spinner circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-spinner,
out-category-detail-view .mat-form-field-appearance-outline .mat-progress-spinner circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-spinner,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-progress-spinner circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-spinner,
attachment .mat-form-field-appearance-outline .mat-progress-spinner circle,
attachment .mat-form-field-appearance-outline .mat-spinner,
out-notes-container .mat-form-field-appearance-outline .mat-progress-spinner circle,
out-notes-container .mat-form-field-appearance-outline .mat-spinner,
.mfe-notes-container .mat-form-field-appearance-outline .mat-progress-spinner circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-spinner,
out-category-card-view .mat-form-field-appearance-outline .mat-progress-spinner circle,
out-category-card-view .mat-form-field-appearance-outline .mat-spinner,
out-add-note .mat-form-field-appearance-outline .mat-progress-spinner circle,
out-add-note .mat-form-field-appearance-outline .mat-spinner {
  top: -2px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-spinner circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-spinner circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-spinner circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-spinner circle,
attachment .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
attachment .mat-form-field-appearance-outline .mat-spinner circle,
out-notes-container .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
out-notes-container .mat-form-field-appearance-outline .mat-spinner circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-spinner circle,
out-category-card-view .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
out-category-card-view .mat-form-field-appearance-outline .mat-spinner circle,
out-add-note .mat-form-field-appearance-outline .mat-progress-spinner circle circle,
out-add-note .mat-form-field-appearance-outline .mat-spinner circle {
  stroke: #9160ab;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
attachment .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
attachment .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  color: #9d71ad;
  transform: translateY(-0.5em) scale(0.75);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
attachment .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper,
out-add-note .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0 !important;
  margin: 3px 0 0 0;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-outline,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-outline,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-outline,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-outline,
attachment .mat-form-field-appearance-outline .mat-form-field-outline,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-outline,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-outline,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-outline,
out-add-note .mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-wrapper,
attachment .mat-form-field-appearance-outline .mat-form-field-wrapper,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-wrapper,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-wrapper,
out-add-note .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 0 10px 0 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-label,
attachment .mat-form-field-appearance-outline .mat-form-field-label,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-label,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-label,
out-add-note .mat-form-field-appearance-outline .mat-form-field-label {
  color: #9160ab;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-infix,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-infix,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-infix,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-infix,
attachment .mat-form-field-appearance-outline .mat-form-field-infix,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-infix,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-infix,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-infix,
out-add-note .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  height: auto;
  position: relative;
  top: 8px;
  left: 4px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-flex,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-flex,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-flex,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-flex,
attachment .mat-form-field-appearance-outline .mat-form-field-flex,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-flex,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-flex,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-flex,
out-add-note .mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 16px 0;
  margin-top: 0;
  position: relative;
  border-radius: 0.75rem !important;
  background: #ffffff;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-outline-start,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-outline-start,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-outline-start,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-outline-start,
attachment .mat-form-field-appearance-outline .mat-form-field-outline-start,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-start,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-start,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-outline-start,
out-add-note .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border: 2px solid #e5dfea !important;
  border-right-style: none !important;
  min-width: 1rem !important;
  border-radius: 0.75rem 0 0 0.75rem !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-outline-gap, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border: 2px solid #e5dfea !important;
  border-left-style: none !important;
  border-right-style: none !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-form-field-outline-end,
attachment-category-selector .mat-form-field-appearance-outline .mat-form-field-outline-end,
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-outline-end,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-form-field-outline-end,
attachment .mat-form-field-appearance-outline .mat-form-field-outline-end,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-end,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-outline-end,
out-category-card-view .mat-form-field-appearance-outline .mat-form-field-outline-end,
out-add-note .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 2px solid #e5dfea !important;
  border-left-style: none !important;
  min-width: 1rem !important;
  border-radius: 0 0.75rem 0.75rem 0 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-label {
  color: #a21902 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #a21902 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end {
  border-color: #fea995 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
attachment .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
out-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
out-category-card-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex,
out-add-note .mat-form-field-appearance-outline.mat-focused .mat-form-field-flex,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-flex {
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
attachment .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-category-card-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start,
out-add-note .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-start {
  border-color: #7b4994 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-color: #7b4994 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
attachment .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
attachment .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
out-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-category-card-view .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
out-category-card-view .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end,
out-add-note .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
out-add-note .mat-form-field-appearance-outline.mat-focused.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-end {
  border-color: #7b4994 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-progress-spinner circle circle,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-spinner circle {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end {
  background: #ededed !important;
  border-color: #e2e2e2 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: #8b8b8b !important;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel,
attachment .cdk-overlay-pane .mat-autocomplete-panel,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
  border: 2px solid #7b4994 !important;
  border-top: none !important;
  padding-top: 0.75rem;
  top: -0.75rem;
  min-width: auto;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel:focus, out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel:active,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel:focus,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel:active,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel:focus,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel:active,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel:focus,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel:active,
attachment .cdk-overlay-pane .mat-autocomplete-panel:focus,
attachment .cdk-overlay-pane .mat-autocomplete-panel:active,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel:focus,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel:active,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel:focus,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel:active,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel:focus,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel:active,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel:focus,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel:active {
  border-color: #e5dfea !important;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.25rem;
  margin: 0.75rem 0;
  background: transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  margin: 0.75rem 0;
  background: transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb {
  background: #dad2e1;
  margin: 0.75rem 0;
  border-radius: 0.25rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
attachment .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: #dad2e1;
  margin: 0.75rem 0;
  border-radius: 0.25rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
attachment-category-selector .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
out-category-detail-view .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
app-attachment-category-grid .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
attachment .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
out-notes-container .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
.mfe-notes-container .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
out-category-card-view .cdk-overlay-pane .mat-autocomplete-panel .mat-option,
out-add-note .cdk-overlay-pane .mat-autocomplete-panel .mat-option {
  white-space: unset;
  overflow: unset;
  height: auto;
  padding: 12px 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #515151;
}
out-attachment-filter-dialog .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
attachment-category-selector .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-category-detail-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
app-attachment-category-grid .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
attachment .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
.mfe-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-category-card-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-add-note .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  box-shadow: none !important;
  border: 2px solid #7b4994 !important;
  border-bottom: none !important;
  padding-bottom: 0.75rem;
  top: 0.75rem;
  position: relative;
}
out-attachment-filter-dialog .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus, out-attachment-filter-dialog .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
attachment-category-selector .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
attachment-category-selector .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
out-category-detail-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
out-category-detail-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
app-attachment-category-grid .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
app-attachment-category-grid .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
attachment .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
attachment .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
out-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
out-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
.mfe-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
.mfe-notes-container .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
out-category-card-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
out-category-card-view .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active,
out-add-note .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:focus,
out-add-note .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel:active {
  border-color: #e5dfea !important;
}
out-attachment-filter-dialog .mat-option:hover:not(.mat-option-disabled),
out-attachment-filter-dialog .mat-option.mat-active,
out-attachment-filter-dialog .mat-option:focus:not(.mat-option-disabled),
attachment-category-selector .mat-option:hover:not(.mat-option-disabled),
attachment-category-selector .mat-option.mat-active,
attachment-category-selector .mat-option:focus:not(.mat-option-disabled),
out-category-detail-view .mat-option:hover:not(.mat-option-disabled),
out-category-detail-view .mat-option.mat-active,
out-category-detail-view .mat-option:focus:not(.mat-option-disabled),
app-attachment-category-grid .mat-option:hover:not(.mat-option-disabled),
app-attachment-category-grid .mat-option.mat-active,
app-attachment-category-grid .mat-option:focus:not(.mat-option-disabled),
attachment .mat-option:hover:not(.mat-option-disabled),
attachment .mat-option.mat-active,
attachment .mat-option:focus:not(.mat-option-disabled),
out-notes-container .mat-option:hover:not(.mat-option-disabled),
out-notes-container .mat-option.mat-active,
out-notes-container .mat-option:focus:not(.mat-option-disabled),
.mfe-notes-container .mat-option:hover:not(.mat-option-disabled),
.mfe-notes-container .mat-option.mat-active,
.mfe-notes-container .mat-option:focus:not(.mat-option-disabled),
out-category-card-view .mat-option:hover:not(.mat-option-disabled),
out-category-card-view .mat-option.mat-active,
out-category-card-view .mat-option:focus:not(.mat-option-disabled),
out-add-note .mat-option:hover:not(.mat-option-disabled),
out-add-note .mat-option.mat-active,
out-add-note .mat-option:focus:not(.mat-option-disabled) {
  background: #f6e9ff;
}
out-attachment-filter-dialog .mat-autocomplete-panel .mat-option.mat-selected:hover,
out-attachment-filter-dialog .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
attachment-category-selector .mat-autocomplete-panel .mat-option.mat-selected:hover,
attachment-category-selector .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
out-category-detail-view .mat-autocomplete-panel .mat-option.mat-selected:hover,
out-category-detail-view .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
app-attachment-category-grid .mat-autocomplete-panel .mat-option.mat-selected:hover,
app-attachment-category-grid .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
attachment .mat-autocomplete-panel .mat-option.mat-selected:hover,
attachment .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
out-notes-container .mat-autocomplete-panel .mat-option.mat-selected:hover,
out-notes-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
.mfe-notes-container .mat-autocomplete-panel .mat-option.mat-selected:hover,
.mfe-notes-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
out-category-card-view .mat-autocomplete-panel .mat-option.mat-selected:hover,
out-category-card-view .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled),
out-add-note .mat-autocomplete-panel .mat-option.mat-selected:hover,
out-add-note .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  background: #f6e9ff;
  padding-right: 36px;
}
out-attachment-filter-dialog .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
out-attachment-filter-dialog .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
attachment-category-selector .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
attachment-category-selector .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
out-category-detail-view .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
out-category-detail-view .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
app-attachment-category-grid .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
app-attachment-category-grid .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
attachment .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
attachment .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
out-notes-container .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
out-notes-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
.mfe-notes-container .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
.mfe-notes-container .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
out-category-card-view .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
out-category-card-view .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after,
out-add-note .mat-autocomplete-panel .mat-option.mat-selected:hover::after,
out-add-note .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)::after {
  content: "";
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 20px;
  right: 10px;
  top: 0;
  bottom: 0;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9032 7.83325L7.78689 16.1666L4.09766 12.3787' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
out-attachment-filter-dialog body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
attachment-category-selector body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
out-category-detail-view body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
app-attachment-category-grid body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
attachment body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
out-notes-container body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
.mfe-notes-container body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
out-category-card-view body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel,
out-add-note body:not(:focus-within) .cdk-overlay-pane .mat-autocomplete-panel {
  border-color: #e5dfea !important;
}
out-attachment-filter-dialog body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
attachment-category-selector body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-category-detail-view body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
app-attachment-category-grid body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
attachment body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-notes-container body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
.mfe-notes-container body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-category-card-view body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel,
out-add-note body:not(:focus-within) .cdk-overlay-pane.mat-autocomplete-panel-above .mat-autocomplete-panel {
  border-color: #e5dfea !important;
}
out-attachment-filter-dialog .mat-checkbox,
attachment-category-selector .mat-checkbox,
out-category-detail-view .mat-checkbox,
app-attachment-category-grid .mat-checkbox,
attachment .mat-checkbox,
out-notes-container .mat-checkbox,
.mfe-notes-container .mat-checkbox,
out-category-card-view .mat-checkbox,
out-add-note .mat-checkbox {
  height: 58px;
  display: flex !important;
  align-items: center;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-ripple,
attachment-category-selector .mat-checkbox .mat-checkbox-ripple,
out-category-detail-view .mat-checkbox .mat-checkbox-ripple,
app-attachment-category-grid .mat-checkbox .mat-checkbox-ripple,
attachment .mat-checkbox .mat-checkbox-ripple,
out-notes-container .mat-checkbox .mat-checkbox-ripple,
.mfe-notes-container .mat-checkbox .mat-checkbox-ripple,
out-category-card-view .mat-checkbox .mat-checkbox-ripple,
out-add-note .mat-checkbox .mat-checkbox-ripple {
  display: none;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-inner-container,
attachment-category-selector .mat-checkbox .mat-checkbox-inner-container,
out-category-detail-view .mat-checkbox .mat-checkbox-inner-container,
app-attachment-category-grid .mat-checkbox .mat-checkbox-inner-container,
attachment .mat-checkbox .mat-checkbox-inner-container,
out-notes-container .mat-checkbox .mat-checkbox-inner-container,
.mfe-notes-container .mat-checkbox .mat-checkbox-inner-container,
out-category-card-view .mat-checkbox .mat-checkbox-inner-container,
out-add-note .mat-checkbox .mat-checkbox-inner-container {
  height: 28px !important;
  width: 28px !important;
  margin-right: 0.75rem;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
attachment-category-selector .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
out-category-detail-view .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
app-attachment-category-grid .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
attachment .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
out-notes-container .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
.mfe-notes-container .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
out-category-card-view .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame,
out-add-note .mat-checkbox .mat-checkbox-inner-container .mat-checkbox-frame {
  background: #ffffff;
  border: 2px solid #e2e2e2;
  border-radius: 0.5rem;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, out-attachment-filter-dialog .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
attachment-category-selector .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
attachment-category-selector .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-category-detail-view .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-category-detail-view .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
app-attachment-category-grid .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
app-attachment-category-grid .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
attachment .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
attachment .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-notes-container .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-notes-container .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mfe-notes-container .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mfe-notes-container .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-category-card-view .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-category-card-view .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-add-note .mat-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-add-note .mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #9160ab;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-checkmark,
attachment-category-selector .mat-checkbox .mat-checkbox-checkmark,
out-category-detail-view .mat-checkbox .mat-checkbox-checkmark,
app-attachment-category-grid .mat-checkbox .mat-checkbox-checkmark,
attachment .mat-checkbox .mat-checkbox-checkmark,
out-notes-container .mat-checkbox .mat-checkbox-checkmark,
.mfe-notes-container .mat-checkbox .mat-checkbox-checkmark,
out-category-card-view .mat-checkbox .mat-checkbox-checkmark,
out-add-note .mat-checkbox .mat-checkbox-checkmark {
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  margin: -9px !important;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-layout,
attachment-category-selector .mat-checkbox .mat-checkbox-layout,
out-category-detail-view .mat-checkbox .mat-checkbox-layout,
app-attachment-category-grid .mat-checkbox .mat-checkbox-layout,
attachment .mat-checkbox .mat-checkbox-layout,
out-notes-container .mat-checkbox .mat-checkbox-layout,
.mfe-notes-container .mat-checkbox .mat-checkbox-layout,
out-category-card-view .mat-checkbox .mat-checkbox-layout,
out-add-note .mat-checkbox .mat-checkbox-layout {
  white-space: normal !important;
}
out-attachment-filter-dialog .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
attachment-category-selector .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
out-category-detail-view .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
app-attachment-category-grid .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
attachment .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
out-notes-container .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
.mfe-notes-container .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
out-category-card-view .mat-checkbox .mat-checkbox-layout .mat-checkbox-label,
out-add-note .mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px !important;
  padding: 2px 0 0 0;
}
out-attachment-filter-dialog .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
attachment-category-selector .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
out-category-detail-view .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
app-attachment-category-grid .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
attachment .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
out-notes-container .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
.mfe-notes-container .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
out-category-card-view .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame,
out-add-note .mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container .mat-checkbox-frame {
  background: #ffffff;
  border: 2px solid #9160ab;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d9adf9;
}
out-attachment-filter-dialog .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, out-attachment-filter-dialog .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
attachment-category-selector .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
attachment-category-selector .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-category-detail-view .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-category-detail-view .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
app-attachment-category-grid .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
app-attachment-category-grid .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
attachment .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
attachment .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-notes-container .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-notes-container .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mfe-notes-container .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mfe-notes-container .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-category-card-view .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-category-card-view .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background,
out-add-note .mat-checkbox.cdk-keyboard-focused .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
out-add-note .mat-checkbox.cdk-keyboard-focused.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d9adf9;
}
out-attachment-filter-dialog .mat-chip-attachment-count,
attachment-category-selector .mat-chip-attachment-count,
out-category-detail-view .mat-chip-attachment-count,
app-attachment-category-grid .mat-chip-attachment-count,
attachment .mat-chip-attachment-count,
out-notes-container .mat-chip-attachment-count,
.mfe-notes-container .mat-chip-attachment-count,
out-category-card-view .mat-chip-attachment-count,
out-add-note .mat-chip-attachment-count {
  background-color: #d5c1db !important;
}
out-attachment-filter-dialog .mat-hint,
attachment-category-selector .mat-hint,
out-category-detail-view .mat-hint,
app-attachment-category-grid .mat-hint,
attachment .mat-hint,
out-notes-container .mat-hint,
.mfe-notes-container .mat-hint,
out-category-card-view .mat-hint,
out-add-note .mat-hint {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
  margin: 0 1rem 0;
  position: relative;
  height: 14px;
  line-height: unset;
}
out-attachment-filter-dialog mat-error,
out-attachment-filter-dialog .error-message,
attachment-category-selector mat-error,
attachment-category-selector .error-message,
out-category-detail-view mat-error,
out-category-detail-view .error-message,
app-attachment-category-grid mat-error,
app-attachment-category-grid .error-message,
attachment mat-error,
attachment .error-message,
out-notes-container mat-error,
out-notes-container .error-message,
.mfe-notes-container mat-error,
.mfe-notes-container .error-message,
out-category-card-view mat-error,
out-category-card-view .error-message,
out-add-note mat-error,
out-add-note .error-message {
  color: #a21902 !important;
  position: relative;
  padding-left: 0;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog {
  max-width: 790px !important;
  width: 100% !important;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container {
  background: #ffffff !important;
  border-radius: 1rem !important;
  box-shadow: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  padding: 0;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  background-color: #86bb39;
  color: white;
  height: 3.5rem;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title span,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title label,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 450;
  line-height: 2.5rem;
  letter-spacing: 0.012em;
  color: #515151;
  margin: 1.5rem 0 1rem 0;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7764 6.70711C19.167 6.31658 19.167 5.68342 18.7764 5.29289C18.3859 4.90237 17.7528 4.90237 17.3622 5.29289L18.7764 6.70711ZM5.36223 17.2929C4.9717 17.6834 4.9717 18.3166 5.36223 18.7071C5.75275 19.0976 6.38592 19.0976 6.77644 18.7071L5.36223 17.2929ZM6.77644 5.29289C6.38592 4.90237 5.75275 4.90237 5.36223 5.29289C4.9717 5.68342 4.9717 6.31658 5.36223 6.70711L6.77644 5.29289ZM17.3622 18.7071C17.7528 19.0976 18.3859 19.0976 18.7764 18.7071C19.167 18.3166 19.167 17.6834 18.7764 17.2929L17.3622 18.7071ZM17.3622 5.29289L5.36223 17.2929L6.77644 18.7071L18.7764 6.70711L17.3622 5.29289ZM5.36223 6.70711L17.3622 18.7071L18.7764 17.2929L6.77644 5.29289L5.36223 6.70711Z' fill='%23515151'/%3E%3C/svg%3E%0A");
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content {
  display: block;
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: unset;
  padding: 24px;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions {
  border-top: 2px solid #efebf2;
  align-items: center;
  justify-content: center;
  margin: unset;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button {
  margin: unset !important;
  margin-left: 10px !important;
}
out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
.mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container {
  position: relative;
  height: 72px;
  background: #e7f7e6;
  width: 100%;
  border-radius: 0.75rem;
  left: 0;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  padding: 0 24px;
}
@media screen and (max-width: 959px) {
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container {
    background: #ffffff !important;
    border-radius: 1rem !important;
    box-shadow: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
    padding: 1rem 1rem 30px 1rem;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title {
    margin: unset;
    padding: 0 0 0.5rem 0;
    position: relative;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .mat-dialog-title-text {
    font-family: "Montserrat", sans-serif;
    font-size: 1.75rem;
    font-weight: 450;
    line-height: 2.5rem;
    letter-spacing: 0.012em;
    color: #515151;
    margin: 1.5rem 0 1rem 0;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-title .dismiss-dialog-button {
    height: 24px;
    width: 24px;
    position: absolute;
    right: 0;
    cursor: pointer;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7764 6.70711C19.167 6.31658 19.167 5.68342 18.7764 5.29289C18.3859 4.90237 17.7528 4.90237 17.3622 5.29289L18.7764 6.70711ZM5.36223 17.2929C4.9717 17.6834 4.9717 18.3166 5.36223 18.7071C5.75275 19.0976 6.38592 19.0976 6.77644 18.7071L5.36223 17.2929ZM6.77644 5.29289C6.38592 4.90237 5.75275 4.90237 5.36223 5.29289C4.9717 5.68342 4.9717 6.31658 5.36223 6.70711L6.77644 5.29289ZM17.3622 18.7071C17.7528 19.0976 18.3859 19.0976 18.7764 18.7071C19.167 18.3166 19.167 17.6834 18.7764 17.2929L17.3622 18.7071ZM17.3622 5.29289L5.36223 17.2929L6.77644 18.7071L18.7764 6.70711L17.3622 5.29289ZM5.36223 6.70711L17.3622 18.7071L18.7764 17.2929L6.77644 5.29289L5.36223 6.70711Z' fill='%23515151'/%3E%3C/svg%3E%0A");
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-content,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-content {
    display: block;
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin: unset;
    padding: 24px;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions {
    border-top: 2px solid #efebf2;
    align-items: center;
    justify-content: center;
    margin: unset;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .mat-dialog-container .mat-dialog-actions .mat-button,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .mat-dialog-container .mat-dialog-actions .mat-button {
    margin: unset !important;
  }
  out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container, out-attachment-filter-dialog .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  attachment-category-selector .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  out-category-detail-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  app-attachment-category-grid .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  attachment .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  out-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  .mfe-notes-container .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  out-category-card-view .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-input-dialog .section-sub-heading-container,
  out-add-note .cdk-global-overlay-wrapper .cdk-overlay-pane.out-message-dialog .section-sub-heading-container {
    position: relative;
    height: 72px;
    background: #e7f7e6;
    width: calc(100% + 7.25rem);
    border-radius: 0.75rem;
    padding: 0 3.625rem;
    left: -3.625rem;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel,
attachment-category-selector .mat-accordion .mat-expansion-panel,
out-category-detail-view .mat-accordion .mat-expansion-panel,
app-attachment-category-grid .mat-accordion .mat-expansion-panel,
attachment .mat-accordion .mat-expansion-panel,
out-notes-container .mat-accordion .mat-expansion-panel,
.mfe-notes-container .mat-accordion .mat-expansion-panel,
out-category-card-view .mat-accordion .mat-expansion-panel,
out-add-note .mat-accordion .mat-expansion-panel {
  margin-bottom: 0.75rem;
  margin-top: 0;
  box-shadow: none;
  overflow: hidden;
  background: #ffffff;
  border-radius: 1.5rem !important;
  border: 2px solid transparent;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  background: #f9f2ff;
  border-radius: 0;
  height: 72px;
  position: relative;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  z-index: 2;
  position: absolute;
  right: 1rem;
  width: 40px;
  height: 40px;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
  position: absolute;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: #ffffff;
  right: 1rem;
  border-radius: 0.75rem;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: #f6e9ff !important;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel.mat-expanded,
attachment-category-selector .mat-accordion .mat-expansion-panel.mat-expanded,
out-category-detail-view .mat-accordion .mat-expansion-panel.mat-expanded,
app-attachment-category-grid .mat-accordion .mat-expansion-panel.mat-expanded,
attachment .mat-accordion .mat-expansion-panel.mat-expanded,
out-notes-container .mat-accordion .mat-expansion-panel.mat-expanded,
.mfe-notes-container .mat-accordion .mat-expansion-panel.mat-expanded,
out-category-card-view .mat-accordion .mat-expansion-panel.mat-expanded,
out-add-note .mat-accordion .mat-expansion-panel.mat-expanded {
  border: 2px solid #efdaff;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
attachment-category-selector .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
out-category-detail-view .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
app-attachment-category-grid .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
attachment .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
out-notes-container .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
.mfe-notes-container .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
out-category-card-view .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header,
out-add-note .mat-accordion .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
  background: #f6e9ff;
}
out-attachment-filter-dialog .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
attachment-category-selector .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
out-category-detail-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
app-attachment-category-grid .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
attachment .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
out-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
.mfe-notes-container .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
out-category-card-view .mat-accordion .mat-expansion-panel .mat-expansion-panel-body,
out-add-note .mat-accordion .mat-expansion-panel .mat-expansion-panel-body {
  padding: 1.5rem;
}
out-attachment-filter-dialog .mat-datepicker-content,
attachment-category-selector .mat-datepicker-content,
out-category-detail-view .mat-datepicker-content,
app-attachment-category-grid .mat-datepicker-content,
attachment .mat-datepicker-content,
out-notes-container .mat-datepicker-content,
.mfe-notes-container .mat-datepicker-content,
out-category-card-view .mat-datepicker-content,
out-add-note .mat-datepicker-content {
  background: #faf9fb;
  border-radius: 1rem !important;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-button-wrapper,
attachment-category-selector .mat-datepicker-content .mat-button-wrapper,
out-category-detail-view .mat-datepicker-content .mat-button-wrapper,
app-attachment-category-grid .mat-datepicker-content .mat-button-wrapper,
attachment .mat-datepicker-content .mat-button-wrapper,
out-notes-container .mat-datepicker-content .mat-button-wrapper,
.mfe-notes-container .mat-datepicker-content .mat-button-wrapper,
out-category-card-view .mat-datepicker-content .mat-button-wrapper,
out-add-note .mat-datepicker-content .mat-button-wrapper {
  color: #9d71ad;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-previous-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-previous-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-previous-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-previous-button,
attachment .mat-datepicker-content .mat-calendar-previous-button,
out-notes-container .mat-datepicker-content .mat-calendar-previous-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-previous-button,
out-category-card-view .mat-datepicker-content .mat-calendar-previous-button,
out-add-note .mat-datepicker-content .mat-calendar-previous-button {
  background: #ffffff;
  border-radius: 0.75rem;
  margin: 0 10px 0 0;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-next-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-next-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-next-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-next-button,
attachment .mat-datepicker-content .mat-calendar-next-button,
out-notes-container .mat-datepicker-content .mat-calendar-next-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-next-button,
out-category-card-view .mat-datepicker-content .mat-calendar-next-button,
out-add-note .mat-datepicker-content .mat-calendar-next-button {
  background: #ffffff;
  border-radius: 0.75rem;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
attachment .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
out-notes-container .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
out-category-card-view .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button,
out-add-note .mat-datepicker-content .mat-calendar-controls .mat-calendar-period-button {
  margin-bottom: unset !important;
  background: unset;
  box-shadow: unset;
  border: unset;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-ripple,
out-attachment-filter-dialog .mat-datepicker-content .mat-button-focus-overlay,
attachment-category-selector .mat-datepicker-content .mat-ripple,
attachment-category-selector .mat-datepicker-content .mat-button-focus-overlay,
out-category-detail-view .mat-datepicker-content .mat-ripple,
out-category-detail-view .mat-datepicker-content .mat-button-focus-overlay,
app-attachment-category-grid .mat-datepicker-content .mat-ripple,
app-attachment-category-grid .mat-datepicker-content .mat-button-focus-overlay,
attachment .mat-datepicker-content .mat-ripple,
attachment .mat-datepicker-content .mat-button-focus-overlay,
out-notes-container .mat-datepicker-content .mat-ripple,
out-notes-container .mat-datepicker-content .mat-button-focus-overlay,
.mfe-notes-container .mat-datepicker-content .mat-ripple,
.mfe-notes-container .mat-datepicker-content .mat-button-focus-overlay,
out-category-card-view .mat-datepicker-content .mat-ripple,
out-category-card-view .mat-datepicker-content .mat-button-focus-overlay,
out-add-note .mat-datepicker-content .mat-ripple,
out-add-note .mat-datepicker-content .mat-button-focus-overlay {
  display: none;
}
out-attachment-filter-dialog .mat-slide-toggle .mat-slide-toggle-ripple,
attachment-category-selector .mat-slide-toggle .mat-slide-toggle-ripple,
out-category-detail-view .mat-slide-toggle .mat-slide-toggle-ripple,
app-attachment-category-grid .mat-slide-toggle .mat-slide-toggle-ripple,
attachment .mat-slide-toggle .mat-slide-toggle-ripple,
out-notes-container .mat-slide-toggle .mat-slide-toggle-ripple,
.mfe-notes-container .mat-slide-toggle .mat-slide-toggle-ripple,
out-category-card-view .mat-slide-toggle .mat-slide-toggle-ripple,
out-add-note .mat-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
out-attachment-filter-dialog .mat-slide-toggle .mat-slide-toggle-bar,
attachment-category-selector .mat-slide-toggle .mat-slide-toggle-bar,
out-category-detail-view .mat-slide-toggle .mat-slide-toggle-bar,
app-attachment-category-grid .mat-slide-toggle .mat-slide-toggle-bar,
attachment .mat-slide-toggle .mat-slide-toggle-bar,
out-notes-container .mat-slide-toggle .mat-slide-toggle-bar,
.mfe-notes-container .mat-slide-toggle .mat-slide-toggle-bar,
out-category-card-view .mat-slide-toggle .mat-slide-toggle-bar,
out-add-note .mat-slide-toggle .mat-slide-toggle-bar {
  border-radius: 400px;
}
out-attachment-filter-dialog .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
attachment-category-selector .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
out-category-detail-view .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
app-attachment-category-grid .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
attachment .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
out-notes-container .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
.mfe-notes-container .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
out-category-card-view .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb,
out-add-note .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background: #ffffff;
}
out-attachment-filter-dialog .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
attachment-category-selector .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
out-category-detail-view .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
app-attachment-category-grid .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
attachment .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
out-notes-container .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
.mfe-notes-container .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
out-category-card-view .mat-slide-toggle.mat-checked .mat-slide-toggle-bar,
out-add-note .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background: #7b4994;
}
out-attachment-filter-dialog .cdk-overlay-backdrop,
attachment-category-selector .cdk-overlay-backdrop,
out-category-detail-view .cdk-overlay-backdrop,
app-attachment-category-grid .cdk-overlay-backdrop,
attachment .cdk-overlay-backdrop,
out-notes-container .cdk-overlay-backdrop,
.mfe-notes-container .cdk-overlay-backdrop,
out-category-card-view .cdk-overlay-backdrop,
out-add-note .cdk-overlay-backdrop {
  transition: all 0s;
}
out-attachment-filter-dialog .loading-overlay-backdrop,
attachment-category-selector .loading-overlay-backdrop,
out-category-detail-view .loading-overlay-backdrop,
app-attachment-category-grid .loading-overlay-backdrop,
attachment .loading-overlay-backdrop,
out-notes-container .loading-overlay-backdrop,
.mfe-notes-container .loading-overlay-backdrop,
out-category-card-view .loading-overlay-backdrop,
out-add-note .loading-overlay-backdrop {
  background: #ffffff !important;
}
out-attachment-filter-dialog .autocomplete-prefix-icon,
attachment-category-selector .autocomplete-prefix-icon,
out-category-detail-view .autocomplete-prefix-icon,
app-attachment-category-grid .autocomplete-prefix-icon,
attachment .autocomplete-prefix-icon,
out-notes-container .autocomplete-prefix-icon,
.mfe-notes-container .autocomplete-prefix-icon,
out-category-card-view .autocomplete-prefix-icon,
out-add-note .autocomplete-prefix-icon {
  width: 24px;
  height: 24px;
  position: relative;
  top: 2px;
  margin: 0 8px 0 3px;
}
out-attachment-filter-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link,
attachment-category-selector .attachment-dropzone-container .dropzone-section .text-wrapper .link,
out-category-detail-view .attachment-dropzone-container .dropzone-section .text-wrapper .link,
app-attachment-category-grid .attachment-dropzone-container .dropzone-section .text-wrapper .link,
attachment .attachment-dropzone-container .dropzone-section .text-wrapper .link,
out-notes-container .attachment-dropzone-container .dropzone-section .text-wrapper .link,
.mfe-notes-container .attachment-dropzone-container .dropzone-section .text-wrapper .link,
out-category-card-view .attachment-dropzone-container .dropzone-section .text-wrapper .link,
out-add-note .attachment-dropzone-container .dropzone-section .text-wrapper .link {
  color: #31123f !important;
}
out-attachment-filter-dialog .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
attachment-category-selector .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
out-category-detail-view .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
app-attachment-category-grid .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
attachment .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
out-notes-container .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
.mfe-notes-container .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
out-category-card-view .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover,
out-add-note .attachment-dropzone-container .dropzone-section .text-wrapper .link:hover {
  color: #31123f !important;
}
out-attachment-filter-dialog .attachment-dropzone-container .dropzone-dragover,
attachment-category-selector .attachment-dropzone-container .dropzone-dragover,
out-category-detail-view .attachment-dropzone-container .dropzone-dragover,
app-attachment-category-grid .attachment-dropzone-container .dropzone-dragover,
attachment .attachment-dropzone-container .dropzone-dragover,
out-notes-container .attachment-dropzone-container .dropzone-dragover,
.mfe-notes-container .attachment-dropzone-container .dropzone-dragover,
out-category-card-view .attachment-dropzone-container .dropzone-dragover,
out-add-note .attachment-dropzone-container .dropzone-dragover {
  background: #d5c1db !important;
  border: 2px dashed #a579b1 !important;
}
out-attachment-filter-dialog .attachment-dropzone-container .dropzone-dragleave,
attachment-category-selector .attachment-dropzone-container .dropzone-dragleave,
out-category-detail-view .attachment-dropzone-container .dropzone-dragleave,
app-attachment-category-grid .attachment-dropzone-container .dropzone-dragleave,
attachment .attachment-dropzone-container .dropzone-dragleave,
out-notes-container .attachment-dropzone-container .dropzone-dragleave,
.mfe-notes-container .attachment-dropzone-container .dropzone-dragleave,
out-category-card-view .attachment-dropzone-container .dropzone-dragleave,
out-add-note .attachment-dropzone-container .dropzone-dragleave {
  background: #f2ebf3 !important;
  border: 2px dashed #9d71ad !important;
}
out-attachment-filter-dialog .attachment-dropzone-container .upload-error,
attachment-category-selector .attachment-dropzone-container .upload-error,
out-category-detail-view .attachment-dropzone-container .upload-error,
app-attachment-category-grid .attachment-dropzone-container .upload-error,
attachment .attachment-dropzone-container .upload-error,
out-notes-container .attachment-dropzone-container .upload-error,
.mfe-notes-container .attachment-dropzone-container .upload-error,
out-category-card-view .attachment-dropzone-container .upload-error,
out-add-note .attachment-dropzone-container .upload-error {
  color: #d83614 !important;
}
out-attachment-filter-dialog .card-elevated,
attachment-category-selector .card-elevated,
out-category-detail-view .card-elevated,
app-attachment-category-grid .card-elevated,
attachment .card-elevated,
out-notes-container .card-elevated,
.mfe-notes-container .card-elevated,
out-category-card-view .card-elevated,
out-add-note .card-elevated {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
out-attachment-filter-dialog .form-control-container,
attachment-category-selector .form-control-container,
out-category-detail-view .form-control-container,
app-attachment-category-grid .form-control-container,
attachment .form-control-container,
out-notes-container .form-control-container,
.mfe-notes-container .form-control-container,
out-category-card-view .form-control-container,
out-add-note .form-control-container {
  box-sizing: border-box;
  width: 100%;
}
out-attachment-filter-dialog .inline-grid,
attachment-category-selector .inline-grid,
out-category-detail-view .inline-grid,
app-attachment-category-grid .inline-grid,
attachment .inline-grid,
out-notes-container .inline-grid,
.mfe-notes-container .inline-grid,
out-category-card-view .inline-grid,
out-add-note .inline-grid {
  width: 100%;
  background-color: transparent;
}
out-attachment-filter-dialog .inline-grid .out-button-toggle .error-message,
attachment-category-selector .inline-grid .out-button-toggle .error-message,
out-category-detail-view .inline-grid .out-button-toggle .error-message,
app-attachment-category-grid .inline-grid .out-button-toggle .error-message,
attachment .inline-grid .out-button-toggle .error-message,
out-notes-container .inline-grid .out-button-toggle .error-message,
.mfe-notes-container .inline-grid .out-button-toggle .error-message,
out-category-card-view .inline-grid .out-button-toggle .error-message,
out-add-note .inline-grid .out-button-toggle .error-message {
  top: 6px !important;
  font-size: 100% !important;
}
out-attachment-filter-dialog .inline-grid .row-heading,
attachment-category-selector .inline-grid .row-heading,
out-category-detail-view .inline-grid .row-heading,
app-attachment-category-grid .inline-grid .row-heading,
attachment .inline-grid .row-heading,
out-notes-container .inline-grid .row-heading,
.mfe-notes-container .inline-grid .row-heading,
out-category-card-view .inline-grid .row-heading,
out-add-note .inline-grid .row-heading {
  background: #f6f5f7;
  width: 100%;
  padding: 1.25rem 1rem;
  position: relative;
  left: -1rem;
  top: 0;
  margin-bottom: 2rem;
}
out-attachment-filter-dialog .inline-grid table,
attachment-category-selector .inline-grid table,
out-category-detail-view .inline-grid table,
app-attachment-category-grid .inline-grid table,
attachment .inline-grid table,
out-notes-container .inline-grid table,
.mfe-notes-container .inline-grid table,
out-category-card-view .inline-grid table,
out-add-note .inline-grid table {
  width: 100%;
  background: transparent !important;
  display: block;
}
out-attachment-filter-dialog .inline-grid table tbody,
attachment-category-selector .inline-grid table tbody,
out-category-detail-view .inline-grid table tbody,
app-attachment-category-grid .inline-grid table tbody,
attachment .inline-grid table tbody,
out-notes-container .inline-grid table tbody,
.mfe-notes-container .inline-grid table tbody,
out-category-card-view .inline-grid table tbody,
out-add-note .inline-grid table tbody {
  display: block;
}
out-attachment-filter-dialog .inline-grid table tbody tr,
attachment-category-selector .inline-grid table tbody tr,
out-category-detail-view .inline-grid table tbody tr,
app-attachment-category-grid .inline-grid table tbody tr,
attachment .inline-grid table tbody tr,
out-notes-container .inline-grid table tbody tr,
.mfe-notes-container .inline-grid table tbody tr,
out-category-card-view .inline-grid table tbody tr,
out-add-note .inline-grid table tbody tr {
  border-radius: 1rem;
  border: 1px solid #e5dfea;
  display: flex;
  height: auto;
  flex-grow: 4;
  margin: 0 0 2rem 0;
  position: relative;
  overflow: hidden;
  padding: 0 0.5rem;
  width: 100%;
  box-sizing: border-box;
}
out-attachment-filter-dialog .inline-grid table tbody tr td,
attachment-category-selector .inline-grid table tbody tr td,
out-category-detail-view .inline-grid table tbody tr td,
app-attachment-category-grid .inline-grid table tbody tr td,
attachment .inline-grid table tbody tr td,
out-notes-container .inline-grid table tbody tr td,
.mfe-notes-container .inline-grid table tbody tr td,
out-category-card-view .inline-grid table tbody tr td,
out-add-note .inline-grid table tbody tr td {
  flex: 1 1;
  border: none;
  padding: 0 !important;
  height: auto;
  display: inline-block;
}
out-attachment-filter-dialog .inline-grid table tbody tr td .multi-ctrl-segment,
attachment-category-selector .inline-grid table tbody tr td .multi-ctrl-segment,
out-category-detail-view .inline-grid table tbody tr td .multi-ctrl-segment,
app-attachment-category-grid .inline-grid table tbody tr td .multi-ctrl-segment,
attachment .inline-grid table tbody tr td .multi-ctrl-segment,
out-notes-container .inline-grid table tbody tr td .multi-ctrl-segment,
.mfe-notes-container .inline-grid table tbody tr td .multi-ctrl-segment,
out-category-card-view .inline-grid table tbody tr td .multi-ctrl-segment,
out-add-note .inline-grid table tbody tr td .multi-ctrl-segment {
  padding: 0 0.5rem;
}
out-attachment-filter-dialog .inline-grid table tbody tr td .mat-button,
attachment-category-selector .inline-grid table tbody tr td .mat-button,
out-category-detail-view .inline-grid table tbody tr td .mat-button,
app-attachment-category-grid .inline-grid table tbody tr td .mat-button,
attachment .inline-grid table tbody tr td .mat-button,
out-notes-container .inline-grid table tbody tr td .mat-button,
.mfe-notes-container .inline-grid table tbody tr td .mat-button,
out-category-card-view .inline-grid table tbody tr td .mat-button,
out-add-note .inline-grid table tbody tr td .mat-button {
  width: inherit;
  margin-top: 0 !important;
  min-width: auto;
  height: auto;
  min-height: auto;
  margin-bottom: 0 !important;
  float: right;
  position: relative;
  top: -2px;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column,
attachment-category-selector .inline-grid table tbody tr td.delete-column,
out-category-detail-view .inline-grid table tbody tr td.delete-column,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column,
attachment .inline-grid table tbody tr td.delete-column,
out-notes-container .inline-grid table tbody tr td.delete-column,
.mfe-notes-container .inline-grid table tbody tr td.delete-column,
out-category-card-view .inline-grid table tbody tr td.delete-column,
out-add-note .inline-grid table tbody tr td.delete-column {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column button,
attachment-category-selector .inline-grid table tbody tr td.delete-column button,
out-category-detail-view .inline-grid table tbody tr td.delete-column button,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column button,
attachment .inline-grid table tbody tr td.delete-column button,
out-notes-container .inline-grid table tbody tr td.delete-column button,
.mfe-notes-container .inline-grid table tbody tr td.delete-column button,
out-category-card-view .inline-grid table tbody tr td.delete-column button,
out-add-note .inline-grid table tbody tr td.delete-column button {
  padding: 0;
  margin-top: 0 !important;
  border: none !important;
  min-width: auto;
  min-height: auto;
  margin-bottom: 0 !important;
  background: transparent;
  line-height: 0 !important;
  top: 0.75rem !important;
  right: 0.75rem;
  width: 40px;
  height: 40px;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0.75rem;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column button .icon,
attachment-category-selector .inline-grid table tbody tr td.delete-column button .icon,
out-category-detail-view .inline-grid table tbody tr td.delete-column button .icon,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column button .icon,
attachment .inline-grid table tbody tr td.delete-column button .icon,
out-notes-container .inline-grid table tbody tr td.delete-column button .icon,
.mfe-notes-container .inline-grid table tbody tr td.delete-column button .icon,
out-category-card-view .inline-grid table tbody tr td.delete-column button .icon,
out-add-note .inline-grid table tbody tr td.delete-column button .icon {
  top: 0 !important;
  margin: 0 !important;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column button:hover,
attachment-category-selector .inline-grid table tbody tr td.delete-column button:hover,
out-category-detail-view .inline-grid table tbody tr td.delete-column button:hover,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column button:hover,
attachment .inline-grid table tbody tr td.delete-column button:hover,
out-notes-container .inline-grid table tbody tr td.delete-column button:hover,
.mfe-notes-container .inline-grid table tbody tr td.delete-column button:hover,
out-category-card-view .inline-grid table tbody tr td.delete-column button:hover,
out-add-note .inline-grid table tbody tr td.delete-column button:hover {
  background: #f6f5f7;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
attachment-category-selector .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
out-category-detail-view .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
attachment .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
out-notes-container .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
.mfe-notes-container .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
out-category-card-view .inline-grid table tbody tr td.delete-column .mat-button-wrapper td,
out-add-note .inline-grid table tbody tr td.delete-column .mat-button-wrapper td {
  flex: none;
  position: relative;
}
out-attachment-filter-dialog .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
attachment-category-selector .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
out-category-detail-view .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
app-attachment-category-grid .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
attachment .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
out-notes-container .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
.mfe-notes-container .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
out-category-card-view .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading,
out-add-note .inline-grid table tbody tr td.delete-column .mat-button-wrapper td .row-heading {
  position: relative;
}
out-attachment-filter-dialog .inline-grid table tfoot td,
attachment-category-selector .inline-grid table tfoot td,
out-category-detail-view .inline-grid table tfoot td,
app-attachment-category-grid .inline-grid table tfoot td,
attachment .inline-grid table tfoot td,
out-notes-container .inline-grid table tfoot td,
.mfe-notes-container .inline-grid table tfoot td,
out-category-card-view .inline-grid table tfoot td,
out-add-note .inline-grid table tfoot td {
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
  border: none;
}
out-attachment-filter-dialog .inline-grid table tfoot td .mat-button,
attachment-category-selector .inline-grid table tfoot td .mat-button,
out-category-detail-view .inline-grid table tfoot td .mat-button,
app-attachment-category-grid .inline-grid table tfoot td .mat-button,
attachment .inline-grid table tfoot td .mat-button,
out-notes-container .inline-grid table tfoot td .mat-button,
.mfe-notes-container .inline-grid table tfoot td .mat-button,
out-category-card-view .inline-grid table tfoot td .mat-button,
out-add-note .inline-grid table tfoot td .mat-button {
  margin-top: 0 !important;
}
out-attachment-filter-dialog .inline-grid .out-validation-error,
attachment-category-selector .inline-grid .out-validation-error,
out-category-detail-view .inline-grid .out-validation-error,
app-attachment-category-grid .inline-grid .out-validation-error,
attachment .inline-grid .out-validation-error,
out-notes-container .inline-grid .out-validation-error,
.mfe-notes-container .inline-grid .out-validation-error,
out-category-card-view .inline-grid .out-validation-error,
out-add-note .inline-grid .out-validation-error {
  position: relative;
  top: -16px;
}
out-attachment-filter-dialog .inline-grid .out-validation-error .error-underline-wrapper,
attachment-category-selector .inline-grid .out-validation-error .error-underline-wrapper,
out-category-detail-view .inline-grid .out-validation-error .error-underline-wrapper,
app-attachment-category-grid .inline-grid .out-validation-error .error-underline-wrapper,
attachment .inline-grid .out-validation-error .error-underline-wrapper,
out-notes-container .inline-grid .out-validation-error .error-underline-wrapper,
.mfe-notes-container .inline-grid .out-validation-error .error-underline-wrapper,
out-category-card-view .inline-grid .out-validation-error .error-underline-wrapper,
out-add-note .inline-grid .out-validation-error .error-underline-wrapper {
  display: none !important;
}
out-attachment-filter-dialog .inline-grid .out-validation-error .error-message,
attachment-category-selector .inline-grid .out-validation-error .error-message,
out-category-detail-view .inline-grid .out-validation-error .error-message,
app-attachment-category-grid .inline-grid .out-validation-error .error-message,
attachment .inline-grid .out-validation-error .error-message,
out-notes-container .inline-grid .out-validation-error .error-message,
.mfe-notes-container .inline-grid .out-validation-error .error-message,
out-category-card-view .inline-grid .out-validation-error .error-message,
out-add-note .inline-grid .out-validation-error .error-message {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #a21902 !important;
  font-weight: 400 !important;
}
out-attachment-filter-dialog .inline-grid tr.mat-footer-row,
attachment-category-selector .inline-grid tr.mat-footer-row,
out-category-detail-view .inline-grid tr.mat-footer-row,
app-attachment-category-grid .inline-grid tr.mat-footer-row,
attachment .inline-grid tr.mat-footer-row,
out-notes-container .inline-grid tr.mat-footer-row,
.mfe-notes-container .inline-grid tr.mat-footer-row,
out-category-card-view .inline-grid tr.mat-footer-row,
out-add-note .inline-grid tr.mat-footer-row {
  height: auto;
}
out-attachment-filter-dialog .lt-md .inline-grid table,
attachment-category-selector .lt-md .inline-grid table,
out-category-detail-view .lt-md .inline-grid table,
app-attachment-category-grid .lt-md .inline-grid table,
attachment .lt-md .inline-grid table,
out-notes-container .lt-md .inline-grid table,
.mfe-notes-container .lt-md .inline-grid table,
out-category-card-view .lt-md .inline-grid table,
out-add-note .lt-md .inline-grid table {
  display: block;
  width: 100%;
  position: relative;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr,
attachment-category-selector .lt-md .inline-grid table tbody tr,
out-category-detail-view .lt-md .inline-grid table tbody tr,
app-attachment-category-grid .lt-md .inline-grid table tbody tr,
attachment .lt-md .inline-grid table tbody tr,
out-notes-container .lt-md .inline-grid table tbody tr,
.mfe-notes-container .lt-md .inline-grid table tbody tr,
out-category-card-view .lt-md .inline-grid table tbody tr,
out-add-note .lt-md .inline-grid table tbody tr {
  display: block;
  height: auto;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr td,
attachment-category-selector .lt-md .inline-grid table tbody tr td,
out-category-detail-view .lt-md .inline-grid table tbody tr td,
app-attachment-category-grid .lt-md .inline-grid table tbody tr td,
attachment .lt-md .inline-grid table tbody tr td,
out-notes-container .lt-md .inline-grid table tbody tr td,
.mfe-notes-container .lt-md .inline-grid table tbody tr td,
out-category-card-view .lt-md .inline-grid table tbody tr td,
out-add-note .lt-md .inline-grid table tbody tr td {
  display: block;
  border: none;
  padding-left: 1rem;
  padding-right: 0;
  height: auto;
  margin: 0;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr td button,
attachment-category-selector .lt-md .inline-grid table tbody tr td button,
out-category-detail-view .lt-md .inline-grid table tbody tr td button,
app-attachment-category-grid .lt-md .inline-grid table tbody tr td button,
attachment .lt-md .inline-grid table tbody tr td button,
out-notes-container .lt-md .inline-grid table tbody tr td button,
.mfe-notes-container .lt-md .inline-grid table tbody tr td button,
out-category-card-view .lt-md .inline-grid table tbody tr td button,
out-add-note .lt-md .inline-grid table tbody tr td button {
  float: none;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr td.delete-column,
attachment-category-selector .lt-md .inline-grid table tbody tr td.delete-column,
out-category-detail-view .lt-md .inline-grid table tbody tr td.delete-column,
app-attachment-category-grid .lt-md .inline-grid table tbody tr td.delete-column,
attachment .lt-md .inline-grid table tbody tr td.delete-column,
out-notes-container .lt-md .inline-grid table tbody tr td.delete-column,
.mfe-notes-container .lt-md .inline-grid table tbody tr td.delete-column,
out-category-card-view .lt-md .inline-grid table tbody tr td.delete-column,
out-add-note .lt-md .inline-grid table tbody tr td.delete-column {
  position: absolute;
  padding: 0;
  height: auto;
  width: auto;
  margin: 0;
  right: 0;
  top: 0;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row {
  background: #f6f5f7;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td {
  position: relative !important;
  min-height: 1.5rem;
  margin: 0;
  padding: 0;
  width: 50% !important;
  display: inline-block;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button {
  background: #fff !important;
  width: calc(100% - 8px);
  margin: 0;
  height: 44px;
  box-shadow: none;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td .mat-button .mat-button-wrapper {
  top: -4px;
  position: relative;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child {
  width: 100% !important;
  padding-bottom: 1rem;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td:first-child .image-control {
  padding: 5px 0 0 0;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row td:last-child .mat-button {
  margin: 0 0 0 8px;
}
out-attachment-filter-dialog .lt-md .inline-grid table tbody tr.modal-edit-row:after,
attachment-category-selector .lt-md .inline-grid table tbody tr.modal-edit-row:after,
out-category-detail-view .lt-md .inline-grid table tbody tr.modal-edit-row:after,
app-attachment-category-grid .lt-md .inline-grid table tbody tr.modal-edit-row:after,
attachment .lt-md .inline-grid table tbody tr.modal-edit-row:after,
out-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row:after,
.mfe-notes-container .lt-md .inline-grid table tbody tr.modal-edit-row:after,
out-category-card-view .lt-md .inline-grid table tbody tr.modal-edit-row:after,
out-add-note .lt-md .inline-grid table tbody tr.modal-edit-row:after {
  display: none;
}
out-attachment-filter-dialog .template-text-control,
attachment-category-selector .template-text-control,
out-category-detail-view .template-text-control,
app-attachment-category-grid .template-text-control,
attachment .template-text-control,
out-notes-container .template-text-control,
.mfe-notes-container .template-text-control,
out-category-card-view .template-text-control,
out-add-note .template-text-control {
  margin-bottom: 1rem;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
out-attachment-filter-dialog .template-text-control .icon-container,
attachment-category-selector .template-text-control .icon-container,
out-category-detail-view .template-text-control .icon-container,
app-attachment-category-grid .template-text-control .icon-container,
attachment .template-text-control .icon-container,
out-notes-container .template-text-control .icon-container,
.mfe-notes-container .template-text-control .icon-container,
out-category-card-view .template-text-control .icon-container,
out-add-note .template-text-control .icon-container {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
out-attachment-filter-dialog .out-button-toggle,
attachment-category-selector .out-button-toggle,
out-category-detail-view .out-button-toggle,
app-attachment-category-grid .out-button-toggle,
attachment .out-button-toggle,
out-notes-container .out-button-toggle,
.mfe-notes-container .out-button-toggle,
out-category-card-view .out-button-toggle,
out-add-note .out-button-toggle {
  margin-bottom: 10px;
  position: relative;
}
out-attachment-filter-dialog .out-button-toggle .loading-spinner,
attachment-category-selector .out-button-toggle .loading-spinner,
out-category-detail-view .out-button-toggle .loading-spinner,
app-attachment-category-grid .out-button-toggle .loading-spinner,
attachment .out-button-toggle .loading-spinner,
out-notes-container .out-button-toggle .loading-spinner,
.mfe-notes-container .out-button-toggle .loading-spinner,
out-category-card-view .out-button-toggle .loading-spinner,
out-add-note .out-button-toggle .loading-spinner {
  margin: 16px;
}
out-attachment-filter-dialog .out-button-toggle .loading-text-spinner,
attachment-category-selector .out-button-toggle .loading-text-spinner,
out-category-detail-view .out-button-toggle .loading-text-spinner,
app-attachment-category-grid .out-button-toggle .loading-text-spinner,
attachment .out-button-toggle .loading-text-spinner,
out-notes-container .out-button-toggle .loading-text-spinner,
.mfe-notes-container .out-button-toggle .loading-text-spinner,
out-category-card-view .out-button-toggle .loading-text-spinner,
out-add-note .out-button-toggle .loading-text-spinner {
  margin: 0 16px 0 0;
}
out-attachment-filter-dialog .out-button-toggle .out-button-toggle-group,
attachment-category-selector .out-button-toggle .out-button-toggle-group,
out-category-detail-view .out-button-toggle .out-button-toggle-group,
app-attachment-category-grid .out-button-toggle .out-button-toggle-group,
attachment .out-button-toggle .out-button-toggle-group,
out-notes-container .out-button-toggle .out-button-toggle-group,
.mfe-notes-container .out-button-toggle .out-button-toggle-group,
out-category-card-view .out-button-toggle .out-button-toggle-group,
out-add-note .out-button-toggle .out-button-toggle-group {
  flex-flow: row wrap;
  box-sizing: border-box;
  display: flex;
  place-content: flex-start;
  align-items: flex-start;
}
out-attachment-filter-dialog .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
attachment-category-selector .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
out-category-detail-view .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
app-attachment-category-grid .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
attachment .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
out-notes-container .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
.mfe-notes-container .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
out-category-card-view .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button,
out-add-note .out-button-toggle .out-button-toggle-group .out-button-toggle-group-button {
  flex-basis: 100%;
  flex-shrink: 1;
  box-sizing: border-box;
}
out-attachment-filter-dialog .out-button-toggle .button-toggle-icon,
attachment-category-selector .out-button-toggle .button-toggle-icon,
out-category-detail-view .out-button-toggle .button-toggle-icon,
app-attachment-category-grid .out-button-toggle .button-toggle-icon,
attachment .out-button-toggle .button-toggle-icon,
out-notes-container .out-button-toggle .button-toggle-icon,
.mfe-notes-container .out-button-toggle .button-toggle-icon,
out-category-card-view .out-button-toggle .button-toggle-icon,
out-add-note .out-button-toggle .button-toggle-icon {
  margin-right: 12px;
}
out-attachment-filter-dialog .out-button-toggle label,
attachment-category-selector .out-button-toggle label,
out-category-detail-view .out-button-toggle label,
app-attachment-category-grid .out-button-toggle label,
attachment .out-button-toggle label,
out-notes-container .out-button-toggle label,
.mfe-notes-container .out-button-toggle label,
out-category-card-view .out-button-toggle label,
out-add-note .out-button-toggle label {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #363636;
  margin: 0 0 1.25rem 0;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-appearance-standard,
attachment-category-selector .out-button-toggle .mat-button-toggle-appearance-standard,
out-category-detail-view .out-button-toggle .mat-button-toggle-appearance-standard,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-appearance-standard,
attachment .out-button-toggle .mat-button-toggle-appearance-standard,
out-notes-container .out-button-toggle .mat-button-toggle-appearance-standard,
.mfe-notes-container .out-button-toggle .mat-button-toggle-appearance-standard,
out-category-card-view .out-button-toggle .mat-button-toggle-appearance-standard,
out-add-note .out-button-toggle .mat-button-toggle-appearance-standard {
  background: transparent;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard {
  border: none;
  border-radius: 0 !important;
  overflow: unset !important;
  left: -0.25rem;
  width: calc(100% + (0.25rem * 2));
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle {
  position: relative;
  border: none;
  margin: 0 0.25rem 0.5rem 0.25rem;
  top: 0;
  transition: top 0.1s ease 0s;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-focus-overlay,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-ripple {
  display: none;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content {
  max-width: 100%;
  box-sizing: border-box;
  min-width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9160ab;
  border-color: #f6e9ff !important;
  border-width: 2px;
  border-style: solid;
  background-color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 0.75rem;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content:hover {
  border-color: #d9adf9 !important;
  background: none;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover {
  top: 0;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .mat-button-toggle-label-content {
  color: #8b8b8b !important;
  border-color: #d5d5d5 !important;
  box-shadow: none !important;
  background: transparent !important;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled .icon,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked .icon,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled:hover .icon,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-disabled.mat-button-toggle-checked:hover .icon {
  opacity: 0.5;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused {
  background: none;
  position: relative;
  top: -3px;
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content {
  color: #9160ab;
  background-color: #f6e9ff !important;
  border-color: #f6e9ff !important;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
}
out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover, out-attachment-filter-dialog .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
attachment-category-selector .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
out-category-detail-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
app-attachment-category-grid .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
attachment .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
out-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
.mfe-notes-container .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
out-category-card-view .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-label-content:hover,
out-add-note .out-button-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-label-content:hover {
  color: #9160ab !important;
  background-color: #f6e9ff !important;
  border-color: #f6e9ff !important;
  box-shadow: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11) !important;
}
out-attachment-filter-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
attachment .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
out-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content,
out-add-note .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content {
  color: #5e5e5e;
  border-color: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
}
out-attachment-filter-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
attachment-category-selector .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
out-category-detail-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
app-attachment-category-grid .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
attachment .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
out-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
.mfe-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
out-category-card-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover,
out-add-note .out-button-toggle.selected .mat-button-toggle-group-appearance-standard .mat-button-toggle-label-content:hover {
  border-color: #bebebe !important;
  background: #ffffff !important;
  color: #9160ab;
}
out-attachment-filter-dialog .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
attachment .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
out-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
out-add-note .out-button-toggle.selected .mat-button-toggle-group-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #9160ab;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
attachment-category-selector .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-category-detail-view .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
app-attachment-category-grid .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
attachment .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-notes-container .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.mfe-notes-container .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-category-card-view .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
out-add-note .out-button-toggle.small-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  padding: 4px 8px;
  border-radius: 0.5rem;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .optional-helper-text,
attachment-category-selector .out-button-toggle.small-toggle .optional-helper-text,
out-category-detail-view .out-button-toggle.small-toggle .optional-helper-text,
app-attachment-category-grid .out-button-toggle.small-toggle .optional-helper-text,
attachment .out-button-toggle.small-toggle .optional-helper-text,
out-notes-container .out-button-toggle.small-toggle .optional-helper-text,
.mfe-notes-container .out-button-toggle.small-toggle .optional-helper-text,
out-category-card-view .out-button-toggle.small-toggle .optional-helper-text,
out-add-note .out-button-toggle.small-toggle .optional-helper-text {
  font-style: italic;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .pixel-16,
attachment-category-selector .out-button-toggle.small-toggle .pixel-16,
out-category-detail-view .out-button-toggle.small-toggle .pixel-16,
app-attachment-category-grid .out-button-toggle.small-toggle .pixel-16,
attachment .out-button-toggle.small-toggle .pixel-16,
out-notes-container .out-button-toggle.small-toggle .pixel-16,
.mfe-notes-container .out-button-toggle.small-toggle .pixel-16,
out-category-card-view .out-button-toggle.small-toggle .pixel-16,
out-add-note .out-button-toggle.small-toggle .pixel-16 {
  width: 16px;
  height: 16px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .pixel-32,
attachment-category-selector .out-button-toggle.small-toggle .pixel-32,
out-category-detail-view .out-button-toggle.small-toggle .pixel-32,
app-attachment-category-grid .out-button-toggle.small-toggle .pixel-32,
attachment .out-button-toggle.small-toggle .pixel-32,
out-notes-container .out-button-toggle.small-toggle .pixel-32,
.mfe-notes-container .out-button-toggle.small-toggle .pixel-32,
out-category-card-view .out-button-toggle.small-toggle .pixel-32,
out-add-note .out-button-toggle.small-toggle .pixel-32 {
  width: 32px;
  height: 32px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .pixel-64,
attachment-category-selector .out-button-toggle.small-toggle .pixel-64,
out-category-detail-view .out-button-toggle.small-toggle .pixel-64,
app-attachment-category-grid .out-button-toggle.small-toggle .pixel-64,
attachment .out-button-toggle.small-toggle .pixel-64,
out-notes-container .out-button-toggle.small-toggle .pixel-64,
.mfe-notes-container .out-button-toggle.small-toggle .pixel-64,
out-category-card-view .out-button-toggle.small-toggle .pixel-64,
out-add-note .out-button-toggle.small-toggle .pixel-64 {
  width: 64px;
  height: 64px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .out-button-toggle,
attachment-category-selector .out-button-toggle.small-toggle .out-button-toggle,
out-category-detail-view .out-button-toggle.small-toggle .out-button-toggle,
app-attachment-category-grid .out-button-toggle.small-toggle .out-button-toggle,
attachment .out-button-toggle.small-toggle .out-button-toggle,
out-notes-container .out-button-toggle.small-toggle .out-button-toggle,
.mfe-notes-container .out-button-toggle.small-toggle .out-button-toggle,
out-category-card-view .out-button-toggle.small-toggle .out-button-toggle,
out-add-note .out-button-toggle.small-toggle .out-button-toggle {
  position: relative;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .out-button-toggle-error,
attachment-category-selector .out-button-toggle.small-toggle .out-button-toggle-error,
out-category-detail-view .out-button-toggle.small-toggle .out-button-toggle-error,
app-attachment-category-grid .out-button-toggle.small-toggle .out-button-toggle-error,
attachment .out-button-toggle.small-toggle .out-button-toggle-error,
out-notes-container .out-button-toggle.small-toggle .out-button-toggle-error,
.mfe-notes-container .out-button-toggle.small-toggle .out-button-toggle-error,
out-category-card-view .out-button-toggle.small-toggle .out-button-toggle-error,
out-add-note .out-button-toggle.small-toggle .out-button-toggle-error {
  position: absolute;
  left: 0;
  bottom: 0;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
attachment-category-selector .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
out-category-detail-view .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
app-attachment-category-grid .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
attachment .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
out-notes-container .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
.mfe-notes-container .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
out-category-card-view .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path,
out-add-note .out-button-toggle.small-toggle :host ::ng-deep .icon.button-toggle-active svg path {
  stroke: #fff;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
attachment-category-selector .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
out-category-detail-view .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
app-attachment-category-grid .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
attachment .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
out-notes-container .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
.mfe-notes-container .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
out-category-card-view .out-button-toggle.small-toggle .multi-line-buttons .block-button-text,
out-add-note .out-button-toggle.small-toggle .multi-line-buttons .block-button-text {
  height: 75px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
attachment-category-selector .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-category-detail-view .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
app-attachment-category-grid .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
attachment .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-notes-container .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.mfe-notes-container .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-category-card-view .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-add-note .out-button-toggle.small-toggle .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  border-bottom: solid 75px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
attachment-category-selector .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
out-category-detail-view .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
app-attachment-category-grid .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
attachment .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
out-notes-container .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
.mfe-notes-container .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
out-category-card-view .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle,
out-add-note .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle {
  white-space: normal;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
attachment-category-selector .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-category-detail-view .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
app-attachment-category-grid .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
attachment .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-notes-container .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
.mfe-notes-container .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-category-card-view .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay,
out-add-note .out-button-toggle.small-toggle :host ::ng-deep .multi-line-buttons .mat-button-toggle-checked .mat-button-toggle-focus-overlay {
  border-bottom: solid 75px;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .content-ellipsis,
attachment-category-selector .out-button-toggle.small-toggle .content-ellipsis,
out-category-detail-view .out-button-toggle.small-toggle .content-ellipsis,
app-attachment-category-grid .out-button-toggle.small-toggle .content-ellipsis,
attachment .out-button-toggle.small-toggle .content-ellipsis,
out-notes-container .out-button-toggle.small-toggle .content-ellipsis,
.mfe-notes-container .out-button-toggle.small-toggle .content-ellipsis,
out-category-card-view .out-button-toggle.small-toggle .content-ellipsis,
out-add-note .out-button-toggle.small-toggle .content-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
out-attachment-filter-dialog .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
attachment-category-selector .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
out-category-detail-view .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
app-attachment-category-grid .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
attachment .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
out-notes-container .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
.mfe-notes-container .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
out-category-card-view .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis,
out-add-note .out-button-toggle.small-toggle .multi-line-buttons .content-ellipsis {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
out-attachment-filter-dialog .out-button-toggle .mat-error,
out-attachment-filter-dialog .out-button-toggle .invalid-form,
attachment-category-selector .out-button-toggle .mat-error,
attachment-category-selector .out-button-toggle .invalid-form,
out-category-detail-view .out-button-toggle .mat-error,
out-category-detail-view .out-button-toggle .invalid-form,
app-attachment-category-grid .out-button-toggle .mat-error,
app-attachment-category-grid .out-button-toggle .invalid-form,
attachment .out-button-toggle .mat-error,
attachment .out-button-toggle .invalid-form,
out-notes-container .out-button-toggle .mat-error,
out-notes-container .out-button-toggle .invalid-form,
.mfe-notes-container .out-button-toggle .mat-error,
.mfe-notes-container .out-button-toggle .invalid-form,
out-category-card-view .out-button-toggle .mat-error,
out-category-card-view .out-button-toggle .invalid-form,
out-add-note .out-button-toggle .mat-error,
out-add-note .out-button-toggle .invalid-form {
  font-size: inherit !important;
}
out-attachment-filter-dialog .out-button-toggle .out-button-toggle-error,
attachment-category-selector .out-button-toggle .out-button-toggle-error,
out-category-detail-view .out-button-toggle .out-button-toggle-error,
app-attachment-category-grid .out-button-toggle .out-button-toggle-error,
attachment .out-button-toggle .out-button-toggle-error,
out-notes-container .out-button-toggle .out-button-toggle-error,
.mfe-notes-container .out-button-toggle .out-button-toggle-error,
out-category-card-view .out-button-toggle .out-button-toggle-error,
out-add-note .out-button-toggle .out-button-toggle-error {
  position: absolute;
}
out-attachment-filter-dialog .out-button-toggle .error-underline-wrapper,
attachment-category-selector .out-button-toggle .error-underline-wrapper,
out-category-detail-view .out-button-toggle .error-underline-wrapper,
app-attachment-category-grid .out-button-toggle .error-underline-wrapper,
attachment .out-button-toggle .error-underline-wrapper,
out-notes-container .out-button-toggle .error-underline-wrapper,
.mfe-notes-container .out-button-toggle .error-underline-wrapper,
out-category-card-view .out-button-toggle .error-underline-wrapper,
out-add-note .out-button-toggle .error-underline-wrapper {
  display: none;
}
out-attachment-filter-dialog .out-button-toggle .out-validation-error,
attachment-category-selector .out-button-toggle .out-validation-error,
out-category-detail-view .out-button-toggle .out-validation-error,
app-attachment-category-grid .out-button-toggle .out-validation-error,
attachment .out-button-toggle .out-validation-error,
out-notes-container .out-button-toggle .out-validation-error,
.mfe-notes-container .out-button-toggle .out-validation-error,
out-category-card-view .out-button-toggle .out-validation-error,
out-add-note .out-button-toggle .out-validation-error {
  font-size: 75%;
}
out-attachment-filter-dialog .out-button-toggle .error-message,
attachment-category-selector .out-button-toggle .error-message,
out-category-detail-view .out-button-toggle .error-message,
app-attachment-category-grid .out-button-toggle .error-message,
attachment .out-button-toggle .error-message,
out-notes-container .out-button-toggle .error-message,
.mfe-notes-container .out-button-toggle .error-message,
out-category-card-view .out-button-toggle .error-message,
out-add-note .out-button-toggle .error-message {
  font-weight: 400 !important;
  color: #a21902 !important;
}
out-attachment-filter-dialog .group-container,
attachment-category-selector .group-container,
out-category-detail-view .group-container,
app-attachment-category-grid .group-container,
attachment .group-container,
out-notes-container .group-container,
.mfe-notes-container .group-container,
out-category-card-view .group-container,
out-add-note .group-container {
  width: calc(100% + 1rem);
}
out-attachment-filter-dialog .group-container.lt-md,
attachment-category-selector .group-container.lt-md,
out-category-detail-view .group-container.lt-md,
app-attachment-category-grid .group-container.lt-md,
attachment .group-container.lt-md,
out-notes-container .group-container.lt-md,
.mfe-notes-container .group-container.lt-md,
out-category-card-view .group-container.lt-md,
out-add-note .group-container.lt-md {
  width: 100%;
}
out-attachment-filter-dialog .form-group-control-container .group-control-wrapper,
attachment-category-selector .form-group-control-container .group-control-wrapper,
out-category-detail-view .form-group-control-container .group-control-wrapper,
app-attachment-category-grid .form-group-control-container .group-control-wrapper,
attachment .form-group-control-container .group-control-wrapper,
out-notes-container .form-group-control-container .group-control-wrapper,
.mfe-notes-container .form-group-control-container .group-control-wrapper,
out-category-card-view .form-group-control-container .group-control-wrapper,
out-add-note .form-group-control-container .group-control-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding-right: 1rem;
}
out-attachment-filter-dialog .form-group-control-container .group-control-wrapper.lt-md,
attachment-category-selector .form-group-control-container .group-control-wrapper.lt-md,
out-category-detail-view .form-group-control-container .group-control-wrapper.lt-md,
app-attachment-category-grid .form-group-control-container .group-control-wrapper.lt-md,
attachment .form-group-control-container .group-control-wrapper.lt-md,
out-notes-container .form-group-control-container .group-control-wrapper.lt-md,
.mfe-notes-container .form-group-control-container .group-control-wrapper.lt-md,
out-category-card-view .form-group-control-container .group-control-wrapper.lt-md,
out-add-note .form-group-control-container .group-control-wrapper.lt-md {
  width: 100%;
  padding-right: 0;
}
out-attachment-filter-dialog .form-group-control-container .mobile-inline-spacing,
attachment-category-selector .form-group-control-container .mobile-inline-spacing,
out-category-detail-view .form-group-control-container .mobile-inline-spacing,
app-attachment-category-grid .form-group-control-container .mobile-inline-spacing,
attachment .form-group-control-container .mobile-inline-spacing,
out-notes-container .form-group-control-container .mobile-inline-spacing,
.mfe-notes-container .form-group-control-container .mobile-inline-spacing,
out-category-card-view .form-group-control-container .mobile-inline-spacing,
out-add-note .form-group-control-container .mobile-inline-spacing {
  padding-right: 1em !important;
}
out-attachment-filter-dialog .form-group-control-container-inline .group-control-wrapper,
attachment-category-selector .form-group-control-container-inline .group-control-wrapper,
out-category-detail-view .form-group-control-container-inline .group-control-wrapper,
app-attachment-category-grid .form-group-control-container-inline .group-control-wrapper,
attachment .form-group-control-container-inline .group-control-wrapper,
out-notes-container .form-group-control-container-inline .group-control-wrapper,
.mfe-notes-container .form-group-control-container-inline .group-control-wrapper,
out-category-card-view .form-group-control-container-inline .group-control-wrapper,
out-add-note .form-group-control-container-inline .group-control-wrapper {
  padding-right: 1em;
  align-items: flex-end;
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
}
out-attachment-filter-dialog .form-group-control-container-inline .group-control-wrapper > *,
attachment-category-selector .form-group-control-container-inline .group-control-wrapper > *,
out-category-detail-view .form-group-control-container-inline .group-control-wrapper > *,
app-attachment-category-grid .form-group-control-container-inline .group-control-wrapper > *,
attachment .form-group-control-container-inline .group-control-wrapper > *,
out-notes-container .form-group-control-container-inline .group-control-wrapper > *,
.mfe-notes-container .form-group-control-container-inline .group-control-wrapper > *,
out-category-card-view .form-group-control-container-inline .group-control-wrapper > *,
out-add-note .form-group-control-container-inline .group-control-wrapper > * {
  width: 100%;
  max-width: 100%;
}
out-attachment-filter-dialog .scroll-container,
attachment-category-selector .scroll-container,
out-category-detail-view .scroll-container,
app-attachment-category-grid .scroll-container,
attachment .scroll-container,
out-notes-container .scroll-container,
.mfe-notes-container .scroll-container,
out-category-card-view .scroll-container,
out-add-note .scroll-container {
  flex: 1;
  overflow: auto;
  padding-block: 1rem 2rem;
  padding-inline: 3rem;
}
out-attachment-filter-dialog .section-sub-heading-container,
attachment-category-selector .section-sub-heading-container,
out-category-detail-view .section-sub-heading-container,
app-attachment-category-grid .section-sub-heading-container,
attachment .section-sub-heading-container,
out-notes-container .section-sub-heading-container,
.mfe-notes-container .section-sub-heading-container,
out-category-card-view .section-sub-heading-container,
out-add-note .section-sub-heading-container {
  position: relative;
  height: 72px;
  background: #e7f7e6;
  width: calc(100% + 7.25rem);
  border-radius: 0.75rem;
  padding: 0 3.625rem;
  left: -3.625rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
out-attachment-filter-dialog .section-sub-heading-container h3,
attachment-category-selector .section-sub-heading-container h3,
out-category-detail-view .section-sub-heading-container h3,
app-attachment-category-grid .section-sub-heading-container h3,
attachment .section-sub-heading-container h3,
out-notes-container .section-sub-heading-container h3,
.mfe-notes-container .section-sub-heading-container h3,
out-category-card-view .section-sub-heading-container h3,
out-add-note .section-sub-heading-container h3 {
  color: #286a46;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .section-sub-heading-container.lt-md,
attachment-category-selector .section-sub-heading-container.lt-md,
out-category-detail-view .section-sub-heading-container.lt-md,
app-attachment-category-grid .section-sub-heading-container.lt-md,
attachment .section-sub-heading-container.lt-md,
out-notes-container .section-sub-heading-container.lt-md,
.mfe-notes-container .section-sub-heading-container.lt-md,
out-category-card-view .section-sub-heading-container.lt-md,
out-add-note .section-sub-heading-container.lt-md {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
out-attachment-filter-dialog .plain-text-control,
attachment-category-selector .plain-text-control,
out-category-detail-view .plain-text-control,
app-attachment-category-grid .plain-text-control,
attachment .plain-text-control,
out-notes-container .plain-text-control,
.mfe-notes-container .plain-text-control,
out-category-card-view .plain-text-control,
out-add-note .plain-text-control {
  margin: 0 0 1.25rem 0;
}
out-attachment-filter-dialog .plain-text-control .heading,
attachment-category-selector .plain-text-control .heading,
out-category-detail-view .plain-text-control .heading,
app-attachment-category-grid .plain-text-control .heading,
attachment .plain-text-control .heading,
out-notes-container .plain-text-control .heading,
.mfe-notes-container .plain-text-control .heading,
out-category-card-view .plain-text-control .heading,
out-add-note .plain-text-control .heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  margin: 0 0 0.25rem 0;
}
out-attachment-filter-dialog .plain-text-control .content,
attachment-category-selector .plain-text-control .content,
out-category-detail-view .plain-text-control .content,
app-attachment-category-grid .plain-text-control .content,
attachment .plain-text-control .content,
out-notes-container .plain-text-control .content,
.mfe-notes-container .plain-text-control .content,
out-category-card-view .plain-text-control .content,
out-add-note .plain-text-control .content {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: #5e5e5e;
}
out-attachment-filter-dialog .plain-text-control .content p,
attachment-category-selector .plain-text-control .content p,
out-category-detail-view .plain-text-control .content p,
app-attachment-category-grid .plain-text-control .content p,
attachment .plain-text-control .content p,
out-notes-container .plain-text-control .content p,
.mfe-notes-container .plain-text-control .content p,
out-category-card-view .plain-text-control .content p,
out-add-note .plain-text-control .content p {
  margin: 0;
}
out-attachment-filter-dialog .plain-text-control .content.info-block,
attachment-category-selector .plain-text-control .content.info-block,
out-category-detail-view .plain-text-control .content.info-block,
app-attachment-category-grid .plain-text-control .content.info-block,
attachment .plain-text-control .content.info-block,
out-notes-container .plain-text-control .content.info-block,
.mfe-notes-container .plain-text-control .content.info-block,
out-category-card-view .plain-text-control .content.info-block,
out-add-note .plain-text-control .content.info-block {
  margin-top: 1.25rem;
  padding: 16px;
  background-color: #baefb5;
  border-radius: 1rem;
}
out-attachment-filter-dialog .plain-text-control .content.info-block em,
attachment-category-selector .plain-text-control .content.info-block em,
out-category-detail-view .plain-text-control .content.info-block em,
app-attachment-category-grid .plain-text-control .content.info-block em,
attachment .plain-text-control .content.info-block em,
out-notes-container .plain-text-control .content.info-block em,
.mfe-notes-container .plain-text-control .content.info-block em,
out-category-card-view .plain-text-control .content.info-block em,
out-add-note .plain-text-control .content.info-block em {
  margin-right: 16px;
}
out-attachment-filter-dialog .image-control,
attachment-category-selector .image-control,
out-category-detail-view .image-control,
app-attachment-category-grid .image-control,
attachment .image-control,
out-notes-container .image-control,
.mfe-notes-container .image-control,
out-category-card-view .image-control,
out-add-note .image-control {
  position: relative;
  margin-top: -6px;
  margin-bottom: 1.25rem;
}
out-attachment-filter-dialog .extra-information-control,
attachment-category-selector .extra-information-control,
out-category-detail-view .extra-information-control,
app-attachment-category-grid .extra-information-control,
attachment .extra-information-control,
out-notes-container .extra-information-control,
.mfe-notes-container .extra-information-control,
out-category-card-view .extra-information-control,
out-add-note .extra-information-control {
  background: #f4fbf4;
  padding: 1.5rem;
  border-radius: 1rem;
  margin: 0 0 1.25rem 0;
  position: relative;
}
out-attachment-filter-dialog .extra-information-control .heading,
attachment-category-selector .extra-information-control .heading,
out-category-detail-view .extra-information-control .heading,
app-attachment-category-grid .extra-information-control .heading,
attachment .extra-information-control .heading,
out-notes-container .extra-information-control .heading,
.mfe-notes-container .extra-information-control .heading,
out-category-card-view .extra-information-control .heading,
out-add-note .extra-information-control .heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #286a46;
}
out-attachment-filter-dialog .extra-information-control ul,
attachment-category-selector .extra-information-control ul,
out-category-detail-view .extra-information-control ul,
app-attachment-category-grid .extra-information-control ul,
attachment .extra-information-control ul,
out-notes-container .extra-information-control ul,
.mfe-notes-container .extra-information-control ul,
out-category-card-view .extra-information-control ul,
out-add-note .extra-information-control ul {
  margin: 0;
  padding: 0 0 0 20px;
}
out-attachment-filter-dialog .extra-information-control ul li,
attachment-category-selector .extra-information-control ul li,
out-category-detail-view .extra-information-control ul li,
app-attachment-category-grid .extra-information-control ul li,
attachment .extra-information-control ul li,
out-notes-container .extra-information-control ul li,
.mfe-notes-container .extra-information-control ul li,
out-category-card-view .extra-information-control ul li,
out-add-note .extra-information-control ul li {
  padding: 2px 0;
}
out-attachment-filter-dialog .extra-information-control .content,
attachment-category-selector .extra-information-control .content,
out-category-detail-view .extra-information-control .content,
app-attachment-category-grid .extra-information-control .content,
attachment .extra-information-control .content,
out-notes-container .extra-information-control .content,
.mfe-notes-container .extra-information-control .content,
out-category-card-view .extra-information-control .content,
out-add-note .extra-information-control .content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .extra-information-control .content.no-heading p:first-child,
attachment-category-selector .extra-information-control .content.no-heading p:first-child,
out-category-detail-view .extra-information-control .content.no-heading p:first-child,
app-attachment-category-grid .extra-information-control .content.no-heading p:first-child,
attachment .extra-information-control .content.no-heading p:first-child,
out-notes-container .extra-information-control .content.no-heading p:first-child,
.mfe-notes-container .extra-information-control .content.no-heading p:first-child,
out-category-card-view .extra-information-control .content.no-heading p:first-child,
out-add-note .extra-information-control .content.no-heading p:first-child {
  margin-top: 4px;
}
out-attachment-filter-dialog .extra-information-control .content p:last-child,
attachment-category-selector .extra-information-control .content p:last-child,
out-category-detail-view .extra-information-control .content p:last-child,
app-attachment-category-grid .extra-information-control .content p:last-child,
attachment .extra-information-control .content p:last-child,
out-notes-container .extra-information-control .content p:last-child,
.mfe-notes-container .extra-information-control .content p:last-child,
out-category-card-view .extra-information-control .content p:last-child,
out-add-note .extra-information-control .content p:last-child {
  margin-bottom: 0;
}
out-attachment-filter-dialog .extra-information-control .image,
attachment-category-selector .extra-information-control .image,
out-category-detail-view .extra-information-control .image,
app-attachment-category-grid .extra-information-control .image,
attachment .extra-information-control .image,
out-notes-container .extra-information-control .image,
.mfe-notes-container .extra-information-control .image,
out-category-card-view .extra-information-control .image,
out-add-note .extra-information-control .image {
  margin-right: 1.5rem;
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  background: #d6f4d4;
  display: block;
}
out-attachment-filter-dialog .extra-information-control .image .icon,
attachment-category-selector .extra-information-control .image .icon,
out-category-detail-view .extra-information-control .image .icon,
app-attachment-category-grid .extra-information-control .image .icon,
attachment .extra-information-control .image .icon,
out-notes-container .extra-information-control .image .icon,
.mfe-notes-container .extra-information-control .image .icon,
out-category-card-view .extra-information-control .image .icon,
out-add-note .extra-information-control .image .icon {
  min-width: 28px;
  min-height: 28px;
}
out-attachment-filter-dialog .extra-information-control.top::after,
attachment-category-selector .extra-information-control.top::after,
out-category-detail-view .extra-information-control.top::after,
app-attachment-category-grid .extra-information-control.top::after,
attachment .extra-information-control.top::after,
out-notes-container .extra-information-control.top::after,
.mfe-notes-container .extra-information-control.top::after,
out-category-card-view .extra-information-control.top::after,
out-add-note .extra-information-control.top::after {
  content: "";
  position: absolute;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 12px solid #f4fbf4;
  top: -12px;
  left: 32px;
}
out-attachment-filter-dialog .extra-information-control.bottom::after,
attachment-category-selector .extra-information-control.bottom::after,
out-category-detail-view .extra-information-control.bottom::after,
app-attachment-category-grid .extra-information-control.bottom::after,
attachment .extra-information-control.bottom::after,
out-notes-container .extra-information-control.bottom::after,
.mfe-notes-container .extra-information-control.bottom::after,
out-category-card-view .extra-information-control.bottom::after,
out-add-note .extra-information-control.bottom::after {
  content: "";
  position: absolute;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 12px solid #f4fbf4;
  bottom: -12px;
  left: 32px;
}
out-attachment-filter-dialog .lt-md .extra-information-control .image,
attachment-category-selector .lt-md .extra-information-control .image,
out-category-detail-view .lt-md .extra-information-control .image,
app-attachment-category-grid .lt-md .extra-information-control .image,
attachment .lt-md .extra-information-control .image,
out-notes-container .lt-md .extra-information-control .image,
.mfe-notes-container .lt-md .extra-information-control .image,
out-category-card-view .lt-md .extra-information-control .image,
out-add-note .lt-md .extra-information-control .image {
  margin-bottom: 0.75rem;
}
out-attachment-filter-dialog .lt-md .extra-information-control .content.no-heading p:first-child,
attachment-category-selector .lt-md .extra-information-control .content.no-heading p:first-child,
out-category-detail-view .lt-md .extra-information-control .content.no-heading p:first-child,
app-attachment-category-grid .lt-md .extra-information-control .content.no-heading p:first-child,
attachment .lt-md .extra-information-control .content.no-heading p:first-child,
out-notes-container .lt-md .extra-information-control .content.no-heading p:first-child,
.mfe-notes-container .lt-md .extra-information-control .content.no-heading p:first-child,
out-category-card-view .lt-md .extra-information-control .content.no-heading p:first-child,
out-add-note .lt-md .extra-information-control .content.no-heading p:first-child {
  margin-top: 14px;
}
out-attachment-filter-dialog .address-map-component .address-map-container,
attachment-category-selector .address-map-component .address-map-container,
out-category-detail-view .address-map-component .address-map-container,
app-attachment-category-grid .address-map-component .address-map-container,
attachment .address-map-component .address-map-container,
out-notes-container .address-map-component .address-map-container,
.mfe-notes-container .address-map-component .address-map-container,
out-category-card-view .address-map-component .address-map-container,
out-add-note .address-map-component .address-map-container {
  height: 220px;
  background: #eee;
  margin: 0 0 1.5rem 0;
  border: 2px solid #e2e2e2;
  border-radius: 0.75rem;
}
out-attachment-filter-dialog .international-phone-number,
attachment-category-selector .international-phone-number,
out-category-detail-view .international-phone-number,
app-attachment-category-grid .international-phone-number,
attachment .international-phone-number,
out-notes-container .international-phone-number,
.mfe-notes-container .international-phone-number,
out-category-card-view .international-phone-number,
out-add-note .international-phone-number {
  position: relative;
  width: 100%;
  max-width: 100%;
}
out-attachment-filter-dialog .international-phone-number .hidden-field-validation,
attachment-category-selector .international-phone-number .hidden-field-validation,
out-category-detail-view .international-phone-number .hidden-field-validation,
app-attachment-category-grid .international-phone-number .hidden-field-validation,
attachment .international-phone-number .hidden-field-validation,
out-notes-container .international-phone-number .hidden-field-validation,
.mfe-notes-container .international-phone-number .hidden-field-validation,
out-category-card-view .international-phone-number .hidden-field-validation,
out-add-note .international-phone-number .hidden-field-validation {
  position: absolute;
  z-index: 0;
}
out-attachment-filter-dialog .international-phone-number .hidden-field-validation .mat-form-field-flex,
attachment-category-selector .international-phone-number .hidden-field-validation .mat-form-field-flex,
out-category-detail-view .international-phone-number .hidden-field-validation .mat-form-field-flex,
app-attachment-category-grid .international-phone-number .hidden-field-validation .mat-form-field-flex,
attachment .international-phone-number .hidden-field-validation .mat-form-field-flex,
out-notes-container .international-phone-number .hidden-field-validation .mat-form-field-flex,
.mfe-notes-container .international-phone-number .hidden-field-validation .mat-form-field-flex,
out-category-card-view .international-phone-number .hidden-field-validation .mat-form-field-flex,
out-add-note .international-phone-number .hidden-field-validation .mat-form-field-flex {
  visibility: hidden !important;
}
out-attachment-filter-dialog .international-phone-number .out-international-phone-number-field,
attachment-category-selector .international-phone-number .out-international-phone-number-field,
out-category-detail-view .international-phone-number .out-international-phone-number-field,
app-attachment-category-grid .international-phone-number .out-international-phone-number-field,
attachment .international-phone-number .out-international-phone-number-field,
out-notes-container .international-phone-number .out-international-phone-number-field,
.mfe-notes-container .international-phone-number .out-international-phone-number-field,
out-category-card-view .international-phone-number .out-international-phone-number-field,
out-add-note .international-phone-number .out-international-phone-number-field {
  position: relative;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select,
attachment-category-selector .international-phone-number .international-phone-number-select,
out-category-detail-view .international-phone-number .international-phone-number-select,
app-attachment-category-grid .international-phone-number .international-phone-number-select,
attachment .international-phone-number .international-phone-number-select,
out-notes-container .international-phone-number .international-phone-number-select,
.mfe-notes-container .international-phone-number .international-phone-number-select,
out-category-card-view .international-phone-number .international-phone-number-select,
out-add-note .international-phone-number .international-phone-number-select {
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .spacer,
attachment-category-selector .international-phone-number .international-phone-number-select .spacer,
out-category-detail-view .international-phone-number .international-phone-number-select .spacer,
app-attachment-category-grid .international-phone-number .international-phone-number-select .spacer,
attachment .international-phone-number .international-phone-number-select .spacer,
out-notes-container .international-phone-number .international-phone-number-select .spacer,
.mfe-notes-container .international-phone-number .international-phone-number-select .spacer,
out-category-card-view .international-phone-number .international-phone-number-select .spacer,
out-add-note .international-phone-number .international-phone-number-select .spacer {
  position: absolute;
  left: 80px;
  width: 0;
  height: 24px;
  top: 16px;
  border-left: 2px solid #efebf2;
  z-index: 9;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number,
attachment-category-selector .international-phone-number .international-phone-number-select .number,
out-category-detail-view .international-phone-number .international-phone-number-select .number,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number,
attachment .international-phone-number .international-phone-number-select .number,
out-notes-container .international-phone-number .international-phone-number-select .number,
.mfe-notes-container .international-phone-number .international-phone-number-select .number,
out-category-card-view .international-phone-number .international-phone-number-select .number,
out-add-note .international-phone-number .international-phone-number-select .number {
  width: auto;
  position: absolute;
  left: 80px;
  right: 0;
  top: 0;
  z-index: 2;
  box-sizing: border-box;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex {
  box-shadow: none !important;
  background: transparent !important;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline {
  box-shadow: none !important;
  background: transparent !important;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap, out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-attachment-filter-dialog .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
attachment-category-selector .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
attachment-category-selector .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-category-detail-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-category-detail-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
app-attachment-category-grid .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
attachment .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
attachment .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.mfe-notes-container .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
.mfe-notes-container .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-category-card-view .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-category-card-view .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-add-note .international-phone-number .international-phone-number-select .number.mat-focused .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
out-add-note .international-phone-number .international-phone-number-select .number .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}
out-attachment-filter-dialog .international-phone-number-option-container .flag,
attachment-category-selector .international-phone-number-option-container .flag,
out-category-detail-view .international-phone-number-option-container .flag,
app-attachment-category-grid .international-phone-number-option-container .flag,
attachment .international-phone-number-option-container .flag,
out-notes-container .international-phone-number-option-container .flag,
.mfe-notes-container .international-phone-number-option-container .flag,
out-category-card-view .international-phone-number-option-container .flag,
out-add-note .international-phone-number-option-container .flag {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  overflow: hidden;
  border-radius: 30px;
}
out-attachment-filter-dialog .international-phone-number-option-container .code,
attachment-category-selector .international-phone-number-option-container .code,
out-category-detail-view .international-phone-number-option-container .code,
app-attachment-category-grid .international-phone-number-option-container .code,
attachment .international-phone-number-option-container .code,
out-notes-container .international-phone-number-option-container .code,
.mfe-notes-container .international-phone-number-option-container .code,
out-category-card-view .international-phone-number-option-container .code,
out-add-note .international-phone-number-option-container .code {
  width: 50px;
}
out-attachment-filter-dialog .--flatSecondary,
attachment-category-selector .--flatSecondary,
out-category-detail-view .--flatSecondary,
app-attachment-category-grid .--flatSecondary,
attachment .--flatSecondary,
out-notes-container .--flatSecondary,
.mfe-notes-container .--flatSecondary,
out-category-card-view .--flatSecondary,
out-add-note .--flatSecondary {
  background: #9160ab;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #9160ab;
  color: #31123f;
}
out-attachment-filter-dialog .--flatSecondary .mat-icon svg path,
attachment-category-selector .--flatSecondary .mat-icon svg path,
out-category-detail-view .--flatSecondary .mat-icon svg path,
app-attachment-category-grid .--flatSecondary .mat-icon svg path,
attachment .--flatSecondary .mat-icon svg path,
out-notes-container .--flatSecondary .mat-icon svg path,
.mfe-notes-container .--flatSecondary .mat-icon svg path,
out-category-card-view .--flatSecondary .mat-icon svg path,
out-add-note .--flatSecondary .mat-icon svg path {
  stroke: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:hover,
attachment-category-selector .--flatSecondary:hover,
out-category-detail-view .--flatSecondary:hover,
app-attachment-category-grid .--flatSecondary:hover,
attachment .--flatSecondary:hover,
out-notes-container .--flatSecondary:hover,
.mfe-notes-container .--flatSecondary:hover,
out-category-card-view .--flatSecondary:hover,
out-add-note .--flatSecondary:hover {
  background: #6f3c87;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #6f3c87;
  color: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:hover .mat-icon svg path,
attachment-category-selector .--flatSecondary:hover .mat-icon svg path,
out-category-detail-view .--flatSecondary:hover .mat-icon svg path,
app-attachment-category-grid .--flatSecondary:hover .mat-icon svg path,
attachment .--flatSecondary:hover .mat-icon svg path,
out-notes-container .--flatSecondary:hover .mat-icon svg path,
.mfe-notes-container .--flatSecondary:hover .mat-icon svg path,
out-category-card-view .--flatSecondary:hover .mat-icon svg path,
out-add-note .--flatSecondary:hover .mat-icon svg path {
  stroke: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:focus,
attachment-category-selector .--flatSecondary:focus,
out-category-detail-view .--flatSecondary:focus,
app-attachment-category-grid .--flatSecondary:focus,
attachment .--flatSecondary:focus,
out-notes-container .--flatSecondary:focus,
.mfe-notes-container .--flatSecondary:focus,
out-category-card-view .--flatSecondary:focus,
out-add-note .--flatSecondary:focus {
  background: #6f3c87;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #6f3c87;
  color: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:focus .mat-icon svg path,
attachment-category-selector .--flatSecondary:focus .mat-icon svg path,
out-category-detail-view .--flatSecondary:focus .mat-icon svg path,
app-attachment-category-grid .--flatSecondary:focus .mat-icon svg path,
attachment .--flatSecondary:focus .mat-icon svg path,
out-notes-container .--flatSecondary:focus .mat-icon svg path,
.mfe-notes-container .--flatSecondary:focus .mat-icon svg path,
out-category-card-view .--flatSecondary:focus .mat-icon svg path,
out-add-note .--flatSecondary:focus .mat-icon svg path {
  stroke: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:active,
attachment-category-selector .--flatSecondary:active,
out-category-detail-view .--flatSecondary:active,
app-attachment-category-grid .--flatSecondary:active,
attachment .--flatSecondary:active,
out-notes-container .--flatSecondary:active,
.mfe-notes-container .--flatSecondary:active,
out-category-card-view .--flatSecondary:active,
out-add-note .--flatSecondary:active {
  background: #5d2d73;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #5d2d73;
  color: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:active .mat-icon svg path,
attachment-category-selector .--flatSecondary:active .mat-icon svg path,
out-category-detail-view .--flatSecondary:active .mat-icon svg path,
app-attachment-category-grid .--flatSecondary:active .mat-icon svg path,
attachment .--flatSecondary:active .mat-icon svg path,
out-notes-container .--flatSecondary:active .mat-icon svg path,
.mfe-notes-container .--flatSecondary:active .mat-icon svg path,
out-category-card-view .--flatSecondary:active .mat-icon svg path,
out-add-note .--flatSecondary:active .mat-icon svg path {
  stroke: #31123f;
}
out-attachment-filter-dialog .--flatSecondary:disabled, out-attachment-filter-dialog .--flatSecondary[disabled],
attachment-category-selector .--flatSecondary:disabled,
attachment-category-selector .--flatSecondary[disabled],
out-category-detail-view .--flatSecondary:disabled,
out-category-detail-view .--flatSecondary[disabled],
app-attachment-category-grid .--flatSecondary:disabled,
app-attachment-category-grid .--flatSecondary[disabled],
attachment .--flatSecondary:disabled,
attachment .--flatSecondary[disabled],
out-notes-container .--flatSecondary:disabled,
out-notes-container .--flatSecondary[disabled],
.mfe-notes-container .--flatSecondary:disabled,
.mfe-notes-container .--flatSecondary[disabled],
out-category-card-view .--flatSecondary:disabled,
out-category-card-view .--flatSecondary[disabled],
out-add-note .--flatSecondary:disabled,
out-add-note .--flatSecondary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: rgba(0, 0, 0, 0.55);
}
out-attachment-filter-dialog .--flatSecondary:disabled .mat-icon svg path, out-attachment-filter-dialog .--flatSecondary[disabled] .mat-icon svg path,
attachment-category-selector .--flatSecondary:disabled .mat-icon svg path,
attachment-category-selector .--flatSecondary[disabled] .mat-icon svg path,
out-category-detail-view .--flatSecondary:disabled .mat-icon svg path,
out-category-detail-view .--flatSecondary[disabled] .mat-icon svg path,
app-attachment-category-grid .--flatSecondary:disabled .mat-icon svg path,
app-attachment-category-grid .--flatSecondary[disabled] .mat-icon svg path,
attachment .--flatSecondary:disabled .mat-icon svg path,
attachment .--flatSecondary[disabled] .mat-icon svg path,
out-notes-container .--flatSecondary:disabled .mat-icon svg path,
out-notes-container .--flatSecondary[disabled] .mat-icon svg path,
.mfe-notes-container .--flatSecondary:disabled .mat-icon svg path,
.mfe-notes-container .--flatSecondary[disabled] .mat-icon svg path,
out-category-card-view .--flatSecondary:disabled .mat-icon svg path,
out-category-card-view .--flatSecondary[disabled] .mat-icon svg path,
out-add-note .--flatSecondary:disabled .mat-icon svg path,
out-add-note .--flatSecondary[disabled] .mat-icon svg path {
  stroke: rgba(0, 0, 0, 0.55);
}
out-attachment-filter-dialog .--flatPrimary,
attachment-category-selector .--flatPrimary,
out-category-detail-view .--flatPrimary,
app-attachment-category-grid .--flatPrimary,
attachment .--flatPrimary,
out-notes-container .--flatPrimary,
.mfe-notes-container .--flatPrimary,
out-category-card-view .--flatPrimary,
out-add-note .--flatPrimary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #93cd3f;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  border: 2px solid #93cd3f;
  color: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary .mat-icon svg path,
attachment-category-selector .--flatPrimary .mat-icon svg path,
out-category-detail-view .--flatPrimary .mat-icon svg path,
app-attachment-category-grid .--flatPrimary .mat-icon svg path,
attachment .--flatPrimary .mat-icon svg path,
out-notes-container .--flatPrimary .mat-icon svg path,
.mfe-notes-container .--flatPrimary .mat-icon svg path,
out-category-card-view .--flatPrimary .mat-icon svg path,
out-add-note .--flatPrimary .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:hover,
attachment-category-selector .--flatPrimary:hover,
out-category-detail-view .--flatPrimary:hover,
app-attachment-category-grid .--flatPrimary:hover,
attachment .--flatPrimary:hover,
out-notes-container .--flatPrimary:hover,
.mfe-notes-container .--flatPrimary:hover,
out-category-card-view .--flatPrimary:hover,
out-add-note .--flatPrimary:hover {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:hover .mat-icon svg path,
attachment-category-selector .--flatPrimary:hover .mat-icon svg path,
out-category-detail-view .--flatPrimary:hover .mat-icon svg path,
app-attachment-category-grid .--flatPrimary:hover .mat-icon svg path,
attachment .--flatPrimary:hover .mat-icon svg path,
out-notes-container .--flatPrimary:hover .mat-icon svg path,
.mfe-notes-container .--flatPrimary:hover .mat-icon svg path,
out-category-card-view .--flatPrimary:hover .mat-icon svg path,
out-add-note .--flatPrimary:hover .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:focus,
attachment-category-selector .--flatPrimary:focus,
out-category-detail-view .--flatPrimary:focus,
app-attachment-category-grid .--flatPrimary:focus,
attachment .--flatPrimary:focus,
out-notes-container .--flatPrimary:focus,
.mfe-notes-container .--flatPrimary:focus,
out-category-card-view .--flatPrimary:focus,
out-add-note .--flatPrimary:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.2);
  border-color: #a9d765;
  color: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:focus .mat-icon svg path,
attachment-category-selector .--flatPrimary:focus .mat-icon svg path,
out-category-detail-view .--flatPrimary:focus .mat-icon svg path,
app-attachment-category-grid .--flatPrimary:focus .mat-icon svg path,
attachment .--flatPrimary:focus .mat-icon svg path,
out-notes-container .--flatPrimary:focus .mat-icon svg path,
.mfe-notes-container .--flatPrimary:focus .mat-icon svg path,
out-category-card-view .--flatPrimary:focus .mat-icon svg path,
out-add-note .--flatPrimary:focus .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:active,
attachment-category-selector .--flatPrimary:active,
out-category-detail-view .--flatPrimary:active,
app-attachment-category-grid .--flatPrimary:active,
attachment .--flatPrimary:active,
out-notes-container .--flatPrimary:active,
.mfe-notes-container .--flatPrimary:active,
out-category-card-view .--flatPrimary:active,
out-add-note .--flatPrimary:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:active .mat-icon svg path,
attachment-category-selector .--flatPrimary:active .mat-icon svg path,
out-category-detail-view .--flatPrimary:active .mat-icon svg path,
app-attachment-category-grid .--flatPrimary:active .mat-icon svg path,
attachment .--flatPrimary:active .mat-icon svg path,
out-notes-container .--flatPrimary:active .mat-icon svg path,
.mfe-notes-container .--flatPrimary:active .mat-icon svg path,
out-category-card-view .--flatPrimary:active .mat-icon svg path,
out-add-note .--flatPrimary:active .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:disabled, out-attachment-filter-dialog .--flatPrimary[disabled],
attachment-category-selector .--flatPrimary:disabled,
attachment-category-selector .--flatPrimary[disabled],
out-category-detail-view .--flatPrimary:disabled,
out-category-detail-view .--flatPrimary[disabled],
app-attachment-category-grid .--flatPrimary:disabled,
app-attachment-category-grid .--flatPrimary[disabled],
attachment .--flatPrimary:disabled,
attachment .--flatPrimary[disabled],
out-notes-container .--flatPrimary:disabled,
out-notes-container .--flatPrimary[disabled],
.mfe-notes-container .--flatPrimary:disabled,
.mfe-notes-container .--flatPrimary[disabled],
out-category-card-view .--flatPrimary:disabled,
out-category-card-view .--flatPrimary[disabled],
out-add-note .--flatPrimary:disabled,
out-add-note .--flatPrimary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #ffffff;
}
out-attachment-filter-dialog .--flatPrimary:disabled .mat-icon svg path, out-attachment-filter-dialog .--flatPrimary[disabled] .mat-icon svg path,
attachment-category-selector .--flatPrimary:disabled .mat-icon svg path,
attachment-category-selector .--flatPrimary[disabled] .mat-icon svg path,
out-category-detail-view .--flatPrimary:disabled .mat-icon svg path,
out-category-detail-view .--flatPrimary[disabled] .mat-icon svg path,
app-attachment-category-grid .--flatPrimary:disabled .mat-icon svg path,
app-attachment-category-grid .--flatPrimary[disabled] .mat-icon svg path,
attachment .--flatPrimary:disabled .mat-icon svg path,
attachment .--flatPrimary[disabled] .mat-icon svg path,
out-notes-container .--flatPrimary:disabled .mat-icon svg path,
out-notes-container .--flatPrimary[disabled] .mat-icon svg path,
.mfe-notes-container .--flatPrimary:disabled .mat-icon svg path,
.mfe-notes-container .--flatPrimary[disabled] .mat-icon svg path,
out-category-card-view .--flatPrimary:disabled .mat-icon svg path,
out-category-card-view .--flatPrimary[disabled] .mat-icon svg path,
out-add-note .--flatPrimary:disabled .mat-icon svg path,
out-add-note .--flatPrimary[disabled] .mat-icon svg path {
  stroke: #ffffff;
}
out-attachment-filter-dialog .--flatTertiary,
attachment-category-selector .--flatTertiary,
out-category-detail-view .--flatTertiary,
app-attachment-category-grid .--flatTertiary,
attachment .--flatTertiary,
out-notes-container .--flatTertiary,
.mfe-notes-container .--flatTertiary,
out-category-card-view .--flatTertiary,
out-add-note .--flatTertiary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #ffffff;
  box-shadow: none;
  border: 2px solid #ffffff;
  color: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary .mat-icon svg path,
attachment-category-selector .--flatTertiary .mat-icon svg path,
out-category-detail-view .--flatTertiary .mat-icon svg path,
app-attachment-category-grid .--flatTertiary .mat-icon svg path,
attachment .--flatTertiary .mat-icon svg path,
out-notes-container .--flatTertiary .mat-icon svg path,
.mfe-notes-container .--flatTertiary .mat-icon svg path,
out-category-card-view .--flatTertiary .mat-icon svg path,
out-add-note .--flatTertiary .mat-icon svg path {
  stroke: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:hover,
attachment-category-selector .--flatTertiary:hover,
out-category-detail-view .--flatTertiary:hover,
app-attachment-category-grid .--flatTertiary:hover,
attachment .--flatTertiary:hover,
out-notes-container .--flatTertiary:hover,
.mfe-notes-container .--flatTertiary:hover,
out-category-card-view .--flatTertiary:hover,
out-add-note .--flatTertiary:hover {
  background: #f6f5f7;
  box-shadow: none;
  border-color: #f6f5f7;
  color: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:hover .mat-icon svg path,
attachment-category-selector .--flatTertiary:hover .mat-icon svg path,
out-category-detail-view .--flatTertiary:hover .mat-icon svg path,
app-attachment-category-grid .--flatTertiary:hover .mat-icon svg path,
attachment .--flatTertiary:hover .mat-icon svg path,
out-notes-container .--flatTertiary:hover .mat-icon svg path,
.mfe-notes-container .--flatTertiary:hover .mat-icon svg path,
out-category-card-view .--flatTertiary:hover .mat-icon svg path,
out-add-note .--flatTertiary:hover .mat-icon svg path {
  stroke: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:focus,
attachment-category-selector .--flatTertiary:focus,
out-category-detail-view .--flatTertiary:focus,
app-attachment-category-grid .--flatTertiary:focus,
attachment .--flatTertiary:focus,
out-notes-container .--flatTertiary:focus,
.mfe-notes-container .--flatTertiary:focus,
out-category-card-view .--flatTertiary:focus,
out-add-note .--flatTertiary:focus {
  background: #f6f5f7;
  box-shadow: none;
  border-color: #f6f5f7;
  color: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:focus .mat-icon svg path,
attachment-category-selector .--flatTertiary:focus .mat-icon svg path,
out-category-detail-view .--flatTertiary:focus .mat-icon svg path,
app-attachment-category-grid .--flatTertiary:focus .mat-icon svg path,
attachment .--flatTertiary:focus .mat-icon svg path,
out-notes-container .--flatTertiary:focus .mat-icon svg path,
.mfe-notes-container .--flatTertiary:focus .mat-icon svg path,
out-category-card-view .--flatTertiary:focus .mat-icon svg path,
out-add-note .--flatTertiary:focus .mat-icon svg path {
  stroke: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:active,
attachment-category-selector .--flatTertiary:active,
out-category-detail-view .--flatTertiary:active,
app-attachment-category-grid .--flatTertiary:active,
attachment .--flatTertiary:active,
out-notes-container .--flatTertiary:active,
.mfe-notes-container .--flatTertiary:active,
out-category-card-view .--flatTertiary:active,
out-add-note .--flatTertiary:active {
  background: #efebf2;
  box-shadow: none;
  border-color: #efebf2;
  color: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:active .mat-icon svg path,
attachment-category-selector .--flatTertiary:active .mat-icon svg path,
out-category-detail-view .--flatTertiary:active .mat-icon svg path,
app-attachment-category-grid .--flatTertiary:active .mat-icon svg path,
attachment .--flatTertiary:active .mat-icon svg path,
out-notes-container .--flatTertiary:active .mat-icon svg path,
.mfe-notes-container .--flatTertiary:active .mat-icon svg path,
out-category-card-view .--flatTertiary:active .mat-icon svg path,
out-add-note .--flatTertiary:active .mat-icon svg path {
  stroke: #9d71ad;
}
out-attachment-filter-dialog .--flatTertiary:disabled, out-attachment-filter-dialog .--flatTertiary[disabled],
attachment-category-selector .--flatTertiary:disabled,
attachment-category-selector .--flatTertiary[disabled],
out-category-detail-view .--flatTertiary:disabled,
out-category-detail-view .--flatTertiary[disabled],
app-attachment-category-grid .--flatTertiary:disabled,
app-attachment-category-grid .--flatTertiary[disabled],
attachment .--flatTertiary:disabled,
attachment .--flatTertiary[disabled],
out-notes-container .--flatTertiary:disabled,
out-notes-container .--flatTertiary[disabled],
.mfe-notes-container .--flatTertiary:disabled,
.mfe-notes-container .--flatTertiary[disabled],
out-category-card-view .--flatTertiary:disabled,
out-category-card-view .--flatTertiary[disabled],
out-add-note .--flatTertiary:disabled,
out-add-note .--flatTertiary[disabled] {
  background: #e2e2e2;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
out-attachment-filter-dialog .--flatTertiary:disabled .mat-icon svg path, out-attachment-filter-dialog .--flatTertiary[disabled] .mat-icon svg path,
attachment-category-selector .--flatTertiary:disabled .mat-icon svg path,
attachment-category-selector .--flatTertiary[disabled] .mat-icon svg path,
out-category-detail-view .--flatTertiary:disabled .mat-icon svg path,
out-category-detail-view .--flatTertiary[disabled] .mat-icon svg path,
app-attachment-category-grid .--flatTertiary:disabled .mat-icon svg path,
app-attachment-category-grid .--flatTertiary[disabled] .mat-icon svg path,
attachment .--flatTertiary:disabled .mat-icon svg path,
attachment .--flatTertiary[disabled] .mat-icon svg path,
out-notes-container .--flatTertiary:disabled .mat-icon svg path,
out-notes-container .--flatTertiary[disabled] .mat-icon svg path,
.mfe-notes-container .--flatTertiary:disabled .mat-icon svg path,
.mfe-notes-container .--flatTertiary[disabled] .mat-icon svg path,
out-category-card-view .--flatTertiary:disabled .mat-icon svg path,
out-category-card-view .--flatTertiary[disabled] .mat-icon svg path,
out-add-note .--flatTertiary:disabled .mat-icon svg path,
out-add-note .--flatTertiary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedPrimary,
attachment-category-selector .--strokedPrimary,
out-category-detail-view .--strokedPrimary,
app-attachment-category-grid .--strokedPrimary,
attachment .--strokedPrimary,
out-notes-container .--strokedPrimary,
.mfe-notes-container .--strokedPrimary,
out-category-card-view .--strokedPrimary,
out-add-note .--strokedPrimary {
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary .mat-icon svg path,
attachment-category-selector .--strokedPrimary .mat-icon svg path,
out-category-detail-view .--strokedPrimary .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary .mat-icon svg path,
attachment .--strokedPrimary .mat-icon svg path,
out-notes-container .--strokedPrimary .mat-icon svg path,
.mfe-notes-container .--strokedPrimary .mat-icon svg path,
out-category-card-view .--strokedPrimary .mat-icon svg path,
out-add-note .--strokedPrimary .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:hover,
attachment-category-selector .--strokedPrimary:hover,
out-category-detail-view .--strokedPrimary:hover,
app-attachment-category-grid .--strokedPrimary:hover,
attachment .--strokedPrimary:hover,
out-notes-container .--strokedPrimary:hover,
.mfe-notes-container .--strokedPrimary:hover,
out-category-card-view .--strokedPrimary:hover,
out-add-note .--strokedPrimary:hover {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:hover .mat-icon svg path,
attachment-category-selector .--strokedPrimary:hover .mat-icon svg path,
out-category-detail-view .--strokedPrimary:hover .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary:hover .mat-icon svg path,
attachment .--strokedPrimary:hover .mat-icon svg path,
out-notes-container .--strokedPrimary:hover .mat-icon svg path,
.mfe-notes-container .--strokedPrimary:hover .mat-icon svg path,
out-category-card-view .--strokedPrimary:hover .mat-icon svg path,
out-add-note .--strokedPrimary:hover .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:focus,
attachment-category-selector .--strokedPrimary:focus,
out-category-detail-view .--strokedPrimary:focus,
app-attachment-category-grid .--strokedPrimary:focus,
attachment .--strokedPrimary:focus,
out-notes-container .--strokedPrimary:focus,
.mfe-notes-container .--strokedPrimary:focus,
out-category-card-view .--strokedPrimary:focus,
out-add-note .--strokedPrimary:focus {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:focus .mat-icon svg path,
attachment-category-selector .--strokedPrimary:focus .mat-icon svg path,
out-category-detail-view .--strokedPrimary:focus .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary:focus .mat-icon svg path,
attachment .--strokedPrimary:focus .mat-icon svg path,
out-notes-container .--strokedPrimary:focus .mat-icon svg path,
.mfe-notes-container .--strokedPrimary:focus .mat-icon svg path,
out-category-card-view .--strokedPrimary:focus .mat-icon svg path,
out-add-note .--strokedPrimary:focus .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:active,
attachment-category-selector .--strokedPrimary:active,
out-category-detail-view .--strokedPrimary:active,
app-attachment-category-grid .--strokedPrimary:active,
attachment .--strokedPrimary:active,
out-notes-container .--strokedPrimary:active,
.mfe-notes-container .--strokedPrimary:active,
out-category-card-view .--strokedPrimary:active,
out-add-note .--strokedPrimary:active {
  background: #d6f4d4;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.5), 0px 8px 4px -12px rgba(82, 188, 88, 0.5), 0px 10px 8px -12px rgba(82, 188, 88, 0.3), 0px 12px 12px -12px rgba(82, 188, 88, 0.2);
  border-color: #3e9e53;
  color: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:active .mat-icon svg path,
attachment-category-selector .--strokedPrimary:active .mat-icon svg path,
out-category-detail-view .--strokedPrimary:active .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary:active .mat-icon svg path,
attachment .--strokedPrimary:active .mat-icon svg path,
out-notes-container .--strokedPrimary:active .mat-icon svg path,
.mfe-notes-container .--strokedPrimary:active .mat-icon svg path,
out-category-card-view .--strokedPrimary:active .mat-icon svg path,
out-add-note .--strokedPrimary:active .mat-icon svg path {
  stroke: #173d2c;
}
out-attachment-filter-dialog .--strokedPrimary:disabled, out-attachment-filter-dialog .--strokedPrimary[disabled],
attachment-category-selector .--strokedPrimary:disabled,
attachment-category-selector .--strokedPrimary[disabled],
out-category-detail-view .--strokedPrimary:disabled,
out-category-detail-view .--strokedPrimary[disabled],
app-attachment-category-grid .--strokedPrimary:disabled,
app-attachment-category-grid .--strokedPrimary[disabled],
attachment .--strokedPrimary:disabled,
attachment .--strokedPrimary[disabled],
out-notes-container .--strokedPrimary:disabled,
out-notes-container .--strokedPrimary[disabled],
.mfe-notes-container .--strokedPrimary:disabled,
.mfe-notes-container .--strokedPrimary[disabled],
out-category-card-view .--strokedPrimary:disabled,
out-category-card-view .--strokedPrimary[disabled],
out-add-note .--strokedPrimary:disabled,
out-add-note .--strokedPrimary[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #e2e2e2;
  color: #8b8b8b;
}
out-attachment-filter-dialog .--strokedPrimary:disabled .mat-icon svg path, out-attachment-filter-dialog .--strokedPrimary[disabled] .mat-icon svg path,
attachment-category-selector .--strokedPrimary:disabled .mat-icon svg path,
attachment-category-selector .--strokedPrimary[disabled] .mat-icon svg path,
out-category-detail-view .--strokedPrimary:disabled .mat-icon svg path,
out-category-detail-view .--strokedPrimary[disabled] .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary:disabled .mat-icon svg path,
app-attachment-category-grid .--strokedPrimary[disabled] .mat-icon svg path,
attachment .--strokedPrimary:disabled .mat-icon svg path,
attachment .--strokedPrimary[disabled] .mat-icon svg path,
out-notes-container .--strokedPrimary:disabled .mat-icon svg path,
out-notes-container .--strokedPrimary[disabled] .mat-icon svg path,
.mfe-notes-container .--strokedPrimary:disabled .mat-icon svg path,
.mfe-notes-container .--strokedPrimary[disabled] .mat-icon svg path,
out-category-card-view .--strokedPrimary:disabled .mat-icon svg path,
out-category-card-view .--strokedPrimary[disabled] .mat-icon svg path,
out-add-note .--strokedPrimary:disabled .mat-icon svg path,
out-add-note .--strokedPrimary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary,
attachment-category-selector .--strokedSecondary,
out-category-detail-view .--strokedSecondary,
app-attachment-category-grid .--strokedSecondary,
attachment .--strokedSecondary,
out-notes-container .--strokedSecondary,
.mfe-notes-container .--strokedSecondary,
out-category-card-view .--strokedSecondary,
out-add-note .--strokedSecondary {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: unset;
  height: 3rem;
  line-height: 1rem;
  overflow: hidden;
  border-radius: 0.5rem !important;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(179, 160, 192, 0.5), 0 16px 6px -18px rgba(179, 160, 192, 0.3), 0px 16px 16px -16px rgba(179, 160, 192, 0.3);
  border: 1px solid #31123f;
  color: #31123f;
}
out-attachment-filter-dialog .--strokedSecondary .mat-icon svg path,
attachment-category-selector .--strokedSecondary .mat-icon svg path,
out-category-detail-view .--strokedSecondary .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary .mat-icon svg path,
attachment .--strokedSecondary .mat-icon svg path,
out-notes-container .--strokedSecondary .mat-icon svg path,
.mfe-notes-container .--strokedSecondary .mat-icon svg path,
out-category-card-view .--strokedSecondary .mat-icon svg path,
out-add-note .--strokedSecondary .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary:hover,
attachment-category-selector .--strokedSecondary:hover,
out-category-detail-view .--strokedSecondary:hover,
app-attachment-category-grid .--strokedSecondary:hover,
attachment .--strokedSecondary:hover,
out-notes-container .--strokedSecondary:hover,
.mfe-notes-container .--strokedSecondary:hover,
out-category-card-view .--strokedSecondary:hover,
out-add-note .--strokedSecondary:hover {
  background: #ffffff;
  box-shadow: 0px 16px 4px -16px rgba(179, 160, 192, 0.2), 0px 16px 10px -16px rgba(179, 160, 192, 0.2), 0px 16px 18px -16px rgba(179, 160, 192, 0.2), 0px 20px 20px -18px rgba(179, 160, 192, 0.3);
  border-color: #9d71ad;
  color: #9d71ad;
}
out-attachment-filter-dialog .--strokedSecondary:hover .mat-icon svg path,
attachment-category-selector .--strokedSecondary:hover .mat-icon svg path,
out-category-detail-view .--strokedSecondary:hover .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary:hover .mat-icon svg path,
attachment .--strokedSecondary:hover .mat-icon svg path,
out-notes-container .--strokedSecondary:hover .mat-icon svg path,
.mfe-notes-container .--strokedSecondary:hover .mat-icon svg path,
out-category-card-view .--strokedSecondary:hover .mat-icon svg path,
out-add-note .--strokedSecondary:hover .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary:focus,
attachment-category-selector .--strokedSecondary:focus,
out-category-detail-view .--strokedSecondary:focus,
app-attachment-category-grid .--strokedSecondary:focus,
attachment .--strokedSecondary:focus,
out-notes-container .--strokedSecondary:focus,
.mfe-notes-container .--strokedSecondary:focus,
out-category-card-view .--strokedSecondary:focus,
out-add-note .--strokedSecondary:focus {
  background: #ffffff;
  box-shadow: 0px 16px 4px -16px rgba(179, 160, 192, 0.2), 0px 16px 10px -16px rgba(179, 160, 192, 0.2), 0px 16px 18px -16px rgba(179, 160, 192, 0.2), 0px 20px 20px -18px rgba(179, 160, 192, 0.3);
  border-color: #9d71ad;
  color: #9d71ad;
}
out-attachment-filter-dialog .--strokedSecondary:focus .mat-icon svg path,
attachment-category-selector .--strokedSecondary:focus .mat-icon svg path,
out-category-detail-view .--strokedSecondary:focus .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary:focus .mat-icon svg path,
attachment .--strokedSecondary:focus .mat-icon svg path,
out-notes-container .--strokedSecondary:focus .mat-icon svg path,
.mfe-notes-container .--strokedSecondary:focus .mat-icon svg path,
out-category-card-view .--strokedSecondary:focus .mat-icon svg path,
out-add-note .--strokedSecondary:focus .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary:active,
attachment-category-selector .--strokedSecondary:active,
out-category-detail-view .--strokedSecondary:active,
app-attachment-category-grid .--strokedSecondary:active,
attachment .--strokedSecondary:active,
out-notes-container .--strokedSecondary:active,
.mfe-notes-container .--strokedSecondary:active,
out-category-card-view .--strokedSecondary:active,
out-add-note .--strokedSecondary:active {
  background: #f6e9ff;
  box-shadow: 0px 10px 8px -12px rgba(179, 160, 192, 0.3), 0px 12px 12px -12px rgba(179, 160, 192, 0.2);
  border-color: #31123f;
  color: #31123f;
}
out-attachment-filter-dialog .--strokedSecondary:active .mat-icon svg path,
attachment-category-selector .--strokedSecondary:active .mat-icon svg path,
out-category-detail-view .--strokedSecondary:active .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary:active .mat-icon svg path,
attachment .--strokedSecondary:active .mat-icon svg path,
out-notes-container .--strokedSecondary:active .mat-icon svg path,
.mfe-notes-container .--strokedSecondary:active .mat-icon svg path,
out-category-card-view .--strokedSecondary:active .mat-icon svg path,
out-add-note .--strokedSecondary:active .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary:disabled, out-attachment-filter-dialog .--strokedSecondary[disabled],
attachment-category-selector .--strokedSecondary:disabled,
attachment-category-selector .--strokedSecondary[disabled],
out-category-detail-view .--strokedSecondary:disabled,
out-category-detail-view .--strokedSecondary[disabled],
app-attachment-category-grid .--strokedSecondary:disabled,
app-attachment-category-grid .--strokedSecondary[disabled],
attachment .--strokedSecondary:disabled,
attachment .--strokedSecondary[disabled],
out-notes-container .--strokedSecondary:disabled,
out-notes-container .--strokedSecondary[disabled],
.mfe-notes-container .--strokedSecondary:disabled,
.mfe-notes-container .--strokedSecondary[disabled],
out-category-card-view .--strokedSecondary:disabled,
out-category-card-view .--strokedSecondary[disabled],
out-add-note .--strokedSecondary:disabled,
out-add-note .--strokedSecondary[disabled] {
  background: transparent;
  box-shadow: none;
  border-color: #bebebe;
  color: #8b8b8b;
}
out-attachment-filter-dialog .--strokedSecondary:disabled .mat-icon svg path, out-attachment-filter-dialog .--strokedSecondary[disabled] .mat-icon svg path,
attachment-category-selector .--strokedSecondary:disabled .mat-icon svg path,
attachment-category-selector .--strokedSecondary[disabled] .mat-icon svg path,
out-category-detail-view .--strokedSecondary:disabled .mat-icon svg path,
out-category-detail-view .--strokedSecondary[disabled] .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary:disabled .mat-icon svg path,
app-attachment-category-grid .--strokedSecondary[disabled] .mat-icon svg path,
attachment .--strokedSecondary:disabled .mat-icon svg path,
attachment .--strokedSecondary[disabled] .mat-icon svg path,
out-notes-container .--strokedSecondary:disabled .mat-icon svg path,
out-notes-container .--strokedSecondary[disabled] .mat-icon svg path,
.mfe-notes-container .--strokedSecondary:disabled .mat-icon svg path,
.mfe-notes-container .--strokedSecondary[disabled] .mat-icon svg path,
out-category-card-view .--strokedSecondary:disabled .mat-icon svg path,
out-category-card-view .--strokedSecondary[disabled] .mat-icon svg path,
out-add-note .--strokedSecondary:disabled .mat-icon svg path,
out-add-note .--strokedSecondary[disabled] .mat-icon svg path {
  stroke: #8b8b8b;
}
out-attachment-filter-dialog .--extraSmallButton,
attachment-category-selector .--extraSmallButton,
out-category-detail-view .--extraSmallButton,
app-attachment-category-grid .--extraSmallButton,
attachment .--extraSmallButton,
out-notes-container .--extraSmallButton,
.mfe-notes-container .--extraSmallButton,
out-category-card-view .--extraSmallButton,
out-add-note .--extraSmallButton {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  height: 40px;
  line-height: 40px;
  border-radius: 0.75rem !important;
  padding: 0 1.25rem;
}
out-attachment-filter-dialog .--smallButton,
out-attachment-filter-dialog .--mediumButton,
out-attachment-filter-dialog .--largeButton,
attachment-category-selector .--smallButton,
attachment-category-selector .--mediumButton,
attachment-category-selector .--largeButton,
out-category-detail-view .--smallButton,
out-category-detail-view .--mediumButton,
out-category-detail-view .--largeButton,
app-attachment-category-grid .--smallButton,
app-attachment-category-grid .--mediumButton,
app-attachment-category-grid .--largeButton,
attachment .--smallButton,
attachment .--mediumButton,
attachment .--largeButton,
out-notes-container .--smallButton,
out-notes-container .--mediumButton,
out-notes-container .--largeButton,
.mfe-notes-container .--smallButton,
.mfe-notes-container .--mediumButton,
.mfe-notes-container .--largeButton,
out-category-card-view .--smallButton,
out-category-card-view .--mediumButton,
out-category-card-view .--largeButton,
out-add-note .--smallButton,
out-add-note .--mediumButton,
out-add-note .--largeButton {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
}
out-attachment-filter-dialog .--extraLargeButton,
attachment-category-selector .--extraLargeButton,
out-category-detail-view .--extraLargeButton,
app-attachment-category-grid .--extraLargeButton,
attachment .--extraLargeButton,
out-notes-container .--extraLargeButton,
.mfe-notes-container .--extraLargeButton,
out-category-card-view .--extraLargeButton,
out-add-note .--extraLargeButton {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.125rem;
  letter-spacing: 0.012em;
  height: 56px;
  line-height: 36px;
  border-radius: 1rem !important;
  padding: 0 1.25rem;
}
out-attachment-filter-dialog .--extraLargeButton .mat-button-wrapper .icon-spacer,
attachment-category-selector .--extraLargeButton .mat-button-wrapper .icon-spacer,
out-category-detail-view .--extraLargeButton .mat-button-wrapper .icon-spacer,
app-attachment-category-grid .--extraLargeButton .mat-button-wrapper .icon-spacer,
attachment .--extraLargeButton .mat-button-wrapper .icon-spacer,
out-notes-container .--extraLargeButton .mat-button-wrapper .icon-spacer,
.mfe-notes-container .--extraLargeButton .mat-button-wrapper .icon-spacer,
out-category-card-view .--extraLargeButton .mat-button-wrapper .icon-spacer,
out-add-note .--extraLargeButton .mat-button-wrapper .icon-spacer {
  width: 12px;
  position: relative;
  display: inline-block;
}
out-attachment-filter-dialog .--extraLargeButton .mat-button-wrapper .mat-icon,
attachment-category-selector .--extraLargeButton .mat-button-wrapper .mat-icon,
out-category-detail-view .--extraLargeButton .mat-button-wrapper .mat-icon,
app-attachment-category-grid .--extraLargeButton .mat-button-wrapper .mat-icon,
attachment .--extraLargeButton .mat-button-wrapper .mat-icon,
out-notes-container .--extraLargeButton .mat-button-wrapper .mat-icon,
.mfe-notes-container .--extraLargeButton .mat-button-wrapper .mat-icon,
out-category-card-view .--extraLargeButton .mat-button-wrapper .mat-icon,
out-add-note .--extraLargeButton .mat-button-wrapper .mat-icon {
  position: relative;
  width: 24px;
  height: 24px;
  top: 6px;
}
out-attachment-filter-dialog out-reactive-datepicker-control .mat-form-field-suffix,
attachment-category-selector out-reactive-datepicker-control .mat-form-field-suffix,
out-category-detail-view out-reactive-datepicker-control .mat-form-field-suffix,
app-attachment-category-grid out-reactive-datepicker-control .mat-form-field-suffix,
attachment out-reactive-datepicker-control .mat-form-field-suffix,
out-notes-container out-reactive-datepicker-control .mat-form-field-suffix,
.mfe-notes-container out-reactive-datepicker-control .mat-form-field-suffix,
out-category-card-view out-reactive-datepicker-control .mat-form-field-suffix,
out-add-note out-reactive-datepicker-control .mat-form-field-suffix {
  position: absolute;
  right: 12px;
  top: 20px;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 3px;
  overflow: hidden;
}
out-attachment-filter-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
attachment-category-selector out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
out-category-detail-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
app-attachment-category-grid out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
attachment out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
out-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
.mfe-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
out-category-card-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button,
out-add-note out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button {
  top: 0;
  width: 24px !important;
  height: 24px !important;
  border-radius: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8977 2V6' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.89771 2V6' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.89771 9H21.8977' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8977 4H5.89771C4.79271 4 3.89771 4.895 3.89771 6V19C3.89771 20.105 4.79271 21 5.89771 21H19.8977C21.0027 21 21.8977 20.105 21.8977 19V6C21.8977 4.895 21.0027 4 19.8977 4Z' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9106 12.729C12.7726 12.729 12.6606 12.841 12.6616 12.979C12.6616 13.117 12.7736 13.229 12.9116 13.229C13.0496 13.229 13.1616 13.117 13.1616 12.979C13.1616 12.841 13.0496 12.729 12.9106 12.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.9106 12.729C17.7726 12.729 17.6606 12.841 17.6616 12.979C17.6616 13.117 17.7736 13.229 17.9116 13.229C18.0496 13.229 18.1616 13.117 18.1616 12.979C18.1616 12.841 18.0496 12.729 17.9106 12.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.91062 16.729C7.77262 16.729 7.66062 16.841 7.66162 16.979C7.66162 17.117 7.77362 17.229 7.91162 17.229C8.04962 17.229 8.16162 17.117 8.16162 16.979C8.16162 16.841 8.04962 16.729 7.91062 16.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9106 16.729C12.7726 16.729 12.6606 16.841 12.6616 16.979C12.6616 17.117 12.7736 17.229 12.9116 17.229C13.0496 17.229 13.1616 17.117 13.1616 16.979C13.1616 16.841 13.0496 16.729 12.9106 16.729' stroke='%23515151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
out-attachment-filter-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
out-attachment-filter-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
out-attachment-filter-dialog out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
attachment-category-selector out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
attachment-category-selector out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
attachment-category-selector out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
out-category-detail-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
out-category-detail-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
out-category-detail-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
app-attachment-category-grid out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
app-attachment-category-grid out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
app-attachment-category-grid out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
attachment out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
attachment out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
attachment out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
out-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
out-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
out-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
.mfe-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
.mfe-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
.mfe-notes-container out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
out-category-card-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
out-category-card-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
out-category-card-view out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple,
out-add-note out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-wrapper,
out-add-note out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-button-focus-overlay,
out-add-note out-reactive-datepicker-control .mat-form-field-suffix .mat-icon-button .mat-ripple {
  display: none;
}
out-attachment-filter-dialog .flow-summary-group-container .flow-summary-group-heading-container,
attachment-category-selector .flow-summary-group-container .flow-summary-group-heading-container,
out-category-detail-view .flow-summary-group-container .flow-summary-group-heading-container,
app-attachment-category-grid .flow-summary-group-container .flow-summary-group-heading-container,
attachment .flow-summary-group-container .flow-summary-group-heading-container,
out-notes-container .flow-summary-group-container .flow-summary-group-heading-container,
.mfe-notes-container .flow-summary-group-container .flow-summary-group-heading-container,
out-category-card-view .flow-summary-group-container .flow-summary-group-heading-container,
out-add-note .flow-summary-group-container .flow-summary-group-heading-container {
  background: #faf9fb;
  border-bottom: 1.5px solid #f6f5f7;
  height: 3.5rem;
  padding: 0 1rem;
}
out-attachment-filter-dialog .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
attachment-category-selector .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
out-category-detail-view .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
app-attachment-category-grid .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
attachment .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
out-notes-container .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
.mfe-notes-container .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
out-category-card-view .flow-summary-group-container .flow-summary-group-heading-container .heading-text,
out-add-note .flow-summary-group-container .flow-summary-group-heading-container .heading-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9160ab;
}
out-attachment-filter-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
attachment-category-selector .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
out-category-detail-view .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
app-attachment-category-grid .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
attachment .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
out-notes-container .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
.mfe-notes-container .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
out-category-card-view .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button,
out-add-note .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  background-color: #ffffff;
  height: 2.5rem;
  line-height: 2.5rem;
  display: block;
  position: relative;
  padding: 0 2.5rem 0 1.25rem;
  border-radius: 0.75rem;
  color: #9d71ad;
  text-decoration: none;
}
out-attachment-filter-dialog .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
attachment-category-selector .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
out-category-detail-view .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
app-attachment-category-grid .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
attachment .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
out-notes-container .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
.mfe-notes-container .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
out-category-card-view .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after,
out-add-note .flow-summary-group-container .flow-summary-group-heading-container .edit-link-button::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99609 10.0008L8.09697 9.74135C8.24458 9.72326 8.38191 9.65636 8.48713 9.55127L13.5766 4.46515C14.1401 3.90132 14.1401 2.98747 13.5766 2.42364V2.42364C13.0128 1.86009 12.0989 1.86009 11.5351 2.42364L6.49297 7.46574C6.39085 7.56782 6.32462 7.70028 6.30422 7.84323L5.99609 10.0008Z' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66554 2.66431H4.66387C3.1905 2.66431 1.99609 3.85871 1.99609 5.33208V11.3346C1.99609 12.808 3.1905 14.0024 4.66387 14.0024H10.6664C12.1397 14.0024 13.3342 12.808 13.3342 11.3346V7.33292' stroke='%236F3C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  height: 100%;
  width: 1rem;
  top: 0;
  right: 1rem;
}
out-attachment-filter-dialog out-flow-summary-group,
attachment-category-selector out-flow-summary-group,
out-category-detail-view out-flow-summary-group,
app-attachment-category-grid out-flow-summary-group,
attachment out-flow-summary-group,
out-notes-container out-flow-summary-group,
.mfe-notes-container out-flow-summary-group,
out-category-card-view out-flow-summary-group,
out-add-note out-flow-summary-group {
  margin-bottom: 36px;
  display: block;
}
out-attachment-filter-dialog .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
attachment-category-selector .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
out-category-detail-view .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
app-attachment-category-grid .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
attachment .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
out-notes-container .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
.mfe-notes-container .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
out-category-card-view .accordion-control-wrapper:last-child .accordion-control-wrapper-group,
out-add-note .accordion-control-wrapper:last-child .accordion-control-wrapper-group {
  margin-bottom: 0;
}
out-attachment-filter-dialog .flow-summary-container,
attachment-category-selector .flow-summary-container,
out-category-detail-view .flow-summary-container,
app-attachment-category-grid .flow-summary-container,
attachment .flow-summary-container,
out-notes-container .flow-summary-container,
.mfe-notes-container .flow-summary-container,
out-category-card-view .flow-summary-container,
out-add-note .flow-summary-container {
  padding: 16px;
  border-bottom: 1.5px solid #f6f5f7;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-label,
attachment-category-selector .flow-summary-container .flow-summary-label,
out-category-detail-view .flow-summary-container .flow-summary-label,
app-attachment-category-grid .flow-summary-container .flow-summary-label,
attachment .flow-summary-container .flow-summary-label,
out-notes-container .flow-summary-container .flow-summary-label,
.mfe-notes-container .flow-summary-container .flow-summary-label,
out-category-card-view .flow-summary-container .flow-summary-label,
out-add-note .flow-summary-container .flow-summary-label {
  color: #5e5e5e;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-value,
attachment-category-selector .flow-summary-container .flow-summary-value,
out-category-detail-view .flow-summary-container .flow-summary-value,
app-attachment-category-grid .flow-summary-container .flow-summary-value,
attachment .flow-summary-container .flow-summary-value,
out-notes-container .flow-summary-container .flow-summary-value,
.mfe-notes-container .flow-summary-container .flow-summary-value,
out-category-card-view .flow-summary-container .flow-summary-value,
out-add-note .flow-summary-container .flow-summary-value {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: #9d71ad;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-value ul,
attachment-category-selector .flow-summary-container .flow-summary-value ul,
out-category-detail-view .flow-summary-container .flow-summary-value ul,
app-attachment-category-grid .flow-summary-container .flow-summary-value ul,
attachment .flow-summary-container .flow-summary-value ul,
out-notes-container .flow-summary-container .flow-summary-value ul,
.mfe-notes-container .flow-summary-container .flow-summary-value ul,
out-category-card-view .flow-summary-container .flow-summary-value ul,
out-add-note .flow-summary-container .flow-summary-value ul {
  margin: 0;
  padding: 0;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-value ul li,
attachment-category-selector .flow-summary-container .flow-summary-value ul li,
out-category-detail-view .flow-summary-container .flow-summary-value ul li,
app-attachment-category-grid .flow-summary-container .flow-summary-value ul li,
attachment .flow-summary-container .flow-summary-value ul li,
out-notes-container .flow-summary-container .flow-summary-value ul li,
.mfe-notes-container .flow-summary-container .flow-summary-value ul li,
out-category-card-view .flow-summary-container .flow-summary-value ul li,
out-add-note .flow-summary-container .flow-summary-value ul li {
  margin: 0 0 0 20px;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-value ul li.list-heading,
attachment-category-selector .flow-summary-container .flow-summary-value ul li.list-heading,
out-category-detail-view .flow-summary-container .flow-summary-value ul li.list-heading,
app-attachment-category-grid .flow-summary-container .flow-summary-value ul li.list-heading,
attachment .flow-summary-container .flow-summary-value ul li.list-heading,
out-notes-container .flow-summary-container .flow-summary-value ul li.list-heading,
.mfe-notes-container .flow-summary-container .flow-summary-value ul li.list-heading,
out-category-card-view .flow-summary-container .flow-summary-value ul li.list-heading,
out-add-note .flow-summary-container .flow-summary-value ul li.list-heading {
  list-style: none;
  margin: 20px 0 10px 0;
}
out-attachment-filter-dialog .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
attachment-category-selector .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
out-category-detail-view .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
app-attachment-category-grid .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
attachment .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
out-notes-container .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
.mfe-notes-container .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
out-category-card-view .flow-summary-container .flow-summary-value ul li.list-heading:first-child,
out-add-note .flow-summary-container .flow-summary-value ul li.list-heading:first-child {
  margin: 0 0 10px 0;
}
out-attachment-filter-dialog .date-select,
attachment-category-selector .date-select,
out-category-detail-view .date-select,
app-attachment-category-grid .date-select,
attachment .date-select,
out-notes-container .date-select,
.mfe-notes-container .date-select,
out-category-card-view .date-select,
out-add-note .date-select {
  position: relative;
}
out-attachment-filter-dialog .date-select .hidden-field-validation .mat-form-field-flex,
attachment-category-selector .date-select .hidden-field-validation .mat-form-field-flex,
out-category-detail-view .date-select .hidden-field-validation .mat-form-field-flex,
app-attachment-category-grid .date-select .hidden-field-validation .mat-form-field-flex,
attachment .date-select .hidden-field-validation .mat-form-field-flex,
out-notes-container .date-select .hidden-field-validation .mat-form-field-flex,
.mfe-notes-container .date-select .hidden-field-validation .mat-form-field-flex,
out-category-card-view .date-select .hidden-field-validation .mat-form-field-flex,
out-add-note .date-select .hidden-field-validation .mat-form-field-flex {
  visibility: hidden;
}
out-attachment-filter-dialog .date-select .date-select-inputs,
attachment-category-selector .date-select .date-select-inputs,
out-category-detail-view .date-select .date-select-inputs,
app-attachment-category-grid .date-select .date-select-inputs,
attachment .date-select .date-select-inputs,
out-notes-container .date-select .date-select-inputs,
.mfe-notes-container .date-select .date-select-inputs,
out-category-card-view .date-select .date-select-inputs,
out-add-note .date-select .date-select-inputs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
out-attachment-filter-dialog .date-select .date-select-selection,
attachment-category-selector .date-select .date-select-selection,
out-category-detail-view .date-select .date-select-selection,
app-attachment-category-grid .date-select .date-select-selection,
attachment .date-select .date-select-selection,
out-notes-container .date-select .date-select-selection,
.mfe-notes-container .date-select .date-select-selection,
out-category-card-view .date-select .date-select-selection,
out-add-note .date-select .date-select-selection {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: calc(33% - 0.5rem);
}
out-attachment-filter-dialog .date-select .date-select-selection:first-child,
attachment-category-selector .date-select .date-select-selection:first-child,
out-category-detail-view .date-select .date-select-selection:first-child,
app-attachment-category-grid .date-select .date-select-selection:first-child,
attachment .date-select .date-select-selection:first-child,
out-notes-container .date-select .date-select-selection:first-child,
.mfe-notes-container .date-select .date-select-selection:first-child,
out-category-card-view .date-select .date-select-selection:first-child,
out-add-note .date-select .date-select-selection:first-child {
  margin-left: 0;
}
out-attachment-filter-dialog .date-select .date-select-selection:last-child,
attachment-category-selector .date-select .date-select-selection:last-child,
out-category-detail-view .date-select .date-select-selection:last-child,
app-attachment-category-grid .date-select .date-select-selection:last-child,
attachment .date-select .date-select-selection:last-child,
out-notes-container .date-select .date-select-selection:last-child,
.mfe-notes-container .date-select .date-select-selection:last-child,
out-category-card-view .date-select .date-select-selection:last-child,
out-add-note .date-select .date-select-selection:last-child {
  margin-right: 0;
}
out-attachment-filter-dialog .slide-toggle,
attachment-category-selector .slide-toggle,
out-category-detail-view .slide-toggle,
app-attachment-category-grid .slide-toggle,
attachment .slide-toggle,
out-notes-container .slide-toggle,
.mfe-notes-container .slide-toggle,
out-category-card-view .slide-toggle,
out-add-note .slide-toggle {
  position: relative;
}
out-attachment-filter-dialog .slide-toggle .hidden-field-validation .hidden-form-element,
out-attachment-filter-dialog .slide-toggle .hidden-field-validation .mat-form-field-flex,
attachment-category-selector .slide-toggle .hidden-field-validation .hidden-form-element,
attachment-category-selector .slide-toggle .hidden-field-validation .mat-form-field-flex,
out-category-detail-view .slide-toggle .hidden-field-validation .hidden-form-element,
out-category-detail-view .slide-toggle .hidden-field-validation .mat-form-field-flex,
app-attachment-category-grid .slide-toggle .hidden-field-validation .hidden-form-element,
app-attachment-category-grid .slide-toggle .hidden-field-validation .mat-form-field-flex,
attachment .slide-toggle .hidden-field-validation .hidden-form-element,
attachment .slide-toggle .hidden-field-validation .mat-form-field-flex,
out-notes-container .slide-toggle .hidden-field-validation .hidden-form-element,
out-notes-container .slide-toggle .hidden-field-validation .mat-form-field-flex,
.mfe-notes-container .slide-toggle .hidden-field-validation .hidden-form-element,
.mfe-notes-container .slide-toggle .hidden-field-validation .mat-form-field-flex,
out-category-card-view .slide-toggle .hidden-field-validation .hidden-form-element,
out-category-card-view .slide-toggle .hidden-field-validation .mat-form-field-flex,
out-add-note .slide-toggle .hidden-field-validation .hidden-form-element,
out-add-note .slide-toggle .hidden-field-validation .mat-form-field-flex {
  visibility: hidden;
}
out-attachment-filter-dialog .slide-toggle .slide-toggle-box,
attachment-category-selector .slide-toggle .slide-toggle-box,
out-category-detail-view .slide-toggle .slide-toggle-box,
app-attachment-category-grid .slide-toggle .slide-toggle-box,
attachment .slide-toggle .slide-toggle-box,
out-notes-container .slide-toggle .slide-toggle-box,
.mfe-notes-container .slide-toggle .slide-toggle-box,
out-category-card-view .slide-toggle .slide-toggle-box,
out-add-note .slide-toggle .slide-toggle-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px 0 0 0;
}
out-attachment-filter-dialog .slide-toggle .toggle-left,
out-attachment-filter-dialog .slide-toggle .toggle-right,
attachment-category-selector .slide-toggle .toggle-left,
attachment-category-selector .slide-toggle .toggle-right,
out-category-detail-view .slide-toggle .toggle-left,
out-category-detail-view .slide-toggle .toggle-right,
app-attachment-category-grid .slide-toggle .toggle-left,
app-attachment-category-grid .slide-toggle .toggle-right,
attachment .slide-toggle .toggle-left,
attachment .slide-toggle .toggle-right,
out-notes-container .slide-toggle .toggle-left,
out-notes-container .slide-toggle .toggle-right,
.mfe-notes-container .slide-toggle .toggle-left,
.mfe-notes-container .slide-toggle .toggle-right,
out-category-card-view .slide-toggle .toggle-left,
out-category-card-view .slide-toggle .toggle-right,
out-add-note .slide-toggle .toggle-left,
out-add-note .slide-toggle .toggle-right {
  position: relative;
  margin: 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .slide-toggle .toggle-left.selected,
out-attachment-filter-dialog .slide-toggle .toggle-right.selected,
attachment-category-selector .slide-toggle .toggle-left.selected,
attachment-category-selector .slide-toggle .toggle-right.selected,
out-category-detail-view .slide-toggle .toggle-left.selected,
out-category-detail-view .slide-toggle .toggle-right.selected,
app-attachment-category-grid .slide-toggle .toggle-left.selected,
app-attachment-category-grid .slide-toggle .toggle-right.selected,
attachment .slide-toggle .toggle-left.selected,
attachment .slide-toggle .toggle-right.selected,
out-notes-container .slide-toggle .toggle-left.selected,
out-notes-container .slide-toggle .toggle-right.selected,
.mfe-notes-container .slide-toggle .toggle-left.selected,
.mfe-notes-container .slide-toggle .toggle-right.selected,
out-category-card-view .slide-toggle .toggle-left.selected,
out-category-card-view .slide-toggle .toggle-right.selected,
out-add-note .slide-toggle .toggle-left.selected,
out-add-note .slide-toggle .toggle-right.selected {
  color: #9d71ad;
}
out-attachment-filter-dialog .slide-toggle .toggle-left .info-text,
out-attachment-filter-dialog .slide-toggle .toggle-right .info-text,
attachment-category-selector .slide-toggle .toggle-left .info-text,
attachment-category-selector .slide-toggle .toggle-right .info-text,
out-category-detail-view .slide-toggle .toggle-left .info-text,
out-category-detail-view .slide-toggle .toggle-right .info-text,
app-attachment-category-grid .slide-toggle .toggle-left .info-text,
app-attachment-category-grid .slide-toggle .toggle-right .info-text,
attachment .slide-toggle .toggle-left .info-text,
attachment .slide-toggle .toggle-right .info-text,
out-notes-container .slide-toggle .toggle-left .info-text,
out-notes-container .slide-toggle .toggle-right .info-text,
.mfe-notes-container .slide-toggle .toggle-left .info-text,
.mfe-notes-container .slide-toggle .toggle-right .info-text,
out-category-card-view .slide-toggle .toggle-left .info-text,
out-category-card-view .slide-toggle .toggle-right .info-text,
out-add-note .slide-toggle .toggle-left .info-text,
out-add-note .slide-toggle .toggle-right .info-text {
  position: absolute;
  background: #f6e9ff;
  display: inline-block;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 8px;
  color: #9d71ad;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .slide-toggle .toggle-left .info-text::after,
out-attachment-filter-dialog .slide-toggle .toggle-right .info-text::after,
attachment-category-selector .slide-toggle .toggle-left .info-text::after,
attachment-category-selector .slide-toggle .toggle-right .info-text::after,
out-category-detail-view .slide-toggle .toggle-left .info-text::after,
out-category-detail-view .slide-toggle .toggle-right .info-text::after,
app-attachment-category-grid .slide-toggle .toggle-left .info-text::after,
app-attachment-category-grid .slide-toggle .toggle-right .info-text::after,
attachment .slide-toggle .toggle-left .info-text::after,
attachment .slide-toggle .toggle-right .info-text::after,
out-notes-container .slide-toggle .toggle-left .info-text::after,
out-notes-container .slide-toggle .toggle-right .info-text::after,
.mfe-notes-container .slide-toggle .toggle-left .info-text::after,
.mfe-notes-container .slide-toggle .toggle-right .info-text::after,
out-category-card-view .slide-toggle .toggle-left .info-text::after,
out-category-card-view .slide-toggle .toggle-right .info-text::after,
out-add-note .slide-toggle .toggle-left .info-text::after,
out-add-note .slide-toggle .toggle-right .info-text::after {
  content: "";
  position: absolute;
  height: 22px;
  width: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='22' viewBox='0 0 28 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.2574 1.63391C28.753 11.3455 23.3894 15.2939 18.4616 15.2939C9.48195 15.2939 9.85542 6.42005 14.3704 7.82112C18.8853 9.22219 15.8156 20.8326 1.20702 17.9425M1.20702 17.9425L3.8392 20.8069M1.20702 17.9425L4.34646 15.6613' stroke='%23E6DFEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
out-attachment-filter-dialog .slide-toggle .toggle-right .info-text,
attachment-category-selector .slide-toggle .toggle-right .info-text,
out-category-detail-view .slide-toggle .toggle-right .info-text,
app-attachment-category-grid .slide-toggle .toggle-right .info-text,
attachment .slide-toggle .toggle-right .info-text,
out-notes-container .slide-toggle .toggle-right .info-text,
.mfe-notes-container .slide-toggle .toggle-right .info-text,
out-category-card-view .slide-toggle .toggle-right .info-text,
out-add-note .slide-toggle .toggle-right .info-text {
  left: calc(50% + 35px);
  top: -35px;
  transform: rotate(20deg);
}
out-attachment-filter-dialog .slide-toggle .toggle-right .info-text::after,
attachment-category-selector .slide-toggle .toggle-right .info-text::after,
out-category-detail-view .slide-toggle .toggle-right .info-text::after,
app-attachment-category-grid .slide-toggle .toggle-right .info-text::after,
attachment .slide-toggle .toggle-right .info-text::after,
out-notes-container .slide-toggle .toggle-right .info-text::after,
.mfe-notes-container .slide-toggle .toggle-right .info-text::after,
out-category-card-view .slide-toggle .toggle-right .info-text::after,
out-add-note .slide-toggle .toggle-right .info-text::after {
  left: calc(50% - 20px);
  top: calc(100% + 5px);
  transform: rotate(-20deg);
}
out-attachment-filter-dialog .slide-toggle .toggle-left .info-text,
attachment-category-selector .slide-toggle .toggle-left .info-text,
out-category-detail-view .slide-toggle .toggle-left .info-text,
app-attachment-category-grid .slide-toggle .toggle-left .info-text,
attachment .slide-toggle .toggle-left .info-text,
out-notes-container .slide-toggle .toggle-left .info-text,
.mfe-notes-container .slide-toggle .toggle-left .info-text,
out-category-card-view .slide-toggle .toggle-left .info-text,
out-add-note .slide-toggle .toggle-left .info-text {
  right: calc(50% + 40px);
  top: -35px;
  transform: rotate(-20deg);
}
out-attachment-filter-dialog .slide-toggle .toggle-left .info-text::after,
attachment-category-selector .slide-toggle .toggle-left .info-text::after,
out-category-detail-view .slide-toggle .toggle-left .info-text::after,
app-attachment-category-grid .slide-toggle .toggle-left .info-text::after,
attachment .slide-toggle .toggle-left .info-text::after,
out-notes-container .slide-toggle .toggle-left .info-text::after,
.mfe-notes-container .slide-toggle .toggle-left .info-text::after,
out-category-card-view .slide-toggle .toggle-left .info-text::after,
out-add-note .slide-toggle .toggle-left .info-text::after {
  left: calc(50% - 10px);
  top: calc(100% + 5px);
  transform: scaleX(-1) rotate(-20deg);
}
out-attachment-filter-dialog .data-grid-heading,
attachment-category-selector .data-grid-heading,
out-category-detail-view .data-grid-heading,
app-attachment-category-grid .data-grid-heading,
attachment .data-grid-heading,
out-notes-container .data-grid-heading,
.mfe-notes-container .data-grid-heading,
out-category-card-view .data-grid-heading,
out-add-note .data-grid-heading {
  font-size: 16px;
  display: inline-block;
  padding: 18px 0;
}
out-attachment-filter-dialog .data-grid-heading.row-heading,
attachment-category-selector .data-grid-heading.row-heading,
out-category-detail-view .data-grid-heading.row-heading,
app-attachment-category-grid .data-grid-heading.row-heading,
attachment .data-grid-heading.row-heading,
out-notes-container .data-grid-heading.row-heading,
.mfe-notes-container .data-grid-heading.row-heading,
out-category-card-view .data-grid-heading.row-heading,
out-add-note .data-grid-heading.row-heading {
  color: #9d71ad;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  background: #f6f5f7;
  width: 100%;
  padding: 0 1rem;
  min-height: 64px;
  max-height: 64px;
  position: relative;
  left: -1rem;
  top: 0;
  margin-bottom: 1rem;
  box-sizing: initial !important;
}
out-attachment-filter-dialog .data-grid-heading .icon-container,
attachment-category-selector .data-grid-heading .icon-container,
out-category-detail-view .data-grid-heading .icon-container,
app-attachment-category-grid .data-grid-heading .icon-container,
attachment .data-grid-heading .icon-container,
out-notes-container .data-grid-heading .icon-container,
.mfe-notes-container .data-grid-heading .icon-container,
out-category-card-view .data-grid-heading .icon-container,
out-add-note .data-grid-heading .icon-container {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
out-attachment-filter-dialog .data-grid-heading .template-text-control,
attachment-category-selector .data-grid-heading .template-text-control,
out-category-detail-view .data-grid-heading .template-text-control,
app-attachment-category-grid .data-grid-heading .template-text-control,
attachment .data-grid-heading .template-text-control,
out-notes-container .data-grid-heading .template-text-control,
.mfe-notes-container .data-grid-heading .template-text-control,
out-category-card-view .data-grid-heading .template-text-control,
out-add-note .data-grid-heading .template-text-control {
  margin-bottom: 0;
}
out-attachment-filter-dialog .data-grid-heading div:first-child,
attachment-category-selector .data-grid-heading div:first-child,
out-category-detail-view .data-grid-heading div:first-child,
app-attachment-category-grid .data-grid-heading div:first-child,
attachment .data-grid-heading div:first-child,
out-notes-container .data-grid-heading div:first-child,
.mfe-notes-container .data-grid-heading div:first-child,
out-category-card-view .data-grid-heading div:first-child,
out-add-note .data-grid-heading div:first-child {
  flex-grow: 1;
}
out-attachment-filter-dialog .data-grid-heading .mat-button,
attachment-category-selector .data-grid-heading .mat-button,
out-category-detail-view .data-grid-heading .mat-button,
app-attachment-category-grid .data-grid-heading .mat-button,
attachment .data-grid-heading .mat-button,
out-notes-container .data-grid-heading .mat-button,
.mfe-notes-container .data-grid-heading .mat-button,
out-category-card-view .data-grid-heading .mat-button,
out-add-note .data-grid-heading .mat-button {
  margin: 0 0 0 12px;
}
out-attachment-filter-dialog .data-table,
attachment-category-selector .data-table,
out-category-detail-view .data-table,
app-attachment-category-grid .data-table,
attachment .data-table,
out-notes-container .data-table,
.mfe-notes-container .data-table,
out-category-card-view .data-table,
out-add-note .data-table {
  width: 98%;
  border-radius: 10px;
  margin-left: 1rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}
out-attachment-filter-dialog .data-table thead,
attachment-category-selector .data-table thead,
out-category-detail-view .data-table thead,
app-attachment-category-grid .data-table thead,
attachment .data-table thead,
out-notes-container .data-table thead,
.mfe-notes-container .data-table thead,
out-category-card-view .data-table thead,
out-add-note .data-table thead {
  border-radius: 20px;
}
out-attachment-filter-dialog .data-table .mat-row:nth-child(odd),
attachment-category-selector .data-table .mat-row:nth-child(odd),
out-category-detail-view .data-table .mat-row:nth-child(odd),
app-attachment-category-grid .data-table .mat-row:nth-child(odd),
attachment .data-table .mat-row:nth-child(odd),
out-notes-container .data-table .mat-row:nth-child(odd),
.mfe-notes-container .data-table .mat-row:nth-child(odd),
out-category-card-view .data-table .mat-row:nth-child(odd),
out-add-note .data-table .mat-row:nth-child(odd) {
  background-color: white;
}
out-attachment-filter-dialog .data-table .mat-row:nth-child(even),
attachment-category-selector .data-table .mat-row:nth-child(even),
out-category-detail-view .data-table .mat-row:nth-child(even),
app-attachment-category-grid .data-table .mat-row:nth-child(even),
attachment .data-table .mat-row:nth-child(even),
out-notes-container .data-table .mat-row:nth-child(even),
.mfe-notes-container .data-table .mat-row:nth-child(even),
out-category-card-view .data-table .mat-row:nth-child(even),
out-add-note .data-table .mat-row:nth-child(even) {
  background-color: #e2e2e2;
}
out-attachment-filter-dialog .data-table td.mat-cell,
attachment-category-selector .data-table td.mat-cell,
out-category-detail-view .data-table td.mat-cell,
app-attachment-category-grid .data-table td.mat-cell,
attachment .data-table td.mat-cell,
out-notes-container .data-table td.mat-cell,
.mfe-notes-container .data-table td.mat-cell,
out-category-card-view .data-table td.mat-cell,
out-add-note .data-table td.mat-cell {
  border-bottom-style: none;
}
out-attachment-filter-dialog .data-table th.mat-header-cell,
attachment-category-selector .data-table th.mat-header-cell,
out-category-detail-view .data-table th.mat-header-cell,
app-attachment-category-grid .data-table th.mat-header-cell,
attachment .data-table th.mat-header-cell,
out-notes-container .data-table th.mat-header-cell,
.mfe-notes-container .data-table th.mat-header-cell,
out-category-card-view .data-table th.mat-header-cell,
out-add-note .data-table th.mat-header-cell {
  border-bottom-style: none;
  background: #86bb39;
  color: white;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}
out-attachment-filter-dialog .out-view-notes,
out-attachment-filter-dialog .add-note-container,
attachment-category-selector .out-view-notes,
attachment-category-selector .add-note-container,
out-category-detail-view .out-view-notes,
out-category-detail-view .add-note-container,
app-attachment-category-grid .out-view-notes,
app-attachment-category-grid .add-note-container,
attachment .out-view-notes,
attachment .add-note-container,
out-notes-container .out-view-notes,
out-notes-container .add-note-container,
.mfe-notes-container .out-view-notes,
.mfe-notes-container .add-note-container,
out-category-card-view .out-view-notes,
out-category-card-view .add-note-container,
out-add-note .out-view-notes,
out-add-note .add-note-container {
  width: 20rem;
}
out-attachment-filter-dialog .notes-header-section__filters > div,
attachment-category-selector .notes-header-section__filters > div,
out-category-detail-view .notes-header-section__filters > div,
app-attachment-category-grid .notes-header-section__filters > div,
attachment .notes-header-section__filters > div,
out-notes-container .notes-header-section__filters > div,
.mfe-notes-container .notes-header-section__filters > div,
out-category-card-view .notes-header-section__filters > div,
out-add-note .notes-header-section__filters > div {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
out-attachment-filter-dialog .notes-header-section__heading,
attachment-category-selector .notes-header-section__heading,
out-category-detail-view .notes-header-section__heading,
app-attachment-category-grid .notes-header-section__heading,
attachment .notes-header-section__heading,
out-notes-container .notes-header-section__heading,
.mfe-notes-container .notes-header-section__heading,
out-category-card-view .notes-header-section__heading,
out-add-note .notes-header-section__heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.25rem !important;
}
out-attachment-filter-dialog .notes-header-section--text,
out-attachment-filter-dialog .add-note__heading--text,
attachment-category-selector .notes-header-section--text,
attachment-category-selector .add-note__heading--text,
out-category-detail-view .notes-header-section--text,
out-category-detail-view .add-note__heading--text,
app-attachment-category-grid .notes-header-section--text,
app-attachment-category-grid .add-note__heading--text,
attachment .notes-header-section--text,
attachment .add-note__heading--text,
out-notes-container .notes-header-section--text,
out-notes-container .add-note__heading--text,
.mfe-notes-container .notes-header-section--text,
.mfe-notes-container .add-note__heading--text,
out-category-card-view .notes-header-section--text,
out-category-card-view .add-note__heading--text,
out-add-note .notes-header-section--text,
out-add-note .add-note__heading--text {
  color: #33173a;
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
out-attachment-filter-dialog .notes-header-section--text .count,
attachment-category-selector .notes-header-section--text .count,
out-category-detail-view .notes-header-section--text .count,
app-attachment-category-grid .notes-header-section--text .count,
attachment .notes-header-section--text .count,
out-notes-container .notes-header-section--text .count,
.mfe-notes-container .notes-header-section--text .count,
out-category-card-view .notes-header-section--text .count,
out-add-note .notes-header-section--text .count {
  border-radius: 1rem;
  background-color: #d5c1db !important;
  margin: 0.5rem;
  padding: 0.438rem 0.75rem;
  font-size: 0.875rem !important;
}
out-attachment-filter-dialog .notes-item__section--text,
attachment-category-selector .notes-item__section--text,
out-category-detail-view .notes-item__section--text,
app-attachment-category-grid .notes-item__section--text,
attachment .notes-item__section--text,
out-notes-container .notes-item__section--text,
.mfe-notes-container .notes-item__section--text,
out-category-card-view .notes-item__section--text,
out-add-note .notes-item__section--text {
  padding-bottom: 0.5rem;
  word-break: break-word;
}
out-attachment-filter-dialog .notes-item__section > a,
attachment-category-selector .notes-item__section > a,
out-category-detail-view .notes-item__section > a,
app-attachment-category-grid .notes-item__section > a,
attachment .notes-item__section > a,
out-notes-container .notes-item__section > a,
.mfe-notes-container .notes-item__section > a,
out-category-card-view .notes-item__section > a,
out-add-note .notes-item__section > a {
  font-weight: bold;
  color: #79378b;
  cursor: pointer;
}
out-attachment-filter-dialog .notes-item,
attachment-category-selector .notes-item,
out-category-detail-view .notes-item,
app-attachment-category-grid .notes-item,
attachment .notes-item,
out-notes-container .notes-item,
.mfe-notes-container .notes-item,
out-category-card-view .notes-item,
out-add-note .notes-item {
  background-color: #ededed !important;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 1.5rem 1rem;
}
out-attachment-filter-dialog .notes-item__header .created-date,
attachment-category-selector .notes-item__header .created-date,
out-category-detail-view .notes-item__header .created-date,
app-attachment-category-grid .notes-item__header .created-date,
attachment .notes-item__header .created-date,
out-notes-container .notes-item__header .created-date,
.mfe-notes-container .notes-item__header .created-date,
out-category-card-view .notes-item__header .created-date,
out-add-note .notes-item__header .created-date {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
out-attachment-filter-dialog .add-note__buttons > button,
attachment-category-selector .add-note__buttons > button,
out-category-detail-view .add-note__buttons > button,
app-attachment-category-grid .add-note__buttons > button,
attachment .add-note__buttons > button,
out-notes-container .add-note__buttons > button,
.mfe-notes-container .add-note__buttons > button,
out-category-card-view .add-note__buttons > button,
out-add-note .add-note__buttons > button {
  margin-top: 1rem;
  margin-right: 1rem;
}
out-attachment-filter-dialog .mat-simple-snackbar button,
attachment-category-selector .mat-simple-snackbar button,
out-category-detail-view .mat-simple-snackbar button,
app-attachment-category-grid .mat-simple-snackbar button,
attachment .mat-simple-snackbar button,
out-notes-container .mat-simple-snackbar button,
.mfe-notes-container .mat-simple-snackbar button,
out-category-card-view .mat-simple-snackbar button,
out-add-note .mat-simple-snackbar button {
  margin-bottom: unset !important;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --blur-sys-background-10: blur(12.5px);
  --blur-sys-background-20: blur(25px);
  --blur-sys-background-30: blur(37.5px);
  --blur-sys-background-40: blur(50px);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --border-radius-10: 0.125rem;
  --border-radius-20: 0.25rem;
  --border-radius-30: 0.5rem;
  --border-radius-40: 0.75rem;
  --border-radius-50: 1rem;
  --border-radius-60: 1.5rem;
  --border-radius-70: 2rem;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --border-width-10: 1px;
  --border-width-20: 1.5px;
  --border-width-30: 2px;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --color-ref-black-0: rgba(0, 0, 0, 0);
  --color-ref-black-10: rgba(0, 0, 0, 0.02);
  --color-ref-black-25: rgba(0, 0, 0, 0.04);
  --color-ref-black-50: rgba(0, 0, 0, 0.07);
  --color-ref-black-75: rgba(0, 0, 0, 0.11);
  --color-ref-black-100: rgba(0, 0, 0, 0.16);
  --color-ref-black-150: rgba(0, 0, 0, 0.2);
  --color-ref-black-200: rgba(0, 0, 0, 0.25);
  --color-ref-black-300: rgba(0, 0, 0, 0.35);
  --color-ref-black-400: rgba(0, 0, 0, 0.45);
  --color-ref-black-500: rgba(0, 0, 0, 0.55);
  --color-ref-black-600: rgba(0, 0, 0, 0.65);
  --color-ref-black-700: rgba(0, 0, 0, 0.68);
  --color-ref-black-800: rgba(0, 0, 0, 0.74);
  --color-ref-black-900: rgba(0, 0, 0, 0.79);
  --color-ref-black-925: rgba(0, 0, 0, 0.84);
  --color-ref-black-950: rgba(0, 0, 0, 0.89);
  --color-ref-black-975: rgba(0, 0, 0, 0.93);
  --color-ref-black-1000: #000000;
  --color-ref-white-10: rgba(255, 255, 255, 0.03);
  --color-ref-white-25: rgba(255, 255, 255, 0.07);
  --color-ref-white-50: rgba(255, 255, 255, 0.09);
  --color-ref-white-75: rgba(255, 255, 255, 0.13);
  --color-ref-white-100: rgba(255, 255, 255, 0.16);
  --color-ref-white-200: rgba(255, 255, 255, 0.23);
  --color-ref-white-300: rgba(255, 255, 255, 0.29);
  --color-ref-white-400: rgba(255, 255, 255, 0.38);
  --color-ref-white-500: rgba(255, 255, 255, 0.47);
  --color-ref-white-600: rgba(255, 255, 255, 0.56);
  --color-ref-white-700: rgba(255, 255, 255, 0.62);
  --color-ref-white-800: rgba(255, 255, 255, 0.7);
  --color-ref-white-900: rgba(255, 255, 255, 0.77);
  --color-ref-white-925: rgba(255, 255, 255, 0.83);
  --color-ref-white-950: rgba(255, 255, 255, 0.9);
  --color-ref-white-975: rgba(255, 255, 255, 0.95);
  --color-ref-white-1000: #ffffff;
  --color-ref-neutral-10: #f9f9f9;
  --color-ref-neutral-25: #f3f3f3;
  --color-ref-neutral-50: #ededed;
  --color-ref-neutral-75: #e2e2e2;
  --color-ref-neutral-100: #d5d5d5;
  --color-ref-neutral-200: #bebebe;
  --color-ref-neutral-300: #a7a7a7;
  --color-ref-neutral-400: #8b8b8b;
  --color-ref-neutral-500: #737373;
  --color-ref-neutral-600: #5e5e5e;
  --color-ref-neutral-700: #515151;
  --color-ref-neutral-800: #424242;
  --color-ref-neutral-900: #363636;
  --color-ref-neutral-925: #2b2b2b;
  --color-ref-neutral-950: #212121;
  --color-ref-neutral-975: #101010;
  --color-ref-apple-10: #f7fcef;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-75: #cdeca1;
  --color-ref-apple-100: #b6e477;
  --color-ref-apple-200: #93cd3f;
  --color-ref-apple-300: #83bb3b;
  --color-ref-apple-400: #649a34;
  --color-ref-apple-500: #4e812f;
  --color-ref-apple-600: #3a6a2a;
  --color-ref-apple-700: #325d24;
  --color-ref-apple-800: #294c1e;
  --color-ref-apple-900: #213c18;
  --color-ref-apple-925: #192e12;
  --color-ref-apple-950: #12210d;
  --color-ref-apple-975: #0b1308;
  --color-ref-apple-300-20pc: rgba(131, 187, 59, 0.2);
  --color-ref-apple-300-30pc: rgba(131, 187, 59, 0.3);
  --color-ref-apple-300-50pc: rgba(131, 187, 59, 0.5);
  --color-ref-violet-10: #fcf8ff;
  --color-ref-violet-25: #f9f2ff;
  --color-ref-violet-50: #f5e9ff;
  --color-ref-violet-75: #efdaff;
  --color-ref-violet-100: #e8caff;
  --color-ref-violet-200: #d8acf9;
  --color-ref-violet-300: #c898e7;
  --color-ref-violet-400: #ac77c7;
  --color-ref-violet-500: #975cae;
  --color-ref-violet-600: #834598;
  --color-ref-violet-700: #79378b;
  --color-ref-violet-800: #662a77;
  --color-ref-violet-900: #541d63;
  --color-ref-violet-925: #40154e;
  --color-ref-violet-950: #2c113a;
  --color-ref-violet-975: #1b0a24;
  --color-ref-lavender-10: #faf9fb;
  --color-ref-lavender-25: #f6f3f7;
  --color-ref-lavender-50: #efebf2;
  --color-ref-lavender-75: #e6dfea;
  --color-ref-lavender-100: #dcd2e1;
  --color-ref-lavender-200: #c7b7d0;
  --color-ref-lavender-300: #b8a4c3;
  --color-ref-lavender-400: #9e81ad;
  --color-ref-lavender-500: #89669b;
  --color-ref-lavender-600: #774f8c;
  --color-ref-lavender-700: #6a437f;
  --color-ref-lavender-800: #573768;
  --color-ref-lavender-900: #452c52;
  --color-ref-lavender-925: #34213f;
  --color-ref-lavender-950: #25182d;
  --color-ref-lavender-975: #170e1b;
  --color-ref-lavender-300-20pc: rgba(184, 164, 195, 0.2);
  --color-ref-lavender-300-30pc: rgba(184, 164, 195, 0.3);
  --color-ref-lavender-300-50pc: rgba(184, 164, 195, 0.5);
  --color-ref-red-10: #fff9fb;
  --color-ref-red-25: #fff0f4;
  --color-ref-red-50: #ffe7ed;
  --color-ref-red-75: #ffd8e2;
  --color-ref-red-100: #ffc7d5;
  --color-ref-red-200: #FEA995;
  --color-ref-red-300: #ff7e9e;
  --color-ref-red-400: #f74b75;
  --color-ref-red-500: #d7305a;
  --color-ref-red-600: #b61c43;
  --color-ref-red-700: #9f193a;
  --color-ref-red-800: #831430;
  --color-ref-red-900: #6b1127;
  --color-ref-red-925: #520d1e;
  --color-ref-red-950: #3d0916;
  --color-ref-red-975: #27060e;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-text-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-text-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-text-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-text-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-text-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-text-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-text-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-text-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-text-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-text-accent-primary-subtle: var(--color-ref-apple-600);
  --color-sys-text-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-text-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-text-inverse-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-text-inverse-strong: var(--color-ref-white-1000);
  --color-sys-text-inverse-moderate: var(--color-ref-neutral-100);
  --color-sys-text-inverse-subtle: var(--color-ref-neutral-200);
  --color-sys-text-critical: var(--color-ref-red-700);
  --color-sys-text-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-disabled: var(--color-ref-neutral-400);
  --color-sys-text-subtle: var(--color-ref-neutral-600);
  --color-sys-text-moderate: var(--color-ref-neutral-700);
  --color-sys-text-strong: var(--color-ref-neutral-900);
  --color-sys-icon-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-icon-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-icon-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-icon-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-icon-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-icon-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-icon-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-icon-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-icon-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-icon-accent-primary-subtle: var(--color-ref-apple-500);
  --color-sys-icon-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-icon-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-icon-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-icon-inverse-moderate: var(--color-ref-neutral-200);
  --color-sys-icon-inverse-strong: var(--color-ref-white-1000);
  --color-sys-icon-critical: var(--color-ref-red-700);
  --color-sys-icon-disabled: var(--color-ref-neutral-300);
  --color-sys-icon-subtle: var(--color-ref-neutral-500);
  --color-sys-icon-moderate: var(--color-ref-neutral-700);
  --color-sys-icon-strong: var(--color-ref-neutral-900);
  --color-sys-bg-neutral-10: var(--color-ref-neutral-10);
  --color-sys-bg-neutral-20: var(--color-ref-neutral-25);
  --color-sys-bg-neutral-30: var(--color-ref-neutral-50);
  --color-sys-bg-neutral-40: var(--color-ref-neutral-75);
  --color-sys-bg-tertiary-10: var(--color-ref-lavender-10);
  --color-sys-bg-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-bg-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-bg-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-bg-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-bg-tertiary-inverse-20: var(--color-ref-lavender-950);
  --color-sys-bg-tertiary-inverse-40: var(--color-ref-lavender-900);
  --color-sys-bg-tertiary-inverse-50: var(--color-ref-lavender-800);
  --color-sys-bg-secondary-10: var(--color-ref-violet-10);
  --color-sys-bg-secondary-20: var(--color-ref-violet-25);
  --color-sys-bg-secondary-30: var(--color-ref-violet-50);
  --color-sys-bg-secondary-40: var(--color-ref-violet-75);
  --color-sys-bg-secondary-50: var(--color-ref-violet-100);
  --color-sys-bg-secondary-inverse-40: var(--color-ref-violet-900);
  --color-sys-bg-secondary-inverse-80: var(--color-ref-violet-500);
  --color-sys-bg-primary-10: var(--color-ref-apple-10);
  --color-sys-bg-primary-20: var(--color-ref-apple-25);
  --color-sys-bg-primary-30: var(--color-ref-apple-50);
  --color-sys-bg-primary-40: var(--color-ref-apple-75);
  --color-sys-bg-primary-50: var(--color-ref-apple-100);
  --color-sys-bg-primary-inverse-40: var(--color-ref-apple-900);
  --color-sys-bg-default: var(--color-ref-white-1000);
  --color-sys-bg-critical-40: var(--color-ref-red-75);
  --color-sys-bg-critical-inverse-80: var(--color-ref-red-500);
  --color-sys-bg-raised: var(--color-ref-white-1000);
  --color-sys-interactive-border-40-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-border-40-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-border-40-default: var(--color-ref-neutral-75);
  --color-sys-interactive-border-critical-30: var(--color-ref-red-200);
  --color-sys-interactive-border-critical-100: var(--color-ref-red-600);
  --color-sys-interactive-border-secondary-40-focus: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-40-hover: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-40-default: var(--color-ref-violet-75);
  --color-sys-interactive-border-secondary-60-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-60-hover: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-60-default: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-80-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-80-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-80-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-secondary-100-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-100-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-disabled: var(--color-ref-neutral-100);
  --color-sys-interactive-border-inverse-max-default: var(--color-ref-white-1000);
  --color-sys-interactive-border-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-border-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-border-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-border-tertiary-40-focus: var(--color-ref-lavender-300);
  --color-sys-interactive-border-tertiary-40-hover: var(--color-ref-lavender-200);
  --color-sys-interactive-border-tertiary-40-default: var(--color-ref-lavender-75);
  --color-sys-interactive-border-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-border-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-border-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-30-focus: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-30-hover: var(--color-ref-neutral-75);
  --color-sys-interactive-bg-30-default: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-50-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-bg-50-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-bg-50-default: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-primary-10-focus: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-10-hover: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-10-default: var(--color-ref-apple-10);
  --color-sys-interactive-bg-primary-20-default: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-20-hover: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-20-focus: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-default: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-30-hover: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-focus: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-50-hover: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-default: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-100-default: var(--color-ref-apple-600);
  --color-sys-interactive-bg-primary-100-hover: var(--color-ref-apple-700);
  --color-sys-interactive-bg-primary-100-focus: var(--color-ref-apple-800);
  --color-sys-interactive-bg-min-focus: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-min-hover: var(--color-ref-neutral-25);
  --color-sys-interactive-bg-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-disabled: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-secondary-10-default: var(--color-ref-violet-10);
  --color-sys-interactive-bg-secondary-10-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-10-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-focus: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-20-hover: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-default: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-30-default: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-30-hover: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-30-focus: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-50-focus: var(--color-ref-violet-300);
  --color-sys-interactive-bg-secondary-50-hover: var(--color-ref-violet-200);
  --color-sys-interactive-bg-secondary-50-default: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-bg-secondary-100-hover: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-100-focus: var(--color-ref-violet-800);
  --color-sys-interactive-bg-secondary-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-secondary-min-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-min-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-inverse-30-default: var(--color-ref-violet-900);
  --color-sys-interactive-bg-secondary-inverse-30-focus: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-inverse-30-hover: var(--color-ref-violet-800);
  --color-sys-interactive-bg-tertiary-10-default: var(--color-ref-lavender-10);
  --color-sys-interactive-bg-tertiary-10-focus: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-10-hover: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-30-default: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-30-hover: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-30-focus: var(--color-ref-lavender-100);
  --color-sys-interactive-bg-tertiary-60-default: var(--color-ref-lavender-200);
  --color-sys-interactive-bg-tertiary-60-hover: var(--color-ref-lavender-300);
  --color-sys-interactive-bg-tertiary-60-focus: var(--color-ref-lavender-400);
  --color-sys-border-secondary-10: var(--color-ref-violet-50);
  --color-sys-border-secondary-20: var(--color-ref-violet-75);
  --color-sys-border-secondary-30: var(--color-ref-violet-100);
  --color-sys-border-secondary-40: var(--color-ref-violet-200);
  --color-sys-border-secondary-50: var(--color-ref-violet-400);
  --color-sys-border-secondary-60: var(--color-ref-violet-600);
  --color-sys-border-primary-10: var(--color-ref-apple-50);
  --color-sys-border-primary-20: var(--color-ref-apple-75);
  --color-sys-border-primary-30: var(--color-ref-apple-100);
  --color-sys-border-primary-40: var(--color-ref-apple-200);
  --color-sys-border-primary-50: var(--color-ref-apple-400);
  --color-sys-border-primary-60: var(--color-ref-apple-600);
  --color-sys-border-tertiary-10: var(--color-ref-lavender-50);
  --color-sys-border-tertiary-20: var(--color-ref-lavender-75);
  --color-sys-border-tertiary-30: var(--color-ref-lavender-100);
  --color-sys-border-tertiary-40: var(--color-ref-lavender-200);
  --color-sys-border-tertiary-50: var(--color-ref-lavender-400);
  --color-sys-border-tertiary-60: var(--color-ref-lavender-600);
  --color-sys-border-min: var(--color-ref-white-1000);
  --color-sys-canvas-default: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-illustration-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-illustration-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-illustration-tertiary-60: var(--color-ref-lavender-200);
  --color-sys-illustration-tertiary-70: var(--color-ref-lavender-300);
  --color-sys-illustration-tertiary-80: var(--color-ref-lavender-400);
  --color-sys-illustration-tertiary-100: var(--color-ref-lavender-600);
  --color-sys-illustration-secondary-20: var(--color-ref-violet-25);
  --color-sys-illustration-secondary-30: var(--color-ref-violet-50);
  --color-sys-illustration-secondary-40: var(--color-ref-violet-75);
  --color-sys-illustration-secondary-50: var(--color-ref-violet-100);
  --color-sys-illustration-secondary-60: var(--color-ref-violet-200);
  --color-sys-illustration-secondary-70: var(--color-ref-violet-300);
  --color-sys-illustration-secondary-80: var(--color-ref-violet-400);
  --color-sys-illustration-secondary-100: var(--color-ref-violet-600);
  --color-sys-illustration-primary-20: var(--color-ref-apple-25);
  --color-sys-illustration-primary-30: var(--color-ref-apple-50);
  --color-sys-illustration-primary-40: var(--color-ref-apple-75);
  --color-sys-illustration-primary-50: var(--color-ref-apple-100);
  --color-sys-illustration-primary-60: var(--color-ref-apple-200);
  --color-sys-illustration-primary-70: var(--color-ref-apple-300);
  --color-sys-illustration-primary-80: var(--color-ref-apple-400);
  --color-sys-illustration-primary-100: var(--color-ref-apple-600);
  --color-sys-illustration-neutral-min: var(--color-ref-white-1000);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --color-comp-scrollbar-fg-default: var(--color-ref-lavender-100);
  --color-comp-form-border-critical: var(--color-sys-interactive-border-critical-30);
  --color-comp-form-border-read-only: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-border-disabled: var(--color-ref-neutral-75);
  --color-comp-form-border-active: var(--color-sys-interactive-border-secondary-100-default);
  --color-comp-form-border-default: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-bg-critical: var(--color-ref-white-1000);
  --color-comp-form-bg-read-only: var(--color-ref-lavender-10);
  --color-comp-form-bg-disabled: var(--color-ref-neutral-50);
  --color-comp-form-bg-active: var(--color-ref-white-1000);
  --color-comp-form-bg-default: var(--color-ref-white-1000);
  --color-comp-button-bg-inverse-disabled: var(--color-ref-neutral-800);
  --color-comp-button-bg-disabled: var(--color-ref-neutral-75);
  --color-comp-button-neutral-inverse-faded-bg-focus: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-pressed: var(--color-ref-white-200);
  --color-comp-button-neutral-inverse-faded-bg-hover: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-default: var(--color-ref-white-50);
  --color-comp-button-secondary-faded-bg-focus: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-pressed: var(--color-ref-lavender-50);
  --color-comp-button-secondary-faded-bg-hover: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-secondary-outline-border-focus: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-pressed: var(--color-ref-violet-400);
  --color-comp-button-secondary-outline-border-hover: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-default: var(--color-ref-violet-200);
  --color-comp-button-secondary-outline-bg-focus: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-pressed: var(--color-ref-violet-50);
  --color-comp-button-secondary-outline-bg-hover: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-solid-bg-focus: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-pressed: var(--color-ref-violet-800);
  --color-comp-button-secondary-solid-bg-hover: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-default: var(--color-ref-violet-500);
  --color-comp-button-primary-inverse-faded-bg-focus: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-faded-bg-hover: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-default: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-border-disabled: var(--color-ref-neutral-600);
  --color-comp-button-primary-inverse-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-inverse-outline-bg-focus: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-bg-pressed: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-outline-bg-hover: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-solid-bg-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-solid-bg-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-default: var(--color-ref-apple-200);
  --color-comp-button-primary-faded-bg-focus: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-pressed: var(--color-ref-apple-75);
  --color-comp-button-primary-faded-bg-hover: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-default: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-primary-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-outline-bg-focus: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-pressed: var(--color-ref-apple-50);
  --color-comp-button-primary-outline-bg-hover: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-primary-solid-bg-focus: var(--color-ref-apple-100);
  --color-comp-button-primary-solid-bg-pressed: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-hover: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-default: var(--color-ref-apple-100);
  --color-comp-button-inverse-lowemphasis-bg-hover: var(--color-ref-white-25);
  --color-comp-button-inverse-lowemphasis-bg-pressed: var(--color-ref-white-75);
  --color-comp-button-inverse-lowemphasis-bg-focus: var(--color-ref-white-75);
  --color-comp-spinner-neutral-inverse-fg: var(--color-ref-white-1000);
  --color-comp-spinner-neutral-inverse-bg: var(--color-ref-white-200);
  --color-comp-spinner-neutral-fg: var(--color-ref-neutral-900);
  --color-comp-spinner-neutral-bg: var(--color-ref-black-200);
  --color-comp-spinner-secondary-fg: var(--color-ref-violet-700);
  --color-comp-spinner-secondary-bg: var(--color-ref-black-200);
  --color-comp-spinner-primary-fg: var(--color-ref-apple-700);
  --color-comp-spinner-primary-bg: var(--color-ref-apple-300-50pc);
  --color-comp-tooltip-bg-default: var(--color-ref-neutral-900);
  --color-comp-modal-overlay: var(--color-ref-black-300);
  --color-comp-divider-tertiary-subtle: var(--color-ref-lavender-50);
  --color-comp-divider-tertiary-strong: var(--color-ref-lavender-600);
  --color-comp-divider-tertiary-faint: var(--color-ref-lavender-25);
  --color-comp-divider-neutral-subtle: var(--color-ref-neutral-50);
  --color-comp-divider-neutral-faint: var(--color-ref-neutral-25);
  --color-comp-divider-primary-subtle: var(--color-ref-apple-50);
  --color-comp-toggletag-bg-subdued: var(--color-ref-neutral-10);
  --color-comp-cookiebanner-bg-default: var(--color-ref-lavender-950);
  --color-comp-link-bg-focus: var(--color-ref-apple-100);
  --color-comp-link-text-disabled: var(--color-sys-text-disabled);
  --color-comp-link-text-focus: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-hover: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-default: var(--color-sys-text-accent-primary-moderate);
  --color-comp-progress-primary-fg: var(--color-ref-apple-200);
  --color-comp-progress-primary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-fg: var(--color-ref-violet-500);
  --color-comp-header-bg-scrolled: var(--color-ref-white-800);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --spacing-10: 0.125rem;
  --spacing-20: 0.25rem;
  --spacing-30: 0.5rem;
  --spacing-40: 0.75rem;
  --spacing-50: 1rem;
  --spacing-60: 1.25rem;
  --spacing-70: 1.5rem;
  --spacing-80: 2rem;
  --spacing-90: 2.5rem;
  --spacing-100: 3rem;
  --spacing-110: 3.5rem;
  --spacing-120: 4rem;
  --spacing-inset-0: 0;
  --spacing-inset-10: 2px;
  --spacing-inset-20: 4px;
  --spacing-inset-30: 8px;
  --spacing-inset-40: 12px;
  --spacing-inset-50: 16px;
  --spacing-inset-60: 20px;
  --spacing-inset-70: 24px;
  --spacing-inset-80: 32px;
  --spacing-inset-90: 40px;
  --spacing-inset-100: 48px;
  --spacing-inset-squish-10: 2px 4px;
  --spacing-inset-squish-20: 4px 8px;
  --spacing-inset-squish-30: 8px 12px;
  --spacing-inset-squish-40: 12px 16px;
  --spacing-inset-squish-50: 16px 24px;
  --spacing-inset-squish-60: 24px 32px;
  --spacing-inset-squish-70: 32px 48px;
  --spacing-inset-stretch-10: 4px 2px;
  --spacing-inset-stretch-20: 8px 4px;
  --spacing-inset-stretch-30: 12px 8px;
  --spacing-inset-stretch-40: 16px 12px;
  --spacing-inset-stretch-50: 24px 16px;
  --spacing-inset-stretch-60: 32px 24px;
  --spacing-inset-stretch-70: 48px 32px;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --shadow-comp-button-secondary-solid-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0px 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-solid-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.5), 0px 12px 12px -12px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.3), 0px 12px 12px -12px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-primary-solid-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-solid-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.2), 0px 8px 4px -12px rgba(131, 187, 59, 0.3), 0px 10px 8px -12px rgba(131, 187, 59, 0.5), 0px 12px 12px -12px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.5), 0px 8px 4px -12px rgba(131, 187, 59, 0.5), 0px 10px 8px -12px rgba(131, 187, 59, 0.3), 0px 12px 12px -12px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.3), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-togglecard-selected: 0px 2px 4px -4px rgba(131, 187, 59, 0.2), 0px 4px 10px -4px rgba(131, 187, 59, 0.2), 0px 6px 18px -4px rgba(131, 187, 59, 0.2), 0px 8px 20px -4px rgba(131, 187, 59, 0.3), 0px 0px 0px 2.5px #93cd3f;
  --shadow-comp-popover-default: 0px 12px 24px 0px rgba(0, 0, 0, 0.11), 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-10: 0px 1px 8px -8px rgba(0, 0, 0, 0.16), 0px 2px 8px -3px rgba(0, 0, 0, 0.16);
  --shadow-sys-elevation-20: 0px 14px 8px -16px rgba(0, 0, 0, 0.11), 0px 8px 16px -6px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-30: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-40: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -10px rgba(0, 0, 0, 0.11), 0px 16px 12px -12px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-50: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-compact-10: 0px 2px 10px -6px rgba(0, 0, 0, 0.45), 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-20: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-30: 0px 4px 12px -4px rgba(0, 0, 0, 0.45), 0px 10px 10px -4px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-soft-10: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-20: 0px 8px 24px -6px rgba(0, 0, 0, 0.11), 0px 6px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-30: 0px 16px 32px -8px rgba(0, 0, 0, 0.16), 0px 4px 16px -6px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-40: 0px 24px 64px -12px rgba(0, 0, 0, 0.16), 0px 16px 32px -12px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-50: 0px 40px 96px -24px rgba(0, 0, 0, 0.16), 0px 24px 72px -32px rgba(0, 0, 0, 0.2), 0px 16px 24px -8px rgba(0, 0, 0, 0.04);
  --shadow-sys-focus-selected: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-focus-default: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-overlay-20: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  --shadow-sys-overlay-30: 0 0 24px 0 rgba(0, 0, 0, 0.16);
}
out-attachment-filter-dialog html, out-attachment-filter-dialog body, out-attachment-filter-dialog div, out-attachment-filter-dialog span, out-attachment-filter-dialog applet, out-attachment-filter-dialog object, out-attachment-filter-dialog iframe,
out-attachment-filter-dialog h1, out-attachment-filter-dialog h2, out-attachment-filter-dialog h3, out-attachment-filter-dialog h4, out-attachment-filter-dialog h5, out-attachment-filter-dialog h6, out-attachment-filter-dialog p, out-attachment-filter-dialog blockquote, out-attachment-filter-dialog pre,
out-attachment-filter-dialog a, out-attachment-filter-dialog abbr, out-attachment-filter-dialog acronym, out-attachment-filter-dialog address, out-attachment-filter-dialog big, out-attachment-filter-dialog cite, out-attachment-filter-dialog code,
out-attachment-filter-dialog del, out-attachment-filter-dialog dfn, out-attachment-filter-dialog em, out-attachment-filter-dialog img, out-attachment-filter-dialog ins, out-attachment-filter-dialog kbd, out-attachment-filter-dialog q, out-attachment-filter-dialog s, out-attachment-filter-dialog samp,
out-attachment-filter-dialog small, out-attachment-filter-dialog strike, out-attachment-filter-dialog strong, out-attachment-filter-dialog sub, out-attachment-filter-dialog sup, out-attachment-filter-dialog tt, out-attachment-filter-dialog var,
out-attachment-filter-dialog b, out-attachment-filter-dialog u, out-attachment-filter-dialog i, out-attachment-filter-dialog center,
out-attachment-filter-dialog dl, out-attachment-filter-dialog dt, out-attachment-filter-dialog dd, out-attachment-filter-dialog ol, out-attachment-filter-dialog ul, out-attachment-filter-dialog li,
out-attachment-filter-dialog fieldset, out-attachment-filter-dialog form, out-attachment-filter-dialog label, out-attachment-filter-dialog legend,
out-attachment-filter-dialog table, out-attachment-filter-dialog caption, out-attachment-filter-dialog tbody, out-attachment-filter-dialog tfoot, out-attachment-filter-dialog thead, out-attachment-filter-dialog tr, out-attachment-filter-dialog th, out-attachment-filter-dialog td,
out-attachment-filter-dialog article, out-attachment-filter-dialog aside, out-attachment-filter-dialog canvas, out-attachment-filter-dialog details, out-attachment-filter-dialog embed,
out-attachment-filter-dialog figure, out-attachment-filter-dialog figcaption, out-attachment-filter-dialog footer, out-attachment-filter-dialog header, out-attachment-filter-dialog hgroup,
out-attachment-filter-dialog menu, out-attachment-filter-dialog nav, out-attachment-filter-dialog output, out-attachment-filter-dialog ruby, out-attachment-filter-dialog section, out-attachment-filter-dialog summary,
out-attachment-filter-dialog time, out-attachment-filter-dialog mark, out-attachment-filter-dialog audio, out-attachment-filter-dialog video,
attachment-category-selector html,
attachment-category-selector body,
attachment-category-selector div,
attachment-category-selector span,
attachment-category-selector applet,
attachment-category-selector object,
attachment-category-selector iframe,
attachment-category-selector h1,
attachment-category-selector h2,
attachment-category-selector h3,
attachment-category-selector h4,
attachment-category-selector h5,
attachment-category-selector h6,
attachment-category-selector p,
attachment-category-selector blockquote,
attachment-category-selector pre,
attachment-category-selector a,
attachment-category-selector abbr,
attachment-category-selector acronym,
attachment-category-selector address,
attachment-category-selector big,
attachment-category-selector cite,
attachment-category-selector code,
attachment-category-selector del,
attachment-category-selector dfn,
attachment-category-selector em,
attachment-category-selector img,
attachment-category-selector ins,
attachment-category-selector kbd,
attachment-category-selector q,
attachment-category-selector s,
attachment-category-selector samp,
attachment-category-selector small,
attachment-category-selector strike,
attachment-category-selector strong,
attachment-category-selector sub,
attachment-category-selector sup,
attachment-category-selector tt,
attachment-category-selector var,
attachment-category-selector b,
attachment-category-selector u,
attachment-category-selector i,
attachment-category-selector center,
attachment-category-selector dl,
attachment-category-selector dt,
attachment-category-selector dd,
attachment-category-selector ol,
attachment-category-selector ul,
attachment-category-selector li,
attachment-category-selector fieldset,
attachment-category-selector form,
attachment-category-selector label,
attachment-category-selector legend,
attachment-category-selector table,
attachment-category-selector caption,
attachment-category-selector tbody,
attachment-category-selector tfoot,
attachment-category-selector thead,
attachment-category-selector tr,
attachment-category-selector th,
attachment-category-selector td,
attachment-category-selector article,
attachment-category-selector aside,
attachment-category-selector canvas,
attachment-category-selector details,
attachment-category-selector embed,
attachment-category-selector figure,
attachment-category-selector figcaption,
attachment-category-selector footer,
attachment-category-selector header,
attachment-category-selector hgroup,
attachment-category-selector menu,
attachment-category-selector nav,
attachment-category-selector output,
attachment-category-selector ruby,
attachment-category-selector section,
attachment-category-selector summary,
attachment-category-selector time,
attachment-category-selector mark,
attachment-category-selector audio,
attachment-category-selector video,
out-category-detail-view html,
out-category-detail-view body,
out-category-detail-view div,
out-category-detail-view span,
out-category-detail-view applet,
out-category-detail-view object,
out-category-detail-view iframe,
out-category-detail-view h1,
out-category-detail-view h2,
out-category-detail-view h3,
out-category-detail-view h4,
out-category-detail-view h5,
out-category-detail-view h6,
out-category-detail-view p,
out-category-detail-view blockquote,
out-category-detail-view pre,
out-category-detail-view a,
out-category-detail-view abbr,
out-category-detail-view acronym,
out-category-detail-view address,
out-category-detail-view big,
out-category-detail-view cite,
out-category-detail-view code,
out-category-detail-view del,
out-category-detail-view dfn,
out-category-detail-view em,
out-category-detail-view img,
out-category-detail-view ins,
out-category-detail-view kbd,
out-category-detail-view q,
out-category-detail-view s,
out-category-detail-view samp,
out-category-detail-view small,
out-category-detail-view strike,
out-category-detail-view strong,
out-category-detail-view sub,
out-category-detail-view sup,
out-category-detail-view tt,
out-category-detail-view var,
out-category-detail-view b,
out-category-detail-view u,
out-category-detail-view i,
out-category-detail-view center,
out-category-detail-view dl,
out-category-detail-view dt,
out-category-detail-view dd,
out-category-detail-view ol,
out-category-detail-view ul,
out-category-detail-view li,
out-category-detail-view fieldset,
out-category-detail-view form,
out-category-detail-view label,
out-category-detail-view legend,
out-category-detail-view table,
out-category-detail-view caption,
out-category-detail-view tbody,
out-category-detail-view tfoot,
out-category-detail-view thead,
out-category-detail-view tr,
out-category-detail-view th,
out-category-detail-view td,
out-category-detail-view article,
out-category-detail-view aside,
out-category-detail-view canvas,
out-category-detail-view details,
out-category-detail-view embed,
out-category-detail-view figure,
out-category-detail-view figcaption,
out-category-detail-view footer,
out-category-detail-view header,
out-category-detail-view hgroup,
out-category-detail-view menu,
out-category-detail-view nav,
out-category-detail-view output,
out-category-detail-view ruby,
out-category-detail-view section,
out-category-detail-view summary,
out-category-detail-view time,
out-category-detail-view mark,
out-category-detail-view audio,
out-category-detail-view video,
app-attachment-category-grid html,
app-attachment-category-grid body,
app-attachment-category-grid div,
app-attachment-category-grid span,
app-attachment-category-grid applet,
app-attachment-category-grid object,
app-attachment-category-grid iframe,
app-attachment-category-grid h1,
app-attachment-category-grid h2,
app-attachment-category-grid h3,
app-attachment-category-grid h4,
app-attachment-category-grid h5,
app-attachment-category-grid h6,
app-attachment-category-grid p,
app-attachment-category-grid blockquote,
app-attachment-category-grid pre,
app-attachment-category-grid a,
app-attachment-category-grid abbr,
app-attachment-category-grid acronym,
app-attachment-category-grid address,
app-attachment-category-grid big,
app-attachment-category-grid cite,
app-attachment-category-grid code,
app-attachment-category-grid del,
app-attachment-category-grid dfn,
app-attachment-category-grid em,
app-attachment-category-grid img,
app-attachment-category-grid ins,
app-attachment-category-grid kbd,
app-attachment-category-grid q,
app-attachment-category-grid s,
app-attachment-category-grid samp,
app-attachment-category-grid small,
app-attachment-category-grid strike,
app-attachment-category-grid strong,
app-attachment-category-grid sub,
app-attachment-category-grid sup,
app-attachment-category-grid tt,
app-attachment-category-grid var,
app-attachment-category-grid b,
app-attachment-category-grid u,
app-attachment-category-grid i,
app-attachment-category-grid center,
app-attachment-category-grid dl,
app-attachment-category-grid dt,
app-attachment-category-grid dd,
app-attachment-category-grid ol,
app-attachment-category-grid ul,
app-attachment-category-grid li,
app-attachment-category-grid fieldset,
app-attachment-category-grid form,
app-attachment-category-grid label,
app-attachment-category-grid legend,
app-attachment-category-grid table,
app-attachment-category-grid caption,
app-attachment-category-grid tbody,
app-attachment-category-grid tfoot,
app-attachment-category-grid thead,
app-attachment-category-grid tr,
app-attachment-category-grid th,
app-attachment-category-grid td,
app-attachment-category-grid article,
app-attachment-category-grid aside,
app-attachment-category-grid canvas,
app-attachment-category-grid details,
app-attachment-category-grid embed,
app-attachment-category-grid figure,
app-attachment-category-grid figcaption,
app-attachment-category-grid footer,
app-attachment-category-grid header,
app-attachment-category-grid hgroup,
app-attachment-category-grid menu,
app-attachment-category-grid nav,
app-attachment-category-grid output,
app-attachment-category-grid ruby,
app-attachment-category-grid section,
app-attachment-category-grid summary,
app-attachment-category-grid time,
app-attachment-category-grid mark,
app-attachment-category-grid audio,
app-attachment-category-grid video,
attachment html,
attachment body,
attachment div,
attachment span,
attachment applet,
attachment object,
attachment iframe,
attachment h1,
attachment h2,
attachment h3,
attachment h4,
attachment h5,
attachment h6,
attachment p,
attachment blockquote,
attachment pre,
attachment a,
attachment abbr,
attachment acronym,
attachment address,
attachment big,
attachment cite,
attachment code,
attachment del,
attachment dfn,
attachment em,
attachment img,
attachment ins,
attachment kbd,
attachment q,
attachment s,
attachment samp,
attachment small,
attachment strike,
attachment strong,
attachment sub,
attachment sup,
attachment tt,
attachment var,
attachment b,
attachment u,
attachment i,
attachment center,
attachment dl,
attachment dt,
attachment dd,
attachment ol,
attachment ul,
attachment li,
attachment fieldset,
attachment form,
attachment label,
attachment legend,
attachment table,
attachment caption,
attachment tbody,
attachment tfoot,
attachment thead,
attachment tr,
attachment th,
attachment td,
attachment article,
attachment aside,
attachment canvas,
attachment details,
attachment embed,
attachment figure,
attachment figcaption,
attachment footer,
attachment header,
attachment hgroup,
attachment menu,
attachment nav,
attachment output,
attachment ruby,
attachment section,
attachment summary,
attachment time,
attachment mark,
attachment audio,
attachment video,
out-notes-container html,
out-notes-container body,
out-notes-container div,
out-notes-container span,
out-notes-container applet,
out-notes-container object,
out-notes-container iframe,
out-notes-container h1,
out-notes-container h2,
out-notes-container h3,
out-notes-container h4,
out-notes-container h5,
out-notes-container h6,
out-notes-container p,
out-notes-container blockquote,
out-notes-container pre,
out-notes-container a,
out-notes-container abbr,
out-notes-container acronym,
out-notes-container address,
out-notes-container big,
out-notes-container cite,
out-notes-container code,
out-notes-container del,
out-notes-container dfn,
out-notes-container em,
out-notes-container img,
out-notes-container ins,
out-notes-container kbd,
out-notes-container q,
out-notes-container s,
out-notes-container samp,
out-notes-container small,
out-notes-container strike,
out-notes-container strong,
out-notes-container sub,
out-notes-container sup,
out-notes-container tt,
out-notes-container var,
out-notes-container b,
out-notes-container u,
out-notes-container i,
out-notes-container center,
out-notes-container dl,
out-notes-container dt,
out-notes-container dd,
out-notes-container ol,
out-notes-container ul,
out-notes-container li,
out-notes-container fieldset,
out-notes-container form,
out-notes-container label,
out-notes-container legend,
out-notes-container table,
out-notes-container caption,
out-notes-container tbody,
out-notes-container tfoot,
out-notes-container thead,
out-notes-container tr,
out-notes-container th,
out-notes-container td,
out-notes-container article,
out-notes-container aside,
out-notes-container canvas,
out-notes-container details,
out-notes-container embed,
out-notes-container figure,
out-notes-container figcaption,
out-notes-container footer,
out-notes-container header,
out-notes-container hgroup,
out-notes-container menu,
out-notes-container nav,
out-notes-container output,
out-notes-container ruby,
out-notes-container section,
out-notes-container summary,
out-notes-container time,
out-notes-container mark,
out-notes-container audio,
out-notes-container video,
.mfe-notes-container html,
.mfe-notes-container body,
.mfe-notes-container div,
.mfe-notes-container span,
.mfe-notes-container applet,
.mfe-notes-container object,
.mfe-notes-container iframe,
.mfe-notes-container h1,
.mfe-notes-container h2,
.mfe-notes-container h3,
.mfe-notes-container h4,
.mfe-notes-container h5,
.mfe-notes-container h6,
.mfe-notes-container p,
.mfe-notes-container blockquote,
.mfe-notes-container pre,
.mfe-notes-container a,
.mfe-notes-container abbr,
.mfe-notes-container acronym,
.mfe-notes-container address,
.mfe-notes-container big,
.mfe-notes-container cite,
.mfe-notes-container code,
.mfe-notes-container del,
.mfe-notes-container dfn,
.mfe-notes-container em,
.mfe-notes-container img,
.mfe-notes-container ins,
.mfe-notes-container kbd,
.mfe-notes-container q,
.mfe-notes-container s,
.mfe-notes-container samp,
.mfe-notes-container small,
.mfe-notes-container strike,
.mfe-notes-container strong,
.mfe-notes-container sub,
.mfe-notes-container sup,
.mfe-notes-container tt,
.mfe-notes-container var,
.mfe-notes-container b,
.mfe-notes-container u,
.mfe-notes-container i,
.mfe-notes-container center,
.mfe-notes-container dl,
.mfe-notes-container dt,
.mfe-notes-container dd,
.mfe-notes-container ol,
.mfe-notes-container ul,
.mfe-notes-container li,
.mfe-notes-container fieldset,
.mfe-notes-container form,
.mfe-notes-container label,
.mfe-notes-container legend,
.mfe-notes-container table,
.mfe-notes-container caption,
.mfe-notes-container tbody,
.mfe-notes-container tfoot,
.mfe-notes-container thead,
.mfe-notes-container tr,
.mfe-notes-container th,
.mfe-notes-container td,
.mfe-notes-container article,
.mfe-notes-container aside,
.mfe-notes-container canvas,
.mfe-notes-container details,
.mfe-notes-container embed,
.mfe-notes-container figure,
.mfe-notes-container figcaption,
.mfe-notes-container footer,
.mfe-notes-container header,
.mfe-notes-container hgroup,
.mfe-notes-container menu,
.mfe-notes-container nav,
.mfe-notes-container output,
.mfe-notes-container ruby,
.mfe-notes-container section,
.mfe-notes-container summary,
.mfe-notes-container time,
.mfe-notes-container mark,
.mfe-notes-container audio,
.mfe-notes-container video,
out-category-card-view html,
out-category-card-view body,
out-category-card-view div,
out-category-card-view span,
out-category-card-view applet,
out-category-card-view object,
out-category-card-view iframe,
out-category-card-view h1,
out-category-card-view h2,
out-category-card-view h3,
out-category-card-view h4,
out-category-card-view h5,
out-category-card-view h6,
out-category-card-view p,
out-category-card-view blockquote,
out-category-card-view pre,
out-category-card-view a,
out-category-card-view abbr,
out-category-card-view acronym,
out-category-card-view address,
out-category-card-view big,
out-category-card-view cite,
out-category-card-view code,
out-category-card-view del,
out-category-card-view dfn,
out-category-card-view em,
out-category-card-view img,
out-category-card-view ins,
out-category-card-view kbd,
out-category-card-view q,
out-category-card-view s,
out-category-card-view samp,
out-category-card-view small,
out-category-card-view strike,
out-category-card-view strong,
out-category-card-view sub,
out-category-card-view sup,
out-category-card-view tt,
out-category-card-view var,
out-category-card-view b,
out-category-card-view u,
out-category-card-view i,
out-category-card-view center,
out-category-card-view dl,
out-category-card-view dt,
out-category-card-view dd,
out-category-card-view ol,
out-category-card-view ul,
out-category-card-view li,
out-category-card-view fieldset,
out-category-card-view form,
out-category-card-view label,
out-category-card-view legend,
out-category-card-view table,
out-category-card-view caption,
out-category-card-view tbody,
out-category-card-view tfoot,
out-category-card-view thead,
out-category-card-view tr,
out-category-card-view th,
out-category-card-view td,
out-category-card-view article,
out-category-card-view aside,
out-category-card-view canvas,
out-category-card-view details,
out-category-card-view embed,
out-category-card-view figure,
out-category-card-view figcaption,
out-category-card-view footer,
out-category-card-view header,
out-category-card-view hgroup,
out-category-card-view menu,
out-category-card-view nav,
out-category-card-view output,
out-category-card-view ruby,
out-category-card-view section,
out-category-card-view summary,
out-category-card-view time,
out-category-card-view mark,
out-category-card-view audio,
out-category-card-view video,
out-add-note html,
out-add-note body,
out-add-note div,
out-add-note span,
out-add-note applet,
out-add-note object,
out-add-note iframe,
out-add-note h1,
out-add-note h2,
out-add-note h3,
out-add-note h4,
out-add-note h5,
out-add-note h6,
out-add-note p,
out-add-note blockquote,
out-add-note pre,
out-add-note a,
out-add-note abbr,
out-add-note acronym,
out-add-note address,
out-add-note big,
out-add-note cite,
out-add-note code,
out-add-note del,
out-add-note dfn,
out-add-note em,
out-add-note img,
out-add-note ins,
out-add-note kbd,
out-add-note q,
out-add-note s,
out-add-note samp,
out-add-note small,
out-add-note strike,
out-add-note strong,
out-add-note sub,
out-add-note sup,
out-add-note tt,
out-add-note var,
out-add-note b,
out-add-note u,
out-add-note i,
out-add-note center,
out-add-note dl,
out-add-note dt,
out-add-note dd,
out-add-note ol,
out-add-note ul,
out-add-note li,
out-add-note fieldset,
out-add-note form,
out-add-note label,
out-add-note legend,
out-add-note table,
out-add-note caption,
out-add-note tbody,
out-add-note tfoot,
out-add-note thead,
out-add-note tr,
out-add-note th,
out-add-note td,
out-add-note article,
out-add-note aside,
out-add-note canvas,
out-add-note details,
out-add-note embed,
out-add-note figure,
out-add-note figcaption,
out-add-note footer,
out-add-note header,
out-add-note hgroup,
out-add-note menu,
out-add-note nav,
out-add-note output,
out-add-note ruby,
out-add-note section,
out-add-note summary,
out-add-note time,
out-add-note mark,
out-add-note audio,
out-add-note video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
out-attachment-filter-dialog article, out-attachment-filter-dialog aside, out-attachment-filter-dialog details, out-attachment-filter-dialog figcaption, out-attachment-filter-dialog figure,
out-attachment-filter-dialog footer, out-attachment-filter-dialog header, out-attachment-filter-dialog hgroup, out-attachment-filter-dialog menu, out-attachment-filter-dialog nav, out-attachment-filter-dialog section,
attachment-category-selector article,
attachment-category-selector aside,
attachment-category-selector details,
attachment-category-selector figcaption,
attachment-category-selector figure,
attachment-category-selector footer,
attachment-category-selector header,
attachment-category-selector hgroup,
attachment-category-selector menu,
attachment-category-selector nav,
attachment-category-selector section,
out-category-detail-view article,
out-category-detail-view aside,
out-category-detail-view details,
out-category-detail-view figcaption,
out-category-detail-view figure,
out-category-detail-view footer,
out-category-detail-view header,
out-category-detail-view hgroup,
out-category-detail-view menu,
out-category-detail-view nav,
out-category-detail-view section,
app-attachment-category-grid article,
app-attachment-category-grid aside,
app-attachment-category-grid details,
app-attachment-category-grid figcaption,
app-attachment-category-grid figure,
app-attachment-category-grid footer,
app-attachment-category-grid header,
app-attachment-category-grid hgroup,
app-attachment-category-grid menu,
app-attachment-category-grid nav,
app-attachment-category-grid section,
attachment article,
attachment aside,
attachment details,
attachment figcaption,
attachment figure,
attachment footer,
attachment header,
attachment hgroup,
attachment menu,
attachment nav,
attachment section,
out-notes-container article,
out-notes-container aside,
out-notes-container details,
out-notes-container figcaption,
out-notes-container figure,
out-notes-container footer,
out-notes-container header,
out-notes-container hgroup,
out-notes-container menu,
out-notes-container nav,
out-notes-container section,
.mfe-notes-container article,
.mfe-notes-container aside,
.mfe-notes-container details,
.mfe-notes-container figcaption,
.mfe-notes-container figure,
.mfe-notes-container footer,
.mfe-notes-container header,
.mfe-notes-container hgroup,
.mfe-notes-container menu,
.mfe-notes-container nav,
.mfe-notes-container section,
out-category-card-view article,
out-category-card-view aside,
out-category-card-view details,
out-category-card-view figcaption,
out-category-card-view figure,
out-category-card-view footer,
out-category-card-view header,
out-category-card-view hgroup,
out-category-card-view menu,
out-category-card-view nav,
out-category-card-view section,
out-add-note article,
out-add-note aside,
out-add-note details,
out-add-note figcaption,
out-add-note figure,
out-add-note footer,
out-add-note header,
out-add-note hgroup,
out-add-note menu,
out-add-note nav,
out-add-note section {
  display: block;
}
out-attachment-filter-dialog blockquote, out-attachment-filter-dialog q,
attachment-category-selector blockquote,
attachment-category-selector q,
out-category-detail-view blockquote,
out-category-detail-view q,
app-attachment-category-grid blockquote,
app-attachment-category-grid q,
attachment blockquote,
attachment q,
out-notes-container blockquote,
out-notes-container q,
.mfe-notes-container blockquote,
.mfe-notes-container q,
out-category-card-view blockquote,
out-category-card-view q,
out-add-note blockquote,
out-add-note q {
  quotes: none;
}
out-attachment-filter-dialog blockquote:before, out-attachment-filter-dialog blockquote:after,
out-attachment-filter-dialog q:before, out-attachment-filter-dialog q:after,
attachment-category-selector blockquote:before,
attachment-category-selector blockquote:after,
attachment-category-selector q:before,
attachment-category-selector q:after,
out-category-detail-view blockquote:before,
out-category-detail-view blockquote:after,
out-category-detail-view q:before,
out-category-detail-view q:after,
app-attachment-category-grid blockquote:before,
app-attachment-category-grid blockquote:after,
app-attachment-category-grid q:before,
app-attachment-category-grid q:after,
attachment blockquote:before,
attachment blockquote:after,
attachment q:before,
attachment q:after,
out-notes-container blockquote:before,
out-notes-container blockquote:after,
out-notes-container q:before,
out-notes-container q:after,
.mfe-notes-container blockquote:before,
.mfe-notes-container blockquote:after,
.mfe-notes-container q:before,
.mfe-notes-container q:after,
out-category-card-view blockquote:before,
out-category-card-view blockquote:after,
out-category-card-view q:before,
out-category-card-view q:after,
out-add-note blockquote:before,
out-add-note blockquote:after,
out-add-note q:before,
out-add-note q:after {
  content: "";
  content: none;
}
out-attachment-filter-dialog table,
attachment-category-selector table,
out-category-detail-view table,
app-attachment-category-grid table,
attachment table,
out-notes-container table,
.mfe-notes-container table,
out-category-card-view table,
out-add-note table {
  border-collapse: collapse;
  border-spacing: 0;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  border-radius: var(--border-radius-40);
  padding: 0 var(--spacing-70);
  height: 44px;
  box-sizing: border-box;
  min-width: unset;
  color: var(--color-sys-text-accent-secondary-strong);
  --mat-mdc-button-persistent-ripple-color: transparent;
  transition: box-shadow 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mat-mdc-button-focus-overlay {
  display: none;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled {
  color: var(--color-sys-text-disabled);
  background-color: var(--color-comp-button-bg-disabled);
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[icon=ungrouped] > .mdc-button__label {
  flex: 1;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] {
  height: 56px;
  padding: 0 15px !important;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large]:not(.mat-mdc-icon-button, .mat-mdc-fab) {
  padding: 0 var(--spacing-80) !important;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small],
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 10px !important;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab),
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small]:not(.mat-mdc-icon-button, .mat-mdc-fab) {
  padding: 0 var(--spacing-60) !important;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mdc-button__label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
attachment-category-selector .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
out-category-detail-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
app-attachment-category-grid .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
attachment .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
out-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
.mfe-notes-container .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
out-category-card-view .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon,
out-add-note .mat-mdc-button-base:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=small] .mat-icon {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
out-attachment-filter-dialog .mat-icon,
attachment-category-selector .mat-icon,
out-category-detail-view .mat-icon,
app-attachment-category-grid .mat-icon,
attachment .mat-icon,
out-notes-container .mat-icon,
.mfe-notes-container .mat-icon,
out-category-card-view .mat-icon,
out-add-note .mat-icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
out-attachment-filter-dialog .mat-mdc-raised-button, out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment-category-selector .mat-mdc-raised-button,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-detail-view .mat-mdc-raised-button,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
app-attachment-category-grid .mat-mdc-raised-button,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment .mat-mdc-raised-button,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-notes-container .mat-mdc-raised-button,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
.mfe-notes-container .mat-mdc-raised-button,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-card-view .mat-mdc-raised-button,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-add-note .mat-mdc-raised-button,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  background-image: linear-gradient(180deg, var(--color-comp-button-primary-solid-bg-focus) 31.77%, var(--color-comp-button-primary-solid-bg-pressed) 73.96%);
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}
out-attachment-filter-dialog .mat-mdc-raised-button:hover:not(:disabled), out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
attachment-category-selector .mat-mdc-raised-button:hover:not(:disabled),
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
out-category-detail-view .mat-mdc-raised-button:hover:not(:disabled),
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
app-attachment-category-grid .mat-mdc-raised-button:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
attachment .mat-mdc-raised-button:hover:not(:disabled),
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
out-notes-container .mat-mdc-raised-button:hover:not(:disabled),
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
.mfe-notes-container .mat-mdc-raised-button:hover:not(:disabled),
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
out-category-card-view .mat-mdc-raised-button:hover:not(:disabled),
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled),
out-add-note .mat-mdc-raised-button:hover:not(:disabled),
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):hover:not(:disabled) {
  background: var(--color-comp-button-primary-solid-bg-hover);
  box-shadow: var(--shadow-comp-button-primary-solid-hover);
}
out-attachment-filter-dialog .mat-mdc-raised-button:focus, out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
attachment-category-selector .mat-mdc-raised-button:focus,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
out-category-detail-view .mat-mdc-raised-button:focus,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
app-attachment-category-grid .mat-mdc-raised-button:focus,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
attachment .mat-mdc-raised-button:focus,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
out-notes-container .mat-mdc-raised-button:focus,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
.mfe-notes-container .mat-mdc-raised-button:focus,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
out-category-card-view .mat-mdc-raised-button:focus,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus,
out-add-note .mat-mdc-raised-button:focus,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):focus {
  background: var(--color-comp-button-primary-solid-bg-focus);
  box-shadow: var(--shadow-comp-button-primary-solid-focus);
}
out-attachment-filter-dialog .mat-mdc-raised-button:active, out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
attachment-category-selector .mat-mdc-raised-button:active,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
out-category-detail-view .mat-mdc-raised-button:active,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
app-attachment-category-grid .mat-mdc-raised-button:active,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
attachment .mat-mdc-raised-button:active,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
out-notes-container .mat-mdc-raised-button:active,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
.mfe-notes-container .mat-mdc-raised-button:active,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
out-category-card-view .mat-mdc-raised-button:active,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active,
out-add-note .mat-mdc-raised-button:active,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):active {
  background: var(--color-comp-button-primary-solid-bg-pressed);
  box-shadow: var(--shadow-comp-button-primary-solid-pressed);
}
out-attachment-filter-dialog .mat-mdc-raised-button:disabled, out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
attachment-category-selector .mat-mdc-raised-button:disabled,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-category-detail-view .mat-mdc-raised-button:disabled,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
app-attachment-category-grid .mat-mdc-raised-button:disabled,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
attachment .mat-mdc-raised-button:disabled,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-notes-container .mat-mdc-raised-button:disabled,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
.mfe-notes-container .mat-mdc-raised-button:disabled,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-category-card-view .mat-mdc-raised-button:disabled,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled,
out-add-note .mat-mdc-raised-button:disabled,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled {
  background-image: none;
  box-shadow: none !important;
}
out-attachment-filter-dialog .mat-mdc-raised-button:disabled .mdc-button__label, out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
attachment-category-selector .mat-mdc-raised-button:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
out-category-detail-view .mat-mdc-raised-button:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-raised-button:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
attachment .mat-mdc-raised-button:disabled .mdc-button__label,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
out-notes-container .mat-mdc-raised-button:disabled .mdc-button__label,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-raised-button:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
out-category-card-view .mat-mdc-raised-button:disabled .mdc-button__label,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label,
out-add-note .mat-mdc-raised-button:disabled .mdc-button__label,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
out-attachment-filter-dialog .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
attachment-category-selector .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-category-detail-view .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
app-attachment-category-grid .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
attachment .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-notes-container .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mfe-notes-container .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-category-card-view .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-add-note .mat-mdc-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first):not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}
out-attachment-filter-dialog .mat-mdc-outlined-button, out-attachment-filter-dialog .mat-mdc-icon-button[type=outline],
attachment-category-selector .mat-mdc-outlined-button,
attachment-category-selector .mat-mdc-icon-button[type=outline],
out-category-detail-view .mat-mdc-outlined-button,
out-category-detail-view .mat-mdc-icon-button[type=outline],
app-attachment-category-grid .mat-mdc-outlined-button,
app-attachment-category-grid .mat-mdc-icon-button[type=outline],
attachment .mat-mdc-outlined-button,
attachment .mat-mdc-icon-button[type=outline],
out-notes-container .mat-mdc-outlined-button,
out-notes-container .mat-mdc-icon-button[type=outline],
.mfe-notes-container .mat-mdc-outlined-button,
.mfe-notes-container .mat-mdc-icon-button[type=outline],
out-category-card-view .mat-mdc-outlined-button,
out-category-card-view .mat-mdc-icon-button[type=outline],
out-add-note .mat-mdc-outlined-button,
out-add-note .mat-mdc-icon-button[type=outline] {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus) !important;
  box-shadow: var(--shadow-comp-button-primary-outline-default);
  background-image: none;
  background-color: var(--color-sys-bg-default);
}
out-attachment-filter-dialog .mat-mdc-outlined-button:hover:not(:disabled), out-attachment-filter-dialog .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
attachment-category-selector .mat-mdc-outlined-button:hover:not(:disabled),
attachment-category-selector .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
out-category-detail-view .mat-mdc-outlined-button:hover:not(:disabled),
out-category-detail-view .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-outlined-button:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
attachment .mat-mdc-outlined-button:hover:not(:disabled),
attachment .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
out-notes-container .mat-mdc-outlined-button:hover:not(:disabled),
out-notes-container .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
.mfe-notes-container .mat-mdc-outlined-button:hover:not(:disabled),
.mfe-notes-container .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
out-category-card-view .mat-mdc-outlined-button:hover:not(:disabled),
out-category-card-view .mat-mdc-icon-button[type=outline]:hover:not(:disabled),
out-add-note .mat-mdc-outlined-button:hover:not(:disabled),
out-add-note .mat-mdc-icon-button[type=outline]:hover:not(:disabled) {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-hover);
  background: var(--color-comp-button-primary-outline-bg-hover);
  box-shadow: var(--shadow-comp-button-primary-outline-hover);
}
out-attachment-filter-dialog .mat-mdc-outlined-button:focus, out-attachment-filter-dialog .mat-mdc-icon-button[type=outline]:focus,
attachment-category-selector .mat-mdc-outlined-button:focus,
attachment-category-selector .mat-mdc-icon-button[type=outline]:focus,
out-category-detail-view .mat-mdc-outlined-button:focus,
out-category-detail-view .mat-mdc-icon-button[type=outline]:focus,
app-attachment-category-grid .mat-mdc-outlined-button:focus,
app-attachment-category-grid .mat-mdc-icon-button[type=outline]:focus,
attachment .mat-mdc-outlined-button:focus,
attachment .mat-mdc-icon-button[type=outline]:focus,
out-notes-container .mat-mdc-outlined-button:focus,
out-notes-container .mat-mdc-icon-button[type=outline]:focus,
.mfe-notes-container .mat-mdc-outlined-button:focus,
.mfe-notes-container .mat-mdc-icon-button[type=outline]:focus,
out-category-card-view .mat-mdc-outlined-button:focus,
out-category-card-view .mat-mdc-icon-button[type=outline]:focus,
out-add-note .mat-mdc-outlined-button:focus,
out-add-note .mat-mdc-icon-button[type=outline]:focus {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus);
  background: var(--color-comp-button-primary-outline-bg-focus);
  box-shadow: var(--shadow-comp-button-primary-outline-focus);
}
out-attachment-filter-dialog .mat-mdc-outlined-button:active, out-attachment-filter-dialog .mat-mdc-icon-button[type=outline]:active,
attachment-category-selector .mat-mdc-outlined-button:active,
attachment-category-selector .mat-mdc-icon-button[type=outline]:active,
out-category-detail-view .mat-mdc-outlined-button:active,
out-category-detail-view .mat-mdc-icon-button[type=outline]:active,
app-attachment-category-grid .mat-mdc-outlined-button:active,
app-attachment-category-grid .mat-mdc-icon-button[type=outline]:active,
attachment .mat-mdc-outlined-button:active,
attachment .mat-mdc-icon-button[type=outline]:active,
out-notes-container .mat-mdc-outlined-button:active,
out-notes-container .mat-mdc-icon-button[type=outline]:active,
.mfe-notes-container .mat-mdc-outlined-button:active,
.mfe-notes-container .mat-mdc-icon-button[type=outline]:active,
out-category-card-view .mat-mdc-outlined-button:active,
out-category-card-view .mat-mdc-icon-button[type=outline]:active,
out-add-note .mat-mdc-outlined-button:active,
out-add-note .mat-mdc-icon-button[type=outline]:active {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-pressed);
  background: var(--color-comp-button-primary-outline-bg-pressed);
  box-shadow: var(--shadow-comp-button-primary-outline-pressed);
}
out-attachment-filter-dialog .mat-mdc-outlined-button:disabled, out-attachment-filter-dialog .mat-mdc-icon-button[type=outline]:disabled,
attachment-category-selector .mat-mdc-outlined-button:disabled,
attachment-category-selector .mat-mdc-icon-button[type=outline]:disabled,
out-category-detail-view .mat-mdc-outlined-button:disabled,
out-category-detail-view .mat-mdc-icon-button[type=outline]:disabled,
app-attachment-category-grid .mat-mdc-outlined-button:disabled,
app-attachment-category-grid .mat-mdc-icon-button[type=outline]:disabled,
attachment .mat-mdc-outlined-button:disabled,
attachment .mat-mdc-icon-button[type=outline]:disabled,
out-notes-container .mat-mdc-outlined-button:disabled,
out-notes-container .mat-mdc-icon-button[type=outline]:disabled,
.mfe-notes-container .mat-mdc-outlined-button:disabled,
.mfe-notes-container .mat-mdc-icon-button[type=outline]:disabled,
out-category-card-view .mat-mdc-outlined-button:disabled,
out-category-card-view .mat-mdc-icon-button[type=outline]:disabled,
out-add-note .mat-mdc-outlined-button:disabled,
out-add-note .mat-mdc-icon-button[type=outline]:disabled {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-disabled) !important;
  box-shadow: none;
}
out-attachment-filter-dialog .mat-mdc-outlined-button:disabled .mdc-button__label, out-attachment-filter-dialog .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-outlined-button:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-outlined-button:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-outlined-button:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
attachment .mat-mdc-outlined-button:disabled .mdc-button__label,
attachment .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
out-notes-container .mat-mdc-outlined-button:disabled .mdc-button__label,
out-notes-container .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-outlined-button:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
out-category-card-view .mat-mdc-outlined-button:disabled .mdc-button__label,
out-category-card-view .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label,
out-add-note .mat-mdc-outlined-button:disabled .mdc-button__label,
out-add-note .mat-mdc-icon-button[type=outline]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
out-attachment-filter-dialog .mat-mdc-unelevated-button, out-attachment-filter-dialog .mat-mdc-icon-button[type=faded],
attachment-category-selector .mat-mdc-unelevated-button,
attachment-category-selector .mat-mdc-icon-button[type=faded],
out-category-detail-view .mat-mdc-unelevated-button,
out-category-detail-view .mat-mdc-icon-button[type=faded],
app-attachment-category-grid .mat-mdc-unelevated-button,
app-attachment-category-grid .mat-mdc-icon-button[type=faded],
attachment .mat-mdc-unelevated-button,
attachment .mat-mdc-icon-button[type=faded],
out-notes-container .mat-mdc-unelevated-button,
out-notes-container .mat-mdc-icon-button[type=faded],
.mfe-notes-container .mat-mdc-unelevated-button,
.mfe-notes-container .mat-mdc-icon-button[type=faded],
out-category-card-view .mat-mdc-unelevated-button,
out-category-card-view .mat-mdc-icon-button[type=faded],
out-add-note .mat-mdc-unelevated-button,
out-add-note .mat-mdc-icon-button[type=faded] {
  background: var(--color-comp-button-primary-faded-bg-default);
  box-shadow: none !important;
}
out-attachment-filter-dialog .mat-mdc-unelevated-button:hover:not(:disabled), out-attachment-filter-dialog .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
attachment-category-selector .mat-mdc-unelevated-button:hover:not(:disabled),
attachment-category-selector .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
out-category-detail-view .mat-mdc-unelevated-button:hover:not(:disabled),
out-category-detail-view .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-unelevated-button:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
attachment .mat-mdc-unelevated-button:hover:not(:disabled),
attachment .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
out-notes-container .mat-mdc-unelevated-button:hover:not(:disabled),
out-notes-container .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
.mfe-notes-container .mat-mdc-unelevated-button:hover:not(:disabled),
.mfe-notes-container .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
out-category-card-view .mat-mdc-unelevated-button:hover:not(:disabled),
out-category-card-view .mat-mdc-icon-button[type=faded]:hover:not(:disabled),
out-add-note .mat-mdc-unelevated-button:hover:not(:disabled),
out-add-note .mat-mdc-icon-button[type=faded]:hover:not(:disabled) {
  background: var(--color-comp-button-primary-faded-bg-hover);
}
out-attachment-filter-dialog .mat-mdc-unelevated-button:focus, out-attachment-filter-dialog .mat-mdc-icon-button[type=faded]:focus,
attachment-category-selector .mat-mdc-unelevated-button:focus,
attachment-category-selector .mat-mdc-icon-button[type=faded]:focus,
out-category-detail-view .mat-mdc-unelevated-button:focus,
out-category-detail-view .mat-mdc-icon-button[type=faded]:focus,
app-attachment-category-grid .mat-mdc-unelevated-button:focus,
app-attachment-category-grid .mat-mdc-icon-button[type=faded]:focus,
attachment .mat-mdc-unelevated-button:focus,
attachment .mat-mdc-icon-button[type=faded]:focus,
out-notes-container .mat-mdc-unelevated-button:focus,
out-notes-container .mat-mdc-icon-button[type=faded]:focus,
.mfe-notes-container .mat-mdc-unelevated-button:focus,
.mfe-notes-container .mat-mdc-icon-button[type=faded]:focus,
out-category-card-view .mat-mdc-unelevated-button:focus,
out-category-card-view .mat-mdc-icon-button[type=faded]:focus,
out-add-note .mat-mdc-unelevated-button:focus,
out-add-note .mat-mdc-icon-button[type=faded]:focus {
  background: var(--color-comp-button-primary-faded-bg-focus);
}
out-attachment-filter-dialog .mat-mdc-unelevated-button:active, out-attachment-filter-dialog .mat-mdc-icon-button[type=faded]:active,
attachment-category-selector .mat-mdc-unelevated-button:active,
attachment-category-selector .mat-mdc-icon-button[type=faded]:active,
out-category-detail-view .mat-mdc-unelevated-button:active,
out-category-detail-view .mat-mdc-icon-button[type=faded]:active,
app-attachment-category-grid .mat-mdc-unelevated-button:active,
app-attachment-category-grid .mat-mdc-icon-button[type=faded]:active,
attachment .mat-mdc-unelevated-button:active,
attachment .mat-mdc-icon-button[type=faded]:active,
out-notes-container .mat-mdc-unelevated-button:active,
out-notes-container .mat-mdc-icon-button[type=faded]:active,
.mfe-notes-container .mat-mdc-unelevated-button:active,
.mfe-notes-container .mat-mdc-icon-button[type=faded]:active,
out-category-card-view .mat-mdc-unelevated-button:active,
out-category-card-view .mat-mdc-icon-button[type=faded]:active,
out-add-note .mat-mdc-unelevated-button:active,
out-add-note .mat-mdc-icon-button[type=faded]:active {
  background: var(--color-comp-button-primary-faded-bg-pressed);
}
out-attachment-filter-dialog .mat-mdc-unelevated-button:disabled, out-attachment-filter-dialog .mat-mdc-icon-button[type=faded]:disabled,
attachment-category-selector .mat-mdc-unelevated-button:disabled,
attachment-category-selector .mat-mdc-icon-button[type=faded]:disabled,
out-category-detail-view .mat-mdc-unelevated-button:disabled,
out-category-detail-view .mat-mdc-icon-button[type=faded]:disabled,
app-attachment-category-grid .mat-mdc-unelevated-button:disabled,
app-attachment-category-grid .mat-mdc-icon-button[type=faded]:disabled,
attachment .mat-mdc-unelevated-button:disabled,
attachment .mat-mdc-icon-button[type=faded]:disabled,
out-notes-container .mat-mdc-unelevated-button:disabled,
out-notes-container .mat-mdc-icon-button[type=faded]:disabled,
.mfe-notes-container .mat-mdc-unelevated-button:disabled,
.mfe-notes-container .mat-mdc-icon-button[type=faded]:disabled,
out-category-card-view .mat-mdc-unelevated-button:disabled,
out-category-card-view .mat-mdc-icon-button[type=faded]:disabled,
out-add-note .mat-mdc-unelevated-button:disabled,
out-add-note .mat-mdc-icon-button[type=faded]:disabled {
  background: var(--color-comp-button-bg-disabled);
}
out-attachment-filter-dialog .mat-mdc-unelevated-button:disabled .mdc-button__label, out-attachment-filter-dialog .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-unelevated-button:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-unelevated-button:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-unelevated-button:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
attachment .mat-mdc-unelevated-button:disabled .mdc-button__label,
attachment .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
out-notes-container .mat-mdc-unelevated-button:disabled .mdc-button__label,
out-notes-container .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-unelevated-button:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
out-category-card-view .mat-mdc-unelevated-button:disabled .mdc-button__label,
out-category-card-view .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label,
out-add-note .mat-mdc-unelevated-button:disabled .mdc-button__label,
out-add-note .mat-mdc-icon-button[type=faded]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
out-attachment-filter-dialog .mat-mdc-button, out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled), out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only],
attachment-category-selector .mat-mdc-button,
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
attachment-category-selector .mat-mdc-icon-button[type=icon-only],
out-category-detail-view .mat-mdc-button,
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
out-category-detail-view .mat-mdc-icon-button[type=icon-only],
app-attachment-category-grid .mat-mdc-button,
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only],
attachment .mat-mdc-button,
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
attachment .mat-mdc-icon-button[type=icon-only],
out-notes-container .mat-mdc-button,
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
out-notes-container .mat-mdc-icon-button[type=icon-only],
.mfe-notes-container .mat-mdc-button,
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
.mfe-notes-container .mat-mdc-icon-button[type=icon-only],
out-category-card-view .mat-mdc-button,
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
out-category-card-view .mat-mdc-icon-button[type=icon-only],
out-add-note .mat-mdc-button,
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled),
out-add-note .mat-mdc-icon-button[type=icon-only] {
  background: transparent;
  box-shadow: none !important;
}
out-attachment-filter-dialog .mat-mdc-button:hover:not(:disabled), out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled), out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
attachment-category-selector .mat-mdc-button:hover:not(:disabled),
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
attachment-category-selector .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
out-category-detail-view .mat-mdc-button:hover:not(:disabled),
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
out-category-detail-view .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-button:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
attachment .mat-mdc-button:hover:not(:disabled),
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
attachment .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
out-notes-container .mat-mdc-button:hover:not(:disabled),
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
out-notes-container .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
.mfe-notes-container .mat-mdc-button:hover:not(:disabled),
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
.mfe-notes-container .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
out-category-card-view .mat-mdc-button:hover:not(:disabled),
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
out-category-card-view .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled),
out-add-note .mat-mdc-button:hover:not(:disabled),
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):hover:not(:disabled),
out-add-note .mat-mdc-icon-button[type=icon-only]:hover:not(:disabled) {
  background: transparent;
}
out-attachment-filter-dialog .mat-mdc-button:focus, out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus, out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only]:focus,
attachment-category-selector .mat-mdc-button:focus,
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
attachment-category-selector .mat-mdc-icon-button[type=icon-only]:focus,
out-category-detail-view .mat-mdc-button:focus,
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
out-category-detail-view .mat-mdc-icon-button[type=icon-only]:focus,
app-attachment-category-grid .mat-mdc-button:focus,
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only]:focus,
attachment .mat-mdc-button:focus,
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
attachment .mat-mdc-icon-button[type=icon-only]:focus,
out-notes-container .mat-mdc-button:focus,
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
out-notes-container .mat-mdc-icon-button[type=icon-only]:focus,
.mfe-notes-container .mat-mdc-button:focus,
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
.mfe-notes-container .mat-mdc-icon-button[type=icon-only]:focus,
out-category-card-view .mat-mdc-button:focus,
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
out-category-card-view .mat-mdc-icon-button[type=icon-only]:focus,
out-add-note .mat-mdc-button:focus,
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):focus,
out-add-note .mat-mdc-icon-button[type=icon-only]:focus {
  color: var(--color-sys-text-accent-primary-subtle);
  background: transparent;
}
out-attachment-filter-dialog .mat-mdc-button:active, out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active, out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only]:active,
attachment-category-selector .mat-mdc-button:active,
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
attachment-category-selector .mat-mdc-icon-button[type=icon-only]:active,
out-category-detail-view .mat-mdc-button:active,
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
out-category-detail-view .mat-mdc-icon-button[type=icon-only]:active,
app-attachment-category-grid .mat-mdc-button:active,
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only]:active,
attachment .mat-mdc-button:active,
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
attachment .mat-mdc-icon-button[type=icon-only]:active,
out-notes-container .mat-mdc-button:active,
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
out-notes-container .mat-mdc-icon-button[type=icon-only]:active,
.mfe-notes-container .mat-mdc-button:active,
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
.mfe-notes-container .mat-mdc-icon-button[type=icon-only]:active,
out-category-card-view .mat-mdc-button:active,
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
out-category-card-view .mat-mdc-icon-button[type=icon-only]:active,
out-add-note .mat-mdc-button:active,
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):active,
out-add-note .mat-mdc-icon-button[type=icon-only]:active {
  color: var(--color-sys-text-accent-primary-subtle);
  background: var(--color-comp-button-primary-outline-bg-pressed);
}
out-attachment-filter-dialog .mat-mdc-button:disabled, out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled, out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only]:disabled,
attachment-category-selector .mat-mdc-button:disabled,
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
attachment-category-selector .mat-mdc-icon-button[type=icon-only]:disabled,
out-category-detail-view .mat-mdc-button:disabled,
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
out-category-detail-view .mat-mdc-icon-button[type=icon-only]:disabled,
app-attachment-category-grid .mat-mdc-button:disabled,
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only]:disabled,
attachment .mat-mdc-button:disabled,
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
attachment .mat-mdc-icon-button[type=icon-only]:disabled,
out-notes-container .mat-mdc-button:disabled,
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
out-notes-container .mat-mdc-icon-button[type=icon-only]:disabled,
.mfe-notes-container .mat-mdc-button:disabled,
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
.mfe-notes-container .mat-mdc-icon-button[type=icon-only]:disabled,
out-category-card-view .mat-mdc-button:disabled,
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
out-category-card-view .mat-mdc-icon-button[type=icon-only]:disabled,
out-add-note .mat-mdc-button:disabled,
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled,
out-add-note .mat-mdc-icon-button[type=icon-only]:disabled {
  background-color: transparent !important;
}
out-attachment-filter-dialog .mat-mdc-button:disabled .mdc-button__label, out-attachment-filter-dialog .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label, out-attachment-filter-dialog .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-button:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
attachment-category-selector .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-button:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
out-category-detail-view .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-button:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
attachment .mat-mdc-button:disabled .mdc-button__label,
attachment .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
attachment .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
out-notes-container .mat-mdc-button:disabled .mdc-button__label,
out-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
out-notes-container .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-button:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
out-category-card-view .mat-mdc-button:disabled .mdc-button__label,
out-category-card-view .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
out-category-card-view .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label,
out-add-note .mat-mdc-button:disabled .mdc-button__label,
out-add-note .mat-mdc-button.mat-mdc-snack-bar-action:not(:disabled):disabled .mdc-button__label,
out-add-note .mat-mdc-icon-button[type=icon-only]:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
out-attachment-filter-dialog .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
attachment-category-selector .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
out-category-detail-view .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
app-attachment-category-grid .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
attachment .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
out-notes-container .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mfe-notes-container .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
out-category-card-view .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
out-add-note .mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  background-color: transparent;
}
out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first),
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first) {
  padding: 10px !important;
  width: auto;
  border-radius: var(--border-radius-40) !important;
  box-sizing: border-box;
  --mat-mdc-button-persistent-ripple-color: transparent;
}
out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline],
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[type=outline] {
  padding: 8px !important;
}
out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large],
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] {
  padding: 10px !important;
  height: 52px;
  width: 52px;
}
out-attachment-filter-dialog .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
attachment-category-selector .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-category-detail-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
app-attachment-category-grid .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
attachment .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
.mfe-notes-container .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-category-card-view .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon,
out-add-note .mat-mdc-icon-button:not(.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-mdc-paginator-navigation-next,
.mat-mdc-paginator-navigation-previous,
.mat-mdc-paginator-navigation-last,
.mat-mdc-paginator-navigation-first)[size=large] .mat-icon {
  font-size: 32px;
  height: 32px;
  width: 32px;
}
out-attachment-filter-dialog .mat-mdc-fab,
attachment-category-selector .mat-mdc-fab,
out-category-detail-view .mat-mdc-fab,
app-attachment-category-grid .mat-mdc-fab,
attachment .mat-mdc-fab,
out-notes-container .mat-mdc-fab,
.mfe-notes-container .mat-mdc-fab,
out-category-card-view .mat-mdc-fab,
out-add-note .mat-mdc-fab {
  padding: 10px !important;
  width: auto;
  border-radius: var(--border-radius-50) !important;
  --mat-mdc-button-persistent-ripple-color: transparent;
  color: var(--color-sys-bg-default) !important;
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
  box-shadow: var(--shadow-sys-elevation-40) !important;
}
out-attachment-filter-dialog .mat-mdc-fab:hover:not(:disabled),
attachment-category-selector .mat-mdc-fab:hover:not(:disabled),
out-category-detail-view .mat-mdc-fab:hover:not(:disabled),
app-attachment-category-grid .mat-mdc-fab:hover:not(:disabled),
attachment .mat-mdc-fab:hover:not(:disabled),
out-notes-container .mat-mdc-fab:hover:not(:disabled),
.mfe-notes-container .mat-mdc-fab:hover:not(:disabled),
out-category-card-view .mat-mdc-fab:hover:not(:disabled),
out-add-note .mat-mdc-fab:hover:not(:disabled) {
  background-color: var(--color-sys-interactive-bg-secondary-100-hover);
}
out-attachment-filter-dialog .mat-mdc-fab:focus,
attachment-category-selector .mat-mdc-fab:focus,
out-category-detail-view .mat-mdc-fab:focus,
app-attachment-category-grid .mat-mdc-fab:focus,
attachment .mat-mdc-fab:focus,
out-notes-container .mat-mdc-fab:focus,
.mfe-notes-container .mat-mdc-fab:focus,
out-category-card-view .mat-mdc-fab:focus,
out-add-note .mat-mdc-fab:focus {
  background-color: var(--color-sys-interactive-bg-secondary-100-focus);
}
out-attachment-filter-dialog .mat-mdc-fab:active,
attachment-category-selector .mat-mdc-fab:active,
out-category-detail-view .mat-mdc-fab:active,
app-attachment-category-grid .mat-mdc-fab:active,
attachment .mat-mdc-fab:active,
out-notes-container .mat-mdc-fab:active,
.mfe-notes-container .mat-mdc-fab:active,
out-category-card-view .mat-mdc-fab:active,
out-add-note .mat-mdc-fab:active {
  background: var(--color-comp-button-secondary-solid-bg-pressed);
}
out-attachment-filter-dialog .mat-mdc-fab:disabled,
attachment-category-selector .mat-mdc-fab:disabled,
out-category-detail-view .mat-mdc-fab:disabled,
app-attachment-category-grid .mat-mdc-fab:disabled,
attachment .mat-mdc-fab:disabled,
out-notes-container .mat-mdc-fab:disabled,
.mfe-notes-container .mat-mdc-fab:disabled,
out-category-card-view .mat-mdc-fab:disabled,
out-add-note .mat-mdc-fab:disabled {
  background-image: none;
  box-shadow: none !important;
  background-color: var(--color-comp-button-bg-disabled);
}
out-attachment-filter-dialog .mat-mdc-fab:disabled .mdc-button__label,
attachment-category-selector .mat-mdc-fab:disabled .mdc-button__label,
out-category-detail-view .mat-mdc-fab:disabled .mdc-button__label,
app-attachment-category-grid .mat-mdc-fab:disabled .mdc-button__label,
attachment .mat-mdc-fab:disabled .mdc-button__label,
out-notes-container .mat-mdc-fab:disabled .mdc-button__label,
.mfe-notes-container .mat-mdc-fab:disabled .mdc-button__label,
out-category-card-view .mat-mdc-fab:disabled .mdc-button__label,
out-add-note .mat-mdc-fab:disabled .mdc-button__label {
  color: var(--color-sys-text-disabled);
}
out-attachment-filter-dialog .mat-mdc-fab[size=large],
attachment-category-selector .mat-mdc-fab[size=large],
out-category-detail-view .mat-mdc-fab[size=large],
app-attachment-category-grid .mat-mdc-fab[size=large],
attachment .mat-mdc-fab[size=large],
out-notes-container .mat-mdc-fab[size=large],
.mfe-notes-container .mat-mdc-fab[size=large],
out-category-card-view .mat-mdc-fab[size=large],
out-add-note .mat-mdc-fab[size=large] {
  padding: 0 !important;
  height: 52px;
  width: 52px !important;
}
out-attachment-filter-dialog .mat-mdc-fab[size=large] .mat-icon,
attachment-category-selector .mat-mdc-fab[size=large] .mat-icon,
out-category-detail-view .mat-mdc-fab[size=large] .mat-icon,
app-attachment-category-grid .mat-mdc-fab[size=large] .mat-icon,
attachment .mat-mdc-fab[size=large] .mat-icon,
out-notes-container .mat-mdc-fab[size=large] .mat-icon,
.mfe-notes-container .mat-mdc-fab[size=large] .mat-icon,
out-category-card-view .mat-mdc-fab[size=large] .mat-icon,
out-add-note .mat-mdc-fab[size=large] .mat-icon {
  position: absolute;
  font-size: 32px;
  height: 32px;
  width: 32px;
}
out-attachment-filter-dialog .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), out-attachment-filter-dialog .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment-category-selector .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment-category-selector .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-detail-view .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-detail-view .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
app-attachment-category-grid .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
app-attachment-category-grid .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-notes-container .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-notes-container .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mfe-notes-container .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mfe-notes-container .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-card-view .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-card-view .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-add-note .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-add-note .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
  color: var(--color-sys-text-inverse-strong);
}
out-attachment-filter-dialog mat-datepicker-toggle .mdc-icon-button,
attachment-category-selector mat-datepicker-toggle .mdc-icon-button,
out-category-detail-view mat-datepicker-toggle .mdc-icon-button,
app-attachment-category-grid mat-datepicker-toggle .mdc-icon-button,
attachment mat-datepicker-toggle .mdc-icon-button,
out-notes-container mat-datepicker-toggle .mdc-icon-button,
.mfe-notes-container mat-datepicker-toggle .mdc-icon-button,
out-category-card-view mat-datepicker-toggle .mdc-icon-button,
out-add-note mat-datepicker-toggle .mdc-icon-button {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
out-attachment-filter-dialog .mat-datepicker-content,
attachment-category-selector .mat-datepicker-content,
out-category-detail-view .mat-datepicker-content,
app-attachment-category-grid .mat-datepicker-content,
attachment .mat-datepicker-content,
out-notes-container .mat-datepicker-content,
.mfe-notes-container .mat-datepicker-content,
out-category-card-view .mat-datepicker-content,
out-add-note .mat-datepicker-content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-secondary-80-default);
  box-shadow: var(--shadow-sys-elevation-soft-30);
  background: var(--color-sys-bg-tertiary-10);
  border-radius: var(--border-radius-50);
  background-color: var(--color-sys-bg-tertiary-10);
  max-height: 350px;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-datepicker-content-container,
attachment-category-selector .mat-datepicker-content .mat-datepicker-content-container,
out-category-detail-view .mat-datepicker-content .mat-datepicker-content-container,
app-attachment-category-grid .mat-datepicker-content .mat-datepicker-content-container,
attachment .mat-datepicker-content .mat-datepicker-content-container,
out-notes-container .mat-datepicker-content .mat-datepicker-content-container,
.mfe-notes-container .mat-datepicker-content .mat-datepicker-content-container,
out-category-card-view .mat-datepicker-content .mat-datepicker-content-container,
out-add-note .mat-datepicker-content .mat-datepicker-content-container {
  display: flex;
  align-items: center;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar,
attachment-category-selector .mat-datepicker-content .mat-calendar,
out-category-detail-view .mat-datepicker-content .mat-calendar,
app-attachment-category-grid .mat-datepicker-content .mat-calendar,
attachment .mat-datepicker-content .mat-calendar,
out-notes-container .mat-datepicker-content .mat-calendar,
.mfe-notes-container .mat-datepicker-content .mat-calendar,
out-category-card-view .mat-datepicker-content .mat-calendar,
out-add-note .mat-datepicker-content .mat-calendar {
  height: 380px;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-table-header th,
attachment-category-selector .mat-datepicker-content .mat-calendar-table-header th,
out-category-detail-view .mat-datepicker-content .mat-calendar-table-header th,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-table-header th,
attachment .mat-datepicker-content .mat-calendar-table-header th,
out-notes-container .mat-datepicker-content .mat-calendar-table-header th,
.mfe-notes-container .mat-datepicker-content .mat-calendar-table-header th,
out-category-card-view .mat-datepicker-content .mat-calendar-table-header th,
out-add-note .mat-datepicker-content .mat-calendar-table-header th {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
  margin-bottom: 1rem;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-controls {
  margin: 0.5rem 0 0 0;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button {
  padding: 0;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mat-calendar-period-button .mdc-button__label {
  color: var(--color-sys-text-accent-secondary-strong);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button, out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button, out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button {
  color: var(--color-sys-text-accent-secondary-moderate);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow, out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow, out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
attachment-category-selector .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
out-category-detail-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
attachment .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
out-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
.mfe-notes-container .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
out-category-card-view .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-previous-button .mat-calendar-arrow,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-next-button .mat-calendar-arrow,
out-add-note .mat-datepicker-content .mat-calendar-header .mat-calendar-controls .mdc-button .mat-calendar-arrow {
  fill: var(--color-sys-text-accent-secondary-moderate);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body > tr,
attachment-category-selector .mat-datepicker-content .mat-calendar-body > tr,
out-category-detail-view .mat-datepicker-content .mat-calendar-body > tr,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body > tr,
attachment .mat-datepicker-content .mat-calendar-body > tr,
out-notes-container .mat-datepicker-content .mat-calendar-body > tr,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body > tr,
out-category-card-view .mat-datepicker-content .mat-calendar-body > tr,
out-add-note .mat-datepicker-content .mat-calendar-body > tr {
  height: 40px;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-selected,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-selected,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-selected,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-selected,
attachment .mat-datepicker-content .mat-calendar-body-selected,
out-notes-container .mat-datepicker-content .mat-calendar-body-selected,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-selected,
out-category-card-view .mat-datepicker-content .mat-calendar-body-selected,
out-add-note .mat-datepicker-content .mat-calendar-body-selected {
  background-color: var(--color-sys-interactive-bg-secondary-100-default);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment-category-selector .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-detail-view .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
attachment .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-notes-container .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-category-card-view .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
out-add-note .mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--color-sys-text-inverse-strong);
  border: var(--border-width-30) solid var(--color-sys-interactive-border-secondary-80-default);
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-in-range::before,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-in-range::before,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-in-range::before,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-in-range::before,
attachment .mat-datepicker-content .mat-calendar-body-in-range::before,
out-notes-container .mat-datepicker-content .mat-calendar-body-in-range::before,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-in-range::before,
out-category-card-view .mat-datepicker-content .mat-calendar-body-in-range::before,
out-add-note .mat-datepicker-content .mat-calendar-body-in-range::before {
  background: var(--color-sys-illustration-primary-30);
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-today,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-today,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-today,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-today,
attachment .mat-datepicker-content .mat-calendar-body-today,
out-notes-container .mat-datepicker-content .mat-calendar-body-today,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-today,
out-category-card-view .mat-datepicker-content .mat-calendar-body-today,
out-add-note .mat-datepicker-content .mat-calendar-body-today {
  background-color: var(--color-sys-text-inverse-strong) !important;
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-default);
  color: var(--color-sys-text-strong) !important;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-cell-content, out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-label,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-cell-content,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-label,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-cell-content,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-label,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-cell-content,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-label,
attachment .mat-datepicker-content .mat-calendar-body-cell-content,
attachment .mat-datepicker-content .mat-calendar-body-label,
out-notes-container .mat-datepicker-content .mat-calendar-body-cell-content,
out-notes-container .mat-datepicker-content .mat-calendar-body-label,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-cell-content,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-label,
out-category-card-view .mat-datepicker-content .mat-calendar-body-cell-content,
out-category-card-view .mat-datepicker-content .mat-calendar-body-label,
out-add-note .mat-datepicker-content .mat-calendar-body-cell-content,
out-add-note .mat-datepicker-content .mat-calendar-body-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-calendar-body-label,
attachment-category-selector .mat-datepicker-content .mat-calendar-body-label,
out-category-detail-view .mat-datepicker-content .mat-calendar-body-label,
app-attachment-category-grid .mat-datepicker-content .mat-calendar-body-label,
attachment .mat-datepicker-content .mat-calendar-body-label,
out-notes-container .mat-datepicker-content .mat-calendar-body-label,
.mfe-notes-container .mat-datepicker-content .mat-calendar-body-label,
out-category-card-view .mat-datepicker-content .mat-calendar-body-label,
out-add-note .mat-datepicker-content .mat-calendar-body-label {
  padding: 0 13.188px !important;
}
out-attachment-filter-dialog .mat-datepicker-content .mat-ripple,
out-attachment-filter-dialog .mat-datepicker-content .mat-mdc-button-focus-overlay,
attachment-category-selector .mat-datepicker-content .mat-ripple,
attachment-category-selector .mat-datepicker-content .mat-mdc-button-focus-overlay,
out-category-detail-view .mat-datepicker-content .mat-ripple,
out-category-detail-view .mat-datepicker-content .mat-mdc-button-focus-overlay,
app-attachment-category-grid .mat-datepicker-content .mat-ripple,
app-attachment-category-grid .mat-datepicker-content .mat-mdc-button-focus-overlay,
attachment .mat-datepicker-content .mat-ripple,
attachment .mat-datepicker-content .mat-mdc-button-focus-overlay,
out-notes-container .mat-datepicker-content .mat-ripple,
out-notes-container .mat-datepicker-content .mat-mdc-button-focus-overlay,
.mfe-notes-container .mat-datepicker-content .mat-ripple,
.mfe-notes-container .mat-datepicker-content .mat-mdc-button-focus-overlay,
out-category-card-view .mat-datepicker-content .mat-ripple,
out-category-card-view .mat-datepicker-content .mat-mdc-button-focus-overlay,
out-add-note .mat-datepicker-content .mat-ripple,
out-add-note .mat-datepicker-content .mat-mdc-button-focus-overlay {
  display: none;
}
out-attachment-filter-dialog .mat-calendar-previous-button:disabled, out-attachment-filter-dialog .mat-calendar-next-button:disabled,
attachment-category-selector .mat-calendar-previous-button:disabled,
attachment-category-selector .mat-calendar-next-button:disabled,
out-category-detail-view .mat-calendar-previous-button:disabled,
out-category-detail-view .mat-calendar-next-button:disabled,
app-attachment-category-grid .mat-calendar-previous-button:disabled,
app-attachment-category-grid .mat-calendar-next-button:disabled,
attachment .mat-calendar-previous-button:disabled,
attachment .mat-calendar-next-button:disabled,
out-notes-container .mat-calendar-previous-button:disabled,
out-notes-container .mat-calendar-next-button:disabled,
.mfe-notes-container .mat-calendar-previous-button:disabled,
.mfe-notes-container .mat-calendar-next-button:disabled,
out-category-card-view .mat-calendar-previous-button:disabled,
out-category-card-view .mat-calendar-next-button:disabled,
out-add-note .mat-calendar-previous-button:disabled,
out-add-note .mat-calendar-next-button:disabled {
  color: var(--color-sys-text-disabled) !important;
}
out-attachment-filter-dialog input::-webkit-outer-spin-button,
out-attachment-filter-dialog input::-webkit-inner-spin-button,
attachment-category-selector input::-webkit-outer-spin-button,
attachment-category-selector input::-webkit-inner-spin-button,
out-category-detail-view input::-webkit-outer-spin-button,
out-category-detail-view input::-webkit-inner-spin-button,
app-attachment-category-grid input::-webkit-outer-spin-button,
app-attachment-category-grid input::-webkit-inner-spin-button,
attachment input::-webkit-outer-spin-button,
attachment input::-webkit-inner-spin-button,
out-notes-container input::-webkit-outer-spin-button,
out-notes-container input::-webkit-inner-spin-button,
.mfe-notes-container input::-webkit-outer-spin-button,
.mfe-notes-container input::-webkit-inner-spin-button,
out-category-card-view input::-webkit-outer-spin-button,
out-category-card-view input::-webkit-inner-spin-button,
out-add-note input::-webkit-outer-spin-button,
out-add-note input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
out-attachment-filter-dialog input[type=number],
attachment-category-selector input[type=number],
out-category-detail-view input[type=number],
app-attachment-category-grid input[type=number],
attachment input[type=number],
out-notes-container input[type=number],
.mfe-notes-container input[type=number],
out-category-card-view input[type=number],
out-add-note input[type=number] {
  -moz-appearance: textfield;
}
out-attachment-filter-dialog div[matformfieldlineripple],
attachment-category-selector div[matformfieldlineripple],
out-category-detail-view div[matformfieldlineripple],
app-attachment-category-grid div[matformfieldlineripple],
attachment div[matformfieldlineripple],
out-notes-container div[matformfieldlineripple],
.mfe-notes-container div[matformfieldlineripple],
out-category-card-view div[matformfieldlineripple],
out-add-note div[matformfieldlineripple] {
  display: none;
}
out-attachment-filter-dialog .mdc-text-field,
attachment-category-selector .mdc-text-field,
out-category-detail-view .mdc-text-field,
app-attachment-category-grid .mdc-text-field,
attachment .mdc-text-field,
out-notes-container .mdc-text-field,
.mfe-notes-container .mdc-text-field,
out-category-card-view .mdc-text-field,
out-add-note .mdc-text-field {
  background-color: var(--color-comp-form-bg-default);
}
out-attachment-filter-dialog .mdc-text-field--outlined,
attachment-category-selector .mdc-text-field--outlined,
out-category-detail-view .mdc-text-field--outlined,
app-attachment-category-grid .mdc-text-field--outlined,
attachment .mdc-text-field--outlined,
out-notes-container .mdc-text-field--outlined,
.mfe-notes-container .mdc-text-field--outlined,
out-category-card-view .mdc-text-field--outlined,
out-add-note .mdc-text-field--outlined {
  --mdc-outlined-text-field-outline-width: 0 !important;
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0);
}
out-attachment-filter-dialog .mat-mdc-form-field,
attachment-category-selector .mat-mdc-form-field,
out-category-detail-view .mat-mdc-form-field,
app-attachment-category-grid .mat-mdc-form-field,
attachment .mat-mdc-form-field,
out-notes-container .mat-mdc-form-field,
.mfe-notes-container .mat-mdc-form-field,
out-category-card-view .mat-mdc-form-field,
out-add-note .mat-mdc-form-field {
  width: 100%;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline input[matinput],
attachment-category-selector .mat-form-field-appearance-outline input[matinput],
out-category-detail-view .mat-form-field-appearance-outline input[matinput],
app-attachment-category-grid .mat-form-field-appearance-outline input[matinput],
attachment .mat-form-field-appearance-outline input[matinput],
out-notes-container .mat-form-field-appearance-outline input[matinput],
.mfe-notes-container .mat-form-field-appearance-outline input[matinput],
out-category-card-view .mat-form-field-appearance-outline input[matinput],
out-add-note .mat-form-field-appearance-outline input[matinput] {
  padding-left: 0.15rem;
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-spinner,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-spinner,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-spinner,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-spinner,
attachment .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
attachment .mat-form-field-appearance-outline .mat-mdc-spinner,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-spinner,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-spinner,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-spinner,
out-add-note .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle,
out-add-note .mat-form-field-appearance-outline .mat-mdc-spinner {
  top: -2px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-spinner circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-spinner circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-spinner circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-spinner circle,
attachment .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
attachment .mat-form-field-appearance-outline .mat-mdc-spinner circle,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-spinner circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-spinner circle,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-spinner circle,
out-add-note .mat-form-field-appearance-outline .mat-mdc-progress-spinner circle circle,
out-add-note .mat-form-field-appearance-outline .mat-mdc-spinner circle {
  stroke: var(--color-sys-text-accent-secondary-subtle);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
attachment-category-selector .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
out-category-detail-view .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
attachment .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
attachment .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
out-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
.mfe-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
out-category-card-view .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
out-add-note .mat-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label {
  color: var(--color-sys-text-accent-secondary-moderate);
  transform: translateY(-0.5em) scale(0.75);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
attachment-category-selector .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
out-category-detail-view .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
attachment .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
out-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
out-category-card-view .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper,
out-add-note .mat-form-field-appearance-outline.mat-mdc-form-field-subscript-wrapper {
  padding: 0 !important;
  margin: 3px 0 0 0;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea),
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) {
  display: table;
  padding-bottom: 5px;
  padding-right: 5px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper:has(textarea) textarea {
  padding-top: 5px;
  height: 44px;
  min-height: 44px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  max-height: 4rem;
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
  min-width: var(--spacing-50) !important;
  border-radius: var(--border-radius-40) !important;
  padding-right: 0.25rem !important;
  padding-left: 1rem !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  top: 40px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-textarea-control {
  color: var(--color-sys-text-strong) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
attachment .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix,
out-add-note .mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  padding: 0 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix {
  top: 0;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-add-note .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  display: flex;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
  top: 8px;
  left: -3px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-add-note .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-placeholder) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment-category-selector .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-detail-view .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-notes-container .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
.mfe-notes-container .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-card-view .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-add-note .mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-accent-secondary-moderate);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label, out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
attachment-category-selector .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
attachment-category-selector .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
out-category-detail-view .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
out-category-detail-view .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
attachment .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
attachment .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
out-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
out-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
.mfe-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mfe-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
out-category-card-view .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
out-category-card-view .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above,
out-add-note .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
out-add-note .mat-form-field-appearance-outline .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above {
  color: var(--color-sys-text-critical) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading, out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
out-attachment-filter-dialog .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
attachment-category-selector .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
attachment-category-selector .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
attachment-category-selector .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
out-category-detail-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
out-category-detail-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
out-category-detail-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
app-attachment-category-grid .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
attachment .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
attachment .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
attachment .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
out-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
out-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
out-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.mfe-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mfe-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mfe-notes-container .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
out-category-card-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
out-category-card-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
out-category-card-view .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,
out-add-note .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,
out-add-note .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
out-add-note .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch {
  border: none;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
  box-shadow: var(--shadow-sys-elevation-30);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled,
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-text-field--disabled {
  background-color: var(--color-comp-form-bg-disabled);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-add-note .mat-form-field-appearance-outline.mat-form-field-disabled .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-inverse-disabled) !important;
  background-color: var(--color-comp-form-bg-disabled) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border: none;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mdc-text-field--invalid {
  border: var(--border-width-30) solid var(--color-comp-form-border-critical) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-hint-wrapper {
  color: var(--color-sys-text-critical);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
attachment-category-selector .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
out-category-detail-view .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
attachment .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
out-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
out-category-card-view .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper,
out-add-note .mat-form-field-appearance-outline.mat-form-field-invalid .mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline #cd-autocomplete-icon,
attachment-category-selector .mat-form-field-appearance-outline #cd-autocomplete-icon,
out-category-detail-view .mat-form-field-appearance-outline #cd-autocomplete-icon,
app-attachment-category-grid .mat-form-field-appearance-outline #cd-autocomplete-icon,
attachment .mat-form-field-appearance-outline #cd-autocomplete-icon,
out-notes-container .mat-form-field-appearance-outline #cd-autocomplete-icon,
.mfe-notes-container .mat-form-field-appearance-outline #cd-autocomplete-icon,
out-category-card-view .mat-form-field-appearance-outline #cd-autocomplete-icon,
out-add-note .mat-form-field-appearance-outline #cd-autocomplete-icon {
  background-image: url('arrow-down-active.d10ec36c2980ec00.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select,
attachment .mat-form-field-appearance-outline .mat-mdc-select,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  padding-top: 5px;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value {
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-option,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-option {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow svg {
  display: none !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow {
  background-image: url('arrow-down-active.d10ec36c2980ec00.svg');
  background-repeat: no-repeat;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
attachment .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-add-note .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  position: absolute;
  right: 0.75rem;
  transform: translateY(-75%);
  top: 50%;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
attachment .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-category-card-view .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper,
out-add-note .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper, out-attachment-filter-dialog .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
attachment-category-selector .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
out-category-detail-view .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
attachment .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
attachment .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
out-notes-container .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
out-notes-container .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
out-category-card-view .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
out-category-card-view .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper,
out-add-note .mat-form-field-appearance-outline .hour-picker .mat-mdc-select-arrow-wrapper,
out-add-note .mat-form-field-appearance-outline .minute-picker .mat-mdc-select-arrow-wrapper {
  top: 75% !important;
}
out-attachment-filter-dialog .mat-pseudo-checkbox,
attachment-category-selector .mat-pseudo-checkbox,
out-category-detail-view .mat-pseudo-checkbox,
app-attachment-category-grid .mat-pseudo-checkbox,
attachment .mat-pseudo-checkbox,
out-notes-container .mat-pseudo-checkbox,
.mfe-notes-container .mat-pseudo-checkbox,
out-category-card-view .mat-pseudo-checkbox,
out-add-note .mat-pseudo-checkbox {
  border-radius: var(--border-radius-30);
  height: 28px;
  width: 28px;
}
out-attachment-filter-dialog .mat-pseudo-checkbox-full,
attachment-category-selector .mat-pseudo-checkbox-full,
out-category-detail-view .mat-pseudo-checkbox-full,
app-attachment-category-grid .mat-pseudo-checkbox-full,
attachment .mat-pseudo-checkbox-full,
out-notes-container .mat-pseudo-checkbox-full,
.mfe-notes-container .mat-pseudo-checkbox-full,
out-category-card-view .mat-pseudo-checkbox-full,
out-add-note .mat-pseudo-checkbox-full {
  border-color: var(--color-sys-interactive-border-40-default);
}
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
attachment .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
attachment .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
out-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
out-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
out-category-card-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
out-category-card-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full,
out-add-note .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
out-add-note .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
attachment .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
attachment .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
out-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
out-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
out-category-card-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
out-category-card-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after,
out-add-note .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
out-add-note .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
out-attachment-filter-dialog .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
attachment-category-selector .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
out-category-detail-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
app-attachment-category-grid .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
attachment .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
attachment .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
out-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
out-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mfe-notes-container .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
out-category-card-view .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
out-category-card-view .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after,
out-add-note .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
out-add-note .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
out-attachment-filter-dialog .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
attachment-category-selector .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
out-category-detail-view .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
app-attachment-category-grid .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
attachment .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
out-notes-container .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mfe-notes-container .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
out-category-card-view .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
out-add-note .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
out-attachment-filter-dialog .contact-number-panel,
attachment-category-selector .contact-number-panel,
out-category-detail-view .contact-number-panel,
app-attachment-category-grid .contact-number-panel,
attachment .contact-number-panel,
out-notes-container .contact-number-panel,
.mfe-notes-container .contact-number-panel,
out-category-card-view .contact-number-panel,
out-add-note .contact-number-panel {
  overflow-x: hidden;
}
out-attachment-filter-dialog .contact-number-input,
attachment-category-selector .contact-number-input,
out-category-detail-view .contact-number-input,
app-attachment-category-grid .contact-number-input,
attachment .contact-number-input,
out-notes-container .contact-number-input,
.mfe-notes-container .contact-number-input,
out-category-card-view .contact-number-input,
out-add-note .contact-number-input {
  display: flex;
  position: relative;
}
out-attachment-filter-dialog .contact-number-input__divider-container,
attachment-category-selector .contact-number-input__divider-container,
out-category-detail-view .contact-number-input__divider-container,
app-attachment-category-grid .contact-number-input__divider-container,
attachment .contact-number-input__divider-container,
out-notes-container .contact-number-input__divider-container,
.mfe-notes-container .contact-number-input__divider-container,
out-category-card-view .contact-number-input__divider-container,
out-add-note .contact-number-input__divider-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  border-bottom: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  height: 3.5rem;
  z-index: 10;
}
out-attachment-filter-dialog .contact-number-input__divider-container__divider,
attachment-category-selector .contact-number-input__divider-container__divider,
out-category-detail-view .contact-number-input__divider-container__divider,
app-attachment-category-grid .contact-number-input__divider-container__divider,
attachment .contact-number-input__divider-container__divider,
out-notes-container .contact-number-input__divider-container__divider,
.mfe-notes-container .contact-number-input__divider-container__divider,
out-category-card-view .contact-number-input__divider-container__divider,
out-add-note .contact-number-input__divider-container__divider {
  border-right: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default);
  position: inherit;
  height: 1.5rem;
  margin-left: -2px;
}
out-attachment-filter-dialog .contact-number-input:focus-within .contact-number-input__divider-container,
attachment-category-selector .contact-number-input:focus-within .contact-number-input__divider-container,
out-category-detail-view .contact-number-input:focus-within .contact-number-input__divider-container,
app-attachment-category-grid .contact-number-input:focus-within .contact-number-input__divider-container,
attachment .contact-number-input:focus-within .contact-number-input__divider-container,
out-notes-container .contact-number-input:focus-within .contact-number-input__divider-container,
.mfe-notes-container .contact-number-input:focus-within .contact-number-input__divider-container,
out-category-card-view .contact-number-input:focus-within .contact-number-input__divider-container,
out-add-note .contact-number-input:focus-within .contact-number-input__divider-container {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-active);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-active);
}
out-attachment-filter-dialog .contact-number-input__select,
attachment-category-selector .contact-number-input__select,
out-category-detail-view .contact-number-input__select,
app-attachment-category-grid .contact-number-input__select,
attachment .contact-number-input__select,
out-notes-container .contact-number-input__select,
.mfe-notes-container .contact-number-input__select,
out-category-card-view .contact-number-input__select,
out-add-note .contact-number-input__select {
  z-index: 2;
  min-width: 5rem;
  max-width: 7rem;
  width: 7vw;
}
out-attachment-filter-dialog .contact-number-input__select mat-select,
attachment-category-selector .contact-number-input__select mat-select,
out-category-detail-view .contact-number-input__select mat-select,
app-attachment-category-grid .contact-number-input__select mat-select,
attachment .contact-number-input__select mat-select,
out-notes-container .contact-number-input__select mat-select,
.mfe-notes-container .contact-number-input__select mat-select,
out-category-card-view .contact-number-input__select mat-select,
out-add-note .contact-number-input__select mat-select {
  left: 1rem;
  position: relative;
  width: 60%;
  text-align: start;
}
out-attachment-filter-dialog .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .contact-number-input__select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-right: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none !important;
}
out-attachment-filter-dialog .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  text-align: center;
  border-right: none !important;
  border-radius: var(--border-radius-40) 0 0 var(--border-radius-40) !important;
  padding-left: 5px;
  padding-right: 5px;
}
out-attachment-filter-dialog .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
attachment-category-selector .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
out-category-detail-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
app-attachment-category-grid .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
attachment .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
out-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
.mfe-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
out-category-card-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
out-add-note .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch {
  padding-top: 3px;
  padding-left: 16px;
  width: 100% !important;
  max-width: 100%;
}
out-attachment-filter-dialog .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
attachment-category-selector .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
out-category-detail-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
attachment .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
out-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
out-category-card-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
out-add-note .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  position: static !important;
  right: unset !important;
  top: unset !important;
  transform: none !important;
}
out-attachment-filter-dialog .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
attachment-category-selector .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
out-category-detail-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
app-attachment-category-grid .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
attachment .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
out-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.mfe-notes-container .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
out-category-card-view .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
out-add-note .contact-number-input__select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  position: absolute;
  top: 10%;
}
out-attachment-filter-dialog .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line, out-attachment-filter-dialog .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
attachment-category-selector .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
attachment-category-selector .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
out-category-detail-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
out-category-detail-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
app-attachment-category-grid .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
app-attachment-category-grid .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
attachment .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
attachment .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
out-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
out-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
.mfe-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
.mfe-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
out-category-card-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
out-category-card-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value,
out-add-note .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-min-line,
out-add-note .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-value {
  color: var(--color-sys-text-disabled) !important;
}
out-attachment-filter-dialog .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
attachment-category-selector .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
out-category-detail-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
app-attachment-category-grid .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
attachment .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
out-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
.mfe-notes-container .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
out-category-card-view .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow,
out-add-note .contact-number-input__select .mdc-text-field--disabled .mat-mdc-select-arrow {
  visibility: hidden;
}
out-attachment-filter-dialog .contact-number-input__input,
attachment-category-selector .contact-number-input__input,
out-category-detail-view .contact-number-input__input,
app-attachment-category-grid .contact-number-input__input,
attachment .contact-number-input__input,
out-notes-container .contact-number-input__input,
.mfe-notes-container .contact-number-input__input,
out-category-card-view .contact-number-input__input,
out-add-note .contact-number-input__input {
  width: 100%;
  z-index: 2;
}
out-attachment-filter-dialog .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
attachment .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__input .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
out-attachment-filter-dialog .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .contact-number-input__input.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  box-shadow: none !important;
  border-left: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
}
out-attachment-filter-dialog .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border-radius: 0 var(--border-radius-40) var(--border-radius-40) 0 !important;
  border-left: none !important;
}
out-attachment-filter-dialog .contact-number-input__input .mdc-notched-outline__notch,
attachment-category-selector .contact-number-input__input .mdc-notched-outline__notch,
out-category-detail-view .contact-number-input__input .mdc-notched-outline__notch,
app-attachment-category-grid .contact-number-input__input .mdc-notched-outline__notch,
attachment .contact-number-input__input .mdc-notched-outline__notch,
out-notes-container .contact-number-input__input .mdc-notched-outline__notch,
.mfe-notes-container .contact-number-input__input .mdc-notched-outline__notch,
out-category-card-view .contact-number-input__input .mdc-notched-outline__notch,
out-add-note .contact-number-input__input .mdc-notched-outline__notch {
  padding-top: 3px !important;
}
out-attachment-filter-dialog .contact-number-input__error-state .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__error-state .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__error-state .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__error-state .mat-mdc-text-field-wrapper,
attachment .contact-number-input__error-state .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__error-state .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__error-state .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__error-state .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__error-state .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-critical) !important;
}
out-attachment-filter-dialog .contact-number-input__error-state .mat-mdc-select-arrow,
attachment-category-selector .contact-number-input__error-state .mat-mdc-select-arrow,
out-category-detail-view .contact-number-input__error-state .mat-mdc-select-arrow,
app-attachment-category-grid .contact-number-input__error-state .mat-mdc-select-arrow,
attachment .contact-number-input__error-state .mat-mdc-select-arrow,
out-notes-container .contact-number-input__error-state .mat-mdc-select-arrow,
.mfe-notes-container .contact-number-input__error-state .mat-mdc-select-arrow,
out-category-card-view .contact-number-input__error-state .mat-mdc-select-arrow,
out-add-note .contact-number-input__error-state .mat-mdc-select-arrow {
  background-image: url('arrow-down-error.f46666c32f6e289f.svg') !important;
}
out-attachment-filter-dialog .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment-category-selector .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-detail-view .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
app-attachment-category-grid .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-notes-container .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
.mfe-notes-container .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-card-view .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-add-note .contact-number-input__error-state .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  color: var(--color-sys-text-critical) !important;
}
out-attachment-filter-dialog .contact-number-input__error-state ~ .contact-number-input__divider-container,
attachment-category-selector .contact-number-input__error-state ~ .contact-number-input__divider-container,
out-category-detail-view .contact-number-input__error-state ~ .contact-number-input__divider-container,
app-attachment-category-grid .contact-number-input__error-state ~ .contact-number-input__divider-container,
attachment .contact-number-input__error-state ~ .contact-number-input__divider-container,
out-notes-container .contact-number-input__error-state ~ .contact-number-input__divider-container,
.mfe-notes-container .contact-number-input__error-state ~ .contact-number-input__divider-container,
out-category-card-view .contact-number-input__error-state ~ .contact-number-input__divider-container,
out-add-note .contact-number-input__error-state ~ .contact-number-input__divider-container {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-critical);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-critical);
}
out-attachment-filter-dialog .contact-number-input__focused .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__focused .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__focused .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__focused .mat-mdc-text-field-wrapper,
attachment .contact-number-input__focused .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__focused .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__focused .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__focused .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__focused .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .contact-number-input__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-color: var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .contact-number-input__error-control,
attachment-category-selector .contact-number-input__error-control,
out-category-detail-view .contact-number-input__error-control,
app-attachment-category-grid .contact-number-input__error-control,
attachment .contact-number-input__error-control,
out-notes-container .contact-number-input__error-control,
.mfe-notes-container .contact-number-input__error-control,
out-category-card-view .contact-number-input__error-control,
out-add-note .contact-number-input__error-control {
  position: absolute;
}
out-attachment-filter-dialog .contact-number-input__error-control mat-error,
attachment-category-selector .contact-number-input__error-control mat-error,
out-category-detail-view .contact-number-input__error-control mat-error,
app-attachment-category-grid .contact-number-input__error-control mat-error,
attachment .contact-number-input__error-control mat-error,
out-notes-container .contact-number-input__error-control mat-error,
.mfe-notes-container .contact-number-input__error-control mat-error,
out-category-card-view .contact-number-input__error-control mat-error,
out-add-note .contact-number-input__error-control mat-error {
  width: max-content;
  left: -1rem;
}
out-attachment-filter-dialog .contact-number-input__error-control .mat-mdc-form-field-flex,
attachment-category-selector .contact-number-input__error-control .mat-mdc-form-field-flex,
out-category-detail-view .contact-number-input__error-control .mat-mdc-form-field-flex,
app-attachment-category-grid .contact-number-input__error-control .mat-mdc-form-field-flex,
attachment .contact-number-input__error-control .mat-mdc-form-field-flex,
out-notes-container .contact-number-input__error-control .mat-mdc-form-field-flex,
.mfe-notes-container .contact-number-input__error-control .mat-mdc-form-field-flex,
out-category-card-view .contact-number-input__error-control .mat-mdc-form-field-flex,
out-add-note .contact-number-input__error-control .mat-mdc-form-field-flex {
  visibility: hidden !important;
}
out-attachment-filter-dialog .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .contact-number-input__error-control.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border: none !important;
  height: 58px !important;
  border-radius: var(--border-radius-40) !important;
}
out-attachment-filter-dialog .time-picker-component,
attachment-category-selector .time-picker-component,
out-category-detail-view .time-picker-component,
app-attachment-category-grid .time-picker-component,
attachment .time-picker-component,
out-notes-container .time-picker-component,
.mfe-notes-container .time-picker-component,
out-category-card-view .time-picker-component,
out-add-note .time-picker-component {
  display: flex;
}
out-attachment-filter-dialog .time-picker-component__hour-select,
attachment-category-selector .time-picker-component__hour-select,
out-category-detail-view .time-picker-component__hour-select,
app-attachment-category-grid .time-picker-component__hour-select,
attachment .time-picker-component__hour-select,
out-notes-container .time-picker-component__hour-select,
.mfe-notes-container .time-picker-component__hour-select,
out-category-card-view .time-picker-component__hour-select,
out-add-note .time-picker-component__hour-select {
  margin-right: -4px;
  width: calc(50% - 4px) !important;
  z-index: 10;
}
out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .time-picker-component__hour-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-right: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none;
}
out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  text-align: center;
  border-right: none !important;
  border-radius: var(--border-radius-40) 0 0 var(--border-radius-40) !important;
}
out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
attachment-category-selector .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
out-category-detail-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
attachment .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
out-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
out-category-card-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above),
out-add-note .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch:has(.mdc-floating-label--float-above) {
  max-width: 100% !important;
}
out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment-category-selector .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-detail-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
attachment .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-category-card-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel],
out-add-note .time-picker-component__hour-select.mat-form-field-appearance-outline .mdc-notched-outline__notch label[matformfieldfloatinglabel] {
  overflow: visible;
}
out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
attachment-category-selector .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
out-category-detail-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
attachment .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
out-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
out-category-card-view .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value,
out-add-note .time-picker-component__hour-select.mat-form-field-appearance-outline .mat-mdc-select-value {
  text-align: left;
  padding-left: 0.5rem;
}
out-attachment-filter-dialog .time-picker-component__minute-select,
attachment-category-selector .time-picker-component__minute-select,
out-category-detail-view .time-picker-component__minute-select,
app-attachment-category-grid .time-picker-component__minute-select,
attachment .time-picker-component__minute-select,
out-notes-container .time-picker-component__minute-select,
.mfe-notes-container .time-picker-component__minute-select,
out-category-card-view .time-picker-component__minute-select,
out-add-note .time-picker-component__minute-select {
  width: calc(50% + 16px) !important;
}
out-attachment-filter-dialog .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
attachment-category-selector .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-category-detail-view .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
app-attachment-category-grid .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
attachment .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-notes-container .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
.mfe-notes-container .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-category-card-view .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper,
out-add-note .time-picker-component__minute-select .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  color: var(--color-sys-text-strong) !important;
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
out-attachment-filter-dialog .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .time-picker-component__minute-select.mat-form-field-appearance-outline.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-left: 0 !important;
  border-style: solid !important;
  border-color: var(--color-comp-form-border-active);
  box-shadow: none;
}
out-attachment-filter-dialog .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment-category-selector .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-detail-view .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
app-attachment-category-grid .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
attachment .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-notes-container .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
.mfe-notes-container .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-category-card-view .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
out-add-note .time-picker-component__minute-select.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  border-radius: 0 var(--border-radius-40) var(--border-radius-40) 0 !important;
  border-left: none !important;
}
out-attachment-filter-dialog .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text, out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
attachment-category-selector .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
attachment-category-selector .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-category-detail-view .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-category-detail-view .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
app-attachment-category-grid .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
attachment .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
attachment .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-notes-container .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-notes-container .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
.mfe-notes-container .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-category-card-view .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-category-card-view .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-add-note .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-value-text,
out-add-note .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-value-text {
  color: var(--color-sys-text-inverse-disabled) !important;
}
out-attachment-filter-dialog .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper, out-attachment-filter-dialog .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
attachment-category-selector .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
attachment-category-selector .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-category-detail-view .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-category-detail-view .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
app-attachment-category-grid .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
attachment .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
attachment .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-notes-container .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-notes-container .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
.mfe-notes-container .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-category-card-view .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-category-card-view .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-add-note .time-picker-component__minute-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper,
out-add-note .time-picker-component__hour-select.mat-form-field-disabled .mat-mdc-select-arrow-wrapper {
  visibility: hidden;
}
out-attachment-filter-dialog .time-picker-component__minute-select .time-picker-component__icon > span, out-attachment-filter-dialog .time-picker-component__hour-select .time-picker-component__icon > span,
attachment-category-selector .time-picker-component__minute-select .time-picker-component__icon > span,
attachment-category-selector .time-picker-component__hour-select .time-picker-component__icon > span,
out-category-detail-view .time-picker-component__minute-select .time-picker-component__icon > span,
out-category-detail-view .time-picker-component__hour-select .time-picker-component__icon > span,
app-attachment-category-grid .time-picker-component__minute-select .time-picker-component__icon > span,
app-attachment-category-grid .time-picker-component__hour-select .time-picker-component__icon > span,
attachment .time-picker-component__minute-select .time-picker-component__icon > span,
attachment .time-picker-component__hour-select .time-picker-component__icon > span,
out-notes-container .time-picker-component__minute-select .time-picker-component__icon > span,
out-notes-container .time-picker-component__hour-select .time-picker-component__icon > span,
.mfe-notes-container .time-picker-component__minute-select .time-picker-component__icon > span,
.mfe-notes-container .time-picker-component__hour-select .time-picker-component__icon > span,
out-category-card-view .time-picker-component__minute-select .time-picker-component__icon > span,
out-category-card-view .time-picker-component__hour-select .time-picker-component__icon > span,
out-add-note .time-picker-component__minute-select .time-picker-component__icon > span,
out-add-note .time-picker-component__hour-select .time-picker-component__icon > span {
  color: var(--colorsys-icon-disabled) !important;
}
out-attachment-filter-dialog .time-picker-component__focused .mat-mdc-text-field-wrapper,
attachment-category-selector .time-picker-component__focused .mat-mdc-text-field-wrapper,
out-category-detail-view .time-picker-component__focused .mat-mdc-text-field-wrapper,
app-attachment-category-grid .time-picker-component__focused .mat-mdc-text-field-wrapper,
attachment .time-picker-component__focused .mat-mdc-text-field-wrapper,
out-notes-container .time-picker-component__focused .mat-mdc-text-field-wrapper,
.mfe-notes-container .time-picker-component__focused .mat-mdc-text-field-wrapper,
out-category-card-view .time-picker-component__focused .mat-mdc-text-field-wrapper,
out-add-note .time-picker-component__focused .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment-category-selector .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-detail-view .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
app-attachment-category-grid .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
attachment .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-notes-container .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
.mfe-notes-container .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-category-card-view .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused,
out-add-note .time-picker-component__focused.mat-focused .mdc-text-field--outlined.mdc-text-field--focused {
  border-color: var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .time-picker-component__divider,
attachment-category-selector .time-picker-component__divider,
out-category-detail-view .time-picker-component__divider,
app-attachment-category-grid .time-picker-component__divider,
attachment .time-picker-component__divider,
out-notes-container .time-picker-component__divider,
.mfe-notes-container .time-picker-component__divider,
out-category-card-view .time-picker-component__divider,
out-add-note .time-picker-component__divider {
  z-index: 11;
  padding-top: 1.55rem;
  margin-bottom: 0.6rem;
  border-top: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  border-bottom: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
}
out-attachment-filter-dialog .time-picker-component__divider--focused,
attachment-category-selector .time-picker-component__divider--focused,
out-category-detail-view .time-picker-component__divider--focused,
app-attachment-category-grid .time-picker-component__divider--focused,
attachment .time-picker-component__divider--focused,
out-notes-container .time-picker-component__divider--focused,
.mfe-notes-container .time-picker-component__divider--focused,
out-category-card-view .time-picker-component__divider--focused,
out-add-note .time-picker-component__divider--focused {
  border-top: var(--border-width-30) solid var(--color-comp-form-border-active);
  border-bottom: var(--border-width-30) solid var(--color-comp-form-border-active);
}
out-attachment-filter-dialog .time-picker-component__icon,
attachment-category-selector .time-picker-component__icon,
out-category-detail-view .time-picker-component__icon,
app-attachment-category-grid .time-picker-component__icon,
attachment .time-picker-component__icon,
out-notes-container .time-picker-component__icon,
.mfe-notes-container .time-picker-component__icon,
out-category-card-view .time-picker-component__icon,
out-add-note .time-picker-component__icon {
  padding-left: 0;
  padding-top: 6px;
  font-size: 24px;
  margin-right: 4px;
}
out-attachment-filter-dialog .time-picker-component__minute-select mat-select,
attachment-category-selector .time-picker-component__minute-select mat-select,
out-category-detail-view .time-picker-component__minute-select mat-select,
app-attachment-category-grid .time-picker-component__minute-select mat-select,
attachment .time-picker-component__minute-select mat-select,
out-notes-container .time-picker-component__minute-select mat-select,
.mfe-notes-container .time-picker-component__minute-select mat-select,
out-category-card-view .time-picker-component__minute-select mat-select,
out-add-note .time-picker-component__minute-select mat-select {
  padding-top: 13px !important;
}
out-attachment-filter-dialog .time-picker-component .material-symbols-outlined,
attachment-category-selector .time-picker-component .material-symbols-outlined,
out-category-detail-view .time-picker-component .material-symbols-outlined,
app-attachment-category-grid .time-picker-component .material-symbols-outlined,
attachment .time-picker-component .material-symbols-outlined,
out-notes-container .time-picker-component .material-symbols-outlined,
.mfe-notes-container .time-picker-component .material-symbols-outlined,
out-category-card-view .time-picker-component .material-symbols-outlined,
out-add-note .time-picker-component .material-symbols-outlined {
  color: var(--color-sys-text-accent-secondary-strong);
}
out-attachment-filter-dialog .time-picker-component .minute-picker,
attachment-category-selector .time-picker-component .minute-picker,
out-category-detail-view .time-picker-component .minute-picker,
app-attachment-category-grid .time-picker-component .minute-picker,
attachment .time-picker-component .minute-picker,
out-notes-container .time-picker-component .minute-picker,
.mfe-notes-container .time-picker-component .minute-picker,
out-category-card-view .time-picker-component .minute-picker,
out-add-note .time-picker-component .minute-picker {
  width: 100% !important;
}
out-attachment-filter-dialog .time-picker-component .hour-picker,
attachment-category-selector .time-picker-component .hour-picker,
out-category-detail-view .time-picker-component .hour-picker,
app-attachment-category-grid .time-picker-component .hour-picker,
attachment .time-picker-component .hour-picker,
out-notes-container .time-picker-component .hour-picker,
.mfe-notes-container .time-picker-component .hour-picker,
out-category-card-view .time-picker-component .hour-picker,
out-add-note .time-picker-component .hour-picker {
  width: 100% !important;
}
out-attachment-filter-dialog .time-picker-minute-panel,
attachment-category-selector .time-picker-minute-panel,
out-category-detail-view .time-picker-minute-panel,
app-attachment-category-grid .time-picker-minute-panel,
attachment .time-picker-minute-panel,
out-notes-container .time-picker-minute-panel,
.mfe-notes-container .time-picker-minute-panel,
out-category-card-view .time-picker-minute-panel,
out-add-note .time-picker-minute-panel {
  right: calc(50% - 10px);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel,
attachment .cdk-overlay-pane .mat-mdc-select-panel,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel {
  position: relative;
  top: -0.75rem;
  background: var(--color-sys-bg-default) !important;
  box-shadow: 0 6px 8px -2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 var(--border-radius-40) var(--border-radius-40) !important;
  border-style: solid !important;
  border-width: 0 var(--border-width-30) var(--border-width-30) var(--border-width-30) !important;
  border-color: var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
attachment .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar {
  width: var(--spacing-20);
  border-radius: var(--spacing-20);
  margin: 0.75rem 0;
  background: transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
attachment .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-track,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-track {
  border-radius: var(--spacing-20);
  margin: var(--border-radius-40) 0;
  background: transparent;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb {
  background: var(--color-comp-scrollbar-fg-default);
  margin: var(--border-radius-40) 0;
  border-radius: var(--spacing-20);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
attachment .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel::-webkit-scrollbar-thumb:hover,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background: var(--color-comp-scrollbar-fg-default);
  margin: var(--border-radius-40) 0;
  border-radius: var(--spacing-20);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option {
  color: var(--color-sys-text-moderate) !important;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple), out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple),
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--color-sys-interactive-bg-primary-20-default);
  border-bottom: 2px solid var(--color-comp-button-primary-outline-border-default);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text {
  color: var(--color-sys-text-strong) !important;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput], out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput],
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline input[matinput],
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline input[matinput] {
  color: var(--color-sys-text-strong);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder, out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment-category-selector .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment-category-selector .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-detail-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-detail-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
attachment .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-card-view .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-category-card-view .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-add-note .cdk-overlay-pane .mat-mdc-select-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder,
out-add-note .cdk-overlay-pane .mat-mdc-autocomplete-panel .mat-form-field-appearance-outline .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-placeholder) !important;
}
out-attachment-filter-dialog .mat-mdc-select-panel-above .mat-mdc-select-panel,
attachment-category-selector .mat-mdc-select-panel-above .mat-mdc-select-panel,
out-category-detail-view .mat-mdc-select-panel-above .mat-mdc-select-panel,
app-attachment-category-grid .mat-mdc-select-panel-above .mat-mdc-select-panel,
attachment .mat-mdc-select-panel-above .mat-mdc-select-panel,
out-notes-container .mat-mdc-select-panel-above .mat-mdc-select-panel,
.mfe-notes-container .mat-mdc-select-panel-above .mat-mdc-select-panel,
out-category-card-view .mat-mdc-select-panel-above .mat-mdc-select-panel,
out-add-note .mat-mdc-select-panel-above .mat-mdc-select-panel {
  border-width: var(--border-width-30) var(--border-width-30) 0 var(--border-width-30) !important;
  border-radius: var(--border-radius-40) var(--border-radius-40) 0 0 !important;
  top: 0.6rem;
  box-shadow: 0 -6px 8px -2px rgba(0, 0, 0, 0.2);
}
out-attachment-filter-dialog .cdk-overlay-dark-backdrop,
attachment-category-selector .cdk-overlay-dark-backdrop,
out-category-detail-view .cdk-overlay-dark-backdrop,
app-attachment-category-grid .cdk-overlay-dark-backdrop,
attachment .cdk-overlay-dark-backdrop,
out-notes-container .cdk-overlay-dark-backdrop,
.mfe-notes-container .cdk-overlay-dark-backdrop,
out-category-card-view .cdk-overlay-dark-backdrop,
out-add-note .cdk-overlay-dark-backdrop {
  background: var(--color-comp-modal-overlay);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --blur-sys-background-10: blur(12.5px);
  --blur-sys-background-20: blur(25px);
  --blur-sys-background-30: blur(37.5px);
  --blur-sys-background-40: blur(50px);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --border-radius-10: 0.125rem;
  --border-radius-20: 0.25rem;
  --border-radius-30: 0.5rem;
  --border-radius-40: 0.75rem;
  --border-radius-50: 1rem;
  --border-radius-60: 1.5rem;
  --border-radius-70: 2rem;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --border-width-10: 1px;
  --border-width-20: 1.5px;
  --border-width-30: 2px;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --color-ref-black-0: rgba(0, 0, 0, 0);
  --color-ref-black-10: rgba(0, 0, 0, 0.02);
  --color-ref-black-25: rgba(0, 0, 0, 0.04);
  --color-ref-black-50: rgba(0, 0, 0, 0.07);
  --color-ref-black-75: rgba(0, 0, 0, 0.11);
  --color-ref-black-100: rgba(0, 0, 0, 0.16);
  --color-ref-black-150: rgba(0, 0, 0, 0.2);
  --color-ref-black-200: rgba(0, 0, 0, 0.25);
  --color-ref-black-300: rgba(0, 0, 0, 0.35);
  --color-ref-black-400: rgba(0, 0, 0, 0.45);
  --color-ref-black-500: rgba(0, 0, 0, 0.55);
  --color-ref-black-600: rgba(0, 0, 0, 0.65);
  --color-ref-black-700: rgba(0, 0, 0, 0.68);
  --color-ref-black-800: rgba(0, 0, 0, 0.74);
  --color-ref-black-900: rgba(0, 0, 0, 0.79);
  --color-ref-black-925: rgba(0, 0, 0, 0.84);
  --color-ref-black-950: rgba(0, 0, 0, 0.89);
  --color-ref-black-975: rgba(0, 0, 0, 0.93);
  --color-ref-black-1000: #000000;
  --color-ref-white-10: rgba(255, 255, 255, 0.03);
  --color-ref-white-25: rgba(255, 255, 255, 0.07);
  --color-ref-white-50: rgba(255, 255, 255, 0.09);
  --color-ref-white-75: rgba(255, 255, 255, 0.13);
  --color-ref-white-100: rgba(255, 255, 255, 0.16);
  --color-ref-white-200: rgba(255, 255, 255, 0.23);
  --color-ref-white-300: rgba(255, 255, 255, 0.29);
  --color-ref-white-400: rgba(255, 255, 255, 0.38);
  --color-ref-white-500: rgba(255, 255, 255, 0.47);
  --color-ref-white-600: rgba(255, 255, 255, 0.56);
  --color-ref-white-700: rgba(255, 255, 255, 0.62);
  --color-ref-white-800: rgba(255, 255, 255, 0.7);
  --color-ref-white-900: rgba(255, 255, 255, 0.77);
  --color-ref-white-925: rgba(255, 255, 255, 0.83);
  --color-ref-white-950: rgba(255, 255, 255, 0.9);
  --color-ref-white-975: rgba(255, 255, 255, 0.95);
  --color-ref-white-1000: #ffffff;
  --color-ref-neutral-10: #f9f9f9;
  --color-ref-neutral-25: #f3f3f3;
  --color-ref-neutral-50: #ededed;
  --color-ref-neutral-75: #e2e2e2;
  --color-ref-neutral-100: #d5d5d5;
  --color-ref-neutral-200: #bebebe;
  --color-ref-neutral-300: #a7a7a7;
  --color-ref-neutral-400: #8b8b8b;
  --color-ref-neutral-500: #737373;
  --color-ref-neutral-600: #5e5e5e;
  --color-ref-neutral-700: #515151;
  --color-ref-neutral-800: #424242;
  --color-ref-neutral-900: #363636;
  --color-ref-neutral-925: #2b2b2b;
  --color-ref-neutral-950: #212121;
  --color-ref-neutral-975: #101010;
  --color-ref-apple-10: #f7fcef;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-75: #cdeca1;
  --color-ref-apple-100: #b6e477;
  --color-ref-apple-200: #93cd3f;
  --color-ref-apple-300: #83bb3b;
  --color-ref-apple-400: #649a34;
  --color-ref-apple-500: #4e812f;
  --color-ref-apple-600: #3a6a2a;
  --color-ref-apple-700: #325d24;
  --color-ref-apple-800: #294c1e;
  --color-ref-apple-900: #213c18;
  --color-ref-apple-925: #192e12;
  --color-ref-apple-950: #12210d;
  --color-ref-apple-975: #0b1308;
  --color-ref-apple-300-20pc: rgba(131, 187, 59, 0.2);
  --color-ref-apple-300-30pc: rgba(131, 187, 59, 0.3);
  --color-ref-apple-300-50pc: rgba(131, 187, 59, 0.5);
  --color-ref-violet-10: #fcf8ff;
  --color-ref-violet-25: #f9f2ff;
  --color-ref-violet-50: #f5e9ff;
  --color-ref-violet-75: #efdaff;
  --color-ref-violet-100: #e8caff;
  --color-ref-violet-200: #d8acf9;
  --color-ref-violet-300: #c898e7;
  --color-ref-violet-400: #ac77c7;
  --color-ref-violet-500: #975cae;
  --color-ref-violet-600: #834598;
  --color-ref-violet-700: #79378b;
  --color-ref-violet-800: #662a77;
  --color-ref-violet-900: #541d63;
  --color-ref-violet-925: #40154e;
  --color-ref-violet-950: #2c113a;
  --color-ref-violet-975: #1b0a24;
  --color-ref-lavender-10: #faf9fb;
  --color-ref-lavender-25: #f6f3f7;
  --color-ref-lavender-50: #efebf2;
  --color-ref-lavender-75: #e6dfea;
  --color-ref-lavender-100: #dcd2e1;
  --color-ref-lavender-200: #c7b7d0;
  --color-ref-lavender-300: #b8a4c3;
  --color-ref-lavender-400: #9e81ad;
  --color-ref-lavender-500: #89669b;
  --color-ref-lavender-600: #774f8c;
  --color-ref-lavender-700: #6a437f;
  --color-ref-lavender-800: #573768;
  --color-ref-lavender-900: #452c52;
  --color-ref-lavender-925: #34213f;
  --color-ref-lavender-950: #25182d;
  --color-ref-lavender-975: #170e1b;
  --color-ref-lavender-300-20pc: rgba(184, 164, 195, 0.2);
  --color-ref-lavender-300-30pc: rgba(184, 164, 195, 0.3);
  --color-ref-lavender-300-50pc: rgba(184, 164, 195, 0.5);
  --color-ref-red-10: #fff9fb;
  --color-ref-red-25: #fff0f4;
  --color-ref-red-50: #ffe7ed;
  --color-ref-red-75: #ffd8e2;
  --color-ref-red-100: #ffc7d5;
  --color-ref-red-200: #FEA995;
  --color-ref-red-300: #ff7e9e;
  --color-ref-red-400: #f74b75;
  --color-ref-red-500: #d7305a;
  --color-ref-red-600: #b61c43;
  --color-ref-red-700: #9f193a;
  --color-ref-red-800: #831430;
  --color-ref-red-900: #6b1127;
  --color-ref-red-925: #520d1e;
  --color-ref-red-950: #3d0916;
  --color-ref-red-975: #27060e;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-text-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-text-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-text-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-text-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-text-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-text-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-text-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-text-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-text-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-text-accent-primary-subtle: var(--color-ref-apple-600);
  --color-sys-text-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-text-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-text-inverse-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-text-inverse-strong: var(--color-ref-white-1000);
  --color-sys-text-inverse-moderate: var(--color-ref-neutral-100);
  --color-sys-text-inverse-subtle: var(--color-ref-neutral-200);
  --color-sys-text-critical: var(--color-ref-red-700);
  --color-sys-text-placeholder: var(--color-ref-neutral-400);
  --color-sys-text-disabled: var(--color-ref-neutral-400);
  --color-sys-text-subtle: var(--color-ref-neutral-600);
  --color-sys-text-moderate: var(--color-ref-neutral-700);
  --color-sys-text-strong: var(--color-ref-neutral-900);
  --color-sys-icon-accent-secondary-inverse-subtle: var(--color-ref-violet-200);
  --color-sys-icon-accent-secondary-inverse-moderate: var(--color-ref-violet-100);
  --color-sys-icon-accent-secondary-inverse-strong: var(--color-ref-violet-25);
  --color-sys-icon-accent-secondary-subtle: var(--color-ref-violet-500);
  --color-sys-icon-accent-secondary-moderate: var(--color-ref-violet-700);
  --color-sys-icon-accent-secondary-strong: var(--color-ref-violet-900);
  --color-sys-icon-accent-primary-inverse-subtle: var(--color-ref-apple-200);
  --color-sys-icon-accent-primary-inverse-moderate: var(--color-ref-apple-100);
  --color-sys-icon-accent-primary-inverse-strong: var(--color-ref-apple-25);
  --color-sys-icon-accent-primary-subtle: var(--color-ref-apple-500);
  --color-sys-icon-accent-primary-moderate: var(--color-ref-apple-700);
  --color-sys-icon-accent-primary-strong: var(--color-ref-apple-900);
  --color-sys-icon-inverse-disabled: var(--color-ref-neutral-400);
  --color-sys-icon-inverse-moderate: var(--color-ref-neutral-200);
  --color-sys-icon-inverse-strong: var(--color-ref-white-1000);
  --color-sys-icon-critical: var(--color-ref-red-700);
  --color-sys-icon-disabled: var(--color-ref-neutral-300);
  --color-sys-icon-subtle: var(--color-ref-neutral-500);
  --color-sys-icon-moderate: var(--color-ref-neutral-700);
  --color-sys-icon-strong: var(--color-ref-neutral-900);
  --color-sys-bg-neutral-10: var(--color-ref-neutral-10);
  --color-sys-bg-neutral-20: var(--color-ref-neutral-25);
  --color-sys-bg-neutral-30: var(--color-ref-neutral-50);
  --color-sys-bg-neutral-40: var(--color-ref-neutral-75);
  --color-sys-bg-tertiary-10: var(--color-ref-lavender-10);
  --color-sys-bg-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-bg-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-bg-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-bg-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-bg-tertiary-inverse-20: var(--color-ref-lavender-950);
  --color-sys-bg-tertiary-inverse-40: var(--color-ref-lavender-900);
  --color-sys-bg-tertiary-inverse-50: var(--color-ref-lavender-800);
  --color-sys-bg-secondary-10: var(--color-ref-violet-10);
  --color-sys-bg-secondary-20: var(--color-ref-violet-25);
  --color-sys-bg-secondary-30: var(--color-ref-violet-50);
  --color-sys-bg-secondary-40: var(--color-ref-violet-75);
  --color-sys-bg-secondary-50: var(--color-ref-violet-100);
  --color-sys-bg-secondary-inverse-40: var(--color-ref-violet-900);
  --color-sys-bg-secondary-inverse-80: var(--color-ref-violet-500);
  --color-sys-bg-primary-10: var(--color-ref-apple-10);
  --color-sys-bg-primary-20: var(--color-ref-apple-25);
  --color-sys-bg-primary-30: var(--color-ref-apple-50);
  --color-sys-bg-primary-40: var(--color-ref-apple-75);
  --color-sys-bg-primary-50: var(--color-ref-apple-100);
  --color-sys-bg-primary-inverse-40: var(--color-ref-apple-900);
  --color-sys-bg-default: var(--color-ref-white-1000);
  --color-sys-bg-critical-40: var(--color-ref-red-75);
  --color-sys-bg-critical-inverse-80: var(--color-ref-red-500);
  --color-sys-bg-raised: var(--color-ref-white-1000);
  --color-sys-interactive-border-40-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-border-40-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-border-40-default: var(--color-ref-neutral-75);
  --color-sys-interactive-border-critical-30: var(--color-ref-red-200);
  --color-sys-interactive-border-critical-100: var(--color-ref-red-600);
  --color-sys-interactive-border-secondary-40-focus: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-40-hover: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-40-default: var(--color-ref-violet-75);
  --color-sys-interactive-border-secondary-60-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-60-hover: var(--color-ref-violet-300);
  --color-sys-interactive-border-secondary-60-default: var(--color-ref-violet-200);
  --color-sys-interactive-border-secondary-80-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-80-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-80-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-secondary-100-focus: var(--color-ref-violet-400);
  --color-sys-interactive-border-secondary-100-hover: var(--color-ref-violet-500);
  --color-sys-interactive-border-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-border-disabled: var(--color-ref-neutral-100);
  --color-sys-interactive-border-inverse-max-default: var(--color-ref-white-1000);
  --color-sys-interactive-border-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-border-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-border-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-border-tertiary-40-focus: var(--color-ref-lavender-300);
  --color-sys-interactive-border-tertiary-40-hover: var(--color-ref-lavender-200);
  --color-sys-interactive-border-tertiary-40-default: var(--color-ref-lavender-75);
  --color-sys-interactive-border-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-border-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-border-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-30-focus: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-30-hover: var(--color-ref-neutral-75);
  --color-sys-interactive-bg-30-default: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-50-focus: var(--color-ref-neutral-300);
  --color-sys-interactive-bg-50-hover: var(--color-ref-neutral-200);
  --color-sys-interactive-bg-50-default: var(--color-ref-neutral-100);
  --color-sys-interactive-bg-primary-10-focus: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-10-hover: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-10-default: var(--color-ref-apple-10);
  --color-sys-interactive-bg-primary-20-default: var(--color-ref-apple-25);
  --color-sys-interactive-bg-primary-20-hover: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-20-focus: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-default: var(--color-ref-apple-50);
  --color-sys-interactive-bg-primary-30-hover: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-30-focus: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-40-hover: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-40-default: var(--color-ref-apple-75);
  --color-sys-interactive-bg-primary-50-hover: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-focus: var(--color-ref-apple-200);
  --color-sys-interactive-bg-primary-50-default: var(--color-ref-apple-100);
  --color-sys-interactive-bg-primary-100-default: var(--color-ref-apple-600);
  --color-sys-interactive-bg-primary-100-hover: var(--color-ref-apple-700);
  --color-sys-interactive-bg-primary-100-focus: var(--color-ref-apple-800);
  --color-sys-interactive-bg-min-focus: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-min-hover: var(--color-ref-neutral-25);
  --color-sys-interactive-bg-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-disabled: var(--color-ref-neutral-50);
  --color-sys-interactive-bg-secondary-10-default: var(--color-ref-violet-10);
  --color-sys-interactive-bg-secondary-10-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-10-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-focus: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-20-hover: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-20-default: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-30-default: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-30-hover: var(--color-ref-violet-75);
  --color-sys-interactive-bg-secondary-30-focus: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-50-focus: var(--color-ref-violet-300);
  --color-sys-interactive-bg-secondary-50-hover: var(--color-ref-violet-200);
  --color-sys-interactive-bg-secondary-50-default: var(--color-ref-violet-100);
  --color-sys-interactive-bg-secondary-100-default: var(--color-ref-violet-600);
  --color-sys-interactive-bg-secondary-100-hover: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-100-focus: var(--color-ref-violet-800);
  --color-sys-interactive-bg-secondary-min-default: var(--color-ref-white-1000);
  --color-sys-interactive-bg-secondary-min-hover: var(--color-ref-violet-25);
  --color-sys-interactive-bg-secondary-min-focus: var(--color-ref-violet-50);
  --color-sys-interactive-bg-secondary-inverse-30-default: var(--color-ref-violet-900);
  --color-sys-interactive-bg-secondary-inverse-30-focus: var(--color-ref-violet-700);
  --color-sys-interactive-bg-secondary-inverse-30-hover: var(--color-ref-violet-800);
  --color-sys-interactive-bg-tertiary-10-default: var(--color-ref-lavender-10);
  --color-sys-interactive-bg-tertiary-10-focus: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-10-hover: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-20-focus: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-20-hover: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-20-default: var(--color-ref-lavender-25);
  --color-sys-interactive-bg-tertiary-30-default: var(--color-ref-lavender-50);
  --color-sys-interactive-bg-tertiary-30-hover: var(--color-ref-lavender-75);
  --color-sys-interactive-bg-tertiary-30-focus: var(--color-ref-lavender-100);
  --color-sys-interactive-bg-tertiary-60-default: var(--color-ref-lavender-200);
  --color-sys-interactive-bg-tertiary-60-hover: var(--color-ref-lavender-300);
  --color-sys-interactive-bg-tertiary-60-focus: var(--color-ref-lavender-400);
  --color-sys-border-secondary-10: var(--color-ref-violet-50);
  --color-sys-border-secondary-20: var(--color-ref-violet-75);
  --color-sys-border-secondary-30: var(--color-ref-violet-100);
  --color-sys-border-secondary-40: var(--color-ref-violet-200);
  --color-sys-border-secondary-50: var(--color-ref-violet-400);
  --color-sys-border-secondary-60: var(--color-ref-violet-600);
  --color-sys-border-primary-10: var(--color-ref-apple-50);
  --color-sys-border-primary-20: var(--color-ref-apple-75);
  --color-sys-border-primary-30: var(--color-ref-apple-100);
  --color-sys-border-primary-40: var(--color-ref-apple-200);
  --color-sys-border-primary-50: var(--color-ref-apple-400);
  --color-sys-border-primary-60: var(--color-ref-apple-600);
  --color-sys-border-tertiary-10: var(--color-ref-lavender-50);
  --color-sys-border-tertiary-20: var(--color-ref-lavender-75);
  --color-sys-border-tertiary-30: var(--color-ref-lavender-100);
  --color-sys-border-tertiary-40: var(--color-ref-lavender-200);
  --color-sys-border-tertiary-50: var(--color-ref-lavender-400);
  --color-sys-border-tertiary-60: var(--color-ref-lavender-600);
  --color-sys-border-min: var(--color-ref-white-1000);
  --color-sys-canvas-default: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-20: var(--color-ref-lavender-25);
  --color-sys-illustration-tertiary-30: var(--color-ref-lavender-50);
  --color-sys-illustration-tertiary-40: var(--color-ref-lavender-75);
  --color-sys-illustration-tertiary-50: var(--color-ref-lavender-100);
  --color-sys-illustration-tertiary-60: var(--color-ref-lavender-200);
  --color-sys-illustration-tertiary-70: var(--color-ref-lavender-300);
  --color-sys-illustration-tertiary-80: var(--color-ref-lavender-400);
  --color-sys-illustration-tertiary-100: var(--color-ref-lavender-600);
  --color-sys-illustration-secondary-20: var(--color-ref-violet-25);
  --color-sys-illustration-secondary-30: var(--color-ref-violet-50);
  --color-sys-illustration-secondary-40: var(--color-ref-violet-75);
  --color-sys-illustration-secondary-50: var(--color-ref-violet-100);
  --color-sys-illustration-secondary-60: var(--color-ref-violet-200);
  --color-sys-illustration-secondary-70: var(--color-ref-violet-300);
  --color-sys-illustration-secondary-80: var(--color-ref-violet-400);
  --color-sys-illustration-secondary-100: var(--color-ref-violet-600);
  --color-sys-illustration-primary-20: var(--color-ref-apple-25);
  --color-sys-illustration-primary-30: var(--color-ref-apple-50);
  --color-sys-illustration-primary-40: var(--color-ref-apple-75);
  --color-sys-illustration-primary-50: var(--color-ref-apple-100);
  --color-sys-illustration-primary-60: var(--color-ref-apple-200);
  --color-sys-illustration-primary-70: var(--color-ref-apple-300);
  --color-sys-illustration-primary-80: var(--color-ref-apple-400);
  --color-sys-illustration-primary-100: var(--color-ref-apple-600);
  --color-sys-illustration-neutral-min: var(--color-ref-white-1000);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --color-comp-scrollbar-fg-default: var(--color-ref-lavender-100);
  --color-comp-form-border-critical: var(--color-sys-interactive-border-critical-30);
  --color-comp-form-border-read-only: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-border-disabled: var(--color-ref-neutral-75);
  --color-comp-form-border-active: var(--color-sys-interactive-border-secondary-100-default);
  --color-comp-form-border-default: var(--color-sys-interactive-border-tertiary-40-default);
  --color-comp-form-bg-critical: var(--color-ref-white-1000);
  --color-comp-form-bg-read-only: var(--color-ref-lavender-10);
  --color-comp-form-bg-disabled: var(--color-ref-neutral-50);
  --color-comp-form-bg-active: var(--color-ref-white-1000);
  --color-comp-form-bg-default: var(--color-ref-white-1000);
  --color-comp-button-bg-inverse-disabled: var(--color-ref-neutral-800);
  --color-comp-button-bg-disabled: var(--color-ref-neutral-75);
  --color-comp-button-neutral-inverse-faded-bg-focus: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-pressed: var(--color-ref-white-200);
  --color-comp-button-neutral-inverse-faded-bg-hover: var(--color-ref-white-100);
  --color-comp-button-neutral-inverse-faded-bg-default: var(--color-ref-white-50);
  --color-comp-button-secondary-faded-bg-focus: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-pressed: var(--color-ref-lavender-50);
  --color-comp-button-secondary-faded-bg-hover: var(--color-ref-lavender-25);
  --color-comp-button-secondary-faded-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-secondary-outline-border-focus: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-pressed: var(--color-ref-violet-400);
  --color-comp-button-secondary-outline-border-hover: var(--color-ref-violet-300);
  --color-comp-button-secondary-outline-border-default: var(--color-ref-violet-200);
  --color-comp-button-secondary-outline-bg-focus: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-pressed: var(--color-ref-violet-50);
  --color-comp-button-secondary-outline-bg-hover: var(--color-ref-violet-25);
  --color-comp-button-secondary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-secondary-solid-bg-focus: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-pressed: var(--color-ref-violet-800);
  --color-comp-button-secondary-solid-bg-hover: var(--color-ref-violet-700);
  --color-comp-button-secondary-solid-bg-default: var(--color-ref-violet-500);
  --color-comp-button-primary-inverse-faded-bg-focus: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-faded-bg-hover: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-faded-bg-default: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-border-disabled: var(--color-ref-neutral-600);
  --color-comp-button-primary-inverse-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-inverse-outline-bg-focus: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-outline-bg-pressed: var(--color-ref-apple-700);
  --color-comp-button-primary-inverse-outline-bg-hover: var(--color-ref-apple-900);
  --color-comp-button-primary-inverse-solid-bg-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-inverse-solid-bg-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-inverse-solid-bg-default: var(--color-ref-apple-200);
  --color-comp-button-primary-faded-bg-focus: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-pressed: var(--color-ref-apple-75);
  --color-comp-button-primary-faded-bg-hover: var(--color-ref-apple-50);
  --color-comp-button-primary-faded-bg-default: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-border-disabled: var(--color-ref-neutral-200);
  --color-comp-button-primary-outline-border-focus: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-pressed: var(--color-ref-apple-400);
  --color-comp-button-primary-outline-border-hover: var(--color-ref-apple-300);
  --color-comp-button-primary-outline-border-default: var(--color-ref-apple-200);
  --color-comp-button-primary-outline-bg-focus: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-pressed: var(--color-ref-apple-50);
  --color-comp-button-primary-outline-bg-hover: var(--color-ref-apple-25);
  --color-comp-button-primary-outline-bg-default: var(--color-ref-white-1000);
  --color-comp-button-primary-solid-bg-focus: var(--color-ref-apple-100);
  --color-comp-button-primary-solid-bg-pressed: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-hover: var(--color-ref-apple-200);
  --color-comp-button-primary-solid-bg-default: var(--color-ref-apple-100);
  --color-comp-button-inverse-lowemphasis-bg-hover: var(--color-ref-white-25);
  --color-comp-button-inverse-lowemphasis-bg-pressed: var(--color-ref-white-75);
  --color-comp-button-inverse-lowemphasis-bg-focus: var(--color-ref-white-75);
  --color-comp-spinner-neutral-inverse-fg: var(--color-ref-white-1000);
  --color-comp-spinner-neutral-inverse-bg: var(--color-ref-white-200);
  --color-comp-spinner-neutral-fg: var(--color-ref-neutral-900);
  --color-comp-spinner-neutral-bg: var(--color-ref-black-200);
  --color-comp-spinner-secondary-fg: var(--color-ref-violet-700);
  --color-comp-spinner-secondary-bg: var(--color-ref-black-200);
  --color-comp-spinner-primary-fg: var(--color-ref-apple-700);
  --color-comp-spinner-primary-bg: var(--color-ref-apple-300-50pc);
  --color-comp-tooltip-bg-default: var(--color-ref-neutral-900);
  --color-comp-modal-overlay: var(--color-ref-black-300);
  --color-comp-divider-tertiary-subtle: var(--color-ref-lavender-50);
  --color-comp-divider-tertiary-strong: var(--color-ref-lavender-600);
  --color-comp-divider-tertiary-faint: var(--color-ref-lavender-25);
  --color-comp-divider-neutral-subtle: var(--color-ref-neutral-50);
  --color-comp-divider-neutral-faint: var(--color-ref-neutral-25);
  --color-comp-divider-primary-subtle: var(--color-ref-apple-50);
  --color-comp-toggletag-bg-subdued: var(--color-ref-neutral-10);
  --color-comp-cookiebanner-bg-default: var(--color-ref-lavender-950);
  --color-comp-link-bg-focus: var(--color-ref-apple-100);
  --color-comp-link-text-disabled: var(--color-sys-text-disabled);
  --color-comp-link-text-focus: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-hover: var(--color-sys-text-accent-primary-strong);
  --color-comp-link-text-default: var(--color-sys-text-accent-primary-moderate);
  --color-comp-progress-primary-fg: var(--color-ref-apple-200);
  --color-comp-progress-primary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-bg: var(--color-ref-lavender-50);
  --color-comp-progress-secondary-fg: var(--color-ref-violet-500);
  --color-comp-header-bg-scrolled: var(--color-ref-white-800);
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --spacing-10: 0.125rem;
  --spacing-20: 0.25rem;
  --spacing-30: 0.5rem;
  --spacing-40: 0.75rem;
  --spacing-50: 1rem;
  --spacing-60: 1.25rem;
  --spacing-70: 1.5rem;
  --spacing-80: 2rem;
  --spacing-90: 2.5rem;
  --spacing-100: 3rem;
  --spacing-110: 3.5rem;
  --spacing-120: 4rem;
  --spacing-inset-0: 0;
  --spacing-inset-10: 2px;
  --spacing-inset-20: 4px;
  --spacing-inset-30: 8px;
  --spacing-inset-40: 12px;
  --spacing-inset-50: 16px;
  --spacing-inset-60: 20px;
  --spacing-inset-70: 24px;
  --spacing-inset-80: 32px;
  --spacing-inset-90: 40px;
  --spacing-inset-100: 48px;
  --spacing-inset-squish-10: 2px 4px;
  --spacing-inset-squish-20: 4px 8px;
  --spacing-inset-squish-30: 8px 12px;
  --spacing-inset-squish-40: 12px 16px;
  --spacing-inset-squish-50: 16px 24px;
  --spacing-inset-squish-60: 24px 32px;
  --spacing-inset-squish-70: 32px 48px;
  --spacing-inset-stretch-10: 4px 2px;
  --spacing-inset-stretch-20: 8px 4px;
  --spacing-inset-stretch-30: 12px 8px;
  --spacing-inset-stretch-40: 16px 12px;
  --spacing-inset-stretch-50: 24px 16px;
  --spacing-inset-stretch-60: 32px 24px;
  --spacing-inset-stretch-70: 48px 32px;
}
out-attachment-filter-dialog :root .out-theme,
attachment-category-selector :root .out-theme,
out-category-detail-view :root .out-theme,
app-attachment-category-grid :root .out-theme,
attachment :root .out-theme,
out-notes-container :root .out-theme,
.mfe-notes-container :root .out-theme,
out-category-card-view :root .out-theme,
out-add-note :root .out-theme {
  --shadow-comp-button-secondary-solid-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0px 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-solid-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.5), 0px 12px 12px -12px rgba(184, 164, 195, 0.5);
  --shadow-comp-button-secondary-solid-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-default: 0px 16px 1px -20px rgba(184, 164, 195, 0.5), 0 16px 6px -18px rgba(184, 164, 195, 0.3), 0px 16px 16px -16px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-hover: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-secondary-outline-pressed: 0px 10px 8px -12px rgba(184, 164, 195, 0.3), 0px 12px 12px -12px rgba(184, 164, 195, 0.2);
  --shadow-comp-button-secondary-outline-focus: 0px 16px 4px -16px rgba(184, 164, 195, 0.2), 0px 16px 10px -16px rgba(184, 164, 195, 0.2), 0px 16px 18px -16px rgba(184, 164, 195, 0.2), 0px 20px 20px -18px rgba(184, 164, 195, 0.3);
  --shadow-comp-button-primary-solid-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-solid-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.2), 0px 8px 4px -12px rgba(131, 187, 59, 0.3), 0px 10px 8px -12px rgba(131, 187, 59, 0.5), 0px 12px 12px -12px rgba(131, 187, 59, 0.5);
  --shadow-comp-button-primary-solid-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-default: 0px 16px 1px -20px rgba(131, 187, 59, 0.5), 0px 16px 6px -18px rgba(131, 187, 59, 0.3), 0px 16px 16px -16px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-hover: 0px 16px 4px -16px rgba(131, 187, 59, 0.2), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-button-primary-outline-pressed: 0px 4px 2px -12px rgba(131, 187, 59, 0.5), 0px 8px 4px -12px rgba(131, 187, 59, 0.5), 0px 10px 8px -12px rgba(131, 187, 59, 0.3), 0px 12px 12px -12px rgba(131, 187, 59, 0.2);
  --shadow-comp-button-primary-outline-focus: 0px 16px 4px -16px rgba(131, 187, 59, 0.3), 0px 16px 10px -16px rgba(131, 187, 59, 0.2), 0px 16px 18px -16px rgba(131, 187, 59, 0.2), 0px 20px 20px -18px rgba(131, 187, 59, 0.3);
  --shadow-comp-togglecard-selected: 0px 2px 4px -4px rgba(131, 187, 59, 0.2), 0px 4px 10px -4px rgba(131, 187, 59, 0.2), 0px 6px 18px -4px rgba(131, 187, 59, 0.2), 0px 8px 20px -4px rgba(131, 187, 59, 0.3), 0px 0px 0px 2.5px #93cd3f;
  --shadow-comp-popover-default: 0px 12px 24px 0px rgba(0, 0, 0, 0.11), 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-10: 0px 1px 8px -8px rgba(0, 0, 0, 0.16), 0px 2px 8px -3px rgba(0, 0, 0, 0.16);
  --shadow-sys-elevation-20: 0px 14px 8px -16px rgba(0, 0, 0, 0.11), 0px 8px 16px -6px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-30: 0px 8px 20px -10px rgba(0, 0, 0, 0.25), 0px 8px 16px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-40: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -10px rgba(0, 0, 0, 0.11), 0px 16px 12px -12px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-50: 0px 8px 20px -8px rgba(0, 0, 0, 0.2), 0px 8px 16px -12px rgba(0, 0, 0, 0.11), 0px 16px 12px -10px rgba(0, 0, 0, 0.11), 0px 20px 20px -10px rgba(0, 0, 0, 0.11);
  --shadow-sys-elevation-compact-10: 0px 2px 10px -6px rgba(0, 0, 0, 0.45), 0px 4px 8px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-20: 0px 4px 12px -6px rgba(0, 0, 0, 0.45), 0px 8px 10px -2px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-compact-30: 0px 4px 12px -4px rgba(0, 0, 0, 0.45), 0px 10px 10px -4px rgba(0, 0, 0, 0.2);
  --shadow-sys-elevation-soft-10: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-20: 0px 8px 24px -6px rgba(0, 0, 0, 0.11), 0px 6px 8px -2px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-30: 0px 16px 32px -8px rgba(0, 0, 0, 0.16), 0px 4px 16px -6px rgba(0, 0, 0, 0.04);
  --shadow-sys-elevation-soft-40: 0px 24px 64px -12px rgba(0, 0, 0, 0.16), 0px 16px 32px -12px rgba(0, 0, 0, 0.07);
  --shadow-sys-elevation-soft-50: 0px 40px 96px -24px rgba(0, 0, 0, 0.16), 0px 24px 72px -32px rgba(0, 0, 0, 0.2), 0px 16px 24px -8px rgba(0, 0, 0, 0.04);
  --shadow-sys-focus-selected: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 3px 12px -4px rgba(0, 0, 0, 0.35), 0px 3px 10px -2px rgba(0, 0, 0, 0.35), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-focus-default: 0px 1px 8px -2px rgba(0, 0, 0, 0.16), 0px 1px 4px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 3px #d8acf9;
  --shadow-sys-overlay-20: 0 0 16px 0 rgba(0, 0, 0, 0.11);
  --shadow-sys-overlay-30: 0 0 24px 0 rgba(0, 0, 0, 0.16);
}
out-attachment-filter-dialog .mat-mdc-checkbox,
attachment-category-selector .mat-mdc-checkbox,
out-category-detail-view .mat-mdc-checkbox,
app-attachment-category-grid .mat-mdc-checkbox,
attachment .mat-mdc-checkbox,
out-notes-container .mat-mdc-checkbox,
.mfe-notes-container .mat-mdc-checkbox,
out-category-card-view .mat-mdc-checkbox,
out-add-note .mat-mdc-checkbox {
  height: 58px;
  display: flex;
  align-items: center;
}
out-attachment-filter-dialog .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
attachment .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox[type=circle] .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox[type=circle] .mdc-checkbox__background {
  border-radius: 100%;
}
out-attachment-filter-dialog .mat-mdc-checkbox label,
attachment-category-selector .mat-mdc-checkbox label,
out-category-detail-view .mat-mdc-checkbox label,
app-attachment-category-grid .mat-mdc-checkbox label,
attachment .mat-mdc-checkbox label,
out-notes-container .mat-mdc-checkbox label,
.mfe-notes-container .mat-mdc-checkbox label,
out-category-card-view .mat-mdc-checkbox label,
out-add-note .mat-mdc-checkbox label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-mdc-checkbox .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox .mdc-checkbox__background,
attachment .mat-mdc-checkbox .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox .mdc-checkbox__background {
  border-radius: var(--border-radius-30);
  height: 28px;
  width: 28px;
  margin-left: -11px;
}
out-attachment-filter-dialog .mat-mdc-checkbox .mdc-checkbox__checkmark,
attachment-category-selector .mat-mdc-checkbox .mdc-checkbox__checkmark,
out-category-detail-view .mat-mdc-checkbox .mdc-checkbox__checkmark,
app-attachment-category-grid .mat-mdc-checkbox .mdc-checkbox__checkmark,
attachment .mat-mdc-checkbox .mdc-checkbox__checkmark,
out-notes-container .mat-mdc-checkbox .mdc-checkbox__checkmark,
.mfe-notes-container .mat-mdc-checkbox .mdc-checkbox__checkmark,
out-category-card-view .mat-mdc-checkbox .mdc-checkbox__checkmark,
out-add-note .mat-mdc-checkbox .mdc-checkbox__checkmark {
  width: 50%;
  top: 25%;
  left: 25%;
  color: var(--color-sys-icon-accent-secondary-strong) !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox .mdc-checkbox,
attachment-category-selector .mat-mdc-checkbox .mdc-checkbox,
out-category-detail-view .mat-mdc-checkbox .mdc-checkbox,
app-attachment-category-grid .mat-mdc-checkbox .mdc-checkbox,
attachment .mat-mdc-checkbox .mdc-checkbox,
out-notes-container .mat-mdc-checkbox .mdc-checkbox,
.mfe-notes-container .mat-mdc-checkbox .mdc-checkbox,
out-category-card-view .mat-mdc-checkbox .mdc-checkbox,
out-add-note .mat-mdc-checkbox .mdc-checkbox {
  height: 28px;
  width: 28px;
}
out-attachment-filter-dialog .mat-mdc-checkbox .mat-ripple, out-attachment-filter-dialog .mat-mdc-checkbox .mdc-checkbox__ripple,
attachment-category-selector .mat-mdc-checkbox .mat-ripple,
attachment-category-selector .mat-mdc-checkbox .mdc-checkbox__ripple,
out-category-detail-view .mat-mdc-checkbox .mat-ripple,
out-category-detail-view .mat-mdc-checkbox .mdc-checkbox__ripple,
app-attachment-category-grid .mat-mdc-checkbox .mat-ripple,
app-attachment-category-grid .mat-mdc-checkbox .mdc-checkbox__ripple,
attachment .mat-mdc-checkbox .mat-ripple,
attachment .mat-mdc-checkbox .mdc-checkbox__ripple,
out-notes-container .mat-mdc-checkbox .mat-ripple,
out-notes-container .mat-mdc-checkbox .mdc-checkbox__ripple,
.mfe-notes-container .mat-mdc-checkbox .mat-ripple,
.mfe-notes-container .mat-mdc-checkbox .mdc-checkbox__ripple,
out-category-card-view .mat-mdc-checkbox .mat-ripple,
out-category-card-view .mat-mdc-checkbox .mdc-checkbox__ripple,
out-add-note .mat-mdc-checkbox .mat-ripple,
out-add-note .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  outline: var(--border-width-30) solid var(--color-sys-interactive-bg-primary-50-focus);
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-bg-default) !important;
}
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:indeterminate ~ .mdc-checkbox__background {
  outline: var(--border-width-30) solid var(--color-sys-interactive-bg-primary-50-focus);
  border-color: var(--color-sys-interactive-bg-min-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
}
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked:hover ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-primary-50-focus) !important;
}
out-attachment-filter-dialog .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
attachment .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-min-default) !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
attachment .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-20);
}
out-attachment-filter-dialog .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
attachment .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox.mat-mdc-checkbox-checked:hover .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
attachment .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  border-color: var(--color-sys-border-tertiary-20) !important;
  background-color: var(--color-ref-neutral-50) !important;
  box-shadow: none;
}
out-attachment-filter-dialog .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark, out-attachment-filter-dialog .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
attachment-category-selector .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
attachment-category-selector .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
out-category-detail-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
out-category-detail-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
app-attachment-category-grid .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
app-attachment-category-grid .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
attachment .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
attachment .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
out-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
out-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
.mfe-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
.mfe-notes-container .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
out-category-card-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
out-category-card-view .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark,
out-add-note .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__checkmark,
out-add-note .mat-mdc-checkbox.mdc-checkbox--disabled.mat-mdc-checkbox-disabled .mdc-checkbox__mixedmark {
  color: var(--color-sys-icon-disabled) !important;
  border-color: var(--color-sys-icon-disabled) !important;
}
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border: none !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
attachment .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__background {
  stroke-width: var(--border-width-30) !important;
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-default) !important;
  box-shadow: var(--shadow-sys-elevation-compact-20);
}
out-attachment-filter-dialog .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
attachment .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-bg-default) !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked)[ng-reflect-indeterminate=true] .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  box-shadow: none !important;
}
out-attachment-filter-dialog .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment-category-selector .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-detail-view .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
app-attachment-category-grid .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
attachment .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
.mfe-notes-container .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-category-card-view .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background,
out-add-note .mat-mdc-checkbox.mat-mdc-checkbox-checked[ng-reflect-indeterminate=true]:hover .mdc-checkbox__native-control:enabled:not(:indeterminate) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-primary-50-hover) !important;
}
out-attachment-filter-dialog .mdc-checkbox__mixedmark,
attachment-category-selector .mdc-checkbox__mixedmark,
out-category-detail-view .mdc-checkbox__mixedmark,
app-attachment-category-grid .mdc-checkbox__mixedmark,
attachment .mdc-checkbox__mixedmark,
out-notes-container .mdc-checkbox__mixedmark,
.mfe-notes-container .mdc-checkbox__mixedmark,
out-category-card-view .mdc-checkbox__mixedmark,
out-add-note .mdc-checkbox__mixedmark {
  width: 50% !important;
  border-color: var(--color-sys-icon-accent-secondary-strong) !important;
}
out-attachment-filter-dialog .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
attachment-category-selector .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-category-detail-view .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
attachment .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-category-card-view .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-add-note .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, :focus, [data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: var(--color-sys-interactive-bg-min-default) !important;
  border-color: var(--color-sys-border-tertiary-20) !important;
}
out-attachment-filter-dialog .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
attachment-category-selector .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-category-detail-view .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
app-attachment-category-grid .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
attachment .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-notes-container .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
.mfe-notes-container .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-category-card-view .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background,
out-add-note .mdc-form-field:hover .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked, :indeterminate, [data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: var(--color-sys-interactive-bg-primary-50-default) !important;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle,
attachment-category-selector .mat-mdc-slide-toggle,
out-category-detail-view .mat-mdc-slide-toggle,
app-attachment-category-grid .mat-mdc-slide-toggle,
attachment .mat-mdc-slide-toggle,
out-notes-container .mat-mdc-slide-toggle,
.mfe-notes-container .mat-mdc-slide-toggle,
out-category-card-view .mat-mdc-slide-toggle,
out-add-note .mat-mdc-slide-toggle {
  --mdc-switch-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-unselected-hover-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-unselected-track-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-unselected-hover-track-color: var(--color-sys-interactive-bg-tertiary-60-default);
  --mdc-switch-unselected-focus-track-color: var(--color-sys-interactive-bg-tertiary-60-hover);
  --mdc-switch-unselected-pressed-track-color: var(--color-sys-interactive-bg-tertiary-60-focus);
  --mdc-switch-selected-track-color: var(--color-sys-interactive-bg-primary-50-default);
  --mdc-switch-selected-hover-track-color: var(--color-sys-interactive-bg-primary-50-hover);
  --mdc-switch-selected-focus-track-color: var(--color-sys-interactive-bg-primary-50-focus);
  --mdc-switch-selected-pressed-track-color: var(--color-sys-illustration-primary-70);
  --mdc-switch-disabled-unselected-track-color: var(--color-sys-interactive-bg-disabled);
  --mdc-switch-disabled-selected-track-color: var(--color-sys-interactive-bg-disabled);
  --mdc-switch-disabled-pressed-track-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-disabled-unselected-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-disabled-selected-handle-color: var(--color-sys-bg-tertiary-50);
  --mdc-switch-handle-surface-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-disabled-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mdc-switch-disabled-selected-handle-color: var(--color-sys-interactive-bg-min-default);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after, out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after, out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:hover:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:active:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track {
  border: var(--border-width-30) solid var(--color-sys-interactive-bg-tertiary-60-focus);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after, out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after, out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:hover:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus:enabled .mdc-switch__handle::after,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:active:enabled .mdc-switch__handle::after {
  background: var(--color-sys-interactive-bg-min-default);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:focus .mdc-switch__track {
  border: var(--border-width-30) solid var(--color-sys-illustration-primary-70);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch,
attachment .mat-mdc-slide-toggle .mdc-switch,
out-notes-container .mat-mdc-slide-toggle .mdc-switch,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch,
out-add-note .mat-mdc-slide-toggle .mdc-switch {
  width: 40px;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch__track {
  height: 24px;
  border-radius: var(--border-radius-70);
  box-sizing: border-box;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch--checked .mdc-switch__track {
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch--disabled .mdc-switch__track {
  box-shadow: none;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
attachment .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle .mdc-switch:disabled .mdc-switch__track {
  opacity: 1 !important;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__handle,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__handle,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__handle,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__handle,
attachment .mat-mdc-slide-toggle .mdc-switch__handle,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__handle,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__handle,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__handle,
out-add-note .mat-mdc-slide-toggle .mdc-switch__handle {
  height: 16px;
  width: 16px;
  box-shadow: var(--shadow-sys-elevation-compact-10);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__icons,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__icons,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__icons,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__icons,
attachment .mat-mdc-slide-toggle .mdc-switch__icons,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__icons,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__icons,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__icons,
out-add-note .mat-mdc-slide-toggle .mdc-switch__icons {
  background: var(--color-sys-bg-default);
  border-radius: 50%;
  display: none;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
attachment .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on,
out-add-note .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--on {
  display: none;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
attachment .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off,
out-add-note .mat-mdc-slide-toggle .mdc-switch__icons .mdc-switch__icon--off {
  display: none;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle .mdc-switch__ripple,
attachment-category-selector .mat-mdc-slide-toggle .mdc-switch__ripple,
out-category-detail-view .mat-mdc-slide-toggle .mdc-switch__ripple,
app-attachment-category-grid .mat-mdc-slide-toggle .mdc-switch__ripple,
attachment .mat-mdc-slide-toggle .mdc-switch__ripple,
out-notes-container .mat-mdc-slide-toggle .mdc-switch__ripple,
.mfe-notes-container .mat-mdc-slide-toggle .mdc-switch__ripple,
out-category-card-view .mat-mdc-slide-toggle .mdc-switch__ripple,
out-add-note .mat-mdc-slide-toggle .mdc-switch__ripple {
  display: none;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large] .mdc-switch,
attachment-category-selector .mat-mdc-slide-toggle[size=large] .mdc-switch,
out-category-detail-view .mat-mdc-slide-toggle[size=large] .mdc-switch,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large] .mdc-switch,
attachment .mat-mdc-slide-toggle[size=large] .mdc-switch,
out-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch,
.mfe-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch,
out-category-card-view .mat-mdc-slide-toggle[size=large] .mdc-switch,
out-add-note .mat-mdc-slide-toggle[size=large] .mdc-switch {
  width: 52px !important;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
attachment .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle[size=large] .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle[size=large] .mdc-switch__track {
  height: 32px;
  width: 52px;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
attachment-category-selector .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
out-category-detail-view .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
attachment .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
out-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
.mfe-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
out-category-card-view .mat-mdc-slide-toggle[size=large] .mdc-switch__handle,
out-add-note .mat-mdc-slide-toggle[size=large] .mdc-switch__handle {
  height: 24px;
  width: 24px;
  border-radius: 100%;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
attachment .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--unselected:focus .mdc-switch__track {
  border: 3px solid var(--color-sys-interactive-bg-tertiary-60-focus);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
attachment-category-selector .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-category-detail-view .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
attachment .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
.mfe-notes-container .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-category-card-view .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track,
out-add-note .mat-mdc-slide-toggle[size=large] .mdc-switch.mdc-switch--selected:focus .mdc-switch__track {
  border: 3px solid var(--color-sys-illustration-primary-70);
}
out-attachment-filter-dialog .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
attachment-category-selector .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
out-category-detail-view .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
app-attachment-category-grid .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
attachment .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
out-notes-container .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
.mfe-notes-container .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
out-category-card-view .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle,
out-add-note .mat-mdc-slide-toggle[size=large]:has(.mdc-switch--selected) .mdc-switch__handle {
  margin-left: -8px;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
attachment-category-selector .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
out-category-detail-view .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
app-attachment-category-grid .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
attachment .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
out-notes-container .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
.mfe-notes-container .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
out-category-card-view .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle,
out-add-note .mat-mdc-slide-toggle:has(.mdc-switch--unselected) .mdc-switch__handle {
  margin-left: 4px;
}
out-attachment-filter-dialog .mat-mdc-slide-toggle label,
attachment-category-selector .mat-mdc-slide-toggle label,
out-category-detail-view .mat-mdc-slide-toggle label,
app-attachment-category-grid .mat-mdc-slide-toggle label,
attachment .mat-mdc-slide-toggle label,
out-notes-container .mat-mdc-slide-toggle label,
.mfe-notes-container .mat-mdc-slide-toggle label,
out-category-card-view .mat-mdc-slide-toggle label,
out-add-note .mat-mdc-slide-toggle label {
  margin: 0 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: var(--border-radius-40) !important;
  min-width: 42.25rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title {
  padding: 1.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title.mdc-dialog__title {
  margin: 0;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title span {
  color: black !important;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  overflow-x: hidden !important;
  overflow-y: auto;
  color: var(--color-sys-text-strong) !important;
  height: 100%;
  max-height: 65vh;
  padding-inline: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 2.5rem;
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem;
  border-top: var(--border-width-30) solid var(--color-comp-divider-tertiary-subtle);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-close-icon {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
  z-index: 2;
  color: var(--color-sys-icon-moderate);
}
out-attachment-filter-dialog .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
attachment-category-selector .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
out-category-detail-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
app-attachment-category-grid .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
attachment .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
out-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
.mfe-notes-container .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
out-category-card-view .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow,
out-add-note .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-eyebrow {
  position: relative;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2rem 1.5rem 0;
}
out-attachment-filter-dialog .question__body,
attachment-category-selector .question__body,
out-category-detail-view .question__body,
app-attachment-category-grid .question__body,
attachment .question__body,
out-notes-container .question__body,
.mfe-notes-container .question__body,
out-category-card-view .question__body,
out-add-note .question__body {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .question .optional-text,
attachment-category-selector .question .optional-text,
out-category-detail-view .question .optional-text,
app-attachment-category-grid .question .optional-text,
attachment .question .optional-text,
out-notes-container .question .optional-text,
.mfe-notes-container .question .optional-text,
out-category-card-view .question .optional-text,
out-add-note .question .optional-text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .search-box,
attachment-category-selector .search-box,
out-category-detail-view .search-box,
app-attachment-category-grid .search-box,
attachment .search-box,
out-notes-container .search-box,
.mfe-notes-container .search-box,
out-category-card-view .search-box,
out-add-note .search-box {
  min-width: 20rem;
  width: 100%;
}
out-attachment-filter-dialog .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
attachment-category-selector .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
out-category-detail-view .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
app-attachment-category-grid .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
attachment .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
out-notes-container .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
.mfe-notes-container .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
out-category-card-view .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper,
out-add-note .search-box.mat-form-field-appearance-outline:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .search-box .mat-mdc-text-field-wrapper,
attachment-category-selector .search-box .mat-mdc-text-field-wrapper,
out-category-detail-view .search-box .mat-mdc-text-field-wrapper,
app-attachment-category-grid .search-box .mat-mdc-text-field-wrapper,
attachment .search-box .mat-mdc-text-field-wrapper,
out-notes-container .search-box .mat-mdc-text-field-wrapper,
.mfe-notes-container .search-box .mat-mdc-text-field-wrapper,
out-category-card-view .search-box .mat-mdc-text-field-wrapper,
out-add-note .search-box .mat-mdc-text-field-wrapper {
  height: 3rem;
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
}
out-attachment-filter-dialog .search-box__close-icon, out-attachment-filter-dialog .search-box .icon-wrapper,
attachment-category-selector .search-box__close-icon,
attachment-category-selector .search-box .icon-wrapper,
out-category-detail-view .search-box__close-icon,
out-category-detail-view .search-box .icon-wrapper,
app-attachment-category-grid .search-box__close-icon,
app-attachment-category-grid .search-box .icon-wrapper,
attachment .search-box__close-icon,
attachment .search-box .icon-wrapper,
out-notes-container .search-box__close-icon,
out-notes-container .search-box .icon-wrapper,
.mfe-notes-container .search-box__close-icon,
.mfe-notes-container .search-box .icon-wrapper,
out-category-card-view .search-box__close-icon,
out-category-card-view .search-box .icon-wrapper,
out-add-note .search-box__close-icon,
out-add-note .search-box .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  margin-right: 1rem;
}
out-attachment-filter-dialog .search-box .icon-wrapper,
attachment-category-selector .search-box .icon-wrapper,
out-category-detail-view .search-box .icon-wrapper,
app-attachment-category-grid .search-box .icon-wrapper,
attachment .search-box .icon-wrapper,
out-notes-container .search-box .icon-wrapper,
.mfe-notes-container .search-box .icon-wrapper,
out-category-card-view .search-box .icon-wrapper,
out-add-note .search-box .icon-wrapper {
  width: 1.5rem;
  margin-left: 0.25rem;
  cursor: pointer;
}
out-attachment-filter-dialog .search-box__search-icon,
attachment-category-selector .search-box__search-icon,
out-category-detail-view .search-box__search-icon,
app-attachment-category-grid .search-box__search-icon,
attachment .search-box__search-icon,
out-notes-container .search-box__search-icon,
.mfe-notes-container .search-box__search-icon,
out-category-card-view .search-box__search-icon,
out-add-note .search-box__search-icon {
  background-image: url('search.a28669aaede88232.svg');
  background-repeat: no-repeat;
  height: 1.1rem;
  width: 1.2rem;
}
out-attachment-filter-dialog .search-box__close-icon,
attachment-category-selector .search-box__close-icon,
out-category-detail-view .search-box__close-icon,
app-attachment-category-grid .search-box__close-icon,
attachment .search-box__close-icon,
out-notes-container .search-box__close-icon,
.mfe-notes-container .search-box__close-icon,
out-category-card-view .search-box__close-icon,
out-add-note .search-box__close-icon {
  color: var(--color-sys-icon-moderate);
  cursor: pointer;
  z-index: 10;
  margin-right: 0.5rem;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" -25, "opsz" 20;
  font-size: 1.25rem;
  visibility: visible;
}
out-attachment-filter-dialog .search-box .not-expandable,
attachment-category-selector .search-box .not-expandable,
out-category-detail-view .search-box .not-expandable,
app-attachment-category-grid .search-box .not-expandable,
attachment .search-box .not-expandable,
out-notes-container .search-box .not-expandable,
.mfe-notes-container .search-box .not-expandable,
out-category-card-view .search-box .not-expandable,
out-add-note .search-box .not-expandable {
  pointer-events: none;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
attachment-category-selector .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
out-category-detail-view .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
attachment .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
out-notes-container .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
out-category-card-view .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon,
out-add-note .mat-form-field-appearance-outline.search-box.mat-focused .search-box__close-icon {
  visibility: visible;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
attachment-category-selector .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
out-category-detail-view .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
attachment .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
out-notes-container .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
.mfe-notes-container .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
out-category-card-view .mat-form-field-appearance-outline.search-box.mat-focused input[matinput],
out-add-note .mat-form-field-appearance-outline.search-box.mat-focused input[matinput] {
  color: var(--color-sys-text-accent-secondary-moderate) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
attachment-category-selector .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
out-category-detail-view .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
attachment .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
out-notes-container .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
.mfe-notes-container .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
out-category-card-view .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix,
out-add-note .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
attachment-category-selector .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
out-category-detail-view .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
attachment .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
out-notes-container .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
.mfe-notes-container .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
out-category-card-view .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder,
out-add-note .mat-form-field-appearance-outline.search-box .mat-mdc-form-field-infix ::placeholder {
  color: var(--color-sys-text-accent-secondary-moderate) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled,
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled,
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled,
attachment .mat-form-field-appearance-outline.search-box.disabled,
out-notes-container .mat-form-field-appearance-outline.search-box.disabled,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled,
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled,
out-add-note .mat-form-field-appearance-outline.search-box.disabled {
  background-color: var(--color-comp-form-bg-default);
  pointer-events: none;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
attachment .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
out-notes-container .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper,
out-add-note .mat-form-field-appearance-outline.search-box.disabled:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
attachment .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
out-notes-container .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon,
out-add-note .mat-form-field-appearance-outline.search-box.disabled .search-box__close-icon {
  visibility: visible !important;
  color: var(--color-sys-icon-disabled);
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
attachment .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
out-notes-container .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon,
out-add-note .mat-form-field-appearance-outline.search-box.disabled .search-box__search-icon {
  opacity: 0.6;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled input[matinput],
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled input[matinput],
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled input[matinput],
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled input[matinput],
attachment .mat-form-field-appearance-outline.search-box.disabled input[matinput],
out-notes-container .mat-form-field-appearance-outline.search-box.disabled input[matinput],
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled input[matinput],
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled input[matinput],
out-add-note .mat-form-field-appearance-outline.search-box.disabled input[matinput] {
  color: var(--color-sys-text-disabled) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
attachment-category-selector .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
out-category-detail-view .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
attachment .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
out-notes-container .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
out-category-card-view .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder,
out-add-note .mat-form-field-appearance-outline.search-box.disabled input[matinput]::placeholder {
  color: var(--color-sys-text-disabled) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
attachment-category-selector .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
out-category-detail-view .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
attachment .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
out-notes-container .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
out-category-card-view .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid,
out-add-note .mat-form-field-appearance-outline.search-box.required.mat-form-field-invalid .mdc-text-field--invalid {
  border: var(--border-width-30) solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
attachment-category-selector .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
out-category-detail-view .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
attachment .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
out-notes-container .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
.mfe-notes-container .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
out-category-card-view .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper,
out-add-note .mat-form-field-appearance-outline.search-box.required:hover .mat-mdc-text-field-wrapper {
  border: var(--border-width-30) solid var(--color-comp-form-border-active) !important;
}
out-attachment-filter-dialog .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
attachment-category-selector .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
out-category-detail-view .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
app-attachment-category-grid .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
attachment .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
out-notes-container .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
.mfe-notes-container .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
out-category-card-view .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input,
out-add-note .mat-form-field-appearance-outline.search-box .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  caret-color: var(--color-sys-text-accent-secondary-moderate) !important;
}
out-attachment-filter-dialog out-search-box.right-align,
attachment-category-selector out-search-box.right-align,
out-category-detail-view out-search-box.right-align,
app-attachment-category-grid out-search-box.right-align,
attachment out-search-box.right-align,
out-notes-container out-search-box.right-align,
.mfe-notes-container out-search-box.right-align,
out-category-card-view out-search-box.right-align,
out-add-note out-search-box.right-align {
  display: flex;
  justify-content: end;
}
out-attachment-filter-dialog ::-webkit-scrollbar,
attachment-category-selector ::-webkit-scrollbar,
out-category-detail-view ::-webkit-scrollbar,
app-attachment-category-grid ::-webkit-scrollbar,
attachment ::-webkit-scrollbar,
out-notes-container ::-webkit-scrollbar,
.mfe-notes-container ::-webkit-scrollbar,
out-category-card-view ::-webkit-scrollbar,
out-add-note ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
out-attachment-filter-dialog ::-webkit-scrollbar-track,
attachment-category-selector ::-webkit-scrollbar-track,
out-category-detail-view ::-webkit-scrollbar-track,
app-attachment-category-grid ::-webkit-scrollbar-track,
attachment ::-webkit-scrollbar-track,
out-notes-container ::-webkit-scrollbar-track,
.mfe-notes-container ::-webkit-scrollbar-track,
out-category-card-view ::-webkit-scrollbar-track,
out-add-note ::-webkit-scrollbar-track {
  background: unset;
}
out-attachment-filter-dialog ::-webkit-scrollbar-thumb,
attachment-category-selector ::-webkit-scrollbar-thumb,
out-category-detail-view ::-webkit-scrollbar-thumb,
app-attachment-category-grid ::-webkit-scrollbar-thumb,
attachment ::-webkit-scrollbar-thumb,
out-notes-container ::-webkit-scrollbar-thumb,
.mfe-notes-container ::-webkit-scrollbar-thumb,
out-category-card-view ::-webkit-scrollbar-thumb,
out-add-note ::-webkit-scrollbar-thumb {
  border: 4px solid var(--color-sys-transparent);
  background-clip: padding-box;
  background-color: var(--color-comp-scrollbar-fg-default);
  border-radius: 100px;
}
out-attachment-filter-dialog out-layout .page-main-section,
attachment-category-selector out-layout .page-main-section,
out-category-detail-view out-layout .page-main-section,
app-attachment-category-grid out-layout .page-main-section,
attachment out-layout .page-main-section,
out-notes-container out-layout .page-main-section,
.mfe-notes-container out-layout .page-main-section,
out-category-card-view out-layout .page-main-section,
out-add-note out-layout .page-main-section {
  align-items: flex-start;
}
out-attachment-filter-dialog out-layout .page-body,
attachment-category-selector out-layout .page-body,
out-category-detail-view out-layout .page-body,
app-attachment-category-grid out-layout .page-body,
attachment out-layout .page-body,
out-notes-container out-layout .page-body,
.mfe-notes-container out-layout .page-body,
out-category-card-view out-layout .page-body,
out-add-note out-layout .page-body {
  max-width: 100% !important;
}
out-attachment-filter-dialog out-layout .out-footer,
attachment-category-selector out-layout .out-footer,
out-category-detail-view out-layout .out-footer,
app-attachment-category-grid out-layout .out-footer,
attachment out-layout .out-footer,
out-notes-container out-layout .out-footer,
.mfe-notes-container out-layout .out-footer,
out-category-card-view out-layout .out-footer,
out-add-note out-layout .out-footer {
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
out-attachment-filter-dialog out-layout.edit-page .page-body,
attachment-category-selector out-layout.edit-page .page-body,
out-category-detail-view out-layout.edit-page .page-body,
app-attachment-category-grid out-layout.edit-page .page-body,
attachment out-layout.edit-page .page-body,
out-notes-container out-layout.edit-page .page-body,
.mfe-notes-container out-layout.edit-page .page-body,
out-category-card-view out-layout.edit-page .page-body,
out-add-note out-layout.edit-page .page-body {
  max-width: 100% !important;
  padding-inline: var(--spacing-inset-100) !important;
}
out-attachment-filter-dialog out-layout.edit-page .mfe-layout .page-body,
attachment-category-selector out-layout.edit-page .mfe-layout .page-body,
out-category-detail-view out-layout.edit-page .mfe-layout .page-body,
app-attachment-category-grid out-layout.edit-page .mfe-layout .page-body,
attachment out-layout.edit-page .mfe-layout .page-body,
out-notes-container out-layout.edit-page .mfe-layout .page-body,
.mfe-notes-container out-layout.edit-page .mfe-layout .page-body,
out-category-card-view out-layout.edit-page .mfe-layout .page-body,
out-add-note out-layout.edit-page .mfe-layout .page-body {
  max-width: 100% !important;
  padding-inline: 0.75rem !important;
}
out-attachment-filter-dialog main,
attachment-category-selector main,
out-category-detail-view main,
app-attachment-category-grid main,
attachment main,
out-notes-container main,
.mfe-notes-container main,
out-category-card-view main,
out-add-note main {
  margin: initial;
}
out-attachment-filter-dialog [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
attachment-category-selector [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-category-detail-view [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
app-attachment-category-grid [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
attachment [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-notes-container [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
.mfe-notes-container [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-category-card-view [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow,
out-add-note [out-form-field].mat-form-field .mat-select-trigger .mat-select-arrow {
  display: none;
}
out-attachment-filter-dialog table,
attachment-category-selector table,
out-category-detail-view table,
app-attachment-category-grid table,
attachment table,
out-notes-container table,
.mfe-notes-container table,
out-category-card-view table,
out-add-note table {
  width: 98% !important;
}
out-attachment-filter-dialog table td,
out-attachment-filter-dialog table th,
attachment-category-selector table td,
attachment-category-selector table th,
out-category-detail-view table td,
out-category-detail-view table th,
app-attachment-category-grid table td,
app-attachment-category-grid table th,
attachment table td,
attachment table th,
out-notes-container table td,
out-notes-container table th,
.mfe-notes-container table td,
.mfe-notes-container table th,
out-category-card-view table td,
out-category-card-view table th,
out-add-note table td,
out-add-note table th {
  vertical-align: middle;
}
out-attachment-filter-dialog .page-container,
attachment-category-selector .page-container,
out-category-detail-view .page-container,
app-attachment-category-grid .page-container,
attachment .page-container,
out-notes-container .page-container,
.mfe-notes-container .page-container,
out-category-card-view .page-container,
out-add-note .page-container {
  width: 100%;
}

out-email-note .add-note-container {
  width: 100%;
}

out-mfe-notes-container out-layout.out-view-notes .page-body {
  max-width: 100% !important;
  padding-inline: 0.75rem !important;
}
out-mfe-notes-container out-layout.out-view-notes .page-body out-email-note .add-note-container {
  width: 100%;
}

attachment-category-selector .container,
attachment .container {
  height: calc(100vh - 65px) !important;
  display: block;
}

out-category-detail-view,
out-category-grid {
  height: 100vh !important;
  display: block;
}

out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
}
out-category-detail-view .mat-form-field-appearance-outline .mat-form-field-infix {
  top: 0;
  left: 0;
  padding: 10px 0;
}

.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  justify-content: center;
  align-items: center;
  background-color: #86bb39;
  color: white;
  height: 3.5rem;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title span,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title span,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title span,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title label,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title label,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title label,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title .mat-dialog-title-text,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title .mat-dialog-title-text,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title .mat-dialog-title-text,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title .mat-dialog-title-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: 0.012em;
  color: #515151;
  margin: 1.5rem 0 1rem 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title .dismiss-dialog-button,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title .dismiss-dialog-button,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title .dismiss-dialog-button,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title .dismiss-dialog-button {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 0;
  cursor: pointer;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7764 6.70711C19.167 6.31658 19.167 5.68342 18.7764 5.29289C18.3859 4.90237 17.7528 4.90237 17.3622 5.29289L18.7764 6.70711ZM5.36223 17.2929C4.9717 17.6834 4.9717 18.3166 5.36223 18.7071C5.75275 19.0976 6.38592 19.0976 6.77644 18.7071L5.36223 17.2929ZM6.77644 5.29289C6.38592 4.90237 5.75275 4.90237 5.36223 5.29289C4.9717 5.68342 4.9717 6.31658 5.36223 6.70711L6.77644 5.29289ZM17.3622 18.7071C17.7528 19.0976 18.3859 19.0976 18.7764 18.7071C19.167 18.3166 19.167 17.6834 18.7764 17.2929L17.3622 18.7071ZM17.3622 5.29289L5.36223 17.2929L6.77644 18.7071L18.7764 6.70711L17.3622 5.29289ZM5.36223 6.70711L17.3622 18.7071L18.7764 17.2929L6.77644 5.29289L5.36223 6.70711Z' fill='%23515151'/%3E%3C/svg%3E%0A");
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content {
  display: block;
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: unset;
  padding: 24px;
  width: unset;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content .form-container > div,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content .form-container > div,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content .form-container > div,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content .form-container > div {
  padding-bottom: 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table {
  width: 100%;
  margin: 20px 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table td,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table td,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table td,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table td {
  vertical-align: middle;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0.25em 0 !important;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .icon__chev-down,
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-select-arrow-wrapper,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .icon__chev-down,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-select-arrow-wrapper,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .icon__chev-down,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-select-arrow-wrapper,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .icon__chev-down,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper .mat-select-arrow-wrapper {
  display: none;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table label,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table label,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table label,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table label {
  margin: 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content mat-form-field,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content mat-form-field,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content mat-form-field,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content mat-form-field {
  width: 100%;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content label,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content label,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content label,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content label {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix {
  left: 0;
  top: 0;
  padding: 12px 0;
}
.out-message-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-actions,
.out-message-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-actions,
.out-message-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-actions,
.out-message-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-actions {
  padding: 7px !important;
  justify-content: center !important;
}

out-mfe-notes-container .mat-form-field-outline,
out-notes-container .mat-form-field-outline,
.mfe-notes-container .mat-form-field-outline,
out-add-note .mat-form-field-outline {
  display: none !important;
}
out-mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-flex,
out-notes-container .mat-form-field-appearance-outline .mat-form-field-flex,
.mfe-notes-container .mat-form-field-appearance-outline .mat-form-field-flex,
out-add-note .mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 !important;
}

.category-selection-container .icon__chev-down,
.category-selection-container .mat-form-field-outline {
  display: none !important;
}

.latest-notes remote-out-notes-page {
  height: calc(100% + 12px);
  min-height: calc(100% + 12px);
  position: relative;
  display: block;
  box-sizing: border-box;
}
.latest-notes remote-out-notes-page .not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.latest-notes remote-out-notes-page .loader {
  min-height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-notes remote-out-notes-page .notes-page {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.latest-notes remote-out-notes-page .notes-page__header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 48px;
  min-height: 48px;
}
.latest-notes remote-out-notes-page .notes-page__header-section--buttons {
  display: flex;
  gap: 0.75rem;
}
.latest-notes remote-out-notes-page .notes-page__header-section--text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  font-weight: 700;
}
.latest-notes remote-out-notes-page .notes-page__header-section .notes-header-section__filter {
  display: flex;
  gap: 12px;
  align-items: center;
}
.latest-notes remote-out-notes-page .notes-page__note-section {
  width: 100%;
  min-width: 100%;
  height: calc(100% - 72px);
  border: 1px solid #e2e2e2;
  display: flex;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.latest-notes remote-out-notes-page .notes-page__note-section--scroll {
  height: 100%;
  width: 100%;
  min-width: 100%;
  padding: 0.75rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups stratos-notes-grouped-by-day {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__heading {
  padding: 0 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #ededed;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  min-width: 150px;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-time {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  font-weight: 400;
  padding: 4px 8px;
  background: #e2e2e2;
  border-radius: 0.25rem;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-time strong {
  font-weight: 450;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--metadata, .latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-date, .latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-by {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  font-weight: 400;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__section {
  flex-grow: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__section--category-heading {
  margin-bottom: 12px;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card.deleted-note {
  background: #ffe7e2;
  border: 1px solid #ffdad2;
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card.deleted-note .note-card .notes-item__header--created-time {
  background: #ffdad2;
}
.latest-notes remote-out-notes-page .notes-page {
  padding-left: 0;
}
.latest-notes remote-out-notes-page .notes-page .notes-page__header-section--buttons div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--secondary-700);
  gap: 12px;
  padding: 0 0 0 24px;
}
.latest-notes remote-out-notes-page .notes-page .notes-page__note-section {
  padding: 8px 8px 8px 0;
}

.all-notes remote-out-notes-page {
  height: calc(100vh - 80px);
  min-height: calc(100vh - 80px);
  position: relative;
  display: block;
  box-sizing: border-box;
}
.all-notes remote-out-notes-page .not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.all-notes remote-out-notes-page .loader {
  min-height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.all-notes remote-out-notes-page .notes-page {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.all-notes remote-out-notes-page .notes-page__header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 48px;
  min-height: 48px;
}
.all-notes remote-out-notes-page .notes-page__header-section--buttons {
  display: flex;
  gap: 0.75rem;
}
.all-notes remote-out-notes-page .notes-page__header-section--text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  font-weight: 700;
}
.all-notes remote-out-notes-page .notes-page__header-section .notes-header-section__filter {
  display: flex;
  gap: 12px;
  align-items: center;
}
.all-notes remote-out-notes-page .notes-page__note-section {
  width: 100%;
  min-width: 100%;
  height: calc(100% - 72px);
  border: 1px solid #e2e2e2;
  display: flex;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.all-notes remote-out-notes-page .notes-page__note-section--scroll {
  height: 100%;
  width: 100%;
  min-width: 100%;
  padding: 0.75rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups stratos-notes-grouped-by-day {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__heading {
  padding: 0 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #ededed;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  min-width: 150px;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-time {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  font-weight: 400;
  padding: 4px 8px;
  background: #e2e2e2;
  border-radius: 0.25rem;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-time strong {
  font-weight: 450;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--metadata, .all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-date, .all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__header--created-by {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  font-weight: 400;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__section {
  flex-grow: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card .note-card .notes-item__section--category-heading {
  margin-bottom: 12px;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card.deleted-note {
  background: #ffe7e2;
  border: 1px solid #ffdad2;
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card.deleted-note .note-card .notes-item__header--created-time {
  background: #ffdad2;
}
.all-notes .notes-item__header {
  display: flex;
  flex-direction: row !important;
  min-width: 250px !important;
  overflow: hidden;
}
.all-notes .notes-item__header--created-time {
  min-width: 40px !important;
  text-align: center;
}

.mat-mdc-dialog-container .add-note-dialog .add-note__form,
.mat-dialog-container .add-note-dialog .add-note__form {
  padding: 24px 24px 12px;
  border-bottom: 1px solid #e2e2e2;
  max-height: 80vh;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__heading--text,
.mat-dialog-container .add-note-dialog .add-note__heading--text {
  padding-top: 0;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question,
.mat-dialog-container .add-note-dialog .add-note__question {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question out-category-selector,
.mat-dialog-container .add-note-dialog .add-note__question out-category-selector {
  flex-grow: 1;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question out-category-selector .category-selection-container,
.mat-dialog-container .add-note-dialog .add-note__question out-category-selector .category-selection-container {
  width: 100%;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question .metadata-form-area,
.mat-dialog-container .add-note-dialog .add-note__question .metadata-form-area {
  width: 100%;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question .line-break, .mat-mdc-dialog-container .add-note-dialog .add-note__question br,
.mat-dialog-container .add-note-dialog .add-note__question .line-break,
.mat-dialog-container .add-note-dialog .add-note__question br {
  width: 0;
  min-width: 0;
  display: inline-block;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question mat-button-toggle-group,
.mat-dialog-container .add-note-dialog .add-note__question mat-button-toggle-group {
  align-items: center;
  gap: 12px;
  margin: 0;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question--note,
.mat-mdc-dialog-container .add-note-dialog .add-note__question out-email-form,
.mat-dialog-container .add-note-dialog .add-note__question--note,
.mat-dialog-container .add-note-dialog .add-note__question out-email-form {
  min-width: 100%;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__question .mat-mdc-form-field-error,
.mat-dialog-container .add-note-dialog .add-note__question .mat-mdc-form-field-error {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__buttons,
.mat-dialog-container .add-note-dialog .add-note__buttons {
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__buttons .mdc-button,
.mat-dialog-container .add-note-dialog .add-note__buttons .mdc-button {
  flex-grow: initial;
  min-width: 120px;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__button-toggle-note-action,
.mat-dialog-container .add-note-dialog .add-note__button-toggle-note-action {
  border-radius: 0.75rem;
  border: 2px solid #83bb3b;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  color: #541d63;
  height: 40px;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__button-toggle-note-action .mat-button-toggle-label-content,
.mat-dialog-container .add-note-dialog .add-note__button-toggle-note-action .mat-button-toggle-label-content {
  padding: 2px 24px !important;
}
.mat-mdc-dialog-container .add-note-dialog .add-note__button-toggle-note-action.checked,
.mat-dialog-container .add-note-dialog .add-note__button-toggle-note-action.checked {
  background: linear-gradient(180deg, #93cd3f 31.77%, #72bf44 73.96%);
  border: none;
  padding: 2px;
  color: #541d63;
}
.mat-mdc-dialog-container template-form mat-form-field,
.mat-dialog-container template-form mat-form-field {
  width: unset !important;
}
.mat-mdc-dialog-container template-form ul,
.mat-dialog-container template-form ul {
  margin: 24px 0 24px 24px;
}

.confirm-note-dialog {
  padding: 24px;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.confirm-note-dialog__content {
  text-align: center;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.confirm-note-dialog__content--heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 450;
  line-height: 2rem;
  letter-spacing: 0.012em;
}
.confirm-note-dialog__content--description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.confirm-note-dialog__buttons {
  display: flex;
  gap: 24px;
  justify-content: center;
}

.mat-mdc-dialog-container .email-note-dialog .add-note-container,
.mat-dialog-container .email-note-dialog .add-note-container {
  width: 100%;
  box-sizing: border-box;
}
.mat-mdc-dialog-container .email-note-dialog .add-note-container .notes-item__header .created-date,
.mat-mdc-dialog-container .email-note-dialog .add-note-container .notes-item__header .created-by,
.mat-dialog-container .email-note-dialog .add-note-container .notes-item__header .created-date,
.mat-dialog-container .email-note-dialog .add-note-container .notes-item__header .created-by {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.mat-mdc-dialog-container .email-note-dialog .add-note-container .notes-item__section,
.mat-dialog-container .email-note-dialog .add-note-container .notes-item__section {
  flex-grow: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  font-weight: 350;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__form,
.mat-dialog-container .email-note-dialog .add-note__form {
  padding: 24px 24px 12px;
  border-bottom: 1px solid #e2e2e2;
  max-height: 80vh;
  overflow-y: auto;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__heading--text,
.mat-dialog-container .email-note-dialog .add-note__heading--text {
  padding-top: 0;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question,
.mat-dialog-container .email-note-dialog .add-note__question {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question out-category-selector,
.mat-dialog-container .email-note-dialog .add-note__question out-category-selector {
  flex-grow: 1;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question out-category-selector .category-selection-container,
.mat-dialog-container .email-note-dialog .add-note__question out-category-selector .category-selection-container {
  width: 100%;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question .line-break, .mat-mdc-dialog-container .email-note-dialog .add-note__question br,
.mat-dialog-container .email-note-dialog .add-note__question .line-break,
.mat-dialog-container .email-note-dialog .add-note__question br {
  width: 0;
  min-width: 0;
  display: inline-block;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question mat-button-toggle-group,
.mat-dialog-container .email-note-dialog .add-note__question mat-button-toggle-group {
  align-items: center;
  gap: 12px;
  margin: 0;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question--note,
.mat-mdc-dialog-container .email-note-dialog .add-note__question out-email-form,
.mat-dialog-container .email-note-dialog .add-note__question--note,
.mat-dialog-container .email-note-dialog .add-note__question out-email-form {
  min-width: 100%;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__question .mat-mdc-form-field-error,
.mat-dialog-container .email-note-dialog .add-note__question .mat-mdc-form-field-error {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__buttons,
.mat-dialog-container .email-note-dialog .add-note__buttons {
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__buttons .mdc-button,
.mat-dialog-container .email-note-dialog .add-note__buttons .mdc-button {
  flex-grow: initial;
  min-width: 120px;
  margin: 0;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__button-toggle-note-action,
.mat-dialog-container .email-note-dialog .add-note__button-toggle-note-action {
  border-radius: 0.75rem;
  border: 2px solid #83bb3b;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  color: #541d63;
  height: 40px;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__button-toggle-note-action .mat-button-toggle-label-content,
.mat-dialog-container .email-note-dialog .add-note__button-toggle-note-action .mat-button-toggle-label-content {
  padding: 2px 24px !important;
}
.mat-mdc-dialog-container .email-note-dialog .add-note__button-toggle-note-action.checked,
.mat-dialog-container .email-note-dialog .add-note__button-toggle-note-action.checked {
  background: linear-gradient(180deg, #93cd3f 31.77%, #72bf44 73.96%);
  border: none;
  padding: 2px;
  color: #541d63;
}
.mat-mdc-dialog-container template-form mat-form-field,
.mat-dialog-container template-form mat-form-field {
  width: unset !important;
}
.mat-mdc-dialog-container template-form ul,
.mat-dialog-container template-form ul {
  margin: 24px 0 24px 24px;
}

out-category-card-view {
  height: calc(100vh - 65px) !important;
  display: block;
}
out-category-card-view .grid-container__metadata-category--heading .mat-mdc-icon-button .mat-icon {
  fill: #fff;
}
out-category-card-view .grid-container__metadata-category--heading .mat-mdc-icon-button .mat-icon:before {
  color: #fff;
}
out-category-card-view .grid-container__metadata-category--heading .mat-mdc-icon-button .mat-mdc-button-ripple {
  display: none !important;
}
out-category-card-view .grid-container {
  padding: 24px;
}
out-category-card-view .grid-container__metadata-category {
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 0.5rem;
  border: 1px solid #e2e2e2;
}
out-category-card-view .grid-container__metadata-category:last-child {
  margin-bottom: 0;
}
out-category-card-view .grid-container__metadata-category--heading {
  background: #86bb39;
  padding: 12px 24px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
}
out-category-card-view .grid-container__metadata-category--content {
  padding: 24px;
}
out-category-card-view .grid-container__category {
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 0.5rem;
  border: 1px solid #e2e2e2;
  width: 100%;
}
out-category-card-view .grid-container__category:last-child {
  margin-bottom: 0;
}
out-category-card-view .grid-container__category--heading {
  background: #e2e2e2;
  padding: 6px 12px 6px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
out-category-card-view .grid-container__category--content {
  padding: 24px;
}
out-category-card-view .grid-container__category--content a {
  color: #431e4c;
  text-decoration: underline;
  cursor: pointer;
}
out-category-card-view .grid-container__heading {
  font-size: 24px;
  font-weight: 600;
  margin: 24px 0 12px 24px;
}
out-category-card-view .grid-container__heading:first-child {
  margin-top: 0;
}
out-category-card-view .grid-container__grid--heading {
  padding: 24px 12px 12px;
}
out-category-card-view .grid-container__grid--heading:first-child {
  padding-top: 0;
}
out-category-card-view .grid-container__grid--content {
  display: grid;
  grid-gap: 24px;
  box-sizing: border-box;
}
out-category-card-view .grid-container__grid--content.three-column {
  grid-template: repeat(1, 1fr)/repeat(3, 1fr);
  width: 100%;
}
out-category-card-view .grid-container__grid--content.two-column {
  grid-template-columns: 1fr 1fr;
}
out-category-card-view .grid-container__grid--content.one-column {
  grid-template-columns: 1fr;
}
out-category-card-view .grid-container__grid--content .item {
  display: inline-block;
  border-radius: 12px;
  padding: 12px;
  background: #ededed;
}
out-category-card-view .grid-container__grid--content .item .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

out-media .media-container {
  background-image: url('unknown.cc9c5452422ff1bb.svg');
  background-size: 42px 42px !important;
}
out-media .media-container.pdf {
  background-image: url('pdf.3bff094c1615c86f.svg');
}
out-media .media-container.doc {
  background-image: url('doc.378b3647c346abe6.svg');
}
out-media .media-container.docx {
  background-image: url('docx.dec3aa6ece3366de.svg');
}
out-media .media-container.xls {
  background-image: url('xls.c755cb95c86768a5.svg');
}
out-media .media-container.xlsx {
  background-image: url('xlsx.8e6ce963eef08a1e.svg');
}

out-attachment-card {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}
out-attachment-card .mat-mdc-checkbox {
  height: auto !important;
  padding: 0 9px;
}
out-attachment-card .mat-mdc-checkbox .mdc-checkbox {
  width: 6px !important;
}

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow {
  display: none;
}

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-form-field-infix .icon__chev-down:before {
  display: block;
  margin: 12px 0 0 0;
}

:root .out-theme .mat-mdc-raised-button {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #93cd3f !important;
  box-shadow: none !important;
  border: 2px solid #93cd3f !important;
  color: #173d2c !important;
}
:root .out-theme .mat-mdc-raised-button .mat-icon svg path {
  stroke: #173d2c !important;
}
:root .out-theme .mat-mdc-raised-button:hover {
  background: #a9d765 !important;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3) !important;
  border-color: #a9d765 !important;
  color: #173d2c !important;
}
:root .out-theme .mat-mdc-raised-button:hover .mat-icon svg path {
  stroke: #173d2c !important;
}
:root .out-theme .mat-mdc-raised-button:focus {
  background: #a9d765;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #a9d765;
  color: #173d2c;
}
:root .out-theme .mat-mdc-raised-button:focus .mat-icon svg path {
  stroke: #173d2c;
}
:root .out-theme .mat-mdc-raised-button:active {
  background: #93cd3f;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.2), 0px 8px 4px -12px rgba(82, 188, 88, 0.3), 0px 10px 8px -12px rgba(82, 188, 88, 0.5), 0px 12px 12px -12px rgba(82, 188, 88, 0.5);
  border-color: #93cd3f;
  color: #173d2c;
}
:root .out-theme .mat-mdc-raised-button:active .mat-icon svg path {
  stroke: #173d2c;
}
:root .out-theme .mat-mdc-raised-button:disabled, :root .out-theme .mat-mdc-raised-button[disabled] {
  background: #e2e2e2 !important;
  box-shadow: none !important;
  border-color: #e2e2e2 !important;
  color: #ffffff !important;
}
:root .out-theme .mat-mdc-raised-button:disabled .mat-icon svg path, :root .out-theme .mat-mdc-raised-button[disabled] .mat-icon svg path {
  stroke: #ffffff !important;
}
:root .out-theme .mat-mdc-outlined-button {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem;
  background: #ffffff !important;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3) !important;
  border: 2px solid #72d371 !important;
  color: #173d2c !important;
}
:root .out-theme .mat-mdc-outlined-button .mat-icon svg path {
  stroke: #173d2c !important;
}
:root .out-theme .mat-mdc-outlined-button:hover {
  background: #e7f7e6 !important;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3) !important;
  border-color: #52bc58 !important;
  color: #173d2c !important;
}
:root .out-theme .mat-mdc-outlined-button:hover .mat-icon svg path {
  stroke: #173d2c !important;
}
:root .out-theme .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.2);
}
:root .out-theme .cdk-overlay-transparent-backdrop {
  background: rgba(0, 0, 0, 0);
  opacity: 0;
}

.page-content {
  margin: 1rem 1.5rem;
}

.money-cell {
  text-align: right !important;
}
.money-cell out-money-display {
  width: 100%;
  display: inline-block;
  text-align: right;
}

.data-table {
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
}
.data-table .mdc-data-table__cell, .data-table .mdc-data-table__header-cell {
  padding: 0 12px !important;
}
.data-table .mat-mdc-row,
.data-table .mat-mdc-header-row,
.data-table .mat-mdc-footer-row {
  height: 28px;
  line-height: 28px;
  font-weight: 350;
}
.data-table .mat-mdc-header-row {
  color: var(--secondary-700);
}
.data-table .mat-mdc-footer-row {
  border-top: 1px solid #000;
}
.data-table .mat-mdc-header-row {
  font-weight: 600;
}
.data-table a {
  text-decoration: underline;
  cursor: pointer;
}
.data-table .error {
  font-weight: 600;
  color: #b91c03;
}

.data-table .mdc-data-table__cell, .data-table .mdc-data-table__header-cell {
  line-height: normal !important;
  padding: 6px 12px !important;
}