@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2") format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2") format("woff2");
  unicode-range:
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0370-03FF;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2") format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./media/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
  font-display: swap;
}
*,
::before,
::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  cursor: default;
  line-height: 1.5;
  overflow-wrap: anywhere;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}
hr {
  color: inherit;
  height: 0;
}
nav ol,
nav ul {
  list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
  padding: 0;
}
nav li::before {
  content: "\200b";
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
iframe {
  border-style: none;
}
svg:not([fill]) {
  fill: currentColor;
}
table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}
button,
input,
select {
  margin: 0;
}
button {
  text-transform: none;
}
fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}
progress {
  vertical-align: baseline;
}
select {
  text-transform: none;
}
textarea {
  margin: 0;
  resize: vertical;
}
[type=search i] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}
dialog {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}
summary {
  display: list-item;
}
[aria-busy=true i] {
  cursor: progress;
}
:not(input)[aria-controls] {
  cursor: pointer;
}
[aria-disabled=true i],
[disabled] {
  cursor: not-allowed;
}
[aria-hidden=false i][hidden] {
  display: initial;
}
[aria-hidden=false i][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
:root {
  --atoms-basf-blue-dark-025: #004A961A;
  --atoms-basf-blue-dark-075: #D9E4EF;
  --atoms-basf-blue-dark-100: #CCDBEA;
  --atoms-basf-blue-dark-200: #99B7D5;
  --atoms-basf-blue-dark-300: #6692C0;
  --atoms-basf-blue-dark-400: #336EAB;
  --atoms-basf-blue-dark-425: #2665A6;
  --atoms-basf-blue-dark-500: #004A96;
  --atoms-basf-blue-dark-600: #003B78;
  --atoms-basf-blue-dark-700: #002C5A;
  --atoms-basf-blue-dark-800: #001E3C;
  --atoms-basf-blue-dark-900: #000F1E;
  --atoms-basf-blue-light-025: #21A0D21A;
  --atoms-basf-blue-light-075: #DEF1F8;
  --atoms-basf-blue-light-100: #D3ECF6;
  --atoms-basf-blue-light-200: #A6D9ED;
  --atoms-basf-blue-light-300: #7AC6E4;
  --atoms-basf-blue-light-375: #59B8DE;
  --atoms-basf-blue-light-400: #4DB3DB;
  --atoms-basf-blue-light-500: #21A0D2;
  --atoms-basf-blue-light-600: #1A80A8;
  --atoms-basf-blue-light-700: #14607E;
  --atoms-basf-blue-light-800: #0D4054;
  --atoms-basf-blue-light-900: #000F1E;
  --atoms-basf-green-light-025: #65AC1E1A;
  --atoms-basf-green-light-100: #E0EED2;
  --atoms-basf-green-light-200: #C1DEA5;
  --atoms-basf-green-light-300: #A3CD78;
  --atoms-basf-green-light-375: #8CC156;
  --atoms-basf-green-light-400: #84BD4B;
  --atoms-basf-green-light-500: #65AC1E;
  --atoms-basf-green-light-600: #518A18;
  --atoms-basf-green-light-700: #3D6712;
  --atoms-basf-green-light-800: #28450C;
  --atoms-basf-green-light-900: #142206;
  --atoms-basf-green-dark-025: #00793A1A;
  --atoms-basf-green-dark-075: #D9EBE1;
  --atoms-basf-green-dark-100: #CCE4D8;
  --atoms-basf-green-dark-200: #99C9B0;
  --atoms-basf-green-dark-300: #66AF89;
  --atoms-basf-green-dark-375: #66AF89;
  --atoms-basf-green-dark-400: #339461;
  --atoms-basf-green-dark-500: #00793A;
  --atoms-basf-green-dark-600: #00612E;
  --atoms-basf-green-dark-700: #004923;
  --atoms-basf-green-dark-800: #003017;
  --atoms-basf-green-dark-900: #00180C;
  --atoms-basf-orange-025: #F395001A;
  --atoms-basf-orange-075: #FDEFD9;
  --atoms-basf-orange-100: #FDEACC;
  --atoms-basf-orange-200: #FAD599;
  --atoms-basf-orange-300: #F8BF66;
  --atoms-basf-orange-375: #F6AF40;
  --atoms-basf-orange-400: #F5AA33;
  --atoms-basf-orange-500: #F39500;
  --atoms-basf-orange-600: #C27700;
  --atoms-basf-orange-700: #925900;
  --atoms-basf-orange-800: #613C00;
  --atoms-basf-orange-900: #311E00;
  --atoms-basf-red-025: #C500221A;
  --atoms-basf-red-075: #F6D9DE;
  --atoms-basf-red-100: #F3CCD3;
  --atoms-basf-red-200: #E899A7;
  --atoms-basf-red-300: #DC667A;
  --atoms-basf-red-375: #D34059;
  --atoms-basf-red-400: #D1334E;
  --atoms-basf-red-500: #C50022;
  --atoms-basf-red-600: #9E001B;
  --atoms-basf-red-700: #760014;
  --atoms-basf-red-800: #4F000E;
  --atoms-basf-red-900: #270007;
  --atoms-basf-gray-025: #3737371A;
  --atoms-basf-gray-075: #F0F0F0;
  --atoms-basf-gray-100: #ECECEC;
  --atoms-basf-gray-175: #DDDDDD;
  --atoms-basf-gray-200: #D8D8D8;
  --atoms-basf-gray-300: #C5C5C5;
  --atoms-basf-gray-400: #B1B1B1;
  --atoms-basf-gray-425: #ADADAD;
  --atoms-basf-gray-500: #9E9E9E;
  --atoms-basf-gray-600: #7E7E7E;
  --atoms-basf-gray-700: #5F5F5F;
  --atoms-basf-gray-800: #3F3F3F;
  --atoms-basf-gray-825: #373737;
  --atoms-basf-gray-900: #202020;
  --atoms-warn-color: var(--atoms-basf-red-500);
  --atoms-white: #ffffff;
  --atoms-box-gray: var(--atoms-basf-gray-075);
  --atoms-light-gray: var(--atoms-basf-gray-175);
  --atoms-middle-gray: var(--atoms-basf-gray-425);
  --atoms-black: var(--atoms-basf-gray-900);
  --atoms-basf-body-background: #E5E5E5;
  --atoms-header-left-column-width: calc(79% - .8125rem);
  --atoms-header-right-column-width: 21%;
  --atoms-header-right-column-columngap: .8125rem;
  font-family: "Roboto", sans-serif;
  --atom-navigation-width: 18.75rem;
  --atom-navigation-icon-width: 4rem;
  --atoms-prefix-sufix-icon-size: 1.5rem;
}
body {
  background-color: var(--atoms-basf-body-background);
}
a:not(.no-restyle) {
  text-decoration: none;
  color: var(--atoms-primary-color);
}
a:hover {
  text-decoration: underline;
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
:root {
  --atoms-side-space: 216px;
  --atoms-screen-width: calc(100vw - (2 * var(--atoms-side-space)));
  --atoms-header-height: 6rem;
  --atoms-breakpoint-small: 672px;
  --atoms-breakpoint-medium: 1056px;
  --atoms-breakpoint-large: 1312px;
  --atoms-breakpoint-x-large: 1584px;
}
p {
  font-size: 1rem;
  line-height: 1.5rem;
}
h1 {
  font-weight: 700;
}
h2 {
  font-weight: 400;
}
h3 {
  font-weight: 400;
}
h4 {
  font-weight: 700;
}
h5 {
  font-weight: 700;
}
h6 {
  font-weight: 700;
}
@media only screen and (max-width: 672px) {
  :root {
    --atoms-side-space: 1rem;
  }
}
@media only screen and (max-width: 1056px) {
  :root {
    --atoms-side-space: 1.5rem;
  }
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 1056px) {
  h1 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
  h2 {
    font-size: 2.625rem;
    line-height: 3.125rem;
  }
  h3 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h6 {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media only screen and (max-width: 1312px) {
  :root {
    --atoms-header-height: 5rem;
  }
}
@media only screen and (max-width: 1584px) {
  :root {
    --atoms-side-space: 2rem;
  }
}
:root {
  --atoms-primary-color: var(--atoms-basf-blue-dark-500);
  --atoms-secondary-color: var(--atoms-basf-blue-dark-425);
  --atoms-pale-color: var(--atoms-basf-blue-dark-075);
  --atoms-hover-color: var(--atoms-basf-blue-dark-600);
  --atoms-shadow-color: var(--atoms-basf-blue-dark-025);
  --atoms-basf-color-100: var(--atoms-basf-blue-dark-100);
  --atoms-basf-color-200: var(--atoms-basf-blue-dark-200);
  --atoms-basf-color-300: var(--atoms-basf-blue-dark-300);
  --atoms-basf-color-400: var(--atoms-basf-blue-dark-400);
  --atoms-basf-color-500: var(--atoms-basf-blue-dark-500);
  --atoms-basf-color-600: var(--atoms-basf-blue-dark-600);
  --atoms-basf-color-700: var(--atoms-basf-blue-dark-700);
  --atoms-basf-color-800: var(--atoms-basf-blue-dark-800);
  --atoms-basf-color-900: var(--atoms-basf-blue-dark-900);
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.clickable {
  cursor: pointer;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.btn-icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.btn-primary {
  background-color: var(--atoms-primary-color, #0a4b8c);
  border-color: var(--atoms-primary-color, #0a4b8c);
  color: var(--atoms-white, #fff);
}
.btn-primary:hover:not(:disabled) {
  background-color: var(--atoms-hover-color, #083b6f);
  border-color: var(--atoms-hover-color, #083b6f);
}
.btn-secondary {
  background-color: var(--atoms-middle-gray, #6c757d);
  border-color: var(--atoms-middle-gray, #6c757d);
  color: var(--atoms-white, #fff);
}
.btn-secondary:hover:not(:disabled) {
  filter: brightness(0.92);
}
.btn-link {
  background-color: var(--atoms-white, #fff);
  border-color: var(--atoms-primary-color, #0a4b8c);
  color: var(--atoms-primary-color, #0a4b8c);
}
.btn-link:hover:not(:disabled) {
  background-color: var(--atoms-pale-color, #e8f1fd);
}
.btn-danger {
  background-color: var(--atoms-white, #fff);
  border-color: var(--atoms-warn-color, #b42318);
  color: var(--atoms-warn-color, #b42318);
}
.btn-danger:hover:not(:disabled) {
  background-color: var(--atoms-warn-color, #b42318);
  color: var(--atoms-white, #fff);
}
.btn-edit {
  background-color: var(--atoms-white, #fff);
  border-color: var(--atoms-primary-color, #0a4b8c);
  color: var(--atoms-primary-color, #0a4b8c);
}
.btn-edit:hover:not(:disabled) {
  background-color: var(--atoms-pale-color, #e8f1fd);
}
.btn-remove {
  background-color: var(--atoms-white, #fff);
  border-color: var(--atoms-warn-color, #b42318);
  color: var(--atoms-warn-color, #b42318);
  white-space: nowrap;
}
.btn-remove:hover:not(:disabled) {
  background-color: var(--atoms-warn-color, #b42318);
  color: var(--atoms-white, #fff);
}
.btn-compact {
  white-space: nowrap;
}

/* angular:styles/global:styles */