/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./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/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/@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/icon?family=Material+Icons);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./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=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24..48,200..700,0..1,0);
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/icons/out-icons-v1.0/style.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
@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 */
  /* `monospace` is only a last-resort fallback for when the icon font fails to load — the glyphs are
     private-use codepoints, so nothing renders meaningfully either way. It is declared so the rule
     "font families should end with a generic family" holds (SonarQube css:S4649). */
  font-family: 'out-icons', monospace !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/@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) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

: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: #f9fcf2;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-50-transparent: #eaf8d6e4;
  --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: #6F3C87;
  --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: #f8e2de;
  --color-ref-red-25: #fec1b5;
  --color-ref-red-50: #fcaf9f;
  --color-ref-red-75: #f89c88;
  --color-ref-red-100: #f48971;
  --color-ref-red-200: #ef765b;
  --color-ref-red-300: #e86345;
  --color-ref-red-400: #e14e2e;
  --color-ref-red-500: #D83614;
  --color-ref-red-600: #c12e16;
  --color-ref-red-700: #aa2816;
  --color-ref-red-800: #942316;
  --color-ref-red-900: #7f1e15;
  --color-ref-red-925: #6a1913;
  --color-ref-red-950: #551510;
  --color-ref-red-975: #41110b;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-header-active-ripple-color: var(--color-ref-neutral-400);
  --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-10);
  --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);
}

.full-width {
  width: 100%;
}

.padding-bottom {
  padding-bottom: 1.5rem;
}

.padding-top {
  padding-top: 1.5rem;
}

.margin-bottom {
  margin-bottom: 1.5rem;
}

.margin-top {
  margin-top: 1.5rem;
}

.gap-s {
  gap: 0.5rem;
}

.gap {
  gap: 1.5rem;
}

.gap-l {
  gap: 3rem;
}

.flex {
  display: flex;
}

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

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

.page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-heading span:not(button span) {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: 0.012em;
}

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

/* 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 .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: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 2px 0;
}

: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, :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] span.material-symbols-outlined {
  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, :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] span.material-symbols-outlined {
  font-size: 20px;
  height: 20px;
  width: 20px;
}

:root .out-theme .mat-icon, :root .out-theme span.material-symbols-outlined {
  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;
  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;
}

: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, :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] span.material-symbols-outlined {
  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, :root .out-theme .mat-mdc-fab[size=large] span.material-symbols-outlined {
  position: absolute;
  font-size: 32px;
  height: 32px;
  width: 32px;
}

:root .out-theme .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none;
}

:root .out-theme out-loading-button .mat-mdc-button-base:not(.mat-mdc-icon-button, .mat-mdc-fab) {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 8rem !important;
}

:root .out-theme out-loading-button .mat-mdc-button-base.mat-mdc-icon-button, :root .out-theme out-loading-button .mat-mdc-button-base.mat-mdc-fab {
  min-width: 48px !important;
  min-height: 48px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

:root .out-theme out-loading-button .mat-mdc-button-base.mat-mdc-icon-button mat-progress-spinner, :root .out-theme out-loading-button .mat-mdc-button-base.mat-mdc-fab mat-progress-spinner {
  width: 24px !important;
  height: 24px !important;
}

: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 .shadow-datepicker-panel .mat-calendar-body-today {
  background-color: transparent !important;
  border: none !important;
  color: var(--color-sys-text-moderate) !important;
}

:root .out-theme {
  /* Chrome, Safari, Edge, Opera */
}

:root .out-theme input::-webkit-outer-spin-button,
:root .out-theme input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root .out-theme {
  /* Firefox */
}

: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 .mdc-text-field--outlined .mdc-notched-outline * {
  border-color: transparent !important;
  border-width: 0 !important;
}

: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-hint-wrapper {
  padding: 0 !important;
}

: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;
  min-height: 3.125rem;
  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 5px 0 0 !important;
  display: flex;
  align-items: center;
}

: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;
  align-items: center;
  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 .mat-mdc-select-min-line {
  color: var(--color-sys-text-disabled);
}

: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 {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  padding: 0 !important;
}

:root .out-theme .mat-form-field-appearance-outline #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;
}

: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-placeholder);
}

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value {
  width: 90%;
  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:not(.minute-picker).mat-mdc-select-disabled .mat-mdc-select-arrow-wrapper {
  visibility: hidden !important;
}

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper.mdc-text-field--no-label .mat-mdc-select:not(.minute-picker) .mat-mdc-select-arrow-wrapper {
  transform: translateY(-50%) !important;
}

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow-wrapper {
  visibility: hidden !important;
}

:root .out-theme .mat-form-field-appearance-outline .hour-picker:not(.no-header .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-mdc-option:focus.mdc-list-item, :root .out-theme .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  background-color: var(--color-comp-button-primary-faded-bg-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;
  width: calc(100% - 6px);
}

: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 .mat-form-field-appearance-outline.error-state .mat-mdc-text-field-wrapper {
  border-color: var(--color-comp-form-border-critical) !important;
}

: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% + 15px) !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: 1rem;
  margin-bottom: 0.6rem;
}

:root .out-theme .time-picker-component__divider:not(.no-header .time-picker-component__divider) {
  padding-top: 1.55rem !important;
}

: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:not(.no-header .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 {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-moderate) !important;
}

: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, :root .out-theme .mat-mdc-select-panel-above .mat-mdc-autocomplete-panel, :root .out-theme .mat-mdc-autocomplete-panel-above .mat-mdc-select-panel, :root .out-theme .mat-mdc-autocomplete-panel-above .mat-mdc-autocomplete-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 .cdk-overlay-pane .mat-mdc-autocomplete-panel.isolated-select-panel {
  top: 0 !important;
  border-radius: var(--border-radius-40) !important;
  border-width: var(--border-width-30) !important;
  width: 20vw !important;
  min-width: 15vw !important;
  max-width: 25vw !important;
}

: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, :root .out-theme .mat-mdc-checkbox[ng-reflect-indeterminate=true] ~ .mdc-checkbox__background,
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate .mdc-checkbox__background,
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .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, :root .out-theme .mat-mdc-checkbox[ng-reflect-indeterminate=true]:hover ~ .mdc-checkbox__background,
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate:hover .mdc-checkbox__background,
:root .out-theme .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate: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 {
  --mat-slide-toggle-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mat-slide-toggle-unselected-hover-handle-color: var(--color-sys-bg-tertiary-50);
  --mat-slide-toggle-unselected-track-color: var(--color-sys-bg-tertiary-50);
  --mat-slide-toggle-unselected-hover-track-color: var(--color-sys-interactive-bg-tertiary-60-default);
  --mat-slide-toggle-unselected-focus-track-color: var(--color-sys-interactive-bg-tertiary-60-hover);
  --mat-slide-toggle-unselected-pressed-track-color: var(--color-sys-interactive-bg-tertiary-60-focus);
}

: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 {
  --mat-slide-toggle-selected-track-color: var(--color-sys-interactive-bg-primary-50-default);
  --mat-slide-toggle-selected-hover-track-color: var(--color-sys-interactive-bg-primary-50-hover);
  --mat-slide-toggle-selected-focus-track-color: var(--color-sys-interactive-bg-primary-50-focus);
  --mat-slide-toggle-selected-pressed-track-color: var(--color-sys-illustration-primary-70);
}

: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 {
  --mat-slide-toggle-disabled-unselected-track-color: var(--color-sys-interactive-bg-disabled);
  --mat-slide-toggle-disabled-selected-track-color: var(--color-sys-interactive-bg-disabled);
  --mat-slide-toggle-disabled-pressed-track-color: var(--color-sys-bg-tertiary-50);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--color-sys-bg-tertiary-50);
  --mat-slide-toggle-disabled-selected-handle-color: var(--color-sys-bg-tertiary-50);
  --mat-slide-toggle-handle-surface-color: var(--color-sys-interactive-bg-min-default);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--color-sys-interactive-bg-min-default);
  --mat-slide-toggle-disabled-selected-handle-color: var(--color-sys-interactive-bg-min-default);
}

: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: 32.25rem;
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-title {
  padding: 1.5rem;
  padding-right: 4rem;
  padding-bottom: 1rem;
  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: var(--color-sys-text-strong) !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: 1.5rem;
  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: center;
  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-mdc-dialog-actions:has(.three-buttons) {
  justify-content: space-between;
}

: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-subheading, :root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-overline {
  position: relative;
  display: block;
  padding-inline: 1.5rem;
  color: var(--color-sys-text-strong);
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-subheading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.12em;
  padding-bottom: 1rem;
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-dialog-overline {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding-top: 4rem;
}

:root .out-theme out-confirmation-dialog markdown,
:root .out-theme out-dialog-prompt markdown {
  padding: 0 !important;
}

:root .out-theme .script-dialog markdown:has(h4:first-child:not(blockquote h4)) {
  margin-top: 2.5rem;
}

:root .out-theme .script-dialog:not(:has(p:not(blockquote p))) .megaphone-icon {
  display: none;
}

:root .out-theme .script-dialog p:not(blockquote p) {
  padding-left: 48px;
  padding-top: 0.3rem;
}

:root .out-theme .script-dialog ul:not(ul:first-child, blockquote ul) {
  padding-left: 6rem;
}

:root .out-theme .script-dialog blockquote, :root .out-theme .script-dialog .internal-advice {
  padding: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-inline: 0;
  border-radius: var(--border-radius-30);
  background-color: var(--color-sys-bg-neutral-30);
}

:root .out-theme .script-dialog blockquote h4, :root .out-theme .script-dialog .internal-advice h4 {
  font-weight: bold;
}

:root .out-theme .script-dialog blockquote__items, :root .out-theme .script-dialog blockquote ul, :root .out-theme .script-dialog blockquote ol, :root .out-theme .script-dialog .internal-advice__items, :root .out-theme .script-dialog .internal-advice ul, :root .out-theme .script-dialog .internal-advice ol {
  margin-left: 1.75rem;
}

:root .out-theme .scripting-content {
  display: flex;
  gap: 0.75rem;
}

:root .out-theme .scripting-content markdown {
  padding-top: 0.3rem;
}

:root .out-theme .scripting-content markdown p {
  margin-top: 0.2rem;
}

:root .out-theme .scripting-content markdown:has(p:only-child) {
  display: flex;
  align-items: center;
}

:root .out-theme .scripting-content .icon {
  font-size: 34px;
}

:root .out-theme out-autocomplete-chips-control .mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  flex-direction: column;
}

:root .out-theme out-autocomplete-chips-control .mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  max-height: unset !important;
}

:root .out-theme out-autocomplete-chips-control .mat-form-field-appearance-outline input {
  max-height: 36px !important;
}

:root .out-theme out-autocomplete-chips-control .mat-standard-chip {
  height: unset !important;
}

:root .out-theme .mat-mdc-chip {
  box-sizing: border-box;
  height: 2rem;
}

:root .out-theme .mat-mdc-chip[size=large] {
  height: 2.5rem;
}

:root .out-theme .mat-mdc-chip {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  border-radius: var(--border-radius-30);
  background-color: var(--color-sys-bg-default) !important;
}

:root .out-theme .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-focus-state-layer-opacity: 0;
  --mdc-chip-focus-state-layer-color: transarent;
}

:root .out-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark {
  color: var(--color-sys-icon-moderate);
  height: 1rem;
  width: 1rem;
  padding-left: 0.25rem;
}

:root .out-theme .mat-mdc-chip.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-path {
  stroke-width: 2.5px;
}

:root .out-theme .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}

