/* libs/shared/styles/src/lib/reset.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  all: unset;
  display: inline-block;
  cursor: pointer;
}
a {
  all: unset;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
}
input {
  all: unset;
}
mat-icon.mat-icon {
  display: flex;
}
svg.icons path {
  stroke: currentColor;
  fill: none;
}
svg.icons path:not(.path-stroke):not(.not-impacted-by-currentColor),
svg.icons rect {
  fill: currentColor;
  stroke: none;
}

/* libs/shared/styles/src/lib/variables.css */
:root {
  --spacing-none: 0;
  --spacing-XXXS: calc(4 / var(--base-font-size) * 1rem);
  --spacing-XXS: calc(8 / var(--base-font-size) * 1rem);
  --spacing-XS: calc(12 / var(--base-font-size) * 1rem);
  --spacing-S: calc(16 / var(--base-font-size) * 1rem);
  --spacing-M: calc(24 / var(--base-font-size) * 1rem);
  --spacing-L: calc(32 / var(--base-font-size) * 1rem);
  --spacing-XL: calc(48 / var(--base-font-size) * 1rem);
  --spacing-XXL: calc(64 / var(--base-font-size) * 1rem);
}
:root {
  --color-black-rgb:
    0,
    0,
    0;
  --color-black-100: rgba(var(--color-black-rgb), 1);
  --color-black-90: rgba(var(--color-black-rgb), 0.9);
  --color-black-80: rgba(var(--color-black-rgb), 0.8);
  --color-black-70: rgba(var(--color-black-rgb), 0.7);
  --color-black-60: rgba(var(--color-black-rgb), 0.6);
  --color-black-50: rgba(var(--color-black-rgb), 0.5);
  --color-black-40: rgba(var(--color-black-rgb), 0.4);
  --color-black-30: rgba(var(--color-black-rgb), 0.3);
  --color-black-20: rgba(var(--color-black-rgb), 0.2);
  --color-black-10: rgba(var(--color-black-rgb), 0.1);
  --color-black-2_5: rgba(var(--color-black-rgb), 0.025);
  --color-dark-grey-rgb:
    37,
    37,
    37;
  --color-dark-grey-100: rgba(var(--color-dark-grey-rgb), 1);
  --color-dark-grey-90: rgba(var(--color-dark-grey-rgb), 0.9);
  --color-dark-grey-80: rgba(var(--color-dark-grey-rgb), 0.8);
  --color-dark-grey-70: rgba(var(--color-dark-grey-rgb), 0.7);
  --color-dark-grey-60: rgba(var(--color-dark-grey-rgb), 0.6);
  --color-dark-grey-50: rgba(var(--color-dark-grey-rgb), 0.5);
  --color-dark-grey-40: rgba(var(--color-dark-grey-rgb), 0.4);
  --color-dark-grey-30: rgba(var(--color-dark-grey-rgb), 0.3);
  --color-dark-grey-20: rgba(var(--color-dark-grey-rgb), 0.2);
  --color-dark-grey-10: rgba(var(--color-dark-grey-rgb), 0.1);
  --color-dark-grey-2_5: rgba(var(--color-dark-grey-rgb), 0.025);
  --color-light-grey-rgb:
    119,
    119,
    119;
  --color-light-grey-100: rgba(var(--color-light-grey-rgb), 1);
  --color-light-grey-60: rgba(var(--color-light-grey-rgb), 0.6);
  --color-light-grey-50: rgba(var(--color-light-grey-rgb), 0.5);
  --color-light-grey-20: rgba(var(--color-light-grey-rgb), 0.2);
  --color-white-rgb:
    255,
    255,
    255;
  --color-white-100: rgba(var(--color-white-rgb), 1);
  --color-white-90: rgba(var(--color-white-rgb), 0.9);
  --color-white-80: rgba(var(--color-white-rgb), 0.8);
  --color-white-70: rgba(var(--color-white-rgb), 0.7);
  --color-white-60: rgba(var(--color-white-rgb), 0.6);
  --color-white-50: rgba(var(--color-white-rgb), 0.5);
  --color-white-40: rgba(var(--color-white-rgb), 0.4);
  --color-white-30: rgba(var(--color-white-rgb), 0.3);
  --color-white-20: rgba(var(--color-white-rgb), 0.2);
  --color-white-10: rgba(var(--color-white-rgb), 0.1);
  --color-blue-rgb:
    15,
    104,
    236;
  --color-blue-100: rgba(var(--color-blue-rgb), 1);
  --color-blue-90: rgba(var(--color-blue-rgb), 0.9);
  --color-blue-80: rgba(var(--color-blue-rgb), 0.8);
  --color-blue-70: rgba(var(--color-blue-rgb), 0.7);
  --color-blue-60: rgba(var(--color-blue-rgb), 0.6);
  --color-blue-50: rgba(var(--color-blue-rgb), 0.5);
  --color-blue-40: rgba(var(--color-blue-rgb), 0.4);
  --color-blue-30: rgba(var(--color-blue-rgb), 0.3);
  --color-blue-20: rgba(var(--color-blue-rgb), 0.2);
  --color-blue-10: rgba(var(--color-blue-rgb), 0.1);
  --color-blue-5: rgba(var(--color-blue-rgb), 0.05);
  --color-green-rgb:
    107,
    251,
    206;
  --color-green-100: rgba(var(--color-green-rgb), 1);
  --color-green-90: rgba(var(--color-green-rgb), 0.9);
  --color-green-80: rgba(var(--color-green-rgb), 0.8);
  --color-green-70: rgba(var(--color-green-rgb), 0.7);
  --color-green-60: rgba(var(--color-green-rgb), 0.6);
  --color-green-50: rgba(var(--color-green-rgb), 0.5);
  --color-green-40: rgba(var(--color-green-rgb), 0.4);
  --color-green-30: rgba(var(--color-green-rgb), 0.3);
  --color-green-25: rgba(var(--color-green-rgb), 0.25);
  --color-green-20: rgba(var(--color-green-rgb), 0.2);
  --color-green-10: rgba(var(--color-green-rgb), 0.1);
  --color-green-5: rgba(var(--color-green-rgb), 0.05);
  --color-green-0: rgba(var(--color-green-rgb), 0.00);
  --color-dark-green-rgb:
    21,
    198,
    142;
  --color-dark-green-100: rgba(var(--color-dark-green-rgb), 1);
  --color-dark-green-90: rgba(var(--color-dark-green-rgb), 0.9);
  --color-dark-green-80: rgba(var(--color-dark-green-rgb), 0.8);
  --color-dark-green-70: rgba(var(--color-dark-green-rgb), 0.7);
  --color-dark-green-60: rgba(var(--color-dark-green-rgb), 0.6);
  --color-dark-green-50: rgba(var(--color-dark-green-rgb), 0.5);
  --color-dark-green-40: rgba(var(--color-dark-green-rgb), 0.4);
  --color-dark-green-30: rgba(var(--color-dark-green-rgb), 0.3);
  --color-dark-green-20: rgba(var(--color-dark-green-rgb), 0.2);
  --color-dark-green-10: rgba(var(--color-dark-green-rgb), 0.1);
  --color-orange-rgb:
    247,
    83,
    54;
  --color-orange-100: rgba(var(--color-orange-rgb), 1);
  --color-orange-80: rgba(var(--color-orange-rgb), 0.8);
  --color-orange-70: rgba(var(--color-orange-rgb), 0.7);
  --color-orange-60: rgba(var(--color-orange-rgb), 0.6);
  --color-orange-50: rgba(var(--color-orange-rgb), 0.5);
  --color-orange-10: rgba(var(--color-orange-rgb), 0.1);
  --color-orange-2_5: rgba(var(--color-orange-rgb), 0.025);
  --color-surgery-rgb:
    228,
    33,
    67;
  --color-surgery-100: rgba(var(--color-surgery-rgb), 1);
  --color-surgery-60: rgba(var(--color-surgery-rgb), 0.6);
  --color-surgery-50: rgba(var(--color-surgery-rgb), 0.5);
  --color-surgery-10: rgba(var(--color-surgery-rgb), 0.1);
  --color-targeted-therapy-rgb:
    255,
    144,
    0;
  --color-targeted-therapy-100: rgba(var(--color-targeted-therapy-rgb), 1);
  --color-targeted-therapy-60: rgba(var(--color-targeted-therapy-rgb), 0.6);
  --color-targeted-therapy-50: rgba(var(--color-targeted-therapy-rgb), 0.5);
  --color-targeted-therapy-10: rgba(var(--color-targeted-therapy-rgb), 0.1);
  --color-chemotherapy-rgb:
    247,
    83,
    54;
  --color-chemotherapy-100: rgba(var(--color-chemotherapy-rgb), 1);
  --color-chemotherapy-60: rgba(var(--color-chemotherapy-rgb), 0.6);
  --color-chemotherapy-50: rgba(var(--color-chemotherapy-rgb), 0.5);
  --color-chemotherapy-10: rgba(var(--color-chemotherapy-rgb), 0.1);
  --color-radiotherapy-rgb:
    206,
    9,
    139;
  --color-radiotherapy-100: rgba(var(--color-radiotherapy-rgb), 1);
  --color-radiotherapy-60: rgba(var(--color-radiotherapy-rgb), 0.6);
  --color-radiotherapy-50: rgba(var(--color-radiotherapy-rgb), 0.5);
  --color-radiotherapy-10: rgba(var(--color-radiotherapy-rgb), 0.1);
  --color-hospitalisation-rgb:
    15,
    104,
    236;
  --color-hospitalisation-100: rgba(var(--color-hospitalisation-rgb), 1);
  --color-hospitalisation-60: rgba(var(--color-hospitalisation-rgb), 0.6);
  --color-hospitalisation-50: rgba(var(--color-hospitalisation-rgb), 0.5);
  --color-hospitalisation-10: rgba(var(--color-hospitalisation-rgb), 0.1);
  --color-immunotherapy-rgb:
    146,
    61,
    255;
  --color-immunotherapy-100: rgba(var(--color-immunotherapy-rgb), 1);
  --color-immunotherapy-60: rgba(var(--color-immunotherapy-rgb), 0.6);
  --color-immunotherapy-50: rgba(var(--color-immunotherapy-rgb), 0.5);
  --color-immunotherapy-10: rgba(var(--color-immunotherapy-rgb), 0.1);
  --color-negative-rgb:
    206,
    12,
    0;
  --color-negative-100: rgba(var(--color-negative-rgb), 1);
  --color-negative-80: rgba(var(--color-negative-rgb), 0.8);
  --color-negative-60: rgba(var(--color-negative-rgb), 0.6);
  --color-negative-50: rgba(var(--color-negative-rgb), 0.5);
  --color-negative-20: rgba(var(--color-negative-rgb), 0.2);
  --color-negative-10: rgba(var(--color-negative-rgb), 0.1);
  --color-negative-2_5: rgba(var(--color-negative-rgb), 0.025);
  --color-negative-dark-rgb:
    206,
    12,
    0;
  --color-negative-dark-100: rgba(var(--color-negative-dark-rgb), 1);
  --color-negative-dark-80: rgba(var(--color-negative-dark-rgb), 0.8);
  --color-negative-dark-60: rgba(var(--color-negative-dark-rgb), 0.6);
  --color-negative-dark-50: rgba(var(--color-negative-dark-rgb), 0.5);
  --color-negative-dark-20: rgba(var(--color-negative-dark-rgb), 0.2);
  --color-negative-dark-10: rgba(var(--color-negative-dark-rgb), 0.1);
}
:root {
  --border-radius-XS: 4px;
  --border-radius-S: 8px;
  --border-radius-M: 12px;
  --border-radius-L: 16px;
  --border-radius-XL: 32px;
  --border-radius-XXL: 48px;
  --border-radius-rounded: 200px;
}

