@charset "UTF-8";

/* src/assets/styles/main.scss */
html {
  --mat-sys-background: #f9f9ff;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #eff0fa;
  --mat-sys-inverse-primary: #acc7ff;
  --mat-sys-inverse-surface: #2d3038;
  --mat-sys-on-background: #191c23;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #004492;
  --mat-sys-on-primary-fixed: #001a40;
  --mat-sys-on-primary-fixed-variant: #004492;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #2e4672;
  --mat-sys-on-secondary-fixed: #001a40;
  --mat-sys-on-secondary-fixed-variant: #2e4672;
  --mat-sys-on-surface: #191c23;
  --mat-sys-on-surface-variant: #414754;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #721891;
  --mat-sys-on-tertiary-fixed: #330045;
  --mat-sys-on-tertiary-fixed-variant: #721891;
  --mat-sys-outline: #727785;
  --mat-sys-outline-variant: #c1c6d6;
  --mat-sys-primary: #005bbf;
  --mat-sys-primary-container: #d7e2ff;
  --mat-sys-primary-fixed: #d7e2ff;
  --mat-sys-primary-fixed-dim: #acc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #475e8c;
  --mat-sys-secondary-container: #d7e2ff;
  --mat-sys-secondary-fixed: #d7e2ff;
  --mat-sys-secondary-fixed-dim: #afc7fa;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f9f9ff;
  --mat-sys-surface-bright: #f9f9ff;
  --mat-sys-surface-container: #ecedf7;
  --mat-sys-surface-container-high: #e6e8f2;
  --mat-sys-surface-container-highest: #e0e2ec;
  --mat-sys-surface-container-low: #f2f3fd;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #d8d9e3;
  --mat-sys-surface-tint: #005bbf;
  --mat-sys-surface-variant: #dee2f2;
  --mat-sys-tertiary: #8c37ab;
  --mat-sys-tertiary-container: #fad7ff;
  --mat-sys-tertiary-fixed: #fad7ff;
  --mat-sys-tertiary-fixed-dim: #efb0ff;
  --mat-sys-neutral-variant20: #2b303d;
  --mat-sys-neutral10: #191c23;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-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;
  --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;
}
html .theme-xelsis {
  --mat-sys-background: #fef8f6;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f6efee;
  --mat-sys-inverse-primary: #d9c2b8;
  --mat-sys-inverse-surface: #32302f;
  --mat-sys-on-background: #1d1b1a;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #54433c;
  --mat-sys-on-primary-fixed: #251913;
  --mat-sys-on-primary-fixed-variant: #54433c;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4e4541;
  --mat-sys-on-secondary-fixed: #211a17;
  --mat-sys-on-secondary-fixed-variant: #4e4541;
  --mat-sys-on-surface: #1d1b1a;
  --mat-sys-on-surface-variant: #4f4541;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #4b4738;
  --mat-sys-on-tertiary-fixed: #1e1c10;
  --mat-sys-on-tertiary-fixed-variant: #4b4738;
  --mat-sys-outline: #807570;
  --mat-sys-outline-variant: #d2c4be;
  --mat-sys-primary: #6d5b53;
  --mat-sys-primary-container: #f6ddd3;
  --mat-sys-primary-fixed: #f6ddd3;
  --mat-sys-primary-fixed-dim: #d9c2b8;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #665c59;
  --mat-sys-secondary-container: #ede0db;
  --mat-sys-secondary-fixed: #ede0db;
  --mat-sys-secondary-fixed-dim: #d1c4bf;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #fef8f6;
  --mat-sys-surface-bright: #fef8f6;
  --mat-sys-surface-container: #f3eceb;
  --mat-sys-surface-container-high: #ede7e5;
  --mat-sys-surface-container-highest: #e7e1df;
  --mat-sys-surface-container-low: #f9f2f0;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dfd9d7;
  --mat-sys-surface-tint: #6d5b53;
  --mat-sys-surface-variant: #efdfda;
  --mat-sys-tertiary: #635e4f;
  --mat-sys-tertiary-container: #eae2cf;
  --mat-sys-tertiary-fixed: #eae2cf;
  --mat-sys-tertiary-fixed-dim: #cdc6b3;
  --mat-sys-neutral-variant20: #372f2b;
  --mat-sys-neutral10: #1d1b1a;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-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;
  --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;
}
@font-face {
  font-family: NeueFrutigerWorld;
  src: url(/assets/fonts/NeueFrutigerWorld-Light/NeueFrutigerWorld-Light.woff2);
  src: url(/assets/fonts/NeueFrutigerWorld-Light/NeueFrutigerWorld-Light.woff2) format("woff2"), url(/assets/fonts/NeueFrutigerWorld-Light/NeueFrutigerWorld-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: NeueFrutigerWorld;
  src: url(/assets/fonts/NeueFrutigerWorld-Medium/NeueFrutigerWorld-Medium.woff2);
  src: url(/assets/fonts/NeueFrutigerWorld-Medium/NeueFrutigerWorld-Medium.woff2) format("woff2"), url(/assets/fonts/NeueFrutigerWorld-Medium/NeueFrutigerWorld-Medium.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: NeueFrutigerWorld;
  src: url(/assets/fonts/NeueFrutigerWorld-Bold/NeueFrutigerWorld-Bold.woff2);
  src: url(/assets/fonts/NeueFrutigerWorld-Bold/NeueFrutigerWorld-Bold.woff2) format("woff2"), url(/assets/fonts/NeueFrutigerWorld-Bold/NeueFrutigerWorld-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: NeueFrutigerWorld-X;
  src: url(/assets/fonts/NeueFrutigerWorld-Heavy/NeueFrutigerWorld-Heavy.woff2);
  src: url(/assets/fonts/NeueFrutigerWorld-Heavy/NeueFrutigerWorld-Heavy.woff2) format("woff2"), url(/assets/fonts/NeueFrutigerWorld-Heavy/NeueFrutigerWorld-Heavy.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: NeueFrutigerWorld-Book;
  src: url(/assets/fonts/NeueFrutigerWorld-Book/NeueFrutigerWorld-Book.woff2);
  src: url(/assets/fonts/NeueFrutigerWorld-Book/NeueFrutigerWorld-Book.woff2) format("woff2"), url(/assets/fonts/NeueFrutigerWorld-Book/NeueFrutigerWorld-Book.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --color-error-100: #f9e8ea;
  --color-error-400: #ec5f67;
  --color-error-500: #e83a44;
  --color-error-600: #db1a25;
  --color-error-700: #a4131c;
  --color-primary-100: #ebf4ff;
  --color-primary-200: #cce2fa;
  --color-primary-300: #acd0f5;
  --color-primary-400: #569eeb;
  --color-primary-500: #006ce0;
  --color-primary-600: #0056b3;
  --color-primary-700: #053d85;
  --color-primary-800: #0a2457;
  --color-primary-900: #122348;
  --color-success-100: #d7f4dc;
  --color-success-500: #37c852;
  --color-success-700: #217831;
  --color-warn-100: #fcecd6;
  --color-warn-400: #f4b55d;
  --color-warn-500: #f2a83e;
  --color-warn-600: #f09d28;
  --color-warn-700: #ee9211;
  --color-black: #000000;
  --color-grey-100: #f4f4f4;
  --color-grey-200: #efefef;
  --color-grey-300: #e5e5e5;
  --color-grey-400: #d8d8d8;
  --color-grey-500: #b6b6b6;
  --color-grey-600: #949494;
  --color-grey-700: #6e6e6e;
  --color-grey-800: #3c3c3c;
  --color-grey-900: #1e1e1e;
  --color-white: #ffffff;
  --color-calendar-legend: #00bcb8;
  --color-landing-page: #1a1a87;
  --gradient-sidenav:
    linear-gradient(
      225deg,
      #152d8c 0%,
      #0c6399 50%,
      #02a0a4 100%);
  --mat-chip-outline-color: transparent;
}
:root .theme-nutriu {
  --color-landing-page: #0056b3;
  --color-primary-100: #ebf4ff;
  --color-primary-200: #cce2fa;
  --color-primary-300: #acd0f5;
  --color-primary-400: #569eeb;
  --color-primary-500: #006ce0;
  --color-primary-600: #0056b3;
  --color-primary-700: #053d85;
  --color-primary-800: #0a2457;
  --color-primary-900: #122348;
  --color-text: #17191d;
  --gradient-sidenav:
    linear-gradient(
      225deg,
      #152d8c 0%,
      #0c6399 50%,
      #02a0a4 100%);
}
:root .theme-xelsis {
  --color-landing-page: #ad876e;
  --color-primary-100: #f3efec;
  --color-primary-200: #decfc5;
  --color-primary-300: #c8ae9e;
  --color-primary-400: #ad876e;
  --color-primary-500: #8c6e59;
  --color-primary-600: #6b5444;
  --color-primary-700: #4a3a2f;
  --color-primary-800: #392d25;
  --color-primary-900: #28201a;
  --color-text: #1d1b17;
  --gradient-sidenav:
    linear-gradient(
      225deg,
      #4e3e37 0%,
      #ad876e 50%,
      #ccb5a3 100%);
}
* {
  --color-border: var(--color-grey-300);
  --color-disabled: var(--color-grey-400);
  --color-label: var(--color-primary-900);
  --color-placeholder: var(--color-grey-500);
  --color-text-light: var(--color-grey-800);
  --color-text: var(--color-grey-900);
  --mat-radio-selected-focus-icon-color: var(--color-label);
  --mat-radio-selected-hover-icon-color: var(--color-label);
  --mat-radio-selected-icon-color: var(--color-label);
}
:root {
  --width-navigation-sidebar: 240px;
  --height-navigation-sidebar: 224px;
  --font-primary: "NeueFrutigerWorld-Book";
  --font-secondary: "NeueFrutigerWorld";
  --font-ternary: "NeueFrutigerWorld-X";
  --box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 20%);
  --box-shadow-small: 0 0 6px 0 rgba(0, 0, 0, 20%);
  --margin-button-icon: 8px;
  --margin-browse-bottom: 50px;
  --margin-section: 16px;
  --spacing: 24px;
  --padding-form-bottom: 150px;
  --image-size-content-list: 72px;
  --image-size-content-list-small: 62px;
  --height-dropdown-option: 42px;
  --gap-form-column: 48px;
  --mat-sys-title-medium-size: 14px;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-sidenav-container-shape: 0;
}
.link {
  color: var(--color-primary-500);
  text-decoration: none;
}
.link--bold {
  font-weight: bold;
}
.link:hover {
  text-decoration: underline;
}
.link-dark {
  color: var(--color-label);
  text-decoration: none;
  cursor: pointer;
}
.link-dark:hover {
  text-decoration: underline;
}
.list-row {
  background-color: var(--color-white);
  color: var(--color-text);
}
.list-row:hover {
  background-color: var(--color-primary-100);
}
.bar-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.bar-view-container {
  display: flex;
  height: 100vh;
}
.bar-list {
  flex: 1;
}
@media print {
  .bar-view-container {
    height: 100%;
    overflow-y: visible;
  }
}
.padding {
  padding: 16px;
}
.nutriu calendar {
  color: var(--color-text-light);
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: normal;
}
.nutriu .cal-header {
  font-size: 12px;
}
.nutriu .cal-month-view .cal-day-cell {
  display: block;
}
.nutriu .cal-month-view .cal-day-cell.cal-today {
  background-color: inherit;
}
.nutriu .cal-month-view .cal-day-cell.cal-today .cell-header .cell-date {
  background-color: var(--color-primary-300);
  color: var(--color-primary-600);
  font-weight: bold;
}
.nutriu .cal-month-view .cal-day-cell.cal-today .cell-date {
  background-color: var(--color-success-500);
  color: var(--color-white);
}
.nutriu .cal-month-view .cal-cell {
  width: 14.2857142857%;
  min-height: 106px;
}
.nutriu .cal-month-view .cal-cell:hover {
  cursor: pointer;
}
.nutriu .cal-month-view .cal-days {
  border-left: none;
  border-right: none;
}
.nutriu .cal-month-view .cal-days .cal-cell {
  min-height: 106px;
}
.nutriu .cal-month-view .cal-days :last-child .cal-cell-row {
  border-bottom: none;
}
.nutriu .cal-month-view .cal-header:hover {
  background-color: transparent;
}
.nutriu .cal-month-view .cal-header .cal-cell {
  cursor: default;
  padding: 16px 0;
  min-height: auto;
}
.nutriu .cal-month-view .cal-header .cal-cell:hover {
  background-color: transparent;
}
.nutriu .cal-month-view .cal-days .cal-weekend {
  background-color: var(--color-grey-100);
}
.nutriu .cal-week-view {
  border: none;
}
.nutriu .cal-week-view .cal-day-headers {
  border: none;
  padding-left: 76px;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 8px;
}
.nutriu .cal-week-view .cal-day-headers .cal-header {
  border: none;
  color: var(--color-text-light);
}
.nutriu .cal-week-view .cal-day-headers .cal-header:hover {
  background-color: inherit;
}
.nutriu .cal-week-view .cal-day-headers .cal-header.cal-weekend {
  opacity: 1;
  color: var(--color-text-light);
}
.nutriu .cal-week-view .cal-day-headers .cal-header.cal-weekend span {
  color: var(--color-text-light);
}
.nutriu .cal-week-view .cal-day-headers .cal-header span {
  border-radius: 2px;
  color: var(--color-primary-600);
  display: block;
  font-size: 12px;
  height: 22px;
  margin: 0 auto;
  margin-top: 4px;
  opacity: 1;
  text-align: center;
  width: 22px;
}
.nutriu .cal-week-view .cal-day-headers .cal-header.cal-today {
  background-color: inherit;
}
.nutriu .cal-week-view .cal-day-headers .cal-header.cal-today span {
  background-color: var(--color-primary-300);
  font-weight: bold;
}
.nutriu .cal-week-view .cal-day-columns {
  height: 100%;
}
.nutriu .cal-week-view .cal-day-column:first-of-type:not(:only-of-type),
.nutriu .cal-week-view .cal-day-column:last-of-type:not(:only-of-type) {
  background-color: var(--color-grey-100);
}
.nutriu .cal-week-view .cal-day-column .cal-hour {
  border-top-color: transparent;
}
.nutriu .cal-week-view .cal-day-column .cal-hour + .cal-hour {
  border-top-color: var(--color-border);
}
.nutriu .cal-week-view .cal-hour {
  background-color: inherit;
}
.nutriu .cal-week-view .cal-hour .cal-hour-segment {
  border-bottom: 1px solid var(--color-border);
}
.nutriu .cal-week-view .cal-hour .cal-hour-segment:hover {
  cursor: pointer;
}
.nutriu .cal-week-view .cal-hour:last-of-type .cal-hour-segment {
  border-bottom: none;
}
.nutriu .cal-week-view .cal-time-events {
  max-height: 640px;
  border-left: none;
  border-bottom: none;
  border-right: none;
  overflow: scroll;
}
.nutriu .cal-week-view .cal-time-events .cal-time {
  color: var(--color-grey-500);
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  padding-right: 16px;
  padding-top: 8px;
  text-align: right;
  width: 76px;
}
.nutriu .cal-week-view .cal-time-events .cal-time-label-column {
  width: 76px;
}
.nutriu .cal-week-view .cal-time-events .cal-time-label-column .cal-hour-segment:hover {
  cursor: initial;
}
.nutriu .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-hour-segment {
  border-bottom: none;
  position: relative;
}
.nutriu .cal-week-view .cal-time-events .cal-time-label-column .cal-hour .cal-time {
  padding-top: 0;
  position: absolute;
  top: -10px;
  right: 0;
}
.nutriu .cal-week-view .cal-time-events .cal-time-label-column .cal-hour:first-of-type .cal-time {
  display: none;
}
.nutriu .cal-week-view .cal-time-events .cal-hour-odd {
  background-color: inherit;
}
.nutriu .cal-week-view .cal-time-events .cal-event {
  padding: 0;
  border: none;
  border-radius: initial;
  background: none;
}
.nutriu .cal-week-view .cal-time-events .cal-event .event {
  height: 100%;
  margin: 0;
}
.nutriu .mat-accordion .mat-expansion-panel:first-of-type {
  border-radius: 0;
}
.nutriu .mat-accordion .mat-expansion-panel:last-of-type {
  border-radius: 0;
}
.nut-checkbox.mat-mdc-checkbox {
  --mat-checkbox-state-layer-size: 16px;
  line-height: 16px;
  pointer-events: none;
}
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox {
  padding: 0;
  width: var(--mat-checkbox-state-layer-size, 16px);
  height: var(--mat-checkbox-state-layer-size, 16px);
  border: none;
}
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__checkmark {
  color: var(--color-white);
}
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: var(--color-white);
}
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
  width: var(--mat-checkbox-state-layer-size, 16px);
  height: var(--mat-checkbox-state-layer-size, 16px);
  border-color: var(--color-label) !important;
}
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox:hover {
  cursor: pointer;
}
.nut-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--color-label) !important;
}
.nut-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__mixedmark,
.nut-checkbox.mat-mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__mixedmark {
  background-color: var(--color-label);
}
.nut-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  border-color: var(--color-disabled) !important;
}
.nut-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background,
.nut-checkbox.mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--color-disabled) !important;
}
.nut-checkbox.mat-mdc-checkbox.nut-checkbox--size-medium {
  --mat-checkbox-state-layer-size: 18px;
  line-height: 18px;
}
.nut-checkbox.mat-mdc-checkbox.nut-checkbox--size-medium .mdc-checkbox {
  width: var(--mat-checkbox-state-layer-size, 18px);
  height: var(--mat-checkbox-state-layer-size, 18px);
}
.nut-checkbox.mat-mdc-checkbox.nut-checkbox--size-big {
  --mat-checkbox-state-layer-size: 20px;
  line-height: 20px;
}
.nut-checkbox.mat-mdc-checkbox.nut-checkbox--size-big .mdc-checkbox {
  width: var(--mat-checkbox-state-layer-size, 20px);
  height: var(--mat-checkbox-state-layer-size, 20px);
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip {
  display: inline-block;
  background-color: var(--color-primary-100);
  padding: 4px 12px 4px 6px;
  border-radius: 4px;
  cursor: default;
  font-size: 14px;
  line-height: 22px;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip:focus {
  outline: none;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip .mat-mdc-chip-focus-overlay {
  opacity: 0;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip .mat-mdc-chip-action {
  padding-left: 0;
  padding-right: 0;
  cursor: default;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip .chip-option-content {
  display: flex;
  align-items: center;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip .icon {
  height: 22px;
  width: 22px;
  padding: 0;
  opacity: 1;
  cursor: pointer;
}
mat-chip-option.mat-mdc-chip-option.mat-mdc-chip .label {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin: 0;
  margin-left: 4px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  min-height: 22px;
  letter-spacing: initial;
}
.dropdown-container .mdc-evolution-chip-set .mdc-evolution-chip-set__chips {
  margin: 0 0 -4px 0;
}
.nutriu .mat-calendar {
  background-color: var(--color-white);
  box-shadow: var(--box-shadow);
  font-weight: bold;
}
.nutriu .mat-calendar .mat-calendar-header {
  padding-top: 0;
}
.nutriu .mat-calendar .mat-calendar-header .mat-calendar-period-button {
  background: transparent;
  border: none;
  color: var(--color-text-light);
}
.nutriu .mat-calendar .mat-calendar-body-cell-content {
  border-radius: 4px;
}
.nutriu .mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-selected {
  color: var(--color-primary-600);
  background-color: var(--color-primary-300);
  font-family: var(--font-ternary);
}
.nutriu .mat-calendar .mat-calendar-table-header {
  font-weight: bold;
}
.cdk-overlay-container .cdk-overlay-dark-backdrop {
  background: var(--color-white);
  opacity: 0.5;
}
.cdk-overlay-container .cdk-global-overlay-wrapper .publishing-problems-modal {
  min-width: 750px;
}
.nutriu .mat-mdc-dialog-surface {
  padding: 24px;
  background: var(--color-white);
  box-shadow: 0px 10px 36px 8px rgba(0, 0, 0, 0.25) !important;
  border-radius: 4px;
  overflow: visible !important;
  color: var(--color-text-light);
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-title.mdc-dialog__title {
  font-family: var(--font-secondary);
  font-weight: normal;
  word-wrap: break-word;
  max-height: 300px;
  overflow: auto;
  margin: 0 0 12px;
  line-height: 1.8;
  padding: 0;
  letter-spacing: 0.25px;
  color: var(--color-text-light);
  font-size: 22px;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-title.mdc-dialog__title::before {
  display: none;
}
.nutriu .mat-mdc-dialog-surface .mat-dialog-subtitle {
  color: var(--color-text-light);
  line-height: 1.5;
  padding: 0 0 12px;
  margin: 0;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content {
  --mat-dialog-supporting-text-tracking: normal;
  --mat-dialog-supporting-text-color: $base-grey-color;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content .dialog-content-item {
  padding: 12px 0;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content .dialog-content-item--form-field {
  padding-bottom: 20px;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content .dialog-content-item:last-child {
  padding-bottom: 0;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-content.mdc-dialog__content .error-subtitle {
  color: var(--color-error-500);
  font-size: 14px;
  margin-top: 32px;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-actions {
  padding: 30px 0 0;
  border-top-width: 0;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:not(:last-child) {
  margin-right: 8px;
  margin-left: 0;
}
.nutriu .mat-mdc-dialog-surface .mat-mdc-dialog-actions button:last-child {
  margin: 0;
}
.nutriu .navigation-sidebar-container .mat-expansion-panel .mat-expansion-panel-header:not(.mat-expanded):hover {
  background: rgba(0, 0, 0, 0.2);
}
.nutriu .mat-expansion-panel {
  background: transparent;
  box-shadow: none;
}
.nutriu .mat-expansion-panel-header {
  padding: 0;
  font-family: var(--font-secondary);
  height: auto;
}
.nutriu .mat-expansion-panel-header.mat-expanded {
  height: auto;
}
.nutriu .mat-expansion-panel-header.mat-expanded:hover {
  background: rgba(0, 0, 0, 0.2);
}
.nutriu .mat-expansion-panel-header:hover {
  background: rgba(0, 0, 0, 0.2);
}
.nutriu .mat-expansion-panel-body {
  margin: 0;
  padding: 0;
}
.nutriu .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.nutriu .mat-expansion-panel.custom-design {
  border-radius: 0;
}
.nutriu .mat-expansion-panel.custom-design .mat-content {
  display: block;
}
.nutriu .mat-expansion-panel.custom-design .mat-expansion-indicator {
  display: none;
}
.nutriu .mat-expansion-panel.custom-design .mat-expansion-panel-header.mat-expanded:not(:hover) {
  background-color: var(--color-grey-400);
}
.nutriu .mat-action-row {
  justify-content: flex-start;
  padding: 0;
  border: none;
}
.nutriu .mat-expansion-indicator {
  padding: 8px 16px;
}
.nutriu .mat-expansion-indicator:after {
  color: var(--color-white);
}
.nutriu .primary .mat-expansion-indicator:after {
  color: var(--color-primary-500);
}
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded {
  background-color: transparent !important;
}
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded .list-view .content,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded .list-view .header,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded .list-view .rows,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded .list-view .list-row {
  background-color: transparent !important;
}
.nutriu recipe-step-forms-container .mat-expansion-panel-header:hover,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded:hover {
  background-color: rgba(9, 10, 4, 0.03) !important;
}
.nutriu recipe-step-forms-container .mat-expansion-panel-header:hover .list-view .content,
.nutriu recipe-step-forms-container .mat-expansion-panel-header:hover .list-view .header,
.nutriu recipe-step-forms-container .mat-expansion-panel-header:hover .list-view .rows,
.nutriu recipe-step-forms-container .mat-expansion-panel-header:hover .list-view .list-row,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded:hover .list-view .content,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded:hover .list-view .header,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded:hover .list-view .rows,
.nutriu recipe-step-forms-container .mat-expansion-panel.mat-expanded:hover .list-view .list-row {
  background-color:
    9,
    10,
    4,
    0.03 !important;
}
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded:hover {
  background-color: var(--color-error-100) !important;
}
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded .list-view .content,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded .list-view .header,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded .list-view .rows,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded .list-view .list-row,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded:hover .list-view .content,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded:hover .list-view .header,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded:hover .list-view .rows,
.nutriu recipe-step-forms-container .is-error .mat-expansion-panel.mat-expanded:hover .list-view .list-row {
  background-color: var(--color-error-100) !important;
}
.nutriu recipe-step-list-item .mat-expansion-panel-body {
  padding-left: 0;
  padding-right: 0;
}
.nutriu recipe-step-cooking-variable-collapsible-item .mat-expansion-panel-header {
  overflow: hidden;
}
.nutriu recipe-step-cooking-variable-collapsible-item .mat-expansion-panel-header .mat-expansion-panel-header-title {
  margin-right: 0;
}
.nutriu recipe-step-cooking-variable-collapsible-item .mat-expansion-panel-header .mat-expansion-indicator {
  display: none;
}
.nutriu recipe-step-cooking-variable-collapsible-item .mat-expansion-panel.mat-expanded recipe-step-cooking-variable-item {
  border-top: 1px solid var(--color-border);
}
.nutriu .expandable-sub-section .mat-expansion-panel {
  border-radius: 0;
}
.nutriu .expandable-sub-section .mat-expansion-panel:hover {
  background-color: none;
}
.nutriu .expandable-sub-section .mat-expansion-panel-header {
  padding: 0 24px;
}
.nutriu .expandable-sub-section .mat-expansion-panel-header-title {
  color: var(--color-primary-600);
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.nutriu .expandable-sub-section .mat-expansion-panel-header .mat-expansion-indicator::after {
  color: var(--color-primary-500);
}
.nutriu step-descriptions .mat-expansion-indicator::after {
  color: var(--color-primary-500);
}
.nutriu step-descriptions .mat-expansion-panel-body {
  background-color: var(--color-grey-100);
  padding: 0 24px;
}
.nutriu search-filters .filters mat-expansion-panel-header.mat-expansion-panel-header {
  transition: background-color 0.2s;
}
.nutriu search-filters .filters mat-expansion-panel-header.mat-expansion-panel-header:hover {
  background: rgba(0, 0, 0, 0.05);
}
.mat-mdc-form-field {
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-subscript-text-line-height: 25px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-filled-label-text-size: 14px;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-container-color: transparent;
  --mat-form-field-filled-hover-active-indicator-color: var(--color-grey-500);
}
.mat-mdc-form-field .mdc-text-field {
  padding: 0;
}
.mat-mdc-form-field .mdc-text-field:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 14px;
  padding-bottom: 2px;
}
.mat-mdc-form-field .mdc-text-field .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.mat-mdc-form-field .mdc-text-field .mat-mdc-form-field-infix {
  min-height: 38px;
}
.mat-mdc-form-field .mdc-text-field .mdc-floating-label {
  top: 25px;
  will-change: initial;
}
.mat-mdc-form-field .mdc-text-field .mdc-floating-label--float-above {
  top: 23px;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  height: 18px;
}
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error::before {
  display: inline;
}
.nutriu .mat-icon.small {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
.nutriu .mat-icon.large {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.nutriu .mat-icon.extra-large {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
.nutriu .mat-icon.primary {
  color: var(--color-primary-500);
}
.nutriu .mat-icon.success {
  color: var(--color-success-500);
}
.nutriu .mat-icon.warning {
  color: var(--color-warn-500);
}
.nutriu .mat-icon.error {
  color: var(--color-error-500);
}
.nutriu .mat-icon.with-background {
  background-color: var(--color-primary-100);
  color: var(--color-primary-500);
}
.nutriu .mat-icon.with-background.small {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nutriu .mat-icon.with-background.small svg {
  width: 10px;
  height: 10px;
}
.nutriu .mat-icon.with-background.large {
  padding: 8px;
  border-radius: 16px;
}
.nutriu .mat-icon.with-background.extra-large {
  padding: 12px;
  border-radius: 24px;
}
.nutriu .mat-icon.with-background.success {
  background-color: var(--color-success-100);
  color: var(--color-success-500);
}
.nutriu .mat-icon.with-background.warning {
  background-color: var(--color-warn-100);
  color: var(--color-warn-500);
}
.nutriu .mat-icon.with-background.error {
  background-color: var(--color-error-100);
  color: var(--color-error-500);
}
.nutriu .mat-mdc-menu-panel {
  background-color: var(--color-white);
  border-radius: 0;
  max-width: inherit;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.nutriu .mat-mdc-menu-panel .mat-mdc-menu-item {
  font-family: var(--font-primary);
  font-size: 16px;
  background: transparent;
  transition: background-color 0.2s;
}
.nutriu .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  letter-spacing: normal;
}
.nutriu .mat-mdc-menu-panel .mat-mdc-menu-item:hover {
  background-color: var(--color-primary-100);
}
.nutriu .mat-mdc-menu-content {
  padding: 0;
}
.mdc-radio__outer-circle,
.mdc-radio__inner-circle {
  border-color: var(--color-label);
}
.mat-mdc-radio-button .mdc-radio {
  --mat-radio-state-layer-size: 20px;
  --mat-mdc-radio-ripple-color: transparent;
  --mat-mdc-radio-checked-ripple-color: transparent;
}
.mat-mdc-radio-button .mdc-form-field > label {
  padding-left: 16px;
  cursor: pointer;
  letter-spacing: normal;
}
.mat-mdc-radio-button .mat-mdc-radio-touch-target {
  display: none;
}
.mat-mdc-radio-button.nut-radio-button--padding-left-small .mdc-form-field label {
  padding-left: 8px;
}
.mat-mdc-radio-button.nut-radio-button--align-start .mdc-form-field {
  align-items: flex-start;
}
.mat-mdc-radio-button.nut-radio-button--with-multirow-label .radio-button-item-label .subtitle {
  margin: 0;
}
.mat-mdc-radio-button.nut-radio-button--with-multirow-label .radio-button-item-label .information {
  margin: 0 0 6px;
}
.mat-sidenav.mat-drawer-side {
  border: none;
  border-radius: 0;
}
.mat-drawer-backdrop.mat-drawer-shown {
  display: none;
}
.mat-drawer {
  box-shadow: none;
}
.mat-mdc-slide-toggle .mdc-form-field--align-end > label {
  margin-right: 12px;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab__text-label {
  letter-spacing: normal;
  color: var(--color-text-light);
}
.mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab__text-label a {
  color: inherit;
  text-decoration: none;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab--active .mdc-tab__text-label {
  font-weight: bold;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab-indicator__content {
  transition: 0.2s;
  border-top-width: 4px;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab {
  min-width: 0;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab .mdc-tab__ripple::before {
  opacity: 0;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-ripple-element {
  background: rgb(0, 0, 0);
}
.mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron {
  border-color: var(--color-primary-500);
}
.mat-mdc-tab-group .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  opacity: 1;
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-tab-group .mat-mdc-tab-header-pagination-after:not(.mat-mdc-tab-group .mat-mdc-tab-header-pagination-disabled) {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-mdc-tab-group .mat-mdc-tab-header-pagination-before:not(.mat-mdc-tab-group .mat-mdc-tab-header-pagination-disabled) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-mdc-tab-group.nut-tab-group--with-underline .mat-mdc-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-mdc-tab-group.nut-tab-group--with-min-tab-width .mat-mdc-tab {
  min-width: 160px;
}
.mat-mdc-tab-group.nut-tab-group--with-hover-effect .mdc-tab:hover .mdc-tab__text-label {
  font-weight: bold;
}
.mat-mdc-tab-group.nut-tab-group--with-hover-effect .mdc-tab:hover .mdc-tab-indicator__content {
  opacity: 1;
}
.mat-mdc-tab-group.nut-tab-group--with-margin-bottom .mat-mdc-tab-body-wrapper {
  margin-top: 16px;
}
mat-tooltip-component .mdc-tooltip .mdc-tooltip__surface {
  background-color: var(--color-label) !important;
  font-family: var(--font-secondary) !important;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.1px;
  height: auto !important;
  white-space: pre-line;
  line-height: 14px;
  max-width: 250px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  text-align: center;
}
.mat-mdc-paginator {
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-color: $label-color;
}
.mat-mdc-paginator .mat-mdc-icon-button {
  padding: 6px;
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.mat-mdc-paginator .mat-mdc-icon-button:disabled .mat-mdc-paginator-icon {
  fill: rgba(0, 0, 0, 0.26);
}
.mat-mdc-paginator .mat-mdc-icon-button svg {
  --mat-icon-button-icon-size: $button-icon-size;
}
.mat-mdc-paginator .mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 40px;
  height: 40px;
}
.mat-mdc-paginator .mat-mdc-button-persistent-ripple {
  display: none;
}
.mat-mdc-row.mdc-data-table__row:last-child .mdc-data-table__cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.select-panel.mat-mdc-select-panel .mat-pseudo-checkbox {
  border-color: var(--color-label);
  background-color: transparent;
  margin-right: 16px;
}
.select-panel.mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  border-color: var(--color-label);
  background-color: var(--color-label);
}
.select-panel.mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
  color: var(--color-white);
}
.select-panel.mat-mdc-select-panel .mat-option-disabled .mat-pseudo-checkbox {
  border-color: var(--color-grey-700);
}
.select-panel.mat-mdc-select-panel .mat-option-disabled .mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
  border-color: var(--color-grey-700);
  background-color: var(--color-grey-700);
}
.select-panel.mat-mdc-select-panel .options.hidden {
  display: none !important;
}
.select-panel.mat-mdc-select-panel .mat-mdc-option {
  --mat-option-focus-state-layer-color: var(--color-primary-100);
  --mat-option-selected-state-layer-color: var(--color-primary-100);
  min-height: var(--height-dropdown-option);
}
.select-panel.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item-disabled) {
  background-color: var(--color-primary-100);
}
.select-panel.mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-pseudo-checkbox {
  display: none;
}
.select-panel.mat-mdc-select-panel .mat-mdc-option.hidden {
  display: none !important;
}
.select-panel.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--color-text-light);
  letter-spacing: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: var(--font-primary);
  font-size: 16px;
}
.select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  font-weight: bold;
}
.select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: var(--color-grey-700);
}
.select-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--disabled.mdc-list-item--selected .mdc-list-item__primary-text {
  color: var(--color-grey-700);
}
.select-panel.mat-mdc-select-panel .mat-mdc-option.not-found .mdc-list-item__primary-text {
  color: var(--color-primary-600);
}
.select-panel.mat-mdc-select-panel.mdc-menu-surface {
  padding: 0;
}
.mat-mdc-select .mat-mdc-select-trigger {
  font-size: 14px;
  letter-spacing: normal;
  display: flex;
  justify-content: center;
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  width: 14px;
  transform: translateY(1px);
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-chip {
  margin: 0 4px 4px 0;
}
.mat-mdc-select .mat-mdc-select-trigger .mat-mdc-chip-action::before {
  border: none;
}
.nutriu .mat-mdc-optgroup-label {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  color: var(--color-primary-600);
  text-transform: uppercase;
  padding-left: 16px;
  min-height: var(--height-dropdown-option);
}
.nutriu .mat-mdc-optgroup-label .mdc-list-item__primary-text {
  padding-left: 0;
}
.nutriu .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple) {
  padding-left: 16px;
  padding-right: 16px;
}
.nutriu .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple).indented {
  padding-left: 32px;
}
.mdc-snackbar.mat-mdc-snack-bar-container {
  margin: 24px;
  max-width: 33vw;
}
.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: var(--color-label) !important;
  min-width: auto;
  box-sizing: border-box !important;
  height: auto !important;
}
.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  color: var(--color-white);
}
.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface .mdc-button.mat-mdc-snack-bar-action {
  background-color: transparent;
  border: none;
  color: var(--color-white);
  min-width: auto;
}
.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface .mdc-button.mat-mdc-snack-bar-action:active {
  color: var(--color-gray-100);
}
.mdc-snackbar.mat-mdc-snack-bar-container .mdc-snackbar__surface .mdc-button__ripple {
  display: none;
}
.mdc-snackbar.mat-mdc-snack-bar-container.snack-error .mdc-snackbar__surface {
  border: 1px solid var(--color-error-500);
  background-color: var(--color-error-100) !important;
}
.mdc-snackbar.mat-mdc-snack-bar-container.snack-error .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  color: var(--color-error-500);
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  min-height: 100%;
}
body {
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  color: var(--color-text-light);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-container {
  background-color: var(--color-grey-200);
}
input:disabled {
  background: transparent;
}
.form-grid {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--gap-form-column);
}
.form-grid--separated {
  margin-bottom: var(--spacing);
}
.form-grid .form-row {
  margin-bottom: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap-form-column);
  flex-grow: 1;
}
.form-grid .form-column {
  flex-basis: calc((100% - var(--gap-form-column)) / 2);
}
.form-grid .form-column-1 {
  flex: 1;
}
.form-grid .form-column-2 {
  flex: 2;
}
.form-grid .form-column-3 {
  flex: 3;
}
.form-grid .form-column-4 {
  flex: 4;
}
.form-grid .form-column-5 {
  flex: 5;
}
.form-grid .form-column-6 {
  flex: 6;
}
.form-grid .form-column-7 {
  flex: 7;
}
.form-grid .form-column-8 {
  flex: 8;
}
.form-grid .form-column-9 {
  flex: 9;
}
.form-grid .form-column-10 {
  flex: 10;
}
.form-grid .form-column-11 {
  flex: 11;
}
.form-grid .form-column-12 {
  flex: 12;
}
.form-grid .form-column--full {
  flex: 0 0 100%;
}
.form-grid .form-column.hidden {
  display: none;
}
.form-grid .form-field-box {
  display: block;
  margin: 16px 0;
}
.form-grid .form-field-box--halved {
  margin: 8px 0;
}
.form-grid .form-field-box--doubled {
  margin-top: 32px;
  margin-bottom: 32px;
}
.form-grid .form-field-box--tag-multiselect {
  margin-top: 8px;
}
.form-name {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 20px 0 16px;
}
.form-name--dark {
  font-weight: 500;
}
.form-group {
  display: flex;
  column-gap: var(--gap-form-column);
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
}
.form-group .form-group-item {
  flex: 1;
}
.form-actions {
  text-align: right;
}
.form-actions button.button:not(:last-of-type),
.form-actions button.mat-button:not(:last-of-type),
.form-actions button.text-button:not(:last-of-type) {
  margin-right: var(--spacing);
}
.nutriu a.button,
.nutriu button.button,
.nutriu button.mat-button,
.nutriu button.mdc-button {
  min-width: 125px;
  border: 1px solid var(--color-primary-500);
  border-radius: 2px;
  box-shadow: none;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  transition: all 0.2s;
  letter-spacing: normal;
  height: 38px;
  font-size: 14px;
}
.nutriu a.button:hover,
.nutriu a.button:focus,
.nutriu button.button:hover,
.nutriu button.button:focus,
.nutriu button.mat-button:hover,
.nutriu button.mat-button:focus,
.nutriu button.mdc-button:hover,
.nutriu button.mdc-button:focus {
  background-color: var(--color-primary-600);
  color: var(--color-white);
  box-shadow: none;
}
.nutriu a.button:active,
.nutriu button.button:active,
.nutriu button.mat-button:active,
.nutriu button.mdc-button:active {
  background: var(--color-primary-400);
  color: var(--color-white);
}
.nutriu a.button[disabled],
.nutriu button.button[disabled],
.nutriu button.mat-button[disabled],
.nutriu button.mdc-button[disabled] {
  background-color: var(--color-primary-500);
  color: var(--color-white);
  opacity: 0.4;
}
.nutriu a.button--spacious,
.nutriu button.button--spacious,
.nutriu button.mat-button--spacious,
.nutriu button.mdc-button--spacious {
  padding-left: 16px;
  padding-right: 16px;
}
.nutriu a.button--action,
.nutriu button.button--action,
.nutriu button.mat-button--action,
.nutriu button.mdc-button--action {
  min-width: 109px;
}
.nutriu a.button--unelevated,
.nutriu button.button--unelevated,
.nutriu button.mat-button--unelevated,
.nutriu button.mdc-button--unelevated {
  color: var(--color-grey-800);
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
}
.nutriu a.button--unelevated:hover,
.nutriu a.button--unelevated:focus,
.nutriu button.button--unelevated:hover,
.nutriu button.button--unelevated:focus,
.nutriu button.mat-button--unelevated:hover,
.nutriu button.mat-button--unelevated:focus,
.nutriu button.mdc-button--unelevated:hover,
.nutriu button.mdc-button--unelevated:focus {
  color: var(--color-grey-800);
  background-color: var(--color-white);
}
.nutriu a.button--unelevated:hover .mat-mdc-button-persistent-ripple::before,
.nutriu button.button--unelevated:hover .mat-mdc-button-persistent-ripple::before,
.nutriu button.mat-button--unelevated:hover .mat-mdc-button-persistent-ripple::before,
.nutriu button.mdc-button--unelevated:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0;
}
.nutriu a.button--unelevated:disabled,
.nutriu button.button--unelevated:disabled,
.nutriu button.mat-button--unelevated:disabled,
.nutriu button.mdc-button--unelevated:disabled {
  color: var(--color-grey-300);
  background: var(--color-grey-100);
}
.nutriu a.button--inverse,
.nutriu button.button--inverse,
.nutriu button.mat-button--inverse,
.nutriu button.mdc-button--inverse {
  background-color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  color: var(--color-primary-500);
  box-shadow: none;
}
.nutriu a.button--inverse:hover,
.nutriu a.button--inverse:focus,
.nutriu button.button--inverse:hover,
.nutriu button.button--inverse:focus,
.nutriu button.mat-button--inverse:hover,
.nutriu button.mat-button--inverse:focus,
.nutriu button.mdc-button--inverse:hover,
.nutriu button.mdc-button--inverse:focus {
  background-color: var(--color-white);
  color: var(--color-primary-700);
  stroke: 1.5;
  border: 1px solid;
  border: 1px solid var(--color-primary-700);
}
.nutriu a.button--inverse:active,
.nutriu button.button--inverse:active,
.nutriu button.mat-button--inverse:active,
.nutriu button.mdc-button--inverse:active {
  background-color: var(--color-white);
  border: 1px solid var(--color-primary-700);
  color: var(--color-primary-700);
}
.nutriu a.button--inverse[disabled],
.nutriu button.button--inverse[disabled],
.nutriu button.mat-button--inverse[disabled],
.nutriu button.mdc-button--inverse[disabled] {
  background-color: var(--color-white);
  color: var(--color-grey-500);
  border-color: var(--color-disabled);
  opacity: 1;
}
.nutriu a.button--warn-inverse,
.nutriu button.button--warn-inverse,
.nutriu button.mat-button--warn-inverse,
.nutriu button.mdc-button--warn-inverse {
  background-color: var(--color-white);
  border: 1px solid var(--color-error-500);
  color: var(--color-error-500);
  box-shadow: none;
}
.nutriu a.button--warn-inverse:hover,
.nutriu a.button--warn-inverse:focus,
.nutriu button.button--warn-inverse:hover,
.nutriu button.button--warn-inverse:focus,
.nutriu button.mat-button--warn-inverse:hover,
.nutriu button.mat-button--warn-inverse:focus,
.nutriu button.mdc-button--warn-inverse:hover,
.nutriu button.mdc-button--warn-inverse:focus {
  background-color: var(--color-white);
  stroke: 1.5;
  color: var(--color-error-600);
  border: 1px solid var(--color-error-600);
}
.nutriu a.button--warn-inverse:active,
.nutriu button.button--warn-inverse:active,
.nutriu button.mat-button--warn-inverse:active,
.nutriu button.mdc-button--warn-inverse:active {
  background-color: var(--color-white);
  border: 1px solid var(--color-error-400);
  color: var(--color-error-400);
}
.nutriu a.button--warn-inverse[disabled],
.nutriu button.button--warn-inverse[disabled],
.nutriu button.mat-button--warn-inverse[disabled],
.nutriu button.mdc-button--warn-inverse[disabled] {
  background-color: var(--color-white);
  color: var(--color-grey-500);
  border-color: var(--color-disabled);
  opacity: 1;
}
.nutriu a.button--warn,
.nutriu button.button--warn,
.nutriu button.mat-button--warn,
.nutriu button.mdc-button--warn {
  background-color: var(--color-error-500);
  border: 1px solid var(--color-error-500);
  border-radius: 2px;
  color: var(--color-white);
  box-shadow: none;
}
.nutriu a.button--warn:hover,
.nutriu a.button--warn:focus,
.nutriu button.button--warn:hover,
.nutriu button.button--warn:focus,
.nutriu button.mat-button--warn:hover,
.nutriu button.mat-button--warn:focus,
.nutriu button.mdc-button--warn:hover,
.nutriu button.mdc-button--warn:focus {
  background-color: var(--color-error-600);
  color: var(--color-white);
}
.nutriu a.button--warn:active,
.nutriu button.button--warn:active,
.nutriu button.mat-button--warn:active,
.nutriu button.mdc-button--warn:active {
  background-color: var(--color-error-400);
  color: var(--color-white);
}
.nutriu a.button--warn[disabled],
.nutriu button.button--warn[disabled],
.nutriu button.mat-button--warn[disabled],
.nutriu button.mdc-button--warn[disabled] {
  background-color: var(--color-error-100);
  border-color: var(--color-error-100);
  color: var(--color-white);
  opacity: 1;
}
.nutriu a.button--basic,
.nutriu button.button--basic,
.nutriu button.mat-button--basic,
.nutriu button.mdc-button--basic {
  background-color: var(--color-primary-500);
  border: 1px solid var(--color-primary-500);
  border-radius: 2px;
  color: var(--color-white);
  box-shadow: none;
}
.nutriu a.button--basic:hover,
.nutriu a.button--basic:focus,
.nutriu button.button--basic:hover,
.nutriu button.button--basic:focus,
.nutriu button.mat-button--basic:hover,
.nutriu button.mat-button--basic:focus,
.nutriu button.mdc-button--basic:hover,
.nutriu button.mdc-button--basic:focus {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
  color: var(--color-white);
}
.nutriu a.button--basic:active,
.nutriu button.button--basic:active,
.nutriu button.mat-button--basic:active,
.nutriu button.mdc-button--basic:active {
  background-color: var(--color-primary-400);
  border-color: var(--color-primary-400);
  color: var(--color-white);
}
.nutriu a.button--basic[disabled],
.nutriu button.button--basic[disabled],
.nutriu button.mat-button--basic[disabled],
.nutriu button.mdc-button--basic[disabled] {
  background-color: var(--color-grey-300);
  border-color: var(--color-border);
  color: var(--color-grey-500);
  opacity: 1;
}
.nutriu a.button--small,
.nutriu button.button--small,
.nutriu button.mat-button--small,
.nutriu button.mdc-button--small {
  min-width: auto;
}
.nutriu a.button--large,
.nutriu button.button--large,
.nutriu button.mat-button--large,
.nutriu button.mdc-button--large {
  min-width: 400px;
}
.nutriu a.button .mat-button-wrapper,
.nutriu button.button .mat-button-wrapper,
.nutriu button.mat-button .mat-button-wrapper,
.nutriu button.mdc-button .mat-button-wrapper {
  font-weight: normal;
}
.nutriu a.button.button--dynamic,
.nutriu button.button.button--dynamic,
.nutriu button.mat-button.button--dynamic,
.nutriu button.mdc-button.button--dynamic {
  min-width: auto;
}
.nutriu .mdc-button.text-button-dropdown .mdc-button__label,
.nutriu .mdc-button.solid-button-dropdown .mdc-button__label {
  display: inline-flex;
  align-items: center;
}
.nutriu .text-button,
.nutriu .mat-button.text-button,
.nutriu .mat-mdc-button.text-button {
  display: inline-flex;
  align-items: center;
  color: var(--color-primary-500);
  font-family: var(--font-secondary);
  font-weight: normal;
  cursor: pointer;
  margin-right: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
  line-height: 1;
}
.nutriu .text-button .mdc-button__label,
.nutriu .mat-button.text-button .mdc-button__label,
.nutriu .mat-mdc-button.text-button .mdc-button__label {
  display: inline-flex;
  align-items: center;
}
.nutriu .text-button .mat-button-focus-overlay,
.nutriu .mat-button.text-button .mat-button-focus-overlay,
.nutriu .mat-mdc-button.text-button .mat-button-focus-overlay {
  background-color: transparent;
}
.nutriu .text-button:hover,
.nutriu .text-button:focus,
.nutriu .mat-button.text-button:hover,
.nutriu .mat-button.text-button:focus,
.nutriu .mat-mdc-button.text-button:hover,
.nutriu .mat-mdc-button.text-button:focus {
  background-color: transparent;
  color: var(--color-primary-500);
  text-decoration: underline;
}
.nutriu .text-button:active,
.nutriu .mat-button.text-button:active,
.nutriu .mat-mdc-button.text-button:active {
  background-color: transparent;
}
.nutriu .text-button[disabled],
.nutriu .mat-button.text-button[disabled],
.nutriu .mat-mdc-button.text-button[disabled] {
  background-color: transparent;
  color: var(--color-grey-500);
  opacity: 0.3;
  text-decoration: none;
}
.nutriu .text-button .mat-button-ripple.mat-ripple,
.nutriu .mat-button.text-button .mat-button-ripple.mat-ripple,
.nutriu .mat-mdc-button.text-button .mat-button-ripple.mat-ripple {
  display: none;
}
.nutriu .text-button .mdc-button__ripple,
.nutriu .text-button .mat-mdc-button-ripple,
.nutriu .mat-button.text-button .mdc-button__ripple,
.nutriu .mat-button.text-button .mat-mdc-button-ripple,
.nutriu .mat-mdc-button.text-button .mdc-button__ripple,
.nutriu .mat-mdc-button.text-button .mat-mdc-button-ripple {
  display: none;
}
.nutriu .text-button.icon-button,
.nutriu .mat-button.text-button.icon-button,
.nutriu .mat-mdc-button.text-button.icon-button {
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  border: none;
}
.nutriu .text-button.icon-button mat-icon,
.nutriu .mat-button.text-button.icon-button mat-icon,
.nutriu .mat-mdc-button.text-button.icon-button mat-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.nutriu .text-button.icon-button.mat-raised-button,
.nutriu .mat-button.text-button.icon-button.mat-raised-button,
.nutriu .mat-mdc-button.text-button.icon-button.mat-raised-button {
  padding-left: 16px;
}
.nutriu .text-button.icon-button:hover,
.nutriu .text-button.icon-button:focus,
.nutriu .mat-button.text-button.icon-button:hover,
.nutriu .mat-button.text-button.icon-button:focus,
.nutriu .mat-mdc-button.text-button.icon-button:hover,
.nutriu .mat-mdc-button.text-button.icon-button:focus {
  background-color: var(--color-primary-100);
}
.nutriu .text-button.icon-button:active,
.nutriu .mat-button.text-button.icon-button:active,
.nutriu .mat-mdc-button.text-button.icon-button:active {
  background-color: var(--color-primary-100);
  border: none;
}
.nutriu .text-button--white,
.nutriu .mat-button.text-button--white,
.nutriu .mat-mdc-button.text-button--white {
  background-color: var(--color-white);
  color: var(--color-primary-500);
  font-family: var(--font-secondary);
  font-weight: normal;
  border: none;
}
.nutriu .text-button--white:hover,
.nutriu .text-button--white:focus,
.nutriu .mat-button.text-button--white:hover,
.nutriu .mat-button.text-button--white:focus,
.nutriu .mat-mdc-button.text-button--white:hover,
.nutriu .mat-mdc-button.text-button--white:focus {
  background-color: var(--color-grey-200);
  text-decoration: underline;
  color: var(--color-primary-500);
}
.nutriu .text-button--white:active,
.nutriu .mat-button.text-button--white:active,
.nutriu .mat-mdc-button.text-button--white:active {
  background-color: var(--color-white);
  text-decoration: underline;
}
.nutriu .text-button--white.icon-button:hover,
.nutriu .text-button--white.icon-button:focus,
.nutriu .mat-button.text-button--white.icon-button:hover,
.nutriu .mat-button.text-button--white.icon-button:focus,
.nutriu .mat-mdc-button.text-button--white.icon-button:hover,
.nutriu .mat-mdc-button.text-button--white.icon-button:focus {
  background-color: var(--color-grey-200);
  text-decoration: none;
  color: var(--color-primary-500);
}
.nutriu .text-button--white.icon-button:hover img,
.nutriu .text-button--white.icon-button:focus img,
.nutriu .mat-button.text-button--white.icon-button:hover img,
.nutriu .mat-button.text-button--white.icon-button:focus img,
.nutriu .mat-mdc-button.text-button--white.icon-button:hover img,
.nutriu .mat-mdc-button.text-button--white.icon-button:focus img {
  filter: brightness(0.9);
}
.nutriu .text-button--white.icon-button:active,
.nutriu .mat-button.text-button--white.icon-button:active,
.nutriu .mat-mdc-button.text-button--white.icon-button:active {
  background-color: var(--color-primary-300);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 2px;
}
.nutriu .text-button.delete-button,
.nutriu .mat-button.text-button.delete-button,
.nutriu .mat-mdc-button.text-button.delete-button {
  color: var(--color-error-500);
}
.nutriu .icon-button,
.nutriu .mat-button.icon-button {
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: var(--color-white);
}
.nutriu .icon-button.mat-raised-button,
.nutriu .mat-button.icon-button.mat-raised-button {
  padding-left: 6px;
}
.nutriu .icon-button img,
.nutriu .mat-button.icon-button img {
  margin-right: var(--margin-button-icon);
}
.nutriu .icon-button:hover,
.nutriu .icon-button:focus,
.nutriu .mat-button.icon-button:hover,
.nutriu .mat-button.icon-button:focus {
  background-color: var(--color-white);
  cursor: pointer;
}
.nutriu .icon-button:hover img,
.nutriu .icon-button:focus img,
.nutriu .mat-button.icon-button:hover img,
.nutriu .mat-button.icon-button:focus img {
  filter: brightness(0.85);
}
.nutriu .icon-button:active,
.nutriu .mat-button.icon-button:active {
  border: solid var(--color-success-500) 1px;
  border-radius: 2px;
  background-color: var(--color-primary-300);
}
.nutriu .icon-button[disabled],
.nutriu .mat-button.icon-button[disabled] {
  color: var(--color-grey-500);
  opacity: 1;
}
.nutriu .mat-button .mat-button-focus-overlay,
.nutriu .mat-raised-button.button .mat-button-focus-overlay {
  opacity: 0;
}
.nutriu .mat-button:hover .mat-button-focus-overlay,
.nutriu .mat-raised-button.button:hover .mat-button-focus-overlay {
  opacity: 0;
}
.nutriu .button-icon-padded {
  margin-right: 18px;
}
.nutriu .button.icon-top-button {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  color: var(--color-primary-500);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  height: 68px;
  justify-content: center;
  line-height: 18px;
  min-width: 80px;
  max-width: 80px;
  padding: 4px;
  width: auto;
  outline: none;
}
.nutriu .button.icon-top-button mat-icon {
  margin-bottom: 6px;
}
.nutriu .button.icon-top-button:hover {
  cursor: pointer;
}
.nutriu .button.icon-top-button:hover,
.nutriu .button.icon-top-button:focus {
  background-color: var(--color-primary-100);
  color: var(--color-primary-600);
  border: 1px solid var(--color-primary-600);
}
.nutriu .button.icon-top-button:active {
  background-color: var(--color-primary-100);
  border: 1px solid var(--color-primary-700);
  color: var(--color-primary-700);
}
.nutriu .button.icon-top-button[disabled] {
  background-color: var(--color-white);
  color: var(--color-grey-500);
  border-color: var(--color-disabled);
  cursor: default;
  opacity: 1;
}
.nutriu .button.icon-top-button--warn {
  background-color: var(--color-white);
  border: 1px solid var(--color-error-500);
  color: var(--color-error-500);
}
.nutriu .button.icon-top-button--warn:hover,
.nutriu .button.icon-top-button--warn:focus {
  background-color: var(--color-error-100);
  color: var(--color-error-600);
  border: 1px solid var(--color-error-600);
}
.nutriu .button.icon-top-button--warn:active {
  background-color: var(--color-error-100);
  border: 1px solid var(--color-error-400);
  color: var(--color-error-400);
}
.nutriu .button.icon-top-button--warn[disabled] {
  background-color: var(--color-white);
  color: var(--color-grey-500);
  border-color: var(--color-disabled);
}
.section-box-container {
  display: flex;
  margin: 0 8px;
}
.section-box-container--half {
  flex: 1;
  display: flex;
}
.section-box {
  background-color: var(--color-white);
  margin: var(--margin-section);
}
.section-box--full {
  width: 100%;
}
.section-box--omit-vertical-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.section-box--omit-bottom-margin {
  margin-bottom: 0;
}
.section-box--omit-top-margin {
  margin-top: 0;
}
.section-box--squeezed {
  margin: 0 8px;
}
.section-box--no-margin {
  margin: 0;
}
.section-box--relative {
  position: relative;
}
.section-box-header {
  padding: var(--spacing);
}
.section-box-header::before,
.section-box-header::after {
  content: " ";
  display: table;
}
.section-box-header::after {
  clear: both;
}
.section-box-header--relative {
  position: relative;
}
.section-box-header--padding {
  padding-left: 8px;
  padding-right: 8px;
}
.section-box-header .section-box-header__img {
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--spacing);
}
.section-box-header .section-box-header__title {
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  color: var(--color-label);
  margin: 0;
}
.section-box-header .section-box-header__title--warning {
  color: var(--color-error-500);
}
.section-box-header .section-box-header__selectable {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 8px;
  flex-basis: 210px;
}
.section-box-header .section-box-header__toggler {
  position: absolute;
  top: var(--spacing)5;
  right: var(--spacing);
  height: 32px;
  font-size: 12px;
  line-height: 1.5;
}
.section-box-form {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 var(--spacing) var(--spacing);
  background-color: var(--color-white);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08), 0 -4px 10px 0 rgba(0, 0, 0, 0.08);
  border-style: solid;
  border-width: 0.5px;
  border-image-source:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0.4) 5%,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0));
  border-image-slice: 1;
  z-index: 2;
}
.section-box-form--padded {
  padding: 0 var(--spacing) var(--spacing);
}
.section-box-form--no-padding {
  padding: 0;
}
.section-box-form--no-shadow {
  box-shadow: none;
}
.section-box-content {
  padding: 0 var(--spacing) var(--spacing);
}
.section-box-content--padded {
  padding: 0 var(--spacing) 0;
}
.section-box-content--padded-bottom {
  padding-bottom: 8px;
}
.section-box-content--centered-button {
  text-align: center;
  padding-top: 16px;
}
.section-box-content--left-button {
  padding-left: 8px;
  padding-top: 22px;
  padding-bottom: 26px;
}
.section-box-content--full {
  padding-right: 0;
  padding-left: 0;
}
.section-box-content--no-bottom-padding {
  padding-bottom: 0;
}
.processing-step {
  padding: 0 24px;
}
.processing-step:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.processing-step__title {
  font-family: var(--font-ternary);
  font-weight: bold;
  font-size: 16px;
  color: var(--color-primary-600);
  margin: 0;
  margin-top: 20px;
}
.processing-step__content {
  display: flex;
  height: 150px;
  margin-top: 27px;
  margin-bottom: 27px;
}
.processing-step-item {
  height: 150px;
  line-height: 1.5;
  overflow: hidden;
  display: inline-block;
}
.processing-step-item:not(:first-child) {
  margin: 0 0 0 48px;
}
.processing-step-item__image {
  width: 200px;
  min-width: 200px;
  background-image: url(/assets/img/ic-camera-placeholder.svg);
  background-color: var(--color-grey-200);
  background-position: center center;
  background-repeat: no-repeat;
}
.processing-step-item__step-title {
  width: 240px;
}
.processing-step-item__step-title .description {
  overflow: scroll;
  height: 120px;
}
.processing-step-item__description {
  max-width: 720px;
  flex-basis: 35%;
  flex-shrink: 0;
}
.processing-step-item__description .description {
  overflow: auto;
  height: 120px;
}
.processing-step recipe-step-list-item recipe-step-cooking-variable-collapsible-item:first-of-type recipe-step-cooking-variable-preview {
  border-top: none;
}
.ingredient {
  border-bottom: 1px solid var(--color-border);
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 64px;
}
.ingredient__amount {
  font-family: var(--font-primary);
  font-size: 12px;
  max-width: 140px;
}
.ingredient__information {
  max-width: 250px;
}
.ingredient__priority {
  max-width: 250px;
}
recipe-step-forms-container .list-view .cooking-variable.row,
recipe-step-forms-container .list-view .ingredient.row {
  min-height: 64px;
  padding: 0;
}
.row .ingredient__title {
  color: var(--color-primary-600);
  font-weight: bold;
  font-family: var(--font-ternary);
  font-size: 14px !important;
  flex-grow: 1;
}
.row .conversion-info,
.row .mapping-info {
  margin-right: 32px;
}
.no-items {
  padding: 24px;
}
@media print {
  .ingredient {
    padding: 10px 0;
  }
  .row {
    min-height: 64px !important;
  }
}
.fixed-bar {
  position: sticky;
  width: 100%;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 0 30px;
  justify-content: space-between;
  height: 72px;
  box-shadow: var(--box-shadow-small);
}
.fixed-bar.fixed-bar--auto-height {
  height: auto;
}
.fixed-bar.fixed-bar--auto-height .fixed-bar-section--right {
  margin-left: auto;
}
.fixed-bar.fixed-bar--auto-height .fixed-bar-section .button,
.fixed-bar.fixed-bar--auto-height .fixed-bar-section .text-button {
  margin: 16px auto;
}
.fixed-bar.fixed-bar--auto-height .fixed-bar-section .button:not(:last-of-type),
.fixed-bar.fixed-bar--auto-height .fixed-bar-section .text-button:not(:last-of-type) {
  margin-right: 8px;
}
.fixed-bar--top {
  top: 0;
}
.fixed-bar--bottom {
  bottom: 0;
}
.fixed-bar--side-spacing {
  padding: 0 32px;
}
.fixed-bar--side-spacing .button,
.fixed-bar--side-spacing .text-button {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.fixed-bar .fixed-bar__title {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.fixed-bar .close {
  color: var(--color-grey-700);
  margin-right: 8px;
}
.fixed-bar .header-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--color-grey-700);
}
.fixed-bar.fixed-bar__container {
  display: block;
  padding: 0;
}
.fixed-bar.fixed-bar__container .fixed-bar__row {
  display: flex;
  padding: 16px 30px;
}
.fixed-bar.fixed-bar__container .fixed-bar__row.with-back-button {
  padding: 16px 30px 16px 8px;
}
.fixed-bar.fixed-bar__container .fixed-bar__row .fixed-bar__title {
  display: flex;
  flex: 1;
  align-items: center;
}
.fixed-bar.fixed-bar__container .fixed-bar__row.no-padding {
  padding: 0;
}
.container-for-fixed-bar {
  margin-top: 16px;
}
.draggable-item .row {
  position: relative;
}
.draggable-item .row .row--drag-handle {
  cursor: move;
  content: "";
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: calc(-1 * 56px / 2);
  top: 50%;
  margin-top: calc(-1 * 56px / 2);
  width: 56px;
  height: 56px;
  box-shadow: var(--box-shadow-small);
  border-radius: 100%;
  transition: opacity 0.3s;
  z-index: 10;
  background-color: var(--color-white);
  background-image: url(/assets/img/ic-drag.svg);
  background-repeat: no-repeat;
  background-size: 12px 28px;
  background-position: center center;
}
.draggable-item .row:hover .row--drag-handle {
  opacity: 1;
  visibility: visible;
}
.draggable-item .row--drag-handle-disabled {
  visibility: hidden;
  opacity: 0;
}
.row--drag-placeholder {
  background: var(--color-placeholder);
}
.item-drag-preview-container .item-drag-preview {
  display: block;
}
.item-drag-preview-container .item-drag-preview .row {
  border-bottom: none;
}
.item-drag-preview-container .item-drag-preview .row .row--drag-handle {
  opacity: 1;
  visibility: visible;
}
.dropzone-pagination--preview {
  background: var(--color-grey-700);
  color: var(--color-white);
  font-family: var(--font-secondary);
  padding: 6px 16px;
  border-radius: 3px;
  min-width: 70px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  position: relative;
  margin-left: -35px;
  margin-top: -30px;
}
.dropzone-pagination--preview::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 5px var(--color-grey-700);
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
}
.content-publishing-container three-state-checkbox .mat-mdc-checkbox {
  --mat-checkbox-state-layer-size: 20px;
}
ingredients-migration-form dropdown .dropdown-container {
  border-bottom: none;
}
@media print {
  .hide-for-printing {
    display: none;
  }
  .page-break-before {
    page-break-before: always;
  }
}

/* node_modules/cropperjs/dist/cropper.min.css */
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  -webkit-touch-callout: none;
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-canvas,
.cropper-wrap-box {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: .5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center:after,
.cropper-center:before {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width:768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width:992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width:1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px;
  }
}
.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* node_modules/angular-calendar/css/angular-calendar.css */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
  overflow: hidden;
  animation: cal-slide-down 150ms ease-in;
}
.cal-month-view .cal-open-day-events.cal-open-day-events-closing {
  animation: cal-slide-up 150ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events.cal-open-day-events-closing {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cal-month-view .cal-open-day-events {
    animation: none;
  }
}
@keyframes cal-slide-down {
  from {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@keyframes cal-slide-up {
  from {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  to {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: rgb(224.25, 224.25, 224.25) !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/* projects/digital-asset-management/src/styles.scss */
* {
  --dam-font-primary: var(--font-primary, "NeueFrutigerWorld-Book", sans-serif);
  --dam-font-secondary: var(--font-secondary, "NeueFrutigerWorld", sans-serif);
  --dam-font-ternary: var(--font-ternary, "NeueFrutigerWorld-X", sans-serif);
  --dam-color-primary-500: var(--color-primary-500, #006ce0);
  --dam-color-primary-100: var(--color-primary-100, #006ce0);
  --dam-color-black: var(--color-black, #000000);
  --dam-color-white: var(--color-white, #ffffff);
  --dam-color-error-500: var(--color-error-500, #e83a44);
  --dam-color-error-100: var(--color-error-100, #f9e8ea);
  --dam-color-grey-800: var(--color-grey-800, #3c3c3c);
  --dam-color-grey-500: var(--color-grey-500, #949494);
  --dam-color-grey-200: var(--color-grey-200, #efefef);
  --dam-color-placeholder: var(--color-placeholder, #b6b6b6);
}
digital-asset-management {
  --mat-table-background-color: #ffffff;
  --mat-table-row-item-outline-color: var(--dam-color-grey-200);
  --mat-table-row-item-label-text-font: var(--dam-font-primary);
  --mat-table-header-headline-font: var(--dam-font-secondary);
}
.dam-header {
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--dam-color-white);
  padding: 36px 40px 32px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.dam-header h1 {
  font-family: var(--dam-font-ternary), sans-serif;
  font-size: 36px;
  line-height: 32px;
  margin: 0;
  color: var(--dam-color-primary-500);
}
.dam-header--short {
  padding: 16px 30px;
  align-items: center;
}
.dam-header--short h1 {
  font-family: var(--dam-font-primary), sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: var(--dam-color-black);
}
.dam-dialog {
  background-color: var(--dam-color-white);
}
.dam-dialog-title {
  margin-top: 0;
}
.dam-dialog-description {
  margin-bottom: 20px;
}
.dam-dialog-actions {
  display: flex;
  justify-content: space-between;
}
.mat-mdc-select-panel.dam-tags-dropdown-panel {
  background-color: var(--dam-color-white);
}

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