:root .out-theme .mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple {
  display: none;
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-disabled {
  border: 2px solid var(--color-sys-interactive-border-disabled);
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-disabled .mdc-evolution-chip__text-label {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-mdc-chip:hover {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-hover);
}

:root .out-theme .mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {
  opacity: 0;
}

:root .out-theme .mat-mdc-chip:focus, :root .out-theme .mat-mdc-chip.cdk-focused {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-focus);
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected {
  border: none;
  background-color: var(--color-sys-interactive-bg-tertiary-30-default) !important;
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected.mat-mdc-chip-disabled {
  background-color: var(--color-sys-interactive-bg-disabled) !important;
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected.mat-mdc-chip-disabled .mdc-evolution-chip__text-label {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected.mat-mdc-chip-disabled .mdc-evolution-chip__checkmark {
  color: var(--color-sys-icon-disabled);
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected:hover {
  background-color: var(--color-sys-interactive-bg-tertiary-30-hover) !important;
}

:root .out-theme .mat-mdc-chip.mat-mdc-chip-selected:focus, :root .out-theme .mat-mdc-chip.mat-mdc-chip-selected.cdk-focused {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-focus);
}

:root .out-theme .mat-mdc-chip .material-symbols-outlined {
  font-size: 11px;
  width: 11px;
  height: 11px;
}

:root .out-theme .mat-mdc-chip-grid {
  width: 100%;
}

:root .out-theme .mdc-evolution-chip-set__chips {
  align-items: center;
}

:root .out-theme .mdc-evolution-chip-set__chips button {
  margin-left: 0.75rem;
}

:root .out-theme .mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic, :root .out-theme .mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__checkmark {
  padding-left: 0;
  padding-right: 0 !important;
  width: 0 !important;
}

:root .out-theme .mdc-evolution-chip__graphic, :root .out-theme .mdc-evolution-chip__checkmark {
  padding-right: 10px !important;
}

:root .out-theme .mdc-evolution-chip__graphic {
  width: 11px !important;
}

:root .out-theme .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
  display: none;
}

:root .out-theme .mat-mdc-form-field-error, :root .out-theme out-error-description .error-message {
  color: var(--color-sys-text-critical) !important;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
}

:root .out-theme .mat-mdc-table {
  --mat-table-row-item-outline-width: 0;
  background-color: var(--color-sys-bg-default);
  border-radius: var(--border-radius-30);
  border-collapse: separate;
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  overflow: hidden;
}

:root .out-theme .mat-mdc-table .mat-mdc-cell:not(:has(table)) {
  white-space: nowrap;
  border-bottom: 2px solid var(--color-sys-border-tertiary-30);
}

:root .out-theme .mat-mdc-table tr:last-child td {
  border-bottom: none;
}

:root .out-theme .mat-mdc-table.extended-table, :root .out-theme .mat-mdc-table:has(table) table {
  border: none;
  border-radius: 0;
}

:root .out-theme .mat-mdc-table.extended-table .mat-mdc-cell, :root .out-theme .mat-mdc-table:has(table) table .mat-mdc-cell {
  border-bottom: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
}

:root .out-theme .mat-mdc-table .mat-mdc-header-cell {
  background: var(--color-comp-button-primary-faded-bg-default);
  border-bottom: 2px solid var(--color-comp-button-primary-outline-border-focus);
}

:root .out-theme .mat-mdc-table .mat-mdc-footer-cell {
  border-top: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
}

:root .out-theme .mat-mdc-table .mat-tier-2-header {
  background: var(--color-sys-bg-neutral-20);
  border-bottom: 2px solid var(--color-sys-interactive-bg-tertiary-60-default);
  cursor: pointer;
}

:root .out-theme .mat-mdc-table .mat-tier-3-header {
  background: var(--color-sys-bg-neutral-10);
  border-bottom: 2px solid var(--color-sys-bg-tertiary-50);
}

:root .out-theme .mat-mdc-table .mat-tier-4-header {
  background: var(--color-sys-bg-default);
  border-bottom: 2px solid var(--color-sys-bg-tertiary-50);
}

:root .out-theme .mat-mdc-table .mat-error-cell, :root .out-theme .mat-mdc-table .risk-unsellable td, :root .out-theme .mat-mdc-table .invalid td {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  background: var(--color-sys-bg-critical-40);
  border-bottom: 2px solid var(--color-sys-interactive-border-critical-100);
  color: var(--color-sys-interactive-border-critical-100);
}

:root .out-theme .mat-mdc-table .mat-disable-cell {
  background: var(--color-sys-bg-neutral-30);
  border-bottom: 2px solid var(--color-sys-interactive-border-disabled);
  color: var(--color-sys-text-disabled);
  pointer-events: none;
}

:root .out-theme .mat-mdc-table .mat-mdc-header-row, :root .out-theme .mat-mdc-table .mat-tier-2-header, :root .out-theme .mat-mdc-table .mat-tier-3-header, :root .out-theme .mat-mdc-table .mat-tier-4-header {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: var(--color-ref-violet-925);
}

:root .out-theme .mat-mdc-table tr {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  height: 4.125rem;
  color: var(--color-sys-text-strong);
}

:root .out-theme .mat-mdc-table tr.collapsed-row {
  height: 0 !important;
}

:root .out-theme .mat-mdc-table tr.collapsed-row-cells {
  visibility: collapse;
}

:root .out-theme .mat-mdc-table tbody tr.mat-mdc-row:has(.mat-error-cell, .mat-disable-cell):last-child td {
  border-bottom: none;
}

:root .out-theme .mat-mdc-table th, :root .out-theme .mat-mdc-table td {
  vertical-align: middle;
  max-width: 30.75rem;
  padding-inline: 0.75rem;
}

:root .out-theme .mat-mdc-table th.set-min-width, :root .out-theme .mat-mdc-table td.set-min-width {
  min-width: 4.125rem;
}

:root .out-theme .mat-mdc-table td > div {
  display: flex;
  align-items: center;
}

:root .out-theme .mat-mdc-table td:has(.mat-mdc-table) {
  padding: 0 !important;
}

:root .out-theme .mat-mdc-table .mat-mdc-text-field-wrapper *:not(.mat-mdc-select-arrow, .mat-mdc-select-value), :root .out-theme .mat-mdc-table .mat-mdc-form-field-infix {
  height: 34px !important;
  padding: 0 !important;
  min-height: unset !important;
}

:root .out-theme .mat-mdc-table .mat-mdc-text-field-wrapper {
  display: flex;
  align-items: center;
}

:root .out-theme .mat-table-header {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: 0.012em;
  border-radius: var(--border-radius-50) !important;
  background-color: var(--color-sys-bg-default);
  min-height: 68px !important;
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  align-items: center;
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  box-sizing: border-box;
  padding-inline: 1rem;
  color: var(--color-ref-violet-925) !important;
}

:root .out-theme .mat-table-header:not(.collapsed) {
  border-bottom: none;
  border-radius: var(--border-radius-50) var(--border-radius-50) 0 0 !important;
}

:root .out-theme .mat-table-header.space-between {
  justify-content: space-between;
}

:root .out-theme .mat-table-header + .mat-mdc-table {
  border-radius: 0 0 var(--border-radius-50) var(--border-radius-50) !important;
  border-top: none !important;
}

:root .out-theme .mat-table-footer {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  border-radius: 0 0 var(--border-radius-50) var(--border-radius-50) !important;
  background-color: var(--color-sys-bg-default);
  min-height: 68px !important;
  gap: 0.5rem;
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-default);
  border-top: none;
  box-sizing: border-box;
  padding-inline: 1rem;
  color: var(--color-ref-violet-925) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

:root .out-theme .mat-table-footer.border {
  border-top: 2px solid var(--color-sys-interactive-border-tertiary-40-default) !important;
}

:root .out-theme .mat-mdc-table:has(+ .mat-table-footer) {
  border-end-end-radius: 0 !important;
  border-end-start-radius: 0 !important;
  border-bottom: none !important;
}

:root .out-theme .grid-panel {
  margin: 17px 0 25px 0;
  position: relative;
  width: 100%;
}

:root .out-theme .mdc-tab__text-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  letter-spacing: 0.035em;
}

:root .out-theme .mdc-tab .mat-ripple {
  display: none;
}

:root .out-theme .mdc-tab-indicator {
  display: none !important;
}

:root .out-theme .mdc-tab--active {
  border-bottom: 3px solid var(--color-sys-interactive-bg-secondary-100-default);
}

:root .out-theme .mdc-tab--active:focus .mdc-tab__text-label {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .mdc-tab--active .mdc-tab__text-label, :root .out-theme .mdc-tab--active mat-icon, :root .out-theme .mdc-tab--active .material-symbols-outlined, :root .out-theme .mdc-tab--active .material-symbols-rounded, :root .out-theme .mdc-tab--active .material-symbols-sharp, :root .out-theme .mdc-tab--active .icon {
  color: var(--color-sys-text-accent-secondary-strong);
  font-weight: 700;
  letter-spacing: 0.05em;
}

:root .out-theme .mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .mat-badge .mat-badge-content {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  background-color: var(--color-sys-bg-primary-50);
  color: var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme .mat-badge.mat-badge-accent .mat-badge-content {
  background-color: var(--color-sys-bg-tertiary-30);
}

:root .out-theme .mat-badge.mat-badge-accent[accent-style=outline] .mat-badge-content {
  background-color: var(--color-sys-bg-raised);
  box-sizing: border-box;
  border: 2px solid var(--color-sys-border-tertiary-40);
}

:root .out-theme .mat-badge.mat-badge-warn .mat-badge-content {
  background-color: var(--color-sys-bg-critical-inverse-80);
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .mat-mdc-paginator {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  background-color: transparent;
}

:root .out-theme .mat-mdc-paginator .mat-mdc-form-field {
  max-width: 5rem;
}

:root .out-theme .mat-mdc-paginator .mat-mdc-form-field.mat-form-field-disabled {
  max-width: 3rem;
}

:root .out-theme .mat-mdc-paginator .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  right: 0.5rem;
}

:root .out-theme .mat-mdc-paginator .mat-mdc-form-field .mat-mdc-select-min-line {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-mdc-paginator .mat-mdc-paginator-range-label {
  margin-inline: 0.5rem;
}

:root .out-theme .mat-mdc-menu-panel {
  border-radius: var(--border-radius-40);
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  min-width: 14rem;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover {
  transition: 0.3s;
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:active:focus:not(.mat-mdc-menu-item[disabled]) {
  border-bottom-color: var(--color-sys-border-primary-40);
  background-color: var(--color-sys-interactive-bg-primary-30-default);
  color: var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-moderate);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[disabled] .mat-mdc-menu-item-text {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-ripple {
  display: none;
}

:root .out-theme .mat-elevation-z8, :root .out-theme .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--shadow-sys-elevation-soft-30);
}

:root .out-theme .mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: var(--color-sys-bg-tertiary-10);
  --mdc-plain-tooltip-supporting-text-color: var(--color-sys-text-strong);
}

:root .out-theme .mat-mdc-tooltip .mat-mdc-tooltip-surface {
  color: var(--color-sys-text-strong);
  background-color: var(--color-sys-bg-tertiary-10);
}

:root .out-theme .mat-mdc-tooltip .mdc-tooltip__surface {
  border-radius: var(--border-radius-30);
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  box-shadow: var(--shadow-comp-popover-default);
  padding: var(--spacing-inset-40);
  max-width: unset;
  white-space: nowrap;
}

:root .out-theme .mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--color-ref-violet-900);
}

:root .out-theme .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: var(--color-ref-violet-900);
}

:root .out-theme .mat-mdc-progress-spinner.mat-primary svg circle {
  stroke: var(--color-ref-violet-900);
}

:root .out-theme .mat-mdc-progress-spinner.mat-accent svg circle {
  stroke: var(--color-comp-progress-secondary-fg);
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  gap: 1rem;
  border: none !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox {
  display: none;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .material-symbols-outlined {
  font-size: 22px;
  font-weight: normal !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
  opacity: 0;
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin-right: 0;
  transition: opacity 0.2s, width 0.2s, height 0.2s, margin-right 0.2s;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .material-symbols-outlined {
  opacity: 1;
  width: 22px;
  height: 22px;
  overflow: visible;
  margin-right: 0.35rem;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-hover-state-layer-opacity: 0 !important;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0 !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
  display: flex;
  align-items: center;
  height: 100%;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard[size=small] .mat-button-toggle {
  height: 28px;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-default) !important;
  border-radius: var(--border-radius-40);
  height: 40px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:hover:not(.mat-button-toggle-disabled, .mat-button-toggle-checked, .invalid .mat-button-toggle) {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-hover) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:focus:not(.mat-button-toggle-disabled, .mat-button-toggle-checked, .invalid .mat-button-toggle) {
  border: 2px solid var(--color-sys-interactive-border-tertiary-40-focus) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  line-height: unset;
  padding-inline: 1rem !important;
  color: var(--color-sys-text-accent-secondary-moderate);
  display: flex;
  align-items: center;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .cdk-focused.cdk-keyboard-focused {
  background-color: var(--color-sys-interactive-bg-tertiary-20-focus) !important;
  border-color: var(--color-sys-border-tertiary-60) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled {
  border-color: var(--color-sys-interactive-border-disabled) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled .mat-button-toggle-label-content {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked {
  border-color: var(--color-sys-border-tertiary-60) !important;
  background-color: var(--color-sys-interactive-bg-tertiary-20-default) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .mat-button-toggle-button:has(.mat-button-toggle-checkbox-wrapper) {
  padding-left: 0 !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard.invalid .mat-button-toggle:not(.mat-button-toggle-disabled) {
  border-color: var(--color-comp-form-border-critical) !important;
  background-color: var(--color-sys-bg-default) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard.invalid .mat-button-toggle:not(.mat-button-toggle-disabled) .mat-button-toggle-label-content {
  color: var(--color-sys-text-critical);
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard.invalid .mat-button-toggle:not(.mat-button-toggle-disabled).mat-button-toggle-checked {
  background-color: var(--color-sys-bg-critical-40) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-ripple.mat-button-toggle-ripple {
  display: none;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard:has(.mat-button-toggle-checked):not([multiple]) .mat-button-toggle:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) {
  border-color: transparent !important;
  background-color: var(--color-comp-toggletag-bg-subdued) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard:has(.mat-button-toggle-checked):not([multiple]) .mat-button-toggle:not(.mat-button-toggle-checked, .mat-button-toggle-disabled).cdk-focused.cdk-keyboard-focused {
  background-color: var(--color-sys-interactive-bg-tertiary-20-focus) !important;
  border-color: var(--color-sys-border-tertiary-60) !important;
}

:root .out-theme .mat-button-toggle-group.mat-button-toggle-group-appearance-standard:has(.mat-button-toggle-checked):not([multiple]) .mat-button-toggle:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) .mat-button-toggle-label-content {
  color: var(--color-sys-text-moderate);
}

: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-mdc-text-field-wrapper {
  padding-left: 0.75rem !important;
}

: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 .detail-expand {
  max-height: 0;
  min-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 225ms cubic-bezier(0.4, 0, 0.2, 1), min-height 225ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms linear;
}

:root .out-theme .detail-expand__content {
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

:root .out-theme .detail-expand--expanded {
  max-height: 40rem;
  min-height: 68px;
  opacity: 1;
}

:root .out-theme out-flow-stepper {
  width: 100%;
}

:root .out-theme .stepper-control-section {
  display: block;
}

:root .out-theme .stepper-control-section:last-child {
  grid-template-columns: auto;
}

:root .out-theme .stepper-control-section button {
  border: none;
  outline: inherit;
  background: none;
}

:root .out-theme .step-container {
  display: flex;
  align-items: center;
}

:root .out-theme .step-container__details {
  display: flex;
  gap: 0.25rem;
  width: fit-content;
  padding: var(--spacing-40);
  border-radius: var(--border-radius-40);
  transition: 0.4s;
  white-space: nowrap;
}

:root .out-theme .step-container__details:hover {
  background-color: var(--color-sys-interactive-bg-tertiary-20-hover);
}

:root .out-theme .step-container__details:focus, :root .out-theme .step-container__details:active {
  background-color: var(--color-sys-interactive-bg-tertiary-20-focus);
}

:root .out-theme .stepper-container {
  background: transparent;
  width: 100%;
}

:root .out-theme .stepper-control-container {
  display: flex;
  align-items: center;
}

:root .out-theme .stepper-control-container__divider {
  height: 1px;
  background-color: var(--color-sys-interactive-border-40-default);
  flex: auto;
}

:root .out-theme out-flow-step {
  height: 50px;
  transition: 500ms ease-in-out;
}

:root .out-theme out-flow-step .step-completed-indicator {
  color: var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme out-flow-step .step-blocked-indicator {
  color: var(--color-sys-text-disabled);
}

:root .out-theme out-flow-step .step-completed-indicator, :root .out-theme out-flow-step .step-blocked-indicator {
  display: none;
  font-size: 18px;
  padding-top: 5px;
}

:root .out-theme out-flow-step .step-number-indicator {
  display: block;
}

:root .out-theme out-flow-step:last-child {
  flex: none !important;
  position: relative;
  width: fit-content;
}

:root .out-theme out-flow-step:last-child .step-container {
  grid-template-columns: auto;
  width: fit-content;
}

:root .out-theme out-flow-step:last-child .stepper-control-container {
  width: fit-content;
}

:root .out-theme out-flow-step .step {
  border-radius: 100%;
  box-sizing: border-box;
  height: 24px;
  width: 24px;
  background-color: var(--color-sys-text-inverse-strong);
  border: 2px solid var(--color-sys-interactive-border-40-default);
  transition: 0.3s;
}

:root .out-theme out-flow-step .step .step-indicator-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

:root .out-theme out-flow-step .step .step-indicator-container .step-number-indicator {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-disabled);
}

:root .out-theme out-flow-step .step-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-disabled);
}

:root .out-theme out-flow-step.expanded {
  flex: 3;
}

:root .out-theme out-flow-step.editing .step {
  background-color: var(--color-sys-interactive-bg-secondary-inverse-30-default);
  border: none;
}

:root .out-theme out-flow-step.editing .step .step-indicator-container .step-number-indicator {
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme out-flow-step.editing .step-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme out-flow-step.touched .step {
  border: 2px solid var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme out-flow-step.touched .step .step-number-indicator {
  color: var(--color-sys-icon-accent-secondary-strong);
}

:root .out-theme out-flow-step.touched .step-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme out-flow-step.touched .step-disabled .step-blocked-indicator {
  display: block;
}

:root .out-theme out-flow-step.touched .step-disabled .step-completed-indicator, :root .out-theme out-flow-step.touched .step-disabled .step-number-indicator {
  display: none;
}

:root .out-theme out-flow-step .step-disabled {
  pointer-events: none;
}

:root .out-theme out-flow-step .step-disabled .step {
  background: var(--color-sys-interactive-border-40-default);
  border: none;
}

:root .out-theme out-flow-step .step-disabled .step .step-number-indicator {
  color: var(--color-sys-text-disabled);
}

:root .out-theme out-flow-step .step-disabled .step-title.disabled {
  color: var(--color-sys-text-disabled);
  opacity: 0.7;
}

:root .out-theme out-flow-step .step-disabled .step-container__details:hover, :root .out-theme out-flow-step .step-disabled .step-container__details:focus, :root .out-theme out-flow-step .step-disabled .step-container__details:active {
  background-color: transparent;
}

:root .out-theme out-flow-step.completed .step {
  background-color: var(--color-sys-interactive-bg-primary-50-default);
  border: none;
}

:root .out-theme out-flow-step.completed .step-completed-indicator {
  display: block;
}

:root .out-theme out-flow-step.completed .step-disabled .step {
  background-color: var(--color-sys-interactive-border-40-default);
}

:root .out-theme out-flow-step.completed .step-disabled .step-blocked-indicator {
  display: block;
}

:root .out-theme out-flow-step.completed .step-disabled .step-completed-indicator {
  display: none;
}

:root .out-theme out-flow-step.completed .step-number-indicator {
  display: none;
}

:root .out-theme out-flow-step.completed .step-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .out-banner {
  border-radius: var(--border-radius-50);
  padding: var(--spacing-40) var(--spacing-40);
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:root .out-theme .out-banner:not(.solid) {
  background-color: var(--color-sys-bg-raised);
  border: 2px solid var(--color-sys-border-tertiary-20);
}

:root .out-theme .out-banner.solid {
  border: none;
  background-color: var(--color-sys-bg-secondary-inverse-40);
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .out-banner.solid .mat-mdc-unelevated-button, :root .out-theme .out-banner.solid .mat-mdc-icon-button[type=faded] {
  background: rgba(255, 255, 255, 0.1);
}

:root .out-theme .out-banner.solid .mat-mdc-unelevated-button .mdc-button__label, :root .out-theme .out-banner.solid .mat-mdc-icon-button[type=faded] .mdc-button__label {
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .out-banner.solid .banner-body__text__title {
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .out-banner.solid .banner-body__text__subtitle {
  color: var(--color-sys-text-inverse-moderate);
  font-weight: 500;
}

:root .out-theme .out-banner .banner-body {
  display: flex;
  align-items: center;
  gap: var(--spacing-40);
}

:root .out-theme .out-banner .banner-body__text {
  display: flex;
  flex-direction: column;
}

:root .out-theme .out-banner .banner-body__text__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}

:root .out-theme .out-banner .banner-body__text__subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.08em;
  color: var(--color-sys-text-subtle);
  text-transform: uppercase;
  font-weight: 500;
}

:root .out-theme .out-banner__buttons * {
  display: flex;
  gap: var(--spacing-40);
}

@keyframes out-tooltip-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root .out-theme .out-tooltip {
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-comp-popover-default);
  background-color: var(--color-sys-bg-tertiary-10);
  padding: 1em;
  max-width: 400px;
  animation: out-tooltip-fade-in 300ms ease;
}

:root .out-theme .out-tooltip__inner-container blockquote {
  padding: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-inline: 0;
  border-radius: var(--border-radius-30);
  background-color: var(--color-sys-bg-neutral-30);
}

:root .out-theme .out-tooltip__inner-container ul,
:root .out-theme .out-tooltip__inner-container ol {
  padding-left: 2em;
}

:root .out-theme .out-tooltip .position-indicator {
  height: 20px;
  width: 20px;
  background-color: var(--color-sys-bg-tertiary-10);
  rotate: 45deg;
  border-radius: 3.5px;
  position: absolute;
}

:root .out-theme .out-tooltip.above .position-indicator {
  left: calc(50% - 10px);
  bottom: -8px;
}

:root .out-theme .out-tooltip.above-start .position-indicator {
  left: 15px;
  bottom: -8px;
}

:root .out-theme .out-tooltip.above-end .position-indicator {
  right: 15px;
  bottom: -8px;
}

:root .out-theme .out-tooltip.above .position-indicator, :root .out-theme .out-tooltip.above-start .position-indicator, :root .out-theme .out-tooltip.above-end .position-indicator {
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
}

:root .out-theme .out-tooltip.below .position-indicator {
  left: calc(50% - 10px);
  top: -8px;
}

:root .out-theme .out-tooltip.below-start .position-indicator {
  left: 15px;
  top: -8px;
}

:root .out-theme .out-tooltip.below-end .position-indicator {
  right: 15px;
  top: -8px;
}

:root .out-theme .out-tooltip.below .position-indicator, :root .out-theme .out-tooltip.below-start .position-indicator, :root .out-theme .out-tooltip.below-end .position-indicator {
  box-shadow: -4px -4px 6px 0px rgba(0, 0, 0, 0.05);
}

:root .out-theme .out-tooltip.right {
  margin-left: 20px;
  margin-right: 10px;
}

:root .out-theme .out-tooltip.right .position-indicator {
  left: 10px;
  top: calc(50% - 10px);
}

:root .out-theme .out-tooltip.right-top .position-indicator {
  left: -8px;
  top: 15px;
}

:root .out-theme .out-tooltip.right-bottom .position-indicator {
  left: -8px;
  bottom: 15px;
}

:root .out-theme .out-tooltip.right .position-indicator, :root .out-theme .out-tooltip.right-top .position-indicator, :root .out-theme .out-tooltip.right-bottom .position-indicator {
  box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.05);
}

:root .out-theme .out-tooltip.left .position-indicator {
  right: -8px;
  top: calc(50% - 10px);
}

:root .out-theme .out-tooltip.left-top .position-indicator {
  right: -8px;
  top: 15px;
}

:root .out-theme .out-tooltip.left-bottom .position-indicator {
  right: -8px;
  bottom: 15px;
}

:root .out-theme .out-tooltip.left .position-indicator, :root .out-theme .out-tooltip.left-top .position-indicator, :root .out-theme .out-tooltip.left-bottom .position-indicator {
  box-shadow: 4px -4px 6px 0px rgba(0, 0, 0, 0.05);
}

@keyframes toast-slide-in {
  from {
    opacity: 0;
    transform: translateY(150%);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  60% {
    opacity: 0;
  }
  to {
    opacity: 0;
    transform: translateY(150%);
    z-index: -30;
  }
}
:root .out-theme .toast-conatiner {
  background-color: var(--color-sys-bg-secondary-inverse-40);
  color: var(--color-sys-text-inverse-strong);
  border-radius: var(--border-radius-50);
  padding: var(--spacing-40);
  box-shadow: var(--shadow-sys-overlay-30);
  max-width: 28rem;
  width: 28rem;
  min-height: 8rem;
  max-height: 12rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  animation: toast-slide-in 500ms ease-out;
}

:root .out-theme .toast-conatiner--removing {
  animation: toast-slide-out 500ms ease-out forwards;
  pointer-events: none;
}

:root .out-theme .toast-conatiner__inner {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

:root .out-theme .toast-conatiner__inner__text-field {
  display: flex;
  gap: var(--spacing-40);
  align-items: start;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}

:root .out-theme .toast-conatiner__inner__text-field span {
  display: -webkit-box;
  max-width: 22rem;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
}

:root .out-theme .toast-conatiner__button {
  margin-inline: 2.25rem;
  display: flex;
  gap: 0.75rem;
}

:root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:not(:last-child), :root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:only-child, :root .out-theme .toast-conatiner__button .mat-mdc-icon-button[type=faded] {
  background: var(--color-sys-bg-default);
}

:root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:not(:last-child):hover:not(:disabled), :root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:only-child:hover:not(:disabled), :root .out-theme .toast-conatiner__button .mat-mdc-icon-button[type=faded]:hover:not(:disabled) {
  background: var(--color-sys-bg-default);
}

:root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:last-child:not(:only-child) {
  background: transparent;
  border: 2px solid var(--color-sys-bg-default);
}

:root .out-theme .toast-conatiner__button .mat-mdc-unelevated-button:last-child:not(:only-child) .mdc-button__label {
  color: var(--color-sys-bg-default);
}

:root .out-theme .toast-listbox:hover {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

:root .out-theme .toast-listbox:hover .toast-conatiner {
  min-height: 8rem;
}

:root .out-theme .toast-listbox .alert-toast {
  background-color: var(--color-ref-red-600);
}

:root .out-theme .toast-listbox .toast-conatiner:not(:has(button)) .toast-conatiner__inner {
  margin-bottom: 0;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner:not(.only-child) .toast-conatiner__inner__text-field span {
  -webkit-line-clamp: 2;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner.middle-child {
  position: absolute;
  z-index: -10;
  width: 27rem;
  bottom: 3rem;
  right: 2.5rem;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner.last-child {
  position: absolute;
  z-index: -20;
  width: 25.5rem;
  bottom: 4rem;
  right: 3.25rem;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner:nth-child(1):last-child {
  border-top: none;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner:not(:nth-child(1):last-child) {
  height: 8rem;
}

:root .out-theme .toast-listbox:not(:hover) .toast-conatiner:not(:last-child) {
  padding-top: var(--spacing-50);
}

:root .out-theme .out-card {
  background-color: var(--color-sys-bg-default);
  border-radius: 16px;
  padding: 3.5rem 1.5rem 2rem;
  box-shadow: var(--shadow-sys-elevation-20);
}

:root .out-theme out-nav-bar {
  z-index: 20;
  position: relative;
}

:root .out-theme .nav-bar-wrapper {
  width: 240px;
  transition: width 0.5s ease-in-out;
  background-color: var(--color-ref-violet-950);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  box-shadow: var(--shadow-comp-popover-default);
  overflow: hidden;
}

:root .out-theme .nav-bar-wrapper.light {
  background-color: var(--color-ref-apple-10);
}

:root .out-theme .nav-bar-wrapper.light .header__name, :root .out-theme .nav-bar-wrapper.light .link__description, :root .out-theme .nav-bar-wrapper.light .link .material-symbols-outlined {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .nav-bar-wrapper.light .link:hover {
  background-color: var(--color-ref-apple-50-transparent);
}

:root .out-theme .nav-bar-wrapper.light .link--active {
  background-color: var(--color-ref-apple-50);
}

:root .out-theme .nav-bar-wrapper.light .link--active:hover {
  background-color: var(--color-ref-apple-75);
}

:root .out-theme .nav-bar-wrapper.light .nav-bar-action-buttons .link {
  background-color: var(--color-ref-apple-50) !important;
}

:root .out-theme .nav-bar-wrapper.light .nav-bar-action-buttons .link:hover {
  background-color: var(--color-ref-apple-75) !important;
}

:root .out-theme .nav-bar-wrapper.light .profile {
  background-color: var(--color-ref-apple-50);
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .nav-bar-wrapper.light .profile:hover {
  background-color: var(--color-ref-apple-75);
}

:root .out-theme .nav-bar-wrapper.light .profile__picture {
  background-color: var(--color-ref-apple-100);
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .nav-bar-wrapper.hover-enabled {
  position: absolute;
  z-index: 999;
}

:root .out-theme .nav-bar-wrapper.collapsed {
  width: 90px;
  position: relative;
}

:root .out-theme .nav-bar-wrapper.collapsed.hover-enabled {
  position: absolute;
}

:root .out-theme .nav-bar-wrapper.collapsed .profile {
  justify-content: center;
}

:root .out-theme .nav-bar-wrapper.collapsed .profile__name-container {
  display: none;
}

:root .out-theme .nav-bar-wrapper.collapsed .header__title {
  flex-direction: column;
  gap: 0rem;
  padding-bottom: 0 !important;
}

:root .out-theme .nav-bar-wrapper.collapsed .header__title .header__name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}

:root .out-theme .nav-bar-wrapper.collapsed .header__title .header__name--small {
  display: none;
}

:root .out-theme .nav-bar-wrapper.collapsed .nav-bar-action-buttons .link {
  padding: 0.75rem;
}

:root .out-theme .nav-bar-wrapper.collapsed .nav-bar-action-buttons .link__description {
  display: none;
}

:root .out-theme .nav-bar-wrapper .nav-bar-items {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

:root .out-theme .nav-bar-wrapper .nav-bar-items .nav-bar-action-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}

:root .out-theme .nav-bar-wrapper .nav-bar-items .nav-bar-action-buttons .link {
  background: var(--color-comp-button-neutral-inverse-faded-bg-default);
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .nav-bar-wrapper .nav-bar-items .nav-bar-action-buttons .link:hover {
  background: var(--color-comp-button-neutral-inverse-faded-bg-hover);
}

:root .out-theme .nav-bar-wrapper .header {
  display: flex;
  flex-direction: column;
}

:root .out-theme .nav-bar-wrapper .header__title {
  padding: var(--spacing-inset-50);
  display: flex;
  gap: var(--spacing-40);
  align-items: center;
}

:root .out-theme .nav-bar-wrapper .header .environment-tag {
  color: var(--color-sys-text-accent-secondary-strong);
  padding-inline: var(--spacing-inset-50);
  align-self: center;
  white-space: nowrap;
  padding-top: 0.25rem;
}

:root .out-theme .nav-bar-wrapper .header .environment-tag span {
  background-color: var(--color-ref-apple-50);
  padding: 3px 10px;
  text-align: center;
  border-radius: 16px;
  font-weight: 600;
}

:root .out-theme .nav-bar-wrapper .header__logo {
  height: 50px;
  width: 50px;
}

:root .out-theme .nav-bar-wrapper .header__logo.logo-button {
  cursor: pointer;
}

:root .out-theme .nav-bar-wrapper .header__logo.stratos-dark {
  background-image: url('stratos-dark.911f3dd91a3abd4f.svg');
}

:root .out-theme .nav-bar-wrapper .header__logo.stratos-light {
  background-image: url('stratos-light.bccb8494ade4402d.svg');
}

:root .out-theme .nav-bar-wrapper .header__name {
  color: var(--color-sys-text-accent-secondary-inverse-strong);
  flex-shrink: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: 0.012em;
}

:root .out-theme .nav-bar-wrapper .header__name--small {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}

:root .out-theme .nav-bar-wrapper .links {
  gap: var(--spacing-30);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-inset-stretch-40);
  overflow: auto;
  flex-grow: 1;
  overflow-x: hidden;
}

:root .out-theme .nav-bar-wrapper .profile {
  flex-shrink: 0;
  padding: var(--spacing-inset-stretch-40);
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--color-ref-violet-925);
  height: 44px;
  color: var(--color-sys-text-accent-secondary-inverse-strong);
}

:root .out-theme .nav-bar-wrapper .profile:hover {
  background-color: var(--color-ref-violet-900);
}

:root .out-theme .nav-bar-wrapper .profile__picture {
  background-color: #7b4994;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

:root .out-theme .nav-bar-wrapper .profile__name-container {
  flex-grow: 1;
  overflow: hidden;
}

:root .out-theme .nav-bar-wrapper .profile__name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

:root .out-theme .nav-bar-wrapper .profile__email {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

:root .out-theme .background-placeholder {
  width: 90px;
  height: 100px;
}

@keyframes float-up-bounce {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
:root .out-theme .overlay-menu {
  animation: float-up-bounce 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
  min-width: 14rem;
  height: 10rem;
  margin-left: 1rem;
  margin-bottom: 3rem;
  border-radius: 16px;
  box-shadow: var(--shadow-comp-popover-default);
  background-color: var(--color-ref-violet-925);
  color: white;
}

:root .out-theme .overlay-menu.light-overlay {
  background-color: var(--color-ref-apple-10);
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .overlay-menu.light-overlay .overlay-menu__actions-container {
  background-color: var(--color-ref-apple-50);
}

:root .out-theme .overlay-menu.light-overlay .mat-mdc-unelevated-button {
  background: var(--color-ref-apple-100) !important;
}

:root .out-theme .overlay-menu.light-overlay .mat-mdc-unelevated-button .mdc-button__label {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .overlay-menu.light-overlay .mat-mdc-unelevated-button:hover {
  background: var(--color-ref-apple-200) !important;
}

:root .out-theme .overlay-menu__actions-container {
  height: 3.7rem;
  padding-inline: 1rem;
  padding-top: 0.75rem;
  border-radius: 0 0 16px 16px;
  background-color: var(--color-ref-violet-900);
  display: flex;
  justify-content: center;
}

:root .out-theme .overlay-menu__profile-details, :root .out-theme .overlay-menu__profile-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

:root .out-theme .overlay-menu__profile-container {
  padding: 0.5rem;
}

:root .out-theme .overlay-menu__user-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}

:root .out-theme .overlay-menu .mat-mdc-unelevated-button {
  background: var(--color-comp-button-neutral-inverse-faded-bg-default);
  width: 100%;
}

:root .out-theme .overlay-menu .mat-mdc-unelevated-button .mdc-button__label {
  color: var(--color-sys-text-inverse-strong);
}

:root .out-theme .profile-picture {
  height: 4rem !important;
  width: 4rem !important;
  font-size: 4rem !important;
  border-radius: 100%;
}

:root .out-theme .profile-picture.avatar {
  height: 2.5rem !important;
}

:root .out-theme .link:not(.collapsed .link) {
  color: var(--color-sys-text-accent-secondary-inverse-strong);
  display: flex;
  align-items: center;
  gap: var(--spacing-30);
  padding: var(--spacing-inset-squish-30);
  border-radius: var(--border-radius-30);
  text-decoration: none;
  height: 48px;
  box-sizing: border-box;
  flex-direction: row;
}

:root .out-theme .link:not(.collapsed .link) .link__description {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  text-align: left;
}

:root .out-theme .link {
  color: var(--color-sys-text-accent-secondary-inverse-strong);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--border-radius-30);
  text-decoration: none;
  box-sizing: border-box;
  margin-top: 0.5rem;
}

:root .out-theme .link:not(:last-child) {
  margin-bottom: 1rem;
}

:root .out-theme .link {
  gap: 0.25rem;
  padding-top: 0.25rem;
  padding-left: 0.25rem;
}

:root .out-theme .link img {
  width: 25px;
  height: 25px;
}

:root .out-theme .link img:not(.stratos-light .link img) {
  filter: invert(100%);
}

:root .out-theme .link .material-symbols-outlined {
  align-self: center;
  width: 26px;
  height: 26px;
  font-size: 26px;
}

:root .out-theme .link:hover {
  background-color: var(--color-ref-violet-925);
}

:root .out-theme .link:hover * {
  cursor: pointer;
}

:root .out-theme .link__description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-align: center;
}

:root .out-theme .link__description:has(img) {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
}

:root .out-theme .link.link--active {
  background-color: var(--color-ref-violet-800);
}

:root .out-theme .link.link--active:hover {
  background-color: var(--color-ref-violet-700);
}

:root .out-theme .link.link--header-link:hover, :root .out-theme .link.link--header-link:hover * {
  background-color: transparent !important;
  cursor: default !important;
}

:root .out-theme .link.link--child-link {
  margin-left: 1.5rem;
  margin-top: 2px !important;
}

:root .out-theme .link__icon {
  flex-shrink: 0;
}

:root .out-theme .link .item-badge {
  margin-right: 6px;
}

:root .out-theme .out-breadcrumb {
  font-size: 0.875rem;
  font-weight: 600;
  display: block;
}

:root .out-theme .out-breadcrumb__link, :root .out-theme .out-breadcrumb__link:visited, :root .out-theme .out-breadcrumb__link:active {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

:root .out-theme .out-breadcrumb__list {
  color: var(--color-sys-text-accent-secondary-strong);
  text-decoration: none;
  transition: 250ms ease-in-out;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

:root .out-theme .out-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

:root .out-theme .out-breadcrumb__item:hover {
  color: var(--color-sys-text-accent-secondary-moderate);
}

:root .out-theme .out-breadcrumb__separator, :root .out-theme .out-breadcrumb__current {
  color: var(--color-ref-neutral-600);
  -webkit-user-select: none;
          user-select: none;
}

:root .out-theme .out-breadcrumb__separator:hover, :root .out-theme .out-breadcrumb__current:hover {
  text-decoration: none !important;
}

:root .out-theme a:-webkit-any-link {
  text-decoration: none;
}

:root .out-theme a:-webkit-any-link:hover {
  text-decoration: underline;
}

:root .out-theme .day-picker {
  display: inline-flex;
  flex-direction: column;
}

:root .out-theme .day-picker-field-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

:root .out-theme .day-picker-suffix {
  align-items: center;
  display: inline-flex;
  min-height: 45px;
}

:root .out-theme .dp-action-button-wrapper {
  height: 45px;
  position: relative;
  width: 45px;
}

:root .out-theme .dp-action-button-wrapper div:nth-child(-n+3) {
  border-radius: 100%;
  height: 100%;
  position: absolute;
  transition: 200ms linear;
  width: 100%;
}

:root .out-theme .dp-action-button-wrapper.default .default-state {
  opacity: 1 !important;
}

:root .out-theme .dp-action-button-wrapper.selected .default-state {
  opacity: 0 !important;
}

:root .out-theme .dp-action-button-wrapper.selected .selected-state {
  opacity: 1 !important;
}

:root .out-theme .dp-action-button-wrapper.invalid .default-state {
  opacity: 0 !important;
}

:root .out-theme .dp-action-button-wrapper.invalid .invalid-state {
  opacity: 1 !important;
}

:root .out-theme .default-state {
  background: var(--color-sys-interactive-bg-secondary-100-default);
  box-shadow: -4px -3px 23px -4px var(--color-sys-text-accent-secondary-strong) inset;
  opacity: 0;
  z-index: 1;
}

:root .out-theme .selected-state {
  background: var(--color-sys-bg-primary-50);
  box-shadow: -4px -3px 23px -4px var(--color-comp-button-primary-inverse-solid-bg-hover) inset;
  opacity: 0;
  z-index: 2;
}

:root .out-theme .invalid-state {
  background: var(--color-sys-bg-critical-inverse-80);
  box-shadow: -4px -3px 23px -4px var(--color-sys-text-critical) inset;
  opacity: 0;
  z-index: 3;
}

:root .out-theme .day-picker-action-button {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 25px;
  color: var(--color-sys-text-accent-secondary-strong);
  cursor: pointer;
  display: flex;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 45px;
  inset: 0;
  justify-content: center;
  padding: 0;
  position: absolute;
  width: 45px;
  z-index: 4;
}

:root .out-theme .day-picker-action-button:disabled {
  cursor: default;
  opacity: 0.65;
}

:root .out-theme .day-picker-action-button i {
  font-size: 24px;
  line-height: 44px !important;
}

:root .out-theme .day-picker-overlay {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  height: 258px;
  margin: 5px 0;
  padding: 8px;
  width: 264px;
  border: 2px solid var(--color-sys-interactive-bg-secondary-100-default);
}

:root .out-theme .day-number-table {
  height: 100%;
  position: relative;
  width: 100%;
}

:root .out-theme .day-number {
  background: var(--color-sys-bg-default);
  border-radius: 100%;
  color: var(--color-sys-text-strong);
  cursor: pointer;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 2px;
  text-align: center;
  transition: 50ms;
  width: 36px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:root .out-theme .day-number[aria-selected=true] {
  border: 2px solid var(--color-comp-button-primary-inverse-solid-bg-hover);
  box-sizing: border-box;
  color: var(--color-sys-text-accent-secondary-strong) !important;
}

:root .out-theme .day-number:not([aria-selected=true]):hover,
:root .out-theme .active-option:not([aria-selected=true]) {
  background: rgba(0, 0, 0, 0.05) !important;
}

:root .out-theme .button-value-wrapper {
  cursor: pointer;
  height: 45px;
  line-height: 39px;
  text-align: center;
}

:root .out-theme .button-value-wrapper .calendar-icon {
  font-size: 24px;
  line-height: 44px !important;
  color: var(--color-sys-bg-default);
}

:root .out-theme .selected-day-value {
  align-items: flex-start;
  display: inline-flex;
  padding-top: 2px;
  font-weight: 600;
}

:root .out-theme .selected-day-suffix {
  font-size: 10px !important;
  margin-left: 1px !important;
  position: initial !important;
}

:root .out-theme .dp-validation-error-wrapper {
  display: none;
  margin-top: 8px;
}

:root .out-theme .dp-validation-error-wrapper.visible {
  display: block;
}

:root .out-theme .dp-validation-error-underline-wrapper {
  margin-bottom: 4px;
}

:root .out-theme .dp-validation-error-underline {
  background: var(--color-sys-text-critical);
  height: 2px;
  width: 45px;
}

:root .out-theme .dp-validation-error-message {
  color: var(--color-sys-text-critical);
  font-size: 12px;
  line-height: 16px;
}

:root .out-theme .cdk-overlay-pane:has(> .day-picker-overlay) {
  z-index: 1000 !important;
}

:root .out-theme .annotations-error mat-error {
  top: 0.25rem;
  left: 1rem !important;
}

:root .out-theme template-form-dialog .token-form-field {
  width: 50% !important;
  padding-inline: 0.5rem;
}

:root .out-theme .out-view-notes,
:root .out-theme .add-note-container,
:root .out-theme .out-input-dialog .out-view-notes,
:root .out-theme .out-input-dialog .add-note-container,
:root .out-theme .out-message-dialog .out-view-notes,
:root .out-theme .out-message-dialog .add-note-container {
  width: 20rem;
}

:root .out-theme .notes-header-section__filters > div,
:root .out-theme .out-input-dialog .notes-header-section__filters > div,
:root .out-theme .out-message-dialog .notes-header-section__filters > div {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

:root .out-theme .notes-header-section__heading,
:root .out-theme .out-input-dialog .notes-header-section__heading,
:root .out-theme .out-message-dialog .notes-header-section__heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1.25rem !important;
}

:root .out-theme .notes-header-section--text,
:root .out-theme .add-note__heading--text,
:root .out-theme .out-input-dialog .notes-header-section--text,
:root .out-theme .out-input-dialog .add-note__heading--text,
:root .out-theme .out-message-dialog .notes-header-section--text,
:root .out-theme .out-message-dialog .add-note__heading--text {
  color: #33173a;
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

:root .out-theme .notes-header-section--text .count,
:root .out-theme .out-input-dialog .notes-header-section--text .count,
:root .out-theme .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;
}

:root .out-theme .notes-item__section--text,
:root .out-theme .out-input-dialog .notes-item__section--text,
:root .out-theme .out-message-dialog .notes-item__section--text {
  padding-bottom: 0.5rem;
  word-break: break-word;
}

:root .out-theme .notes-item__section > a,
:root .out-theme .out-input-dialog .notes-item__section > a,
:root .out-theme .out-message-dialog .notes-item__section > a {
  font-weight: bold;
  color: #79378b;
  cursor: pointer;
}

:root .out-theme .notes-item,
:root .out-theme .out-input-dialog .notes-item,
:root .out-theme .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;
}

:root .out-theme .notes-item__header .created-date,
:root .out-theme .out-input-dialog .notes-item__header .created-date,
:root .out-theme .out-message-dialog .notes-item__header .created-date {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

:root .out-theme .add-note__buttons > button,
:root .out-theme .out-input-dialog .add-note__buttons > button,
:root .out-theme .out-message-dialog .add-note__buttons > button {
  margin-top: 1rem;
  margin-right: 1rem;
}

:root .out-theme .tabs-toolbar {
  background: var(--color-sys-bg-neutral-20);
  height: 85px !important;
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

:root .out-theme .tabs-toolbar .mat-mdc-tab-nav-bar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  --mat-tab-header-active-ripple-color: unset;
  --mat-tab-header-inactive-ripple-color: unset;
}

:root .out-theme .mat-mdc-tab-header.mat-mdc-tab-nav-bar-stretch-tabs .mat-mdc-tab-link {
  flex-grow: 0 !important;
}

:root .out-theme .mat-mdc-tab-link.mdc-tab.mdc-tab-indicator--active .mdc-tab__text-label {
  color: var(--color-sys-text-accent-secondary-strong) !important;
}

:root .out-theme .mat-mdc-tab-link.mdc-tab .mdc-tab__text-label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-disabled) !important;
}

:root .out-theme .mat-mdc-tab-links {
  height: 85px;
}

:root .out-theme .mat-mdc-tab-link {
  box-sizing: border-box;
  height: 85px !important;
  opacity: 0.4 !important;
  padding-top: 10px !important;
  min-width: 160px !important;
}

:root .out-theme .mat-mdc-tab-link.mdc-tab--active {
  color: var(--color-sys-text-accent-secondary-strong);
  opacity: 1 !important;
}

@media only screen and (max-width: 1024px) {
  :root .out-theme .mat-mdc-tab-link {
    min-width: 120px !important;
    padding: 13px 10px 0 10px !important;
    width: 120px;
  }
}
:root .out-theme .mdc-tab-indicator {
  display: none !important;
}

:root .out-theme .out-risk-tabs .mdc-tab__content {
  bottom: 7px !important;
}

:root .out-theme .out-risk-tabs .icon {
  font-size: 46px;
  font-style: normal;
  height: 44px;
  font-weight: 550;
}

@media only screen and (max-width: 1024px) {
  :root .out-theme .out-risk-tabs .icon {
    font-size: 44px;
  }
}
:root .out-theme .out-risk-tabs .out-tab-text {
  position: relative;
  top: 3px;
  font-size: 13px;
  font-weight: 600;
}

@media only screen and (max-width: 1024px) {
  :root .out-theme .out-risk-tabs .out-tab-text {
    font-size: 11px;
  }
}
:root .out-theme .summary-tabs {
  --mat-tab-header-active-ripple-color: var(--color-sys-header-active-ripple-color);
  --mat-tab-header-inactive-ripple-color: unset;
}

:root .out-theme .summary-tabs .mat-mdc-tab.mdc-tab {
  border-bottom: 1px solid var(--color-sys-interactive-border-40-hover) !important;
}

:root .out-theme .summary-tabs .mdc-tab__text-label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
}

:root .out-theme .summary-tabs .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--color-sys-text-accent-secondary-strong) !important;
}

:root .out-theme .summary-tabs .mat-mdc-tab-header {
  display: flex;
  flex-direction: row;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 175px;
}

:root .out-theme .summary-tabs .mat-mdc-tab-labels {
  display: block;
  flex-direction: column;
}

:root .out-theme .summary-tabs .psa-tab-label {
  position: relative !important;
}

:root .out-theme .summary-tabs .psa-tab-label div {
  position: relative !important;
}

:root .out-theme .summary-tabs .mat-mdc-tab-body-wrapper {
  background: var(--color-sys-bg-default);
  border-bottom-right-radius: var(--border-radius-40);
  border-left: 1px solid var(--color-sys-interactive-border-40-hover);
  border-top-right-radius: var(--border-radius-40);
  bottom: 0;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 175px);
}

:root .out-theme .summary-tabs .mat-mdc-tab-body-content {
  box-sizing: border-box;
  padding: 0 1em;
  overflow-y: auto;
}

:root .out-theme .summary-tabs .mat-mdc-tab-label.mdc-tab--active {
  color: var(--color-sys-text-accent-secondary-strong);
  font-weight: 600;
}

:root .out-theme .summary-tabs .mat-ink-bar {
  display: none;
}

:root .out-theme .notepad {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 399px;
}

:root .out-theme .notepad .mat-mdc-tab-header {
  display: none !important;
}

:root .out-theme .notepad .mat-mdc-tab-body,
:root .out-theme .notepad .mat-mdc-tab-body-wrapper {
  height: 100%;
}

:root .out-theme .notepad .mat-mdc-dialog-actions {
  padding: 0;
}

:root .out-theme out-motor-fleet-risk-grid-control table .currency-label-wrapper {
  padding-top: 0 !important;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-mdc-table td {
  padding-inline: 5px !important;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-expansion-panel-body {
  padding: 0 0 16px;
}

:root .out-theme out-motor-fleet-risk-grid-control out-multi-select-control {
  display: block !important;
  width: 25vw !important;
}

:root .out-theme out-motor-fleet-risk-grid-control out-legal-entity-picker-control {
  width: 7vw;
  display: block;
  top: 2px;
  position: relative;
}

:root .out-theme out-motor-fleet-risk-grid-control out-legal-entity-picker-control .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-value {
  width: 5.5vw;
  display: block;
}

:root .out-theme out-motor-fleet-risk-grid-control out-legal-entity-picker-control .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select, :root .out-theme out-motor-fleet-risk-grid-control out-legal-entity-picker-control .mat-form-field-appearance-outline .mat-mdc-select .mat-option {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.012em;
}

:root .out-theme out-motor-fleet-risk-grid-control out-legal-entity-picker-control .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1rem !important;
  letter-spacing: 0.012em !important;
}

:root .out-theme out-motor-fleet-risk-grid-control out-child-control:has(out-reactive-autocomplete-control) {
  width: 100%;
}

:root .out-theme out-motor-fleet-risk-grid-control #motor-fleet-risk-grid-filer-controls .mat-form-field-appearance-outline {
  padding-top: 25px;
}

:root .out-theme out-motor-fleet-risk-grid-control #motor-fleet-risk-grid-filer-controls .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;
  color: var(--color-sys-text-strong);
  left: 0;
}

:root .out-theme out-motor-fleet-risk-grid-control #motor-fleet-risk-grid-filer-controls out-motor-fleet-filter-multi-checkbox-control label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) input {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 2rem !important;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-text-field-wrapper {
  max-height: 2.25rem !important;
  min-height: unset !important;
  min-width: var(--spacing-50) !important;
  padding-left: 0.1rem !important;
  padding-right: 0 !important;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-text-field-wrapper mat-icon {
  padding: 0 !important;
  height: 1rem !important;
  width: 1rem !important;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-form-field-flex {
  height: 33px !important;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-form-field-infix {
  display: contents;
  text-overflow: ellipsis;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-select {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: 0.012em;
  position: absolute;
}

:root .out-theme out-motor-fleet-risk-grid-control .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-form-field-icon-prefix {
  display: flex;
}

:root .out-theme out-motor-fleet-risk-grid-control .traverse-control .mat-mdc-select {
  top: 8px !important;
  left: 8px;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) input {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-text-field-wrapper {
  max-height: 4rem !important;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-form-field-flex {
  height: unset !important;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-form-field-infix:not(.mat-mdc-autocomplete-trigger) {
  display: flex;
  left: 6px;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) mat-select {
  padding-left: 0.5rem !important;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) mat-select .mat-mdc-select-arrow-wrapper {
  top: 45% !important;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit .mat-form-field-appearance-outline:not(out-reactive-autocomplete-chips-control .mat-form-field-appearance-outline, out-motor-fleet-risk-grid-filter .mat-form-field-appearance-outline) .mat-mdc-select {
  font-size: 1rem !important;
  position: initial !important;
}

:root .out-theme out-motor-fleet-risk-grid-bulk-edit out-reactive-autocomplete-chips-control .mat-mdc-form-field-infix {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

:root .out-theme .expansion-panel-body .mat-expansion-panel-header {
  border-radius: 1rem 1rem 0 0;
  background: var(--color-sys-interactive-bg-primary-40-focus) !important;
  border: var(--border-width-30) solid var(--color-sys-border-primary-40) !important;
}

:root .out-theme .expansion-panel-body .mat-expansion-panel-header .actions-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-accent-secondary-strong) !important;
}

:root .out-theme .expansion-panel-body .mat-expansion-panel-body {
  padding: 0 !important;
}

:root .out-theme .inline-grid out-reactive-autocomplete-control .autocomplete-filter {
  padding-top: 14px;
}

:root .out-theme .mat-table-header + .mat-table-wrapper .mat-mdc-table, :root .out-theme .mat-table-header + out-inline-data-grid-control .mat-mdc-table {
  border-radius: 0 0 var(--border-radius-50) var(--border-radius-50) !important;
  border-top: none !important;
}

:root .out-theme .mat-table-header + out-inline-data-grid-control .grid-panel {
  margin-top: 0 !important;
}

:root .out-theme #fleet-conditions-of-cover-fleet-condition-of-cover-groups th, :root .out-theme #fleet-conditions-of-cover-fleet-condition-of-cover-groups td {
  max-width: unset;
}

:root .out-theme .flow-toolbar {
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  top: 0;
  z-index: 10;
  background-color: #d2d7db;
  font-size: 0.75em;
  display: flex;
  box-shadow: var(--shadow-sys-elevation-10);
}

:root .out-theme .flow-toolbar .flow-toolbar-shadow {
  background: #ffffff;
}

:root .out-theme .flow-toolbar .flow-policy-wrapper {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  box-sizing: border-box;
}

:root .out-theme .steps-toolbar {
  height: 80px !important;
  position: relative;
  padding-left: 5px !important;
}

:root .out-theme .steps-toolbar .mat-tab-label {
  font-size: 0.8em;
  color: #ACAEB1;
  font-weight: 300 !important;
  padding: 0 5px;
}

:root .out-theme .steps-toolbar .mat-tab-label-active {
  color: #4B205E !important;
}

:root .out-theme .steps-toolbar .steps-wrapper {
  margin-top: 20px;
  position: relative;
}

:root .out-theme .steps-toolbar ul {
  -webkit-margin-before: 0 !important;
  -webkit-margin-after: 0 !important;
  -webkit-padding-end: 0 !important;
  -webkit-padding-start: 0 !important;
}

:root .out-theme .steps-toolbar ul li {
  list-style: none;
  padding: 0;
  margin-right: 2em;
  font-weight: 400;
  display: flex;
  height: auto;
}

:root .out-theme .risk {
  font-weight: 400;
}

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

:root .out-theme .premium-wrapper {
  display: inline-flex;
}

:root .out-theme .flow-bar-label {
  color: var(--color-sys-text-strong);
}

:root .out-theme .outbonus-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}

:root .out-theme .outbonus-wrapper:after {
  content: "";
  border-right: 1px solid #ACAEB1;
  margin: 0 2em;
}

:root .out-theme .outbonus-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}

:root .out-theme .outbonus-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}

:root .out-theme .outbonus-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

:root .out-theme .premiums-calc-wrapper {
  color: #ACAEB1;
  position: relative;
  display: flex;
  font-size: 0.9em;
}

:root .out-theme .premiums-calc-wrapper .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  font-weight: 500;
}

:root .out-theme .premiums-calc-wrapper .cents {
  font-size: 0.7em;
  margin-top: -0.5em;
  margin-left: 0.1em;
  font-weight: 500;
}

:root .out-theme .premiums-calc-wrapper p {
  font-size: 0.8em;
  color: #4B205E;
  left: 0;
  margin-top: 25px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 400;
}

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

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

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

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

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

:root .out-theme .mat-ripple:not(:empty) {
  transform: translateZ(0);
}

:root .out-theme .summary-tabs {
  color: var(--color-sys-text-strong);
}

:root .out-theme .summary-tabs .mat-mdc-tab.mdc-tab:not(--active) {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .summary-tabs .mat-mdc-tab.mdc-tab {
  position: relative;
  overflow: hidden;
}

:root .out-theme .disabled-appearance-wrapper {
  display: flex;
  flex-grow: 1;
  position: relative;
}

:root .out-theme .disabled-appearance-wrapper .disabled-appearance-mask {
  cursor: not-allowed;
  height: 100%;
  position: absolute;
  width: 100%;
}

:root .out-theme .mat-mdc-form-field:has(+ .disabled-appearance-mask) .mat-mdc-select-min-line {
  color: var(--color-sys-text-disabled);
}

:root .out-theme .mat-mdc-form-field:has(+ .disabled-appearance-mask) .mdc-text-field {
  background-color: var(--color-comp-form-bg-disabled);
}

:root .out-theme .mat-mdc-form-field:has(+ .disabled-appearance-mask) .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 ::-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;
}

:root .out-theme .flex-row,
:root .out-theme .flex-column,
:root .out-theme .flex-row-reverse,
:root .out-theme .flex-column-reverse {
  display: flex;
}

:root .out-theme .flex-column {
  display: flex;
  flex-direction: column;
}

:root .out-theme .flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

:root .out-theme .flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}

:root .out-theme .flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

:root .out-theme .flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

:root .out-theme .flex-wrap-reverse {
  display: flex;
  flex-wrap: wrap-reverse;
}

:root .out-theme .flex-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

:root .out-theme .flex-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

:root .out-theme .flex-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

:root .out-theme .flex-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

:root .out-theme .flex-start-baseline {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

:root .out-theme .flex-center-start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

:root .out-theme .flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

:root .out-theme .flex-center-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

:root .out-theme .flex-center-stretch {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

:root .out-theme .flex-center-baseline {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

:root .out-theme .flex-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

:root .out-theme .flex-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

:root .out-theme .flex-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

:root .out-theme .flex-end-stretch {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

:root .out-theme .flex-end-baseline {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}

:root .out-theme .flex-space-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

:root .out-theme .flex-space-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

:root .out-theme .flex-space-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

:root .out-theme .flex-space-between-stretch {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

:root .out-theme .flex-space-between-baseline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

:root .out-theme .flex-space-around-start {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

:root .out-theme .flex-space-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

:root .out-theme .flex-space-around-end {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

:root .out-theme .flex-space-around-stretch {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
}

:root .out-theme .flex-space-around-baseline {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
}

:root .out-theme .flex-space-evenly-start {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

:root .out-theme .flex-space-evenly-center {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

:root .out-theme .flex-space-evenly-end {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
}

:root .out-theme .flex-space-evenly-stretch {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
}

:root .out-theme .flex-space-evenly-baseline {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}

:root .out-theme .flex-start {
  display: flex;
  justify-content: flex-start;
}

:root .out-theme .flex-center {
  display: flex;
  justify-content: center;
}

:root .out-theme .flex-end {
  display: flex;
  justify-content: flex-end;
}

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

:root .out-theme .flex-space-around {
  display: flex;
  justify-content: space-around;
}

:root .out-theme .flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}

:root .out-theme .items-start {
  align-items: flex-start;
}

:root .out-theme .items-center {
  align-items: center;
}

:root .out-theme .items-end {
  align-items: flex-end;
}

:root .out-theme .items-stretch {
  align-items: stretch;
}

:root .out-theme .items-baseline {
  align-items: baseline;
}

:root .out-theme .flex-start {
  display: flex;
  justify-content: flex-start;
}

:root .out-theme .flex-center {
  display: flex;
  justify-content: center;
}

:root .out-theme .flex-end {
  display: flex;
  justify-content: flex-end;
}

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

:root .out-theme .flex-space-around {
  display: flex;
  justify-content: space-around;
}

:root .out-theme .flex-space-evenly {
  display: flex;
  justify-content: space-evenly;
}

:root .out-theme .items-start {
  align-items: flex-start;
}

:root .out-theme .items-center {
  align-items: center;
}

:root .out-theme .items-end {
  align-items: flex-end;
}

:root .out-theme .items-stretch {
  align-items: stretch;
}

:root .out-theme .items-baseline {
  align-items: baseline;
}

:root .out-theme .flex-0 {
  display: flex;
  gap: 0;
}

:root .out-theme .flex-2px {
  display: flex;
  gap: 2px;
}

:root .out-theme .flex-4px {
  display: flex;
  gap: 4px;
}

:root .out-theme .flex-8px {
  display: flex;
  gap: 8px;
}

:root .out-theme .flex-12px {
  display: flex;
  gap: 12px;
}

:root .out-theme .flex-16px {
  display: flex;
  gap: 16px;
}

:root .out-theme .flex-24px {
  display: flex;
  gap: 24px;
}

:root .out-theme .flex-32px {
  display: flex;
  gap: 32px;
}

:root .out-theme .flex-40px {
  display: flex;
  gap: 40px;
}

:root .out-theme .flex-grow {
  flex: 1 1 auto;
  min-width: 0;
}

:root .out-theme .flex-auto {
  flex: 1 1 auto;
}

:root .out-theme .flex-none {
  flex: 0 0 auto;
}

:root .out-theme .flex-initial {
  flex: 0 1 auto;
}

:root .out-theme .flex-0 {
  flex: 0 0 auto;
}

:root .out-theme .flex-1 {
  flex: 1 1 0;
  min-width: 0;
}

:root .out-theme .flex-5 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 5%;
  max-width: 5%;
}

:root .out-theme .flex-10 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10%;
  max-width: 10%;
}

:root .out-theme .flex-20 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 20%;
  max-width: 20%;
}

:root .out-theme .flex-25 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
}

:root .out-theme .flex-30 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30%;
  max-width: 30%;
}

:root .out-theme .flex-35 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 35%;
  max-width: 35%;
}

:root .out-theme .flex-38_5 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 38.5%;
  max-width: 38.5%;
}

:root .out-theme .flex-40 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40%;
  max-width: 40%;
}

:root .out-theme .flex-42_5 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 42.5%;
  max-width: 42.5%;
}

:root .out-theme .flex-45 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 45%;
  max-width: 45%;
}

:root .out-theme .flex-50 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  max-width: 50%;
}

:root .out-theme .flex-60 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 60%;
  max-width: 60%;
}

:root .out-theme .flex-66 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 66%;
  max-width: 66%;
}

:root .out-theme .flex-70 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 70%;
  max-width: 70%;
}

:root .out-theme .flex-75 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
  max-width: 75%;
}

:root .out-theme .flex-80 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 80%;
  max-width: 80%;
}

:root .out-theme .flex-90 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 90%;
  max-width: 90%;
}

:root .out-theme .flex-95 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 95%;
  max-width: 95%;
}

:root .out-theme .flex-100 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%;
}

:root .out-theme .flex-fill,
:root .out-theme .flex-100 {
  width: 100%;
  height: 100%;
}

:root .out-theme .flex-80-grow {
  flex: 1 1 80%;
  max-width: 80%;
  min-width: 0;
}

:root .out-theme .flex-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

:root .out-theme .flex-row {
  display: flex;
  flex-direction: row;
}

:root .out-theme .fx-hide {
  display: none !important;
}

@media (max-width: 599.99px) {
  :root .out-theme .flex-column-xs {
    flex-direction: column !important;
  }
}
:root .out-theme .flex-sizehint {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 50%;
}

@media (min-width: 1920px) {
  :root .out-theme .gt-lg-flex-85 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 85%;
    max-width: 85%;
  }
  :root .out-theme .gt-lg-flex-80 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 80%;
    max-width: 80%;
  }
}
@media (max-width: 1279.99px) {
  :root .out-theme .lt-lg-flex-100 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
:root .out-theme .flex-240px {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 240px;
  max-width: 240px;
}

@media (max-width: 599.99px) {
  :root .out-theme .flex-100-xs {
    flex-basis: 100%;
    max-width: 100%;
  }
}
:root .out-theme html, :root .out-theme body {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.012em;
  color: var(--color-sys-text-strong);
}

:root .out-theme .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

:root .out-theme *:not(.material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp, .icon, mat-icon) {
  font-family: "Montserrat", sans-serif;
}

:root .out-theme .mat-mdc-table:where(.data-table) {
  --mat-table-row-item-outline-width: 1px;
  border: 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

:root .out-theme .mat-mdc-table:where(.data-table) .mat-mdc-header-cell {
  background: inherit;
  border-bottom-width: var(--mat-table-row-item-outline-width, 1px);
  border-bottom-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
}

:root .out-theme .mat-mdc-table:where(.data-table) .mat-mdc-cell:not(:has(table)) {
  white-space: normal;
  border-bottom: var(--mat-table-row-item-outline-width, 1px) solid var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
}

:root .out-theme .mat-mdc-table:where(.data-table) tr:last-child > .mat-mdc-cell {
  border-bottom: 0;
}

:root .out-theme .mat-mdc-table:where(.data-table) .mat-mdc-footer-cell {
  border-top: 0;
}

:root .out-theme .mat-mdc-table:where(.data-table) .mat-mdc-header-row {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .mat-mdc-table:where(.data-table) tr {
  height: 28px;
  color: inherit;
}

:root .out-theme .mat-mdc-table:where(.data-table) th,
:root .out-theme .mat-mdc-table:where(.data-table) td {
  vertical-align: inherit;
  max-width: none;
}

:root .out-theme .mat-mdc-table:where(.data-table) td > div {
  display: revert;
  align-items: revert;
}

:root .out-theme .mat-mdc-list-option {
  --mat-checkbox-selected-icon-color: var(--color-sys-interactive-bg-primary-50-default);
  --mat-checkbox-selected-hover-icon-color: var(--color-sys-interactive-bg-primary-50-hover);
  --mat-checkbox-selected-focus-icon-color: var(--color-sys-interactive-bg-primary-50-focus);
  --mat-checkbox-selected-checkmark-color: var(--color-sys-icon-accent-secondary-strong);
  --mat-list-list-item-hover-state-layer-color: transparent;
  --mat-list-list-item-hover-state-layer-opacity: 0;
}

:root .out-theme .mat-mdc-list-option .mdc-checkbox {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  padding: 6px;
}

:root .out-theme .mat-mdc-list-option .mdc-checkbox__background {
  width: 28px;
  height: 28px;
  top: 6px;
  left: 6px;
  border-radius: var(--border-radius-30);
}

:root .out-theme .mat-mdc-list-option .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
  box-shadow: var(--shadow-sys-elevation-compact-20);
}

:root .out-theme .mat-mdc-list-option .mdc-checkbox__checkmark {
  width: 50%;
  top: 25%;
  left: 25%;
}

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

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2;
}

.header__name h1 {
  font: inherit;
  letter-spacing: inherit;
}

:root {
  --app-chrome-height: calc(4rem + 1px);
  --page-content-inset-block: 1rem;
}

.page-grid {
  display: grid;
  height: calc(100vh - var(--app-chrome-height) - var(--page-content-inset-block) * 2);
  min-height: calc(100vh - var(--app-chrome-height) - var(--page-content-inset-block) * 2);
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.page-grid__sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 350px;
}

.page-grid__sidebar > * {
  flex: 1 1 0;
  min-height: 0;
}

.page-grid__main {
  grid-column: span 3/span 3;
}

.page-grid__col-2 {
  grid-column: span 2/span 2;
}

.page-grid__col-3 {
  grid-column: span 3/span 3;
}

.page-grid__col-4 {
  grid-column: span 4/span 4;
}

.side-nav-color, .side-nav-color-dev,
.side-nav-color-int,
.side-nav-color-stg {
  background: var(--color-ref-violet-900);
}
.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: var(--color-ref-apple-400);
}

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

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

::-webkit-scrollbar {
  width: 0.5rem;
  background: var(--color-sys-bg-tertiary-30);
  border-radius: 1.5rem;
}

::-webkit-scrollbar-thumb {
  -webkit-transition: 250ms ease-in-out;
  transition: 250ms ease-in-out;
  background-color: var(--color-sys-bg-tertiary-50);
  border-radius: 1.5rem;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-sys-border-tertiary-50);
}

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

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(--color-sys-bg-tertiary-30);
  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(--color-sys-bg-tertiary-50);
  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(--color-sys-border-tertiary-50);
}

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 {
  /*********/
}

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: #f9fcf2;
  --color-ref-apple-25: #ebf8db;
  --color-ref-apple-50: #e0f4c6;
  --color-ref-apple-50-transparent: #eaf8d6e4;
  --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: #6F3C87;
  --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: #f8e2de;
  --color-ref-red-25: #fec1b5;
  --color-ref-red-50: #fcaf9f;
  --color-ref-red-75: #f89c88;
  --color-ref-red-100: #f48971;
  --color-ref-red-200: #ef765b;
  --color-ref-red-300: #e86345;
  --color-ref-red-400: #e14e2e;
  --color-ref-red-500: #D83614;
  --color-ref-red-600: #c12e16;
  --color-ref-red-700: #aa2816;
  --color-ref-red-800: #942316;
  --color-ref-red-900: #7f1e15;
  --color-ref-red-925: #6a1913;
  --color-ref-red-950: #551510;
  --color-ref-red-975: #41110b;
  --color-sys-transparent: var(--color-ref-black-0);
  --color-sys-header-active-ripple-color: var(--color-ref-neutral-400);
  --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-10);
  --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 .full-width,
attachment-category-selector .full-width,
out-category-detail-view .full-width,
app-attachment-category-grid .full-width,
attachment .full-width,
out-notes-container .full-width,
.mfe-notes-container .full-width,
out-category-card-view .full-width,
out-add-note .full-width {
  width: 100%;
}

out-attachment-filter-dialog .padding-bottom,
attachment-category-selector .padding-bottom,
out-category-detail-view .padding-bottom,
app-attachment-category-grid .padding-bottom,
attachment .padding-bottom,
out-notes-container .padding-bottom,
.mfe-notes-container .padding-bottom,
out-category-card-view .padding-bottom,
out-add-note .padding-bottom {
  padding-bottom: 1.5rem;
}

out-attachment-filter-dialog .padding-top,
attachment-category-selector .padding-top,
out-category-detail-view .padding-top,
app-attachment-category-grid .padding-top,
attachment .padding-top,
out-notes-container .padding-top,
.mfe-notes-container .padding-top,
out-category-card-view .padding-top,
out-add-note .padding-top {
  padding-top: 1.5rem;
}

out-attachment-filter-dialog .margin-bottom,
attachment-category-selector .margin-bottom,
out-category-detail-view .margin-bottom,
app-attachment-category-grid .margin-bottom,
attachment .margin-bottom,
out-notes-container .margin-bottom,
.mfe-notes-container .margin-bottom,
out-category-card-view .margin-bottom,
out-add-note .margin-bottom {
  margin-bottom: 1.5rem;
}

out-attachment-filter-dialog .margin-top,
attachment-category-selector .margin-top,
out-category-detail-view .margin-top,
app-attachment-category-grid .margin-top,
attachment .margin-top,
out-notes-container .margin-top,
.mfe-notes-container .margin-top,
out-category-card-view .margin-top,
out-add-note .margin-top {
  margin-top: 1.5rem;
}

out-attachment-filter-dialog .gap-s,
attachment-category-selector .gap-s,
out-category-detail-view .gap-s,
app-attachment-category-grid .gap-s,
attachment .gap-s,
out-notes-container .gap-s,
.mfe-notes-container .gap-s,
out-category-card-view .gap-s,
out-add-note .gap-s {
  gap: 0.5rem;
}

out-attachment-filter-dialog .gap,
attachment-category-selector .gap,
out-category-detail-view .gap,
app-attachment-category-grid .gap,
attachment .gap,
out-notes-container .gap,
.mfe-notes-container .gap,
out-category-card-view .gap,
out-add-note .gap {
  gap: 1.5rem;
}

out-attachment-filter-dialog .gap-l,
attachment-category-selector .gap-l,
out-category-detail-view .gap-l,
app-attachment-category-grid .gap-l,
attachment .gap-l,
out-notes-container .gap-l,
.mfe-notes-container .gap-l,
out-category-card-view .gap-l,
out-add-note .gap-l {
  gap: 3rem;
}

out-attachment-filter-dialog .flex,
attachment-category-selector .flex,
out-category-detail-view .flex,
app-attachment-category-grid .flex,
attachment .flex,
out-notes-container .flex,
.mfe-notes-container .flex,
out-category-card-view .flex,
out-add-note .flex {
  display: flex;
}

out-attachment-filter-dialog .flex-column,
attachment-category-selector .flex-column,
out-category-detail-view .flex-column,
app-attachment-category-grid .flex-column,
attachment .flex-column,
out-notes-container .flex-column,
.mfe-notes-container .flex-column,
out-category-card-view .flex-column,
out-add-note .flex-column {
  flex-direction: column;
}

out-attachment-filter-dialog .space-between,
attachment-category-selector .space-between,
out-category-detail-view .space-between,
app-attachment-category-grid .space-between,
attachment .space-between,
out-notes-container .space-between,
.mfe-notes-container .space-between,
out-category-card-view .space-between,
out-add-note .space-between {
  justify-content: space-between;
}

out-attachment-filter-dialog .page-heading,
attachment-category-selector .page-heading,
out-category-detail-view .page-heading,
app-attachment-category-grid .page-heading,
attachment .page-heading,
out-notes-container .page-heading,
.mfe-notes-container .page-heading,
out-category-card-view .page-heading,
out-add-note .page-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

out-attachment-filter-dialog .page-heading span:not(button span),
attachment-category-selector .page-heading span:not(button span),
out-category-detail-view .page-heading span:not(button span),
app-attachment-category-grid .page-heading span:not(button span),
attachment .page-heading span:not(button span),
out-notes-container .page-heading span:not(button span),
.mfe-notes-container .page-heading span:not(button span),
out-category-card-view .page-heading span:not(button span),
out-add-note .page-heading span:not(button span) {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: 0.012em;
}

out-attachment-filter-dialog .flex-wrap,
attachment-category-selector .flex-wrap,
out-category-detail-view .flex-wrap,
app-attachment-category-grid .flex-wrap,
attachment .flex-wrap,
out-notes-container .flex-wrap,
.mfe-notes-container .flex-wrap,
out-category-card-view .flex-wrap,
out-add-note .flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

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 {
  /* http://meyerweb.com/eric/tools/css/reset/ 
     v2.0 | 20110126
     License: none (public domain)
  */
}

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,
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 {
  /* HTML5 display-role reset for older browsers */
}

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,
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 {
  @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;275;300;400;500;600;700;800;900&display=swap");
}

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 - var(--app-chrome-height)) !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: var(--color-ref-apple-300);
  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: var(--color-sys-text-moderate);
  margin: var(--spacing-70) 0 var(--spacing-50) 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 .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 .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 .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 .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;
}

.mat-mdc-dialog-panel {
  --mat-dialog-container-max-width: 80vw;
}

:root .out-theme .cdk-overlay-pane.out-message-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  min-width: 790px;
  max-width: 790px;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title,
.out-costing-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: var(--color-ref-apple-300);
  color: white;
  height: 3.5rem;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title span,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title span,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title span,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title span {
  font-size: 1.313rem;
  padding-right: 1.563rem;
  justify-self: end;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title label,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title label,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title label,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-title label {
  font-weight: bold;
  font-size: 1.375rem;
  justify-self: center;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title .mat-dialog-title-text,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title .mat-dialog-title-text,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title .mat-dialog-title-text,
.out-costing-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: var(--color-sys-text-moderate);
  margin: var(--spacing-70) 0 var(--spacing-50) 0;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-title .dismiss-dialog-button,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-title .dismiss-dialog-button,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-title .dismiss-dialog-button,
.out-costing-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-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content,
.out-costing-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-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content .form-container > div,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content .form-container > div,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content .form-container > div,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content .form-container > div {
  padding-bottom: 0;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table {
  width: 100%;
  margin: 20px 0;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table td,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table td,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table td,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table td {
  vertical-align: middle;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table .mat-form-field-appearance-outline .mat-form-field-wrapper,
.out-costing-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-costing-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-costing-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-costing-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-costing-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-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content table label,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content table label,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content table label,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content table label {
  margin: 0;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content mat-form-field,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content mat-form-field,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content mat-form-field,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content mat-form-field {
  width: 100%;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content label,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content label,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content label,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-content label {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
}

.out-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-content .mat-form-field-appearance-outline .mat-form-field-infix,
.out-costing-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-costing-dialog .mat-dialog-container stratos-rename-attachment-dialog .mat-dialog-actions,
.out-costing-dialog .mat-dialog-container stratos-change-category-dialog .mat-dialog-actions,
.out-costing-dialog .mat-dialog-container out-attachment-dialog .mat-dialog-actions,
.out-costing-dialog .mat-dialog-container out-attachment-filter-dialog .mat-dialog-actions {
  padding: 7px !important;
  justify-content: center !important;
}

:root .out-theme .cdk-overlay-pane.out-costing-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  min-width: min(1200px, 80vw);
  max-width: min(1200px, 80vw);
}

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 .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: var(--spacing-40);
  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: var(--spacing-40);
}
.latest-notes remote-out-notes-page .notes-page__header-section--text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  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: var(--border-width-10) solid var(--color-ref-neutral-75);
  display: flex;
  background-color: var(--color-sys-bg-default);
  border-radius: var(--border-radius-40);
  box-sizing: border-box;
}
.latest-notes remote-out-notes-page .notes-page__note-section--scroll {
  height: 100%;
  width: 100%;
  min-width: 100%;
  padding: var(--spacing-40);
  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: var(--spacing-50);
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups stratos-notes-grouped-by-day {
  gap: var(--spacing-50);
  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: var(--spacing-40);
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__heading {
  padding: 0 var(--spacing-50);
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  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: var(--spacing-40);
}
.latest-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card {
  padding: var(--spacing-50);
  border-radius: var(--border-radius-30);
  background: var(--color-sys-bg-tertiary-20);
}
.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: var(--spacing-40);
}
.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: var(--spacing-40);
  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: 1rem;
  letter-spacing: 0.012em;
  font-weight: 400;
  padding: 4px 8px;
  background: var(--color-sys-bg-tertiary-30);
  border-radius: var(--border-radius-20);
}
.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: 1rem;
  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: 400;
  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: var(--color-ref-red-50);
  border: 1px solid var(--color-ref-red-75);
}
.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: var(--color-ref-red-75);
}
.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(--color-sys-text-accent-secondary-strong);
  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: var(--spacing-40);
  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: var(--spacing-40);
}
.all-notes remote-out-notes-page .notes-page__header-section--text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  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: var(--border-width-10) solid var(--color-ref-neutral-75);
  display: flex;
  background-color: var(--color-sys-bg-default);
  border-radius: var(--border-radius-40);
  box-sizing: border-box;
}
.all-notes remote-out-notes-page .notes-page__note-section--scroll {
  height: 100%;
  width: 100%;
  min-width: 100%;
  padding: var(--spacing-40);
  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: var(--spacing-50);
}
.all-notes remote-out-notes-page .notes-page .note-date-groups stratos-notes-grouped-by-day {
  gap: var(--spacing-50);
  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: var(--spacing-40);
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__heading {
  padding: 0 var(--spacing-50);
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  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: var(--spacing-40);
}
.all-notes remote-out-notes-page .notes-page .note-date-groups .note-date-group__card-container--card {
  padding: var(--spacing-50);
  border-radius: var(--border-radius-30);
  background: var(--color-sys-bg-tertiary-20);
}
.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: var(--spacing-40);
}
.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: var(--spacing-40);
  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: 1rem;
  letter-spacing: 0.012em;
  font-weight: 400;
  padding: 4px 8px;
  background: var(--color-sys-bg-tertiary-30);
  border-radius: var(--border-radius-20);
}
.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: 1rem;
  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: 400;
  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: var(--color-ref-red-50);
  border: 1px solid var(--color-ref-red-75);
}
.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: var(--color-ref-red-75);
}
.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 var(--color-ref-neutral-75);
  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: 600;
  line-height: 1rem;
  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 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;
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  gap: 8px;
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle {
  border-radius: var(--border-radius-40);
  height: 44px;
  transition: box-shadow 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out;
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.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: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  padding: 0 var(--spacing-70) !important;
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.add-note__button-toggle-note-action:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus) !important;
  background-color: var(--color-sys-bg-default) !important;
  background-image: none !important;
  box-shadow: var(--shadow-comp-button-primary-outline-default);
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.add-note__button-toggle-note-action:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) .mat-button-toggle-label-content {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .add-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked {
  border: none !important;
  background-color: transparent !important;
  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%) !important;
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}

.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: 600;
  line-height: 2rem;
  letter-spacing: 0.012em;
}

.confirm-note-dialog__content--description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  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: 600;
  line-height: 1rem;
  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: 400;
  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 var(--color-ref-neutral-75);
  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: 600;
  line-height: 1rem;
  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 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;
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  gap: 8px;
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle {
  border-radius: var(--border-radius-40);
  height: 44px;
  transition: box-shadow 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out;
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.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: 600;
  line-height: 0.875rem;
  letter-spacing: 0.012em;
  padding: 0 var(--spacing-70) !important;
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.add-note__button-toggle-note-action:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) {
  border: var(--border-width-30) solid var(--color-comp-button-primary-outline-border-focus) !important;
  background-color: var(--color-sys-bg-default) !important;
  background-image: none !important;
  box-shadow: var(--shadow-comp-button-primary-outline-default);
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.add-note__button-toggle-note-action:not(.mat-button-toggle-checked, .mat-button-toggle-disabled) .mat-button-toggle-label-content {
  color: var(--color-sys-text-accent-secondary-strong);
}

:root .out-theme .email-note-dialog .add-note__button-toggle-group-note-action.mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked {
  border: none !important;
  background-color: transparent !important;
  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%) !important;
  box-shadow: var(--shadow-comp-button-primary-solid-default);
}

out-attachments-view-switcher:has(> out-attachments-details-list) {
  height: calc(100vh - var(--app-chrome-height));
  overflow: auto;
}

out-attachments-view-switcher:has(> out-category-card-view) {
  display: flex !important;
  flex-direction: column;
  height: calc(100vh - var(--app-chrome-height));
}

out-attachments-view-switcher:has(> out-category-card-view) > out-category-card-view {
  flex: 1 1 0;
  min-height: 0;
  height: auto !important;
}

out-category-card-view {
  height: calc(100vh - var(--app-chrome-height)) !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: var(--color-ref-apple-300);
  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: var(--color-ref-violet-925);
  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: 400;
  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 {
  top: 1px;
}

: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: var(--page-content-inset-block) 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(--color-sys-text-accent-secondary-strong);
}
.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: var(--color-ref-red-600);
}

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