/* libs/shared/styles/src/lib/base.css */
:root {
  --base-font-size: 16;
  --font-family: "Funnel Sans";
  --font-family-display: "Funnel Display";
}
router-outlet {
  position: absolute;
}
html {
  font-size: 16px;
}
html,
body {
  height: 100%;
  overflow: hidden !important;
}
body {
  font-family: var(--font-family);
  box-sizing: border-box;
}
h1,
h2,
h3 {
  font-family: "Funnel Display";
}
* {
  box-sizing: border-box;
}
#storybook-docs {
  height: 100vh;
  overflow: auto;
}
.bg-black-2_5 {
  background-color: var(--color-black-2_5);
}
.bg-white-10 {
  background-color: var(--color-white-10);
}
.bg-white-20 {
  background-color: var(--color-white-20);
}
.bg-white-30 {
  background-color: var(--color-white-30);
}
.bg-white-40 {
  background-color: var(--color-white-40);
}
.bg-white-50 {
  background-color: var(--color-white-50);
}
.bg-white-80 {
  background-color: var(--color-white-80);
}
.bg-white-100,
.bg-white-100\! {
  background-color: var(--color-white-100) !important;
}
.color-dark-grey-80 {
  color: var(--color-dark-grey-80);
}
.color-dark-grey-80 {
  color: var(--color-dark-grey-60);
}
.color-dark-grey-40 {
  color: var(--color-dark-grey-40);
}
.color-dark-grey-50 {
  color: var(--color-dark-grey-50);
}
.color-black-50 {
  color: var(--color-black-50);
}
.color-negative-100 {
  color: var(--color-negative-100);
}
.color-negative-dark-100 {
  color: var(--color-negative-dark-100);
}
.bg-negative-dark-10 {
  background-color: var(--color-negative-dark-10);
}
.color-black-40 {
  color: var(--color-black-40);
}
.color-dark-grey-70 {
  color: var(--color-dark-grey-70);
}
.color-dark-grey-100 {
  color: var(--color-dark-grey-100);
}
.color-dark-green-100 {
  color: var(--color-dark-green-100);
}
.color-green-100 {
  color: var(--color-green-100);
}
.color-white-100 {
  color: var(--color-white-100);
}
.color-white-80 {
  color: var(--color-white-80);
}
.color-white-60 {
  color: var(--color-white-60);
}
.color-white-40 {
  color: var(--color-white-40);
}
.color-white-30 {
  color: var(--color-white-30);
}
.color-white-20 {
  color: var(--color-white-20);
}
.color-black-60 {
  color: var(--color-black-60);
}
.color-black-100 {
  color: var(--color-black-100);
}
.radius-rounded {
  border-radius: var(--border-radius-rounded);
}
.radius-XXL {
  border-radius: var(--border-radius-XXL);
}
.radius-XL {
  border-radius: var(--border-radius-XL);
}
.radius-L {
  border-radius: var(--border-radius-L);
}
.radius-M {
  border-radius: var(--border-radius-M);
}
.radius-S {
  border-radius: var(--border-radius-S);
}
.radius-XS {
  border-radius: var(--border-radius-XS);
}
.elevation-1 {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.powerbiReport {
  height: 100%;
  width: 100%;
}
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
::-webkit-scrollbar-track {
  border-radius: var(--spacing-XXS);
  border: 2px solid var(--color-black-2_5);
  background: var(--color-black-10);
  padding: var(--spacing-XXXS);
}
::-webkit-scrollbar-thumb {
  border-radius: var(--spacing-M);
  background: var(--color-white-80);
  border: var(--spacing-XXXS) solid transparent;
  background-clip: content-box;
}
g::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      232deg,
      rgba(206, 9, 139, 0.00) 1.62%,
      rgba(206, 9, 139, 0.20) 98.5%),
    rgba(255, 255, 255, 0.80);
  pointer-events: none;
}
.pdfViewer .page {
  margin-block: var(--spacing-XXS) !important;
}
dynamic-component-loader {
  display: none;
}

