/* apps/shell/src/styles.scss */
:root {
  --grey-00: #ffffff;
  --grey-50: #f5f5f5;
  --grey-100: #eeeeee;
  --grey-200: #e2e2e2;
  --grey-300: #cbcbcb;
  --grey-400: #afafaf;
  --grey-500: #757575;
  --grey-600: #545454;
  --grey-700: #333333;
  --grey-800: #1f1f1f;
  --grey-900: #050505;
  --grey-900-rgb:
    22,
    26,
    29;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --grey-blue-50: #f1f3f4;
  --grey-blue-100: #e2e6e9;
  --grey-blue-200: #c5ced3;
  --grey-blue-300: #a8b5bd;
  --grey-blue-400: #8b9da7;
  --grey-blue-500: #6e8491;
  --grey-blue-600: #586a74;
  --grey-blue-700: #424f57;
  --grey-blue-800: #2c353a;
  --grey-blue-900: #161a1d;
  --green-100: #e7f2e3;
  --green-200: #c4e9c0;
  --green-300: #99e59b;
  --green-400: #509940;
  --green-500: #11b719;
  --green-600: #00a80c;
  --green-700: #008500;
  --green-800: #006500;
  --info-100: #f0f5ff;
  --info-500: #3c80f6;
  --info-600: #005bfa;
  --info-800: #001430;
  --success-100: #f7fbf4;
  --success-600: #6ea437;
  --success-800: #172e00;
  --warning-100: #fffaf0;
  --warning-600: #faaf00;
  --warning-800: #412d00;
  --error-100: #fff2f0;
  --error-600: #db2500;
  --error-800: #440600;
}
:root {
  --background-screen: var(--grey-00);
  --background-section: var(--grey-50);
  --background-overlay: rgba(var(--grey-900-rgb), 0.6);
  --background-sidebar: var(--grey-blue-700);
  --background-white-section: var(--grey-00);
  --background-action-default: var(--grey-600);
  --background-action-soft-default: var(--grey-400);
  --background-action-active: var(--green-500);
  --background-action-hover: var(--green-800);
  --background-action-soft-hover: var(--green-100);
  --background-action-selected: var(--green-800);
  --background-action-soft-selected: var(--success-100);
  --background-action-focus: var(--green-400);
  --background-action-disabled: var(--grey-100);
  --background-action-white: var(--grey-00);
  --background-status-soft-informative: var(--info-100);
  --background-status-informative: var(--info-600);
  --background-status-soft-positive: var(--success-100);
  --background-status-positive: var(--success-600);
  --background-status-soft-warning: var(--warning-100);
  --background-status-warning: var(--warning-600);
  --background-status-soft-negative: var(--error-100);
  --background-status-negative: var(--error-600);
}
:root {
  --radius-z: 0rem;
  --radius-s: 0.25rem;
  --radius-m: 0.5rem;
  --radius-l: 1rem;
  --radius-xl: 1.5rem;
}
:root {
  --spacing-0: 0rem;
  --spacing-25: 0.125rem;
  --spacing-50: 0.25rem;
  --spacing-100: 0.5rem;
  --spacing-150: 0.75rem;
  --spacing-200: 1rem;
  --spacing-300: 1.5rem;
  --spacing-400: 2rem;
  --spacing-500: 2.5rem;
  --spacing-600: 3rem;
  --spacing-700: 3.5rem;
  --spacing-800: 4rem;
  --spacing-900: 4.5rem;
  --spacing-1000: 5rem;
  --spacing-1100: 5.5rem;
  --spacing-1200: 6rem;
  --spacing-1300: 6.5rem;
  --spacing-1400: 7rem;
  --spacing-1500: 7.5rem;
}
:root {
  --stroke-action-box-and-line: var(--grey-200);
  --stroke-action-default: var(--grey-600);
  --stroke-action-active: var(--green-500);
  --stroke-action-hover: var(--green-700);
  --stroke-action-selected: var(--green-800);
  --stroke-action-focus: var(--green-500);
  --stroke-action-disabled: var(--grey-400);
  --stroke-action-white: var(--grey-00);
  --stroke-action-visited: var(--green-800);
  --stroke-action-visited-hover: var(--grey-500);
  --stroke-status-informative: var(--info-600);
  --stroke-status-positive: var(--success-600);
  --stroke-status-warning: var(--warning-600);
  --stroke-status-negative: var(--error-600);
}
:root {
  --text-copy-title: var(--grey-700);
  --text-copy-subtitle: var(--grey-700);
  --text-copy-body: var(--grey-700);
  --text-copy-disclaimer: var(--grey-500);
  --text-copy-informative: var(--info-600);
  --text-copy-success: var(--success-600);
  --text-copy-warning: var(--warning-600);
  --text-copy-negative: var(--error-600);
  --text-copy-white: var(--grey-00);
  --text-action-default: var(--grey-700);
  --text-action-active: var(--green-500);
  --text-action-hover: var(--green-800);
  --text-action-selected: var(--green-800);
  --text-action-focus: var(--green-500);
  --text-action-disabled: var(--grey-500);
  --text-action-white: var(--grey-00);
  --text-action-visited: var(--green-800);
  --text-action-visited-hover: var(--green-500);
  --text-action-ghost: var(--grey-400);
}
.input-wrapper input[type=text],
.input-wrapper input[type=email],
.input-wrapper input[type=password],
.input-wrapper input[type=number],
.input-wrapper input[type=tel],
.input-wrapper input[type=search],
.input-wrapper input[type=date],
.input-wrapper input[type=datetime-local],
.input-wrapper input[type=month],
.input-wrapper input[type=time],
.input-wrapper input[type=week],
.input-wrapper input[type=url],
.input-wrapper input[type=color],
.input-wrapper input[type=range],
.input-wrapper input[type=file] {
  height: 3.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  border-width: 1.5px;
}
.input-wrapper textarea::placeholder,
.input-wrapper input::placeholder {
  color: var(--text-copy-disclaimer);
}
.input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
.p-checkbox-box,
.p-inputtext {
  --p-inputtext-shadow: none;
  --p-inputtext-border-color: var(--stroke-action-box-and-line);
}
textarea {
  font-size: 1rem;
  border-radius: 0.5rem;
  border-width: 1.5px;
  --p-inputtext-shadow: 0;
}
.input-wrapper label {
  font-size: 1rem;
  transition: color 0.3s ease-in-out;
  font-weight: 600;
}
input.icon--left {
  padding-left: 2.75rem;
}
input.icon--right {
  padding-right: 2.75rem;
}
app-input-text.manually-has-error :has(input:focus) label,
app-input-mask.manually-has-error :has(input:focus) label,
app-textarea.manually-has-error :has(textarea:focus) label {
  color: var(--stroke-status-negative);
}
app-input-text.manually-has-error input:not(:focus),
app-input-mask.manually-has-error input:not(:focus),
app-textarea.manually-has-error textarea:not(:focus) {
  border-color: var(--stroke-status-negative);
}
app-input-text.ng-invalid.ng-touched.ng-pristine:has(input:focus) label,
app-input-text.ng-invalid.ng-touched.ng-dirty:has(input:focus) label,
app-input-mask.ng-invalid.ng-touched.ng-pristine:has(input:focus) label,
app-input-mask.ng-invalid.ng-touched.ng-dirty:has(input:focus) label,
app-textarea.ng-invalid.ng-touched.ng-pristine:has(textarea:focus) label,
app-textarea.ng-invalid.ng-touched.ng-dirty:has(textarea:focus) label {
  color: initial;
}
app-input-text.ng-invalid.ng-touched.ng-pristine input:not(:focus),
app-input-text.ng-invalid.ng-touched.ng-dirty input:not(:focus),
app-input-mask.ng-invalid.ng-touched.ng-pristine input:not(:focus),
app-input-mask.ng-invalid.ng-touched.ng-dirty input:not(:focus),
app-textarea.ng-invalid.ng-touched.ng-pristine textarea:not(:focus),
app-textarea.ng-invalid.ng-touched.ng-dirty textarea:not(:focus) {
  border-color: var(--stroke-status-negative);
}
app-input-quantity.ng-invalid.ng-touched.ng-pristine .input-quantity,
app-input-quantity.ng-invalid.ng-touched.ng-dirty .input-quantity {
  border-color: var(--stroke-status-negative);
}
.bhd-theme {
  --p-button-secondary-background: var(--background-action-active);
  --p-button-primary-border-color: transparent;
  --p-button-outlined-primary-border-color: var(--stroke-action-active);
  --p-button-outlined-primary-color: var(--text-action-active);
  --p-textarea-shadow: 0;
  --p-textarea-hover-border-color: var(--stroke-action-hover);
  --p-inputtext-hover-border-color: var(--stroke-action-hover);
  --p-radiobutton-width: 1.5rem;
  --p-radiobutton-height: 1.5rem;
  --p-radiobutton-border-width: 1.5px;
  --p-checkbox-width: 1.5rem;
  --p-checkbox-height: 1.5rem;
  --p-checkbox-border-width: 1.5px;
}
.bhd-theme .p-button,
.bhd-theme .p-button:not(:disabled):hover {
  border-width: 1.5px;
}
.bhd-theme .p-button-label {
  color: inherit;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: hidden;
}
.modal-container {
  width: 90%;
  max-width: 56rem;
  margin: 2rem auto;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  position: relative;
  overflow-y: auto;
  min-width: 300px;
}
@font-face {
  font-family: "Trust Sans Alt";
  font-style: normal;
  font-weight: 400;
  src:
    url(/public/fonts/trust_sans/trust-sans-alt-regular.ttf) format("truetype"),
    url(/public/fonts/trust_sans/trust-sans-alt-regular.woff) format("woff"),
    url(/public/fonts/trust_sans/trust-sans-alt-regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Trust Sans Alt";
  font-style: normal;
  font-weight: 600;
  src:
    url(/public/fonts/trust_sans/trust-sans-alt-medium.ttf) format("truetype"),
    url(/public/fonts/trust_sans/trust-sans-alt-medium.woff) format("woff"),
    url(/public/fonts/trust_sans/trust-sans-alt-medium.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Trust Sans Alt";
  font-style: normal;
  font-weight: 700;
  src:
    url(/public/fonts/trust_sans/trust-sans-alt-bold.ttf) format("truetype"),
    url(/public/fonts/trust_sans/trust-sans-alt-bold.woff) format("woff"),
    url(/public/fonts/trust_sans/trust-sans-alt-bold.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src:
    url(/public/fonts/noto_sans/noto-sans-regular.ttf) format("truetype"),
    url(/public/fonts/noto_sans/noto-sans-regular.woff) format("woff"),
    url(/public/fonts/noto_sans/noto-sans-regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  src:
    url(/public/fonts/noto_sans/noto-sans-medium.ttf) format("truetype"),
    url(/public/fonts/noto_sans/noto-sans-medium.woff) format("woff"),
    url(/public/fonts/noto_sans/noto-sans-medium.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src:
    url(/public/fonts/noto_sans/noto-sans-bold.ttf) format("truetype"),
    url(/public/fonts/noto_sans/noto-sans-bold.woff) format("woff"),
    url(/public/fonts/noto_sans/noto-sans-bold.woff2) format("woff2");
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  font-family: "Noto Sans", sans-serif;
  background-color: #f5f5f5;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Trust Sans Alt", sans-serif;
  font-weight: 600;
}
h2 {
  font-size: 24px;
}
h1.hero-l {
  font-size: clamp(2.25rem, 0.0625rem + 7vw, 4rem);
}
h2.hero-m {
  font-size: clamp(2rem, 1.375rem + 2vw, 2.5rem);
}
h1.title {
  font-size: clamp(1.5rem, 1.0599rem + 1.8779vw, 2.75rem);
}
h2.subtitle {
  font-size: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
}
p,
span,
label,
input,
textarea,
select {
  font-family: "Noto Sans", sans-serif;
}
input,
button,
textarea,
select {
  font: inherit;
}
p {
  text-wrap: pretty;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.p-error {
  color: var(--error-600);
}
.p-drawer-content {
  padding: 0 !important;
}

/* angular:styles/global:styles */