/* src/styles/styles.scss */
.light-theme {
  --mat-sys-background: #f6f4ef;
  --mat-sys-on-background: #2d2c2a;
  --mat-sys-surface: #f3f1ec;
  --mat-sys-on-surface: #2d2c2a;
  --mat-sys-surface-variant: #e7e5e0;
  --mat-sys-on-surface-variant: #54534f;
  --mat-sys-inverse-surface: #2d2c2a;
  --mat-sys-inverse-on-surface: #dddbd6;
  --mat-sys-inverse-primary: #78d1dc;
  --mat-sys-surface-dim: #d4d2cd;
  --mat-sys-surface-bright: #f3f1ec;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #edebe6;
  --mat-sys-surface-container: #e7e5e0;
  --mat-sys-surface-container-high: #e2e0db;
  --mat-sys-surface-container-highest: #dddbd6;
  --mat-sys-outline: #75746f;
  --mat-sys-outline-variant: #c6c4bf;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --shadow-1: 0 1px 8px rgba(0, 0, 0, 0.2);
}
.light-theme .breadcrumb-header {
  background-color: var(--mat-sys-background);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.dark-theme {
  --mat-sys-background: #252423;
  --mat-sys-on-background: #dddbd6;
  --mat-sys-surface: #2d2c2a;
  --mat-sys-on-surface: #dddbd6;
  --mat-sys-surface-variant: #44474d;
  --mat-sys-on-surface-variant: #c4c6ce;
  --mat-sys-inverse-surface: #dddbd6;
  --mat-sys-inverse-on-surface: #2d2c2a;
  --mat-sys-inverse-primary: #24464b;
  --mat-sys-surface-dim: #1a1817;
  --mat-sys-surface-bright: #42413d;
  --mat-sys-surface-container-lowest: #141312;
  --mat-sys-surface-container-low: #2d2c2a;
  --mat-sys-surface-container: #373632;
  --mat-sys-surface-container-high: #42413d;
  --mat-sys-surface-container-highest: #4c4b47;
  --mat-sys-outline: #908f8a;
  --mat-sys-outline-variant: #44474d;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --shadow-1: 0px 1px 8px rgba(0, 0, 0, 0.9);
}
.dark-theme .breadcrumb-header {
  background-color: var(--mat-sys-surface-dim);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.mat-mdc-menu-item {
  min-height: 25px !important;
}
.mdc-list-item--with-trailing-radio.mdc-list-item {
  padding-left: 10px !important;
}
.flex {
  display: flex !important;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.flex-col {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.gap-2 {
  gap: 2px;
}
.gap-4 {
  gap: 4px;
}
.gap-8 {
  gap: 8px;
}
.gap-10 {
  gap: 10px;
}
.gap-12 {
  gap: 12px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-36 {
  gap: 36px;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fs-12 {
  font-size: 12px;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-24 {
  font-size: 24px;
}
.fs-26 {
  font-size: 26px;
}
.fs-28 {
  font-size: 28px;
}
.fs-30 {
  font-size: 30px;
}
.fs-32 {
  font-size: 32px;
}
.fs-34 {
  font-size: 34px;
}
.fs-38 {
  font-size: 38px;
}
.fs-42 {
  font-size: 42px;
}
.fs-48 {
  font-size: 48px;
}
.fs-52 {
  font-size: 52px;
}
.fs-62 {
  font-size: 62px;
}
.ls-10p-em {
  letter-spacing: 0.1em;
}
.uppercase {
  text-transform: uppercase;
}
.lh-50 {
  line-height: 50px;
}
.lh-1p6 {
  line-height: 1.6;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.break-word {
  overflow-wrap: break-word;
}
.overflow-anywhere {
  overflow-wrap: anywhere;
}
.h-100p {
  height: 100%;
}
.h-80p {
  height: 80%;
}
.h-50p {
  height: 50%;
}
.height-inherit {
  height: inherit;
}
.h-20x {
  height: 20px;
}
.h-40x {
  height: 40px;
}
.h-190x {
  height: 190px;
}
.m-0 {
  margin: 0;
}
.m-10 {
  margin: 10px !important;
}
.m-20 {
  margin: 20px !important;
}
.ml-auto {
  margin-left: auto;
}
.ml-0 {
  margin-left: 0;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-12 {
  margin-left: 12px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-auto {
  margin-left: auto;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-2 {
  margin-top: 2px;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-22 {
  margin-top: 22px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-n10 {
  margin-top: -10px !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-2 {
  margin-right: 2px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-7 {
  margin-right: 7px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-9 {
  margin-right: 9px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px;
}
.mr-25 {
  margin-right: 25px;
}
.mr-40 {
  margin-right: 40px;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-13 {
  margin-bottom: 13px;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-29 {
  margin-bottom: 29px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-100 {
  margin-bottom: 100px;
}
.mbs-1 {
  margin-block-start: 1em;
}
.mbe-1 {
  margin-block-end: 1em;
}
.mi-0 {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.p-0 {
  padding: 0 !important;
}
.p-15 {
  padding: 15px;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pl-20 {
  padding-left: 20px;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 1px;
}
.pt-2 {
  padding-top: 2px;
}
.pt-5 {
  padding-top: 5px;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-20 {
  padding-top: 20px;
}
.pt-25 {
  padding-top: 25px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-75 {
  padding-top: 75px;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-2 {
  padding-bottom: 2px;
}
.pb-5 {
  padding-bottom: 5px;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-25 {
  padding-bottom: 25px;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-75 {
  padding-bottom: 75px;
}
.pb-150 {
  padding-bottom: 200px;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-45 {
  padding-right: 45px;
}
.w-1p {
  width: 1%;
}
.w-5p {
  width: 5%;
}
.w-10p {
  width: 10%;
}
.w-12p {
  width: 12%;
}
.w-15p {
  width: 15%;
}
.w-17p {
  width: 17%;
}
.w-20p {
  width: 20%;
}
.w-21p {
  width: 21%;
}
.w-45p {
  width: 45%;
}
.w-50p {
  width: 50%;
}
.w-60p {
  width: 60%;
}
.w-80p {
  width: 80%;
}
.w-100p {
  width: 100%;
}
.w-20x {
  width: 20px;
}
.w-50x {
  width: 50px;
}
.w-130x {
  width: 130px;
}
.w-160x {
  width: 160px;
}
.w-200x {
  width: 200px;
}
.w-260x {
  width: 260px;
}
.w-300x {
  width: 300px;
}
.w-400x {
  width: 400px;
}
.w-900x {
  width: 900px;
}
.w-1000x {
  width: 1000px;
}
.w-1100x {
  width: 1100px;
}
.inline {
  display: inline !important;
}
.cursor {
  cursor: pointer;
}
.disable {
  pointer-events: none;
}
html {
  color-scheme: light dark;
  --mdc-checkbox-state-layer-size: 32px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mdc-icon-button-state-layer-size: 32px;
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mdc-radio-state-layer-size: 32px;
  --mdc-secondary-navigation-tab-container-height: 40px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
}
html {
  --mat-sys-background: light-dark("#f3f1ec", "#252423");
  --mat-sys-error: light-dark(#cb5d68, rgb(237.6666666667, 201, 204.6666666667));
  --mat-sys-error-container: light-dark(rgb(246.3333333333, 228, 229.8333333333), rgb(168.0560747664, 53.9439252336, 65.3551401869));
  --mat-sys-inverse-on-surface: light-dark("#eae8e3", "#3c3b37");
  --mat-sys-inverse-primary: light-dark(rgb(165.1351351351, 205.8738738739, 211.8648648649), #24464b);
  --mat-sys-inverse-surface: light-dark("#3c3b37", "#dddbd6");
  --mat-sys-on-background: light-dark("#2d2c2a", "#dddbd6");
  --mat-sys-on-error: light-dark(#ffffff, rgb(112.0373831776, 35.9626168224, 43.5700934579));
  --mat-sys-on-error-container: light-dark(rgb(168.0560747664, 53.9439252336, 65.3551401869), rgb(246.3333333333, 228, 229.8333333333));
  --mat-sys-on-primary: light-dark(#ffffff, rgb(18, 35, 37.5));
  --mat-sys-on-primary-container: light-dark(rgb(27, 52.5, 56.25), rgb(210.0675675676, 230.4369369369, 233.4324324324));
  --mat-sys-on-primary-fixed: light-dark(rgb(9, 17.5, 18.75), rgb(9, 17.5, 18.75));
  --mat-sys-on-primary-fixed-variant: light-dark(rgb(27, 52.5, 56.25), rgb(27, 52.5, 56.25));
  --mat-sys-on-secondary: light-dark(#ffffff, rgb(169.3636363636, 101.4090909091, 3.1363636364));
  --mat-sys-on-secondary-container: light-dark(rgb(250.4318181818, 151.4545454545, 8.3181818182), rgb(254.5, 243.6666666667, 228));
  --mat-sys-on-secondary-fixed: light-dark(rgb(84.6818181818, 50.7045454545, 1.5681818182), rgb(84.6818181818, 50.7045454545, 1.5681818182));
  --mat-sys-on-secondary-fixed-variant: light-dark(rgb(250.4318181818, 151.4545454545, 8.3181818182), rgb(250.4318181818, 151.4545454545, 8.3181818182));
  --mat-sys-on-surface: light-dark("#2d2c2a", "#dddbd6");
  --mat-sys-on-surface-variant: light-dark(#44474d, #e0e2ea);
  --mat-sys-on-tertiary: light-dark(#ffffff, #3f2844);
  --mat-sys-on-tertiary-container: light-dark(#573e5b, #fad8fc);
  --mat-sys-on-tertiary-fixed: light-dark(#29132e, #29132e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#573e5b, #573e5b);
  --mat-sys-outline: light-dark(#74777e, #8e9198);
  --mat-sys-outline-variant: light-dark(#c4c6ce, #44474d);
  --mat-sys-primary: light-dark(#24464b, rgb(165.1351351351, 205.8738738739, 211.8648648649));
  --mat-sys-primary-container: light-dark(rgb(210.0675675676, 230.4369369369, 233.4324324324), rgb(27, 52.5, 56.25));
  --mat-sys-primary-fixed: light-dark(rgb(210.0675675676, 230.4369369369, 233.4324324324), rgb(210.0675675676, 230.4369369369, 233.4324324324));
  --mat-sys-primary-fixed-dim: light-dark(rgb(165.1351351351, 205.8738738739, 211.8648648649), rgb(165.1351351351, 205.8738738739, 211.8648648649));
  --mat-sys-scrim: light-dark("#000000", "#000000");
  --mat-sys-secondary: light-dark(#fcbb5d, rgb(254, 232.3333333333, 201));
  --mat-sys-secondary-container: light-dark(rgb(254.5, 243.6666666667, 228), rgb(250.4318181818, 151.4545454545, 8.3181818182));
  --mat-sys-secondary-fixed: light-dark(rgb(254.5, 243.6666666667, 228), rgb(254.5, 243.6666666667, 228));
  --mat-sys-secondary-fixed-dim: light-dark(rgb(254, 232.3333333333, 201), rgb(254, 232.3333333333, 201));
  --mat-sys-shadow: light-dark("#000000", "#000000");
  --mat-sys-surface: light-dark("#f3f1ec", "#252423");
  --mat-sys-surface-bright: light-dark("#f3f1ec", "#42413d");
  --mat-sys-surface-container: light-dark("#e7e5e0", "#302f2d");
  --mat-sys-surface-container-high: light-dark("#e2e0db", "#373632");
  --mat-sys-surface-container-highest: light-dark("#dddbd6", "#3f3e3a");
  --mat-sys-surface-container-low: light-dark("#ede be6", "#2d2c2a");
  --mat-sys-surface-container-lowest: light-dark("#ffffff", "#1a1817");
  --mat-sys-surface-dim: light-dark("#d4d2cd", "#252423");
  --mat-sys-surface-tint: light-dark(#24464b, rgb(165.1351351351, 205.8738738739, 211.8648648649));
  --mat-sys-surface-variant: light-dark(#e0e2ea, #44474d);
  --mat-sys-tertiary: light-dark(#705574, #ddbce0);
  --mat-sys-tertiary-container: light-dark(#fad8fc, #573e5b);
  --mat-sys-tertiary-fixed: light-dark(#fad8fc, #fad8fc);
  --mat-sys-tertiary-fixed-dim: light-dark(#ddbce0, #ddbce0);
  --mat-sys-neutral-variant20: #2d3036;
  --mat-sys-neutral10: #2d2c2a;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px #000000,
    0px 0px 0px 0px #000000,
    0px 0px 0px 0px #000000;
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px #000000,
    0px 1px 1px 0px #000000,
    0px 1px 3px 0px #000000;
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px #000000,
    0px 3px 4px 0px #000000,
    0px 1px 8px 0px #000000;
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px #000000,
    0px 6px 10px 0px #000000,
    0px 1px 18px 0px #000000;
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px #000000,
    0px 8px 10px 1px #000000,
    0px 3px 14px 2px #000000;
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px #000000,
    0px 12px 17px 2px #000000,
    0px 5px 22px 4px #000000;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body {
  background-color: var(--mat-sys-background);
  color: var(--mat-sys-on-background);
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 0.95rem;
}
.loading {
  text-align: center;
  margin-top: 2rem;
}
.suite-header {
  margin-bottom: 1.5rem;
  text-align: center;
}
.step-card {
  margin-bottom: 1.5rem;
  background: white;
}
.section-label {
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  color: #333;
}
ul {
  padding-left: 1.25rem;
  margin: 0.25rem 0;
}
li {
  margin: 0.25rem 0;
}
.btn-primary-solid {
  --mdc-filled-button-container-shape: 8px;
}
.btn-primary-solid {
  --mdc-filled-button-container-height: 32px;
}
.btn-primary-solid {
  --mat-filled-button-horizontal-padding: 12px;
}
.btn-primary-solid {
  --mat-icon-color: var(--mat-sys-on-primary);
}
.btn-primary-solid mat-icon {
  height: 18px !important;
  width: 18px !important;
  font-size: 18px !important;
  margin: 0 !important;
  margin-right: 4px !important;
}
.btn-error-outline {
  --mat-outlined-button-ripple-color: var(--mat-sys-error);
}
.btn-error-outline {
  --mdc-outlined-button-outline-color: var(--mat-sys-error);
}
.btn-error-outline {
  --mdc-outlined-button-label-text-color: var(--mat-sys-error);
}
.btn-error-outline {
  --mdc-outlined-button-container-shape: 8px;
}
.btn-error-outline {
  --mdc-outlined-button-container-height: 32px;
}
.btn-error-outline {
  --mat-outlined-button-horizontal-padding: 12px;
}
.btn-error-outline {
  --mat-icon-color: var(--mat-sys-error);
}
.btn-error-outline mat-icon {
  height: 18px !important;
  width: 18px !important;
  font-size: 18px !important;
  margin: 0 !important;
  margin-right: 4px !important;
}
.description {
  margin-bottom: 10px;
}
.description .header {
  font-size: 1.25em;
  font-weight: 500;
  text-decoration: underline;
}
.code-container {
  border: 1px solid #ccc;
  background-color: var(--mat-sys-background);
  margin: 1rem 0;
  font-family: monospace;
  border-radius: 6px;
  overflow: hidden;
}
.code-header {
  background-color: var(--mat-sys-surface-variant);
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9rem;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.code-header .expand-icon {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.code-header.expanded .expand-icon {
  transform: rotate(180deg);
}
.code-header:hover {
  background-color: var(--mat-sys-hover);
}
.code-container pre {
  padding: 1rem;
  margin: 0;
  overflow-x: auto;
  white-space: pre-wrap;
}
.hidden {
  display: none;
}
.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {
  display: none !important;
}
.mdc-list-item--with-trailing-radio.mdc-list-item:not(:last-child),
.mdc-list-item--with-trailing-checkbox.mdc-list-item:not(:last-child) {
  border-bottom: 1px solid var(--mat-sys-outline-variant);
}
:root {
  --mdc-dialog-container-shape: 8px;
}
.release-dialog-panel {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

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