/* libs/shared/styles/src/lib/typography.css */
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Display";
  src: url("./media/FunnelDisplay-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Funnel Sans";
  src: url("./media/FunnelSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

/* libs/shared/styles/src/lib/utils.css */
.min-h-0 {
  min-height: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.inset-0 {
  inset: 0;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-auto {
  overflow: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}
.text-nowrap {
  text-wrap: nowrap;
}
.nowrap-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.h-100\% {
  height: 100%;
}
.w-100\% {
  width: 100%;
}
.min-w-0 {
  min-width: 0;
}
.min-w-fit-content {
  min-width: fit-content;
}
.transparent-border-2 {
  border: 2px solid transparent;
}
.blur-effect {
  position: relative;
  overflow: hidden;
}
.blur-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: blur(15px);
  z-index: -1;
}
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.rounded {
  border-radius: var(--border-radius-rounded);
}
.disabled-event {
  pointer-events: none;
}
.cursor-grab {
  cursor: grab;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
:is(.exam-item, .anapath-item):hover {
  filter: none;
  cursor: pointer;
}
.extended-link::after {
  content: " ";
  display: block;
  position: absolute;
  inset: 0;
}
.spin {
  animation: spin 1.2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* libs/shared/styles/src/lib/layout.css */
.grid {
  display: grid;
  gap: var(--spacing-M);
  grid-template-columns: repeat(var(--cols, 12), minmax(0, 1fr));
}
.grid-without-row-gap {
  display: grid;
  column-gap: var(--spacing-M);
  grid-template-columns: repeat(var(--cols, 12), minmax(0, 1fr));
}
.grid-1-cols {
  --cols: 1;
}
.grid-2-cols {
  --cols: 2;
}
.grid-3-cols {
  --cols: 3;
}
.grid-4-cols {
  --cols: 4;
}
.grid-5-cols {
  --cols: 5;
}
.grid-6-cols {
  --cols: 6;
}
.grid-8-cols {
  --cols: 8;
}
.grid-9-cols {
  --cols: 9;
}
.grid-12-cols {
  --cols: 12;
}
@media (min-width: 1208px) and (max-width: 1637px) {
  .grid {
    gap: var(--spacing-L);
  }
}
@media (min-width: 2208px) {
  .grid {
    max-width: 2144px;
  }
}
.col-span-1 {
  grid-column: span 1;
  min-width: 0;
}
.col-span-2 {
  grid-column: span 2;
  min-width: 0;
}
.col-span-3 {
  grid-column: span 3;
  min-width: 0;
}
.col-span-4 {
  grid-column: span 4;
  min-width: 0;
}
.col-span-6 {
  grid-column: span 6;
  min-width: 0;
}
.col-span-8 {
  grid-column: span 8;
  min-width: 0;
}
.col-span-9 {
  grid-column: span 9;
  min-width: 0;
}
.col-span-10 {
  grid-column: span 10;
  min-width: 0;
}
.col-span-12 {
  grid-column: span 12;
  min-width: 0;
}
.offset-right-1 {
  grid-column-end: -2;
}
.offset-right-2 {
  grid-column-end: -3;
}
.offset-left-1 {
  grid-column-start: 2;
}
.offset-left-2 {
  grid-column-start: 3;
}
.gap-0 {
  gap: 0;
}
.gap-S {
  gap: var(--spacing-S);
}
.gap-M {
  gap: var(--spacing-M);
}
.gap-L {
  gap: var(--spacing-L);
}
.gap-XL {
  gap: var(--spacing-XL);
}
.gap-XS {
  gap: var(--spacing-XS);
}
.gap-XXS {
  gap: var(--spacing-XXS);
}
.gap-XXXS {
  gap: var(--spacing-XXXS);
}
.column-gap-S {
  column-gap: var(--spacing-S);
}
.p-0 {
  padding: 0;
}
.p-t-M {
  padding-top: var(--spacing-M);
}
.p-t-L {
  padding-top: var(--spacing-L);
}
.p-t-S {
  padding-top: var(--spacing-S);
}
.p-t-XS {
  padding-top: var(--spacing-XS);
}
.p-t-XXS {
  padding-top: var(--spacing-XXS);
}
.p-t-XXXS {
  padding-top: var(--spacing-XXXS);
}
.p-t-0 {
  padding-top: 0;
}
.p-l-M {
  padding-left: var(--spacing-M);
}
.p-l-L {
  padding-left: var(--spacing-L);
}
.p-l-S {
  padding-left: var(--spacing-S);
}
.p-l-XS {
  padding-left: var(--spacing-XS);
}
.p-l-XXS {
  padding-left: var(--spacing-XXS);
}
.p-l-XXXS {
  padding-left: var(--spacing-XXXS);
}
.p-l-0 {
  padding-left: 0;
}
.p-b-L {
  padding-bottom: var(--spacing-L);
}
.p-b-M {
  padding-bottom: var(--spacing-M);
}
.p-b-S {
  padding-bottom: var(--spacing-S);
}
.p-b-XS {
  padding-bottom: var(--spacing-XS);
}
.p-b-XXS {
  padding-bottom: var(--spacing-XXS);
}
.p-b-XXXS {
  padding-bottom: var(--spacing-XXXS);
}
.p-b-0 {
  padding-bottom: 0;
}
.p-L {
  padding: var(--spacing-L);
}
.p-M {
  padding: var(--spacing-M);
}
.p-S {
  padding: var(--spacing-S);
}
.p-XS {
  padding: var(--spacing-XS);
}
.p-XXS {
  padding: var(--spacing-XXS);
}
.p-XXXS {
  padding: var(--spacing-XXXS);
}
.p-r-S {
  padding-right: var(--spacing-S);
}
.p-r-XXS {
  padding-right: var(--spacing-XXS);
}
.p-r-L {
  padding-right: var(--spacing-L);
}
.p-inline-XXXS {
  padding-inline: var(--spacing-XXXS);
}
.p-inline-XXS {
  padding-inline: var(--spacing-XXS);
}
.p-inline-XS {
  padding-inline: var(--spacing-XS);
}
.p-inline-S {
  padding-inline: var(--spacing-S);
}
.p-inline-M {
  padding-inline: var(--spacing-M);
}
.p-inline-L {
  padding-inline: var(--spacing-L);
}
.p-block-XXXS {
  padding-block: var(--spacing-XXXS);
}
.p-block-XXS {
  padding-block: var(--spacing-XXS);
}
.p-block-XS {
  padding-block: var(--spacing-XS);
}
.p-block-S {
  padding-block: var(--spacing-S);
}
.p-block-M {
  padding-block: var(--spacing-M);
}
.m-t-L {
  margin-top: var(--spacing-L);
}
.m-t-M {
  margin-top: var(--spacing-M);
}
.m-t-S {
  margin-top: var(--spacing-S);
}
.m-t-XS {
  margin-top: var(--spacing-XS);
}
.m-t-XXS {
  margin-top: var(--spacing-XXS);
}
.m-t-XXXS {
  margin-top: var(--spacing-XXXS);
}
.m-b-L {
  margin-bottom: var(--spacing-L);
}
.m-b-M {
  margin-bottom: var(--spacing-M);
}
.m-b-S {
  margin-bottom: var(--spacing-S);
}
.m-b-XS {
  margin-bottom: var(--spacing-XS);
}
.m-b-XXS {
  margin-bottom: var(--spacing-XXS);
}
.m-b-XXXS {
  margin-bottom: var(--spacing-XXXS);
}
.m-l-S {
  margin-left: var(--spacing-S);
}
.m-l-XXS {
  margin-left: var(--spacing-XXS);
}
.m-l-M {
  margin-left: var(--spacing-M);
}
.m-r-XXS {
  margin-right: var(--spacing-XXS);
}
.m-inline-S {
  margin-inline: var(--spacing-S);
}
.m-block-S {
  margin-block: var(--spacing-S);
}
.m-auto {
  margin: auto;
}
.p-h-XXXS-w-XXS {
  padding: var(--spacing-XXXS) var(--spacing-XXS);
}
.flex {
  display: flex;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}
.contents {
  display: contents;
}
.direction-row {
  flex-direction: row;
}
.direction-row-reversed {
  flex-direction: row-reverse;
}
.direction-column {
  flex-direction: column;
}
.text-align-center {
  text-align: center;
}
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-stretch {
  align-self: stretch;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: flex-end;
}
.align-content-baseline {
  align-content: baseline;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-stretch {
  justify-self: stretch;
}
.width-fit-content {
  width: fit-content;
}
.width-max-content {
  width: max-content;
}
.grid-col-2-trash {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 32px;
}
.grid-col-3-trash {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 32px;
}

/* libs/shared/styles/src/lib/component.css */
.c-point {
  width: 5px;
  height: 5px;
  border-radius: var(--border-radius-rounded);
  background-color: var(--color-dark-grey-70);
}
.c-divider {
  height: 2px;
  width: 100%;
  margin-block: calc(var(--spacing-M) - var(--spacing-S));
  background-color: var(--color-black-10);
}
.c-divider-with-label {
  display: flex;
  align-items: center;
  gap: var(--spacing-S);
  width: 100%;
}
.c-divider-with-label-line {
  flex: 1;
  min-width: 0;
  height: 3px;
  background-color: var(--color-light-grey-20);
}
.c-divider-with-text {
  color: var(--color-light-grey-100);
  font-weight: 500;
  font-size: calc(12 / var(--base-font-size) * 1rem);
  line-height: normal;
}
.c-vertical-divider {
  width: 3px;
  height: 100%;
  background-color: var(--color-light-grey-20);
}
.c-dialog-card {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  max-width: 1230px;
  max-height: calc(100vh - 100px);
  padding: var(--spacing-L);
  border-radius: var(--border-radius-M);
  border: 2px solid var(--color-white-20);
  background:
    radial-gradient(
      51.58% 42.47% at 75.66% 75.79%,
      rgba(15, 104, 236, 0.10) 0%,
      rgba(15, 104, 236, 0.00) 100%),
    radial-gradient(
      65.22% 59.18% at 10.23% 13.9%,
      rgba(107, 251, 206, 0.10) 51.89%,
      rgba(107, 251, 206, 0.00) 100%),
    #F2F2F2;
}
.c-dialog-card.mimine-background {
  background:
    radial-gradient(
      132.9% 101.93% at 7.81% 3.84%,
      var(--color-green-25) 0%,
      var(--color-green-0) 100%),
    var(--color-black-70);
}
.cdk-overlay-backdrop {
  background-color: rgba(27, 40, 86, 0.40);
}
.c-mimine {
  position: relative;
  border: 2px solid transparent;
  background-color: var(--color-white-10);
}
.c-mimine::before {
  border-radius: var(--border-radius-S);
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      391.74% 208.52% at 150% -44.85%,
      rgba(107, 251, 206, 0.50) 0%,
      rgba(107, 251, 206, 0.00) 100%);
}
.c-mimine::after {
  content: "";
  position: absolute;
  inset: 2px;
  background-color: var(--color-white-10);
}
.c-mimine > * {
  position: relative;
  z-index: 1;
}
.c-rotate-target {
  transition: transform 0.1s ease-in-out;
}
.c-rotate {
  transform: rotate(180deg);
}
.cdk-global-overlay-wrapper {
  background-color: rgba(27, 40, 86, 0.40);
}

/* libs/shared/styles/src/lib/text-style.css */
.h1-bold {
  font-weight: 700;
  font-size: calc(24 / var(--base-font-size) * 1rem);
  line-height: calc(28 / 24);
}
.h2-bold {
  font-weight: 700;
  font-size: calc(20 / var(--base-font-size) * 1rem);
  line-height: calc(24 / 20);
}
.h3-bold {
  font-weight: 700;
  font-size: calc(18 / var(--base-font-size) * 1rem);
  line-height: calc(20 / 18);
}
.h4-bold {
  font-weight: 700;
  font-size: calc(16 / var(--base-font-siicoze) * 1rem);
  line-height: normal;
}
.h4-extra_bold {
  font-weight: 800;
  font-size: calc(16 / var(--base-font-size) * 1rem);
  line-height: normal;
}
.b1-bold {
  font-weight: 700;
  font-size: calc(16 / var(--base-font-size) * 1rem);
  line-height: calc(21 / 16);
}
.b2-bold {
  font-weight: 700;
  font-size: calc(14 / var(--base-font-size) * 1rem);
  line-height: calc(21 / 14);
}
.b3-bold {
  font-weight: 700;
  font-size: calc(12 / var(--base-font-size) * 1rem);
  line-height: calc(16 / 12);
}
.b1-medium {
  font-weight: 500;
  font-size: calc(16 / var(--base-font-size) * 1rem);
  line-height: calc(20 / 16);
}
.b2-medium {
  font-weight: 500;
  font-size: calc(14 / var(--base-font-size) * 1rem);
  line-height: calc(21 / 14);
}
.b3-medium {
  font-weight: 500;
  font-size: calc(12 / var(--base-font-size) * 1rem);
  line-height: calc(16 / 12);
}
.btn-large {
  font-size: calc(18 / var(--base-font-size) * 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: calc(24 / 18);
}
.btn-medium {
  font-size: calc(14 / var(--base-font-size) * 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: calc(24 / 14);
}
.btn-small {
  font-size: calc(12 / var(--base-font-size) * 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: calc(16 / 14);
}

/* apps/board4care/src/styles.scss */
html {
  overflow: hidden;
}
body {
  position: relative;
  background-image: url(/background.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: var(--spacing-M);
}
@media (min-width: 1208px) and (max-width: 1637px) {
  body {
    padding-inline: var(--spacing-M);
  }
}
.card {
  display: flex;
  padding: var(--spacing-M);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-M);
  flex: 1 0 0;
  border-radius: var(--border-radius-L);
  border: 2px solid var(--color-white-60);
  background-color: var(--color-white-60);
  height: 100%;
  box-sizing: border-box;
}
.inner-card {
  display: flex;
  padding: var(--spacing-L) var(--spacing-L) 2px var(--spacing-L);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-S);
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--border-radius-L);
  border: 2px solid var(--color-white-60);
  background-color: rgba(37, 37, 37, 0.05);
  overflow: hidden auto;
}
.account-settings-modal b4c-modal .modal-content {
  padding: 0;
  overflow: hidden;
}

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