:root .out-theme .mat-form-field-appearance-outline .mat-mdc-select .mat-mdc-select-placeholder {
  color: var(--color-sys-text-placeholder);
  font-weight: 400;
}

.mat-mdc-select-value-text, .mat-mdc-select-min-line {
  color: var(--color-sys-text-strong);
  font-weight: 400;
  font-family: "Montserrat", sans-serif !important;
}

.mat-mdc-select {
  padding-left: 0.15rem;
}

mat-error,
.mat-mdc-form-field-error,
.error-message,
.error-text {
  font-size: 14px !important;
}

.mdc-notched-outline__notch {
  margin-left: 12px !important;
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  min-width: 42.25rem;
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  justify-content: space-between;
  gap: 10px;
}

: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;
  display: flex;
  box-sizing: border-box;
  height: 78px;
  border-bottom: var(--border-width-30) solid var(--color-comp-divider-tertiary-subtle);
}

:root .out-theme .cdk-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 28px 24px !important;
  margin: 4px 4px 4px 0 !important;
}

:root .out-theme .cdk-overlay-pane .mat-mdc-menu-panel {
  background-color: var(--color-sys-bg-raised);
}

.out-theme .mat-badge .mat-badge-content {
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  border-radius: 999px;
  text-align: center;
}

.out-theme .mat-datepicker-content {
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--color-sys-text-disabled);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--color-sys-text-disabled);
}

.page-host {
  background-color: var(--color-sys-bg-neutral-10);
}

/*
 * A claim panel gated by the edit lock (`fieldset[outClaimEditGate]`).
 *
 * `disabled` on a fieldset already stops interaction and takes everything inside out of the tab
 * order; this only makes that visible. Without it the panel looks live and the advisor clicks at it.
 */
fieldset.claim-edit-gated {
  border: 0;
  margin: 0;
  padding: 0;
  opacity: 0.55;
  filter: grayscale(35%);
  cursor: not-allowed;
}

/* The anchor companion. `inert` already blocks interaction; this makes it look blocked too. */
a.claim-edit-gated {
  opacity: 0.45;
  cursor: not-allowed;
  text-decoration: none;
}

/* A fieldset wrapping existing layout must not introduce any box of its own. */
fieldset[outClaimEditGate] {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}

/*
 * Toasts are purple.
 *
 * Both of the kit's backgrounds, so every toast and every variant matches: `.toast-conatiner` is
 * the ordinary one and `.alert-toast` the alert, and the kit marks the latter provisional —
 * "replace with token when available". This is that replacement for this app. Leaving the ordinary
 * toast on its own colour would have made the two variants look like two different components.
 *
 * `toast-conatiner` is the kit's own spelling. It is wrong and it is what ships, so it is what we
 * have to match — correcting it here would simply stop the rule applying.
 *
 * The selectors have to be the kit's own, in full. `_toast.scss` writes `.toast-conatiner` and
 * `.toast-listbox .alert-toast`, but the kit's `index.scss` includes every component mixin inside
 * `:root .out-theme`, so what actually ships carries those two extra levels. Anything shorter loses
 * on specificity wherever it sits in the sheet, which is why the first attempt at this had no
 * effect. Matching exactly and landing later — `@use 'styling'` hoists the kit above this file — is
 * enough, and avoids `!important`.
 */
:root .out-theme .toast-conatiner,
:root .out-theme .toast-listbox .alert-toast {
  background-color: var(--color-ref-lavender-800);
}