/* libs/shared/util/styles/reset.scss */
*,
::before,
::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
a,
button,
label,
select,
summary,
[type=button],
[type=reset],
[type=submit],
[type=checkbox],
[type=radio] {
  cursor: pointer;
}
::placeholder {
  color: var(--grey-500);
  opacity: 1;
}
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  appearance: button;
  background-color: transparent;
  border-color: transparent;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  display: none;
}
[type=number] {
  -moz-appearance: textfield;
  appearance: none;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  list-style: none;
}

/* libs/shared/util/styles/index.scss */
.row,
.row-0,
.row-2,
.row-4,
.row-6,
.row-8,
.row-12,
.row-14,
.row-16,
.row-18,
.row-20,
.row-24,
.row-28,
.row-32,
.row-40,
.row-48,
.row-64,
.row-80,
.row-128,
.col,
.col-0,
.col-2,
.col-4,
.col-6,
.col-8,
.col-12,
.col-14,
.col-16,
.col-18,
.col-20,
.col-24,
.col-28,
.col-32,
.col-40,
.col-48,
.col-64,
.col-80,
.col-128 {
  display: flex;
  flex-direction: var(--flex-dir);
  gap: var(--gap);
}
.row-0,
.col-0 {
  --gap: 0px;
}
.row-2,
.col-2 {
  --gap: var(--space-2);
}
.row-4,
.col-4 {
  --gap: var(--space-4);
}
.row-6,
.col-6 {
  --gap: var(--space-6);
}
.row-8,
.col-8 {
  --gap: var(--space-8);
}
.row-12,
.col-12 {
  --gap: var(--space-12);
}
.row-14,
.col-14 {
  --gap: var(--space-14);
}
.row-16,
.col-16 {
  --gap: var(--space-16);
}
.row-18,
.col-18 {
  --gap: var(--space-18);
}
.row-20,
.col-20 {
  --gap: var(--space-20);
}
.row-24,
.col-24 {
  --gap: var(--space-24);
}
.row-28,
.col-28 {
  --gap: var(--space-28);
}
.row-32,
.col-32 {
  --gap: var(--space-32);
}
.row-40,
.col-40 {
  --gap: var(--space-40);
}
.row-48,
.col-48 {
  --gap: var(--space-48);
}
.row-64,
.col-64 {
  --gap: var(--space-64);
}
.row-80,
.col-80 {
  --gap: var(--space-80);
}
.row-128,
.col-128 {
  --gap: var(--space-128);
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-128: 128px;
  --z-index-0: 0;
  --z-index-1: 1;
  --z-index-2: 2;
  --z-index-minus-1: -1;
  --z-index-minus-2: -2;
  --z-index-max: 99;
  --white: #ffffff;
  --black: #000000;
  --grey-50: #FAFAFA;
  --grey-100: #F4F4F5;
  --grey-200: #E3E4E6;
  --grey-300: #D4D6D8;
  --grey-400: #81868E;
  --grey-500: #70747B;
  --grey-600: #4D535C;
  --grey-700: #3C4046;
  --grey-800: #27282A;
  --grey-900: #18191B;
  --grey-950: #090A0B;
  --blue-50: #E8F6FF;
  --blue-300: #0088FF;
  --blue-500: #0066FF;
  --blue-700: #0055EE;
  --pink-50: #FFF1FD;
  --pink-300: #FF3366;
  --pink-500: #EE2255;
  --pink-700: #CC2255;
  --green-50: #E8FFFC;
  --green-300: #00CCCC;
  --green-500: #00AABB;
  --green-700: #007799;
  --orange-50: #FFF9D1;
  --orange-300: #FFBB22;
  --orange-500: #EE8800;
  --orange-700: #BB3300;
  --grey-900a60: rgba(24, 25, 27, 0.6);
  --grey-900a80: rgba(24, 25, 27, 0.8);
  --grey-900a01: rgba(24, 25, 27, 0.0117647059);
  --grey-900a03: rgba(24, 25, 27, 0.031372549);
  --grey-900a05: rgba(24, 25, 27, 0.0509803922);
  --grey-900a10: rgba(24, 25, 27, 0.1019607843);
  --grey-900a30: rgba(24, 25, 27, 0.3137254902);
  --blue-500a50: rgba(0, 102, 255, 0.5019607843);
  --blue-500a00: rgba(0, 102, 255, 0);
  --pink-100: #fff4fd;
  --pink-200: #ffeef6;
  --pink-900: #cc2255;
  --green-100: #e5ffff;
  --green-900: #007a90;
  --orange-100: #ffffdf;
  --orange-800: #b95600;
  --icon-background: rgba(24, 25, 27, 0.0509803922);
  --shadow-elevation-1: 0px 0px 0px 1px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.16);
  --shadow-elevation-2:
    0px 0px 0px 1px rgba(0, 0, 0, 0.02),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 4px 8px 0px rgba(0, 0, 0, 0.1);
  --shadow-elevation-3:
    0px 0px 0px 1px rgba(0, 0, 0, 0.02),
    0px 2px 6px 0px rgba(0, 0, 0, 0.04),
    0px 8px 24px 0px rgba(0, 0, 0, 0.1);
  --txt-size-32: 2rem;
  --txt-size-24: 1.5rem;
  --txt-size-22: 1.375rem;
  --txt-size-20: 1.3rem;
  --txt-size-18: 1.125rem;
  --txt-size-16: 1rem;
  --txt-size-14: 0.875rem;
  --txt-size-12: 0.75rem;
  --txt-size-10: 0.6rem;
  interpolate-size: allow-keywords;
}
.hyperlink {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--width, fit-content);
  gap: var(--gap, var(--space-6));
  color: var(--grey-600);
  padding: var(--space-2);
  border-radius: var(--space-2);
  background: none;
  border: none;
  font-size: var(--font-size);
  font-weight: 400;
  text-decoration: underline;
}
.hyperlink:hover {
  color: var(--grey-900);
}
.hyperlink:focus-visible {
  box-shadow: 0 0 0 var(--space-2) var(--grey-900);
}
.hyperlink.small {
  --font-size: var(--txt-size-12);
  --gap: var(--space-4);
}
.hyperlink.medium {
  --font-size: var(--txt-size-14);
  --gap: var(--space-6);
}
.hyperlink.large {
  --font-size: var(--txt-size-16);
  --gap: var(--space-8);
}
.hyperlink.full-width {
  --width: 100%;
}
.text-title-page {
  font-size: var(--txt-size-32);
  line-height: 1.2;
  font-weight: 600;
}
.text-title-page b,
.text-title-page strong {
  font-weight: 700;
}
.text-title-section {
  font-size: var(--txt-size-24);
  line-height: 1.2;
  font-weight: 600;
}
.text-title-section b,
.text-title-section strong {
  font-weight: 700;
}
.text-title-section-bold {
  font-size: var(--txt-size-24);
  line-height: 1.2;
  font-weight: 700;
}
.text-title-section-bold b,
.text-title-section-bold strong {
  font-weight: 800;
}
.text-title-section-small {
  font-size: var(--txt-size-20);
  line-height: 1.2;
  font-weight: 600;
}
.text-title-section-small b,
.text-title-section-small strong {
  font-weight: 700;
}
.text-body-base-bold {
  font-size: var(--txt-size-16);
  line-height: 1.5;
  font-weight: 600;
}
.text-body-base-bold b,
.text-body-base-bold strong {
  font-weight: 700;
}
.text-body-base {
  font-size: var(--txt-size-16);
  line-height: 1.5;
  font-weight: 400;
}
.text-body-base b,
.text-body-base strong {
  font-weight: 500;
}
.text-body-small {
  font-size: var(--txt-size-14);
  line-height: 1.5;
  font-weight: 400;
}
.text-body-small b,
.text-body-small strong {
  font-weight: 500;
}
.text-body-caption {
  font-size: var(--txt-size-12);
  line-height: 1.5;
  font-weight: 400;
}
.text-body-caption b,
.text-body-caption strong {
  font-weight: 500;
}
.padding-0 {
  padding: 0px;
}
.padding-x-0 {
  padding-inline: 0px;
}
.padding-y-0 {
  padding-block: 0px;
}
.padding-top-0 {
  padding-block-start: 0px;
}
.padding-bottom-0 {
  padding-block-end: 0px;
}
.padding-left-0 {
  padding-inline-start: 0px;
}
.padding-right-0 {
  padding-inline-end: 0px;
}
.padding-2 {
  padding: var(--space-2);
}
.padding-x-2 {
  padding-inline: var(--space-2);
}
.padding-y-2 {
  padding-block: var(--space-2);
}
.padding-top-2 {
  padding-block-start: var(--space-2);
}
.padding-bottom-2 {
  padding-block-end: var(--space-2);
}
.padding-left-2 {
  padding-inline-start: var(--space-2);
}
.padding-right-2 {
  padding-inline-end: var(--space-2);
}
.padding-4 {
  padding: var(--space-4);
}
.padding-x-4 {
  padding-inline: var(--space-4);
}
.padding-y-4 {
  padding-block: var(--space-4);
}
.padding-top-4 {
  padding-block-start: var(--space-4);
}
.padding-bottom-4 {
  padding-block-end: var(--space-4);
}
.padding-left-4 {
  padding-inline-start: var(--space-4);
}
.padding-right-4 {
  padding-inline-end: var(--space-4);
}
.padding-6 {
  padding: var(--space-6);
}
.padding-x-6 {
  padding-inline: var(--space-6);
}
.padding-y-6 {
  padding-block: var(--space-6);
}
.padding-top-6 {
  padding-block-start: var(--space-6);
}
.padding-bottom-6 {
  padding-block-end: var(--space-6);
}
.padding-left-6 {
  padding-inline-start: var(--space-6);
}
.padding-right-6 {
  padding-inline-end: var(--space-6);
}
.padding-8 {
  padding: var(--space-8);
}
.padding-x-8 {
  padding-inline: var(--space-8);
}
.padding-y-8 {
  padding-block: var(--space-8);
}
.padding-top-8 {
  padding-block-start: var(--space-8);
}
.padding-bottom-8 {
  padding-block-end: var(--space-8);
}
.padding-left-8 {
  padding-inline-start: var(--space-8);
}
.padding-right-8 {
  padding-inline-end: var(--space-8);
}
.padding-12 {
  padding: var(--space-12);
}
.padding-x-12 {
  padding-inline: var(--space-12);
}
.padding-y-12 {
  padding-block: var(--space-12);
}
.padding-top-12 {
  padding-block-start: var(--space-12);
}
.padding-bottom-12 {
  padding-block-end: var(--space-12);
}
.padding-left-12 {
  padding-inline-start: var(--space-12);
}
.padding-right-12 {
  padding-inline-end: var(--space-12);
}
.padding-14 {
  padding: var(--space-14);
}
.padding-x-14 {
  padding-inline: var(--space-14);
}
.padding-y-14 {
  padding-block: var(--space-14);
}
.padding-top-14 {
  padding-block-start: var(--space-14);
}
.padding-bottom-14 {
  padding-block-end: var(--space-14);
}
.padding-left-14 {
  padding-inline-start: var(--space-14);
}
.padding-right-14 {
  padding-inline-end: var(--space-14);
}
.padding-16 {
  padding: var(--space-16);
}
.padding-x-16 {
  padding-inline: var(--space-16);
}
.padding-y-16 {
  padding-block: var(--space-16);
}
.padding-top-16 {
  padding-block-start: var(--space-16);
}
.padding-bottom-16 {
  padding-block-end: var(--space-16);
}
.padding-left-16 {
  padding-inline-start: var(--space-16);
}
.padding-right-16 {
  padding-inline-end: var(--space-16);
}
.padding-18 {
  padding: var(--space-18);
}
.padding-x-18 {
  padding-inline: var(--space-18);
}
.padding-y-18 {
  padding-block: var(--space-18);
}
.padding-top-18 {
  padding-block-start: var(--space-18);
}
.padding-bottom-18 {
  padding-block-end: var(--space-18);
}
.padding-left-18 {
  padding-inline-start: var(--space-18);
}
.padding-right-18 {
  padding-inline-end: var(--space-18);
}
.padding-20 {
  padding: var(--space-20);
}
.padding-x-20 {
  padding-inline: var(--space-20);
}
.padding-y-20 {
  padding-block: var(--space-20);
}
.padding-top-20 {
  padding-block-start: var(--space-20);
}
.padding-bottom-20 {
  padding-block-end: var(--space-20);
}
.padding-left-20 {
  padding-inline-start: var(--space-20);
}
.padding-right-20 {
  padding-inline-end: var(--space-20);
}
.padding-24 {
  padding: var(--space-24);
}
.padding-x-24 {
  padding-inline: var(--space-24);
}
.padding-y-24 {
  padding-block: var(--space-24);
}
.padding-top-24 {
  padding-block-start: var(--space-24);
}
.padding-bottom-24 {
  padding-block-end: var(--space-24);
}
.padding-left-24 {
  padding-inline-start: var(--space-24);
}
.padding-right-24 {
  padding-inline-end: var(--space-24);
}
.padding-28 {
  padding: var(--space-28);
}
.padding-x-28 {
  padding-inline: var(--space-28);
}
.padding-y-28 {
  padding-block: var(--space-28);
}
.padding-top-28 {
  padding-block-start: var(--space-28);
}
.padding-bottom-28 {
  padding-block-end: var(--space-28);
}
.padding-left-28 {
  padding-inline-start: var(--space-28);
}
.padding-right-28 {
  padding-inline-end: var(--space-28);
}
.padding-32 {
  padding: var(--space-32);
}
.padding-x-32 {
  padding-inline: var(--space-32);
}
.padding-y-32 {
  padding-block: var(--space-32);
}
.padding-top-32 {
  padding-block-start: var(--space-32);
}
.padding-bottom-32 {
  padding-block-end: var(--space-32);
}
.padding-left-32 {
  padding-inline-start: var(--space-32);
}
.padding-right-32 {
  padding-inline-end: var(--space-32);
}
.padding-40 {
  padding: var(--space-40);
}
.padding-x-40 {
  padding-inline: var(--space-40);
}
.padding-y-40 {
  padding-block: var(--space-40);
}
.padding-top-40 {
  padding-block-start: var(--space-40);
}
.padding-bottom-40 {
  padding-block-end: var(--space-40);
}
.padding-left-40 {
  padding-inline-start: var(--space-40);
}
.padding-right-40 {
  padding-inline-end: var(--space-40);
}
.padding-48 {
  padding: var(--space-48);
}
.padding-x-48 {
  padding-inline: var(--space-48);
}
.padding-y-48 {
  padding-block: var(--space-48);
}
.padding-top-48 {
  padding-block-start: var(--space-48);
}
.padding-bottom-48 {
  padding-block-end: var(--space-48);
}
.padding-left-48 {
  padding-inline-start: var(--space-48);
}
.padding-right-48 {
  padding-inline-end: var(--space-48);
}
.padding-64 {
  padding: var(--space-64);
}
.padding-x-64 {
  padding-inline: var(--space-64);
}
.padding-y-64 {
  padding-block: var(--space-64);
}
.padding-top-64 {
  padding-block-start: var(--space-64);
}
.padding-bottom-64 {
  padding-block-end: var(--space-64);
}
.padding-left-64 {
  padding-inline-start: var(--space-64);
}
.padding-right-64 {
  padding-inline-end: var(--space-64);
}
.padding-80 {
  padding: var(--space-80);
}
.padding-x-80 {
  padding-inline: var(--space-80);
}
.padding-y-80 {
  padding-block: var(--space-80);
}
.padding-top-80 {
  padding-block-start: var(--space-80);
}
.padding-bottom-80 {
  padding-block-end: var(--space-80);
}
.padding-left-80 {
  padding-inline-start: var(--space-80);
}
.padding-right-80 {
  padding-inline-end: var(--space-80);
}
.padding-128 {
  padding: var(--space-128);
}
.padding-x-128 {
  padding-inline: var(--space-128);
}
.padding-y-128 {
  padding-block: var(--space-128);
}
.padding-top-128 {
  padding-block-start: var(--space-128);
}
.padding-bottom-128 {
  padding-block-end: var(--space-128);
}
.padding-left-128 {
  padding-inline-start: var(--space-128);
}
.padding-right-128 {
  padding-inline-end: var(--space-128);
}
.margin-0 {
  margin: 0px;
}
.margin-x-0 {
  margin-inline: 0px;
}
.margin-y-0 {
  margin-block: 0px;
}
.margin-top-0 {
  margin-block-start: 0px;
}
.margin-bottom-0 {
  margin-block-end: 0px;
}
.margin-left-0 {
  margin-inline-start: 0px;
}
.margin-right-0 {
  margin-inline-end: 0px;
}
.margin-2 {
  margin: var(--space-2);
}
.margin-x-2 {
  margin-inline: var(--space-2);
}
.margin-y-2 {
  margin-block: var(--space-2);
}
.margin-top-2 {
  margin-block-start: var(--space-2);
}
.margin-bottom-2 {
  margin-block-end: var(--space-2);
}
.margin-left-2 {
  margin-inline-start: var(--space-2);
}
.margin-right-2 {
  margin-inline-end: var(--space-2);
}
.margin-4 {
  margin: var(--space-4);
}
.margin-x-4 {
  margin-inline: var(--space-4);
}
.margin-y-4 {
  margin-block: var(--space-4);
}
.margin-top-4 {
  margin-block-start: var(--space-4);
}
.margin-bottom-4 {
  margin-block-end: var(--space-4);
}
.margin-left-4 {
  margin-inline-start: var(--space-4);
}
.margin-right-4 {
  margin-inline-end: var(--space-4);
}
.margin-6 {
  margin: var(--space-6);
}
.margin-x-6 {
  margin-inline: var(--space-6);
}
.margin-y-6 {
  margin-block: var(--space-6);
}
.margin-top-6 {
  margin-block-start: var(--space-6);
}
.margin-bottom-6 {
  margin-block-end: var(--space-6);
}
.margin-left-6 {
  margin-inline-start: var(--space-6);
}
.margin-right-6 {
  margin-inline-end: var(--space-6);
}
.margin-8 {
  margin: var(--space-8);
}
.margin-x-8 {
  margin-inline: var(--space-8);
}
.margin-y-8 {
  margin-block: var(--space-8);
}
.margin-top-8 {
  margin-block-start: var(--space-8);
}
.margin-bottom-8 {
  margin-block-end: var(--space-8);
}
.margin-left-8 {
  margin-inline-start: var(--space-8);
}
.margin-right-8 {
  margin-inline-end: var(--space-8);
}
.margin-12 {
  margin: var(--space-12);
}
.margin-x-12 {
  margin-inline: var(--space-12);
}
.margin-y-12 {
  margin-block: var(--space-12);
}
.margin-top-12 {
  margin-block-start: var(--space-12);
}
.margin-bottom-12 {
  margin-block-end: var(--space-12);
}
.margin-left-12 {
  margin-inline-start: var(--space-12);
}
.margin-right-12 {
  margin-inline-end: var(--space-12);
}
.margin-14 {
  margin: var(--space-14);
}
.margin-x-14 {
  margin-inline: var(--space-14);
}
.margin-y-14 {
  margin-block: var(--space-14);
}
.margin-top-14 {
  margin-block-start: var(--space-14);
}
.margin-bottom-14 {
  margin-block-end: var(--space-14);
}
.margin-left-14 {
  margin-inline-start: var(--space-14);
}
.margin-right-14 {
  margin-inline-end: var(--space-14);
}
.margin-16 {
  margin: var(--space-16);
}
.margin-x-16 {
  margin-inline: var(--space-16);
}
.margin-y-16 {
  margin-block: var(--space-16);
}
.margin-top-16 {
  margin-block-start: var(--space-16);
}
.margin-bottom-16 {
  margin-block-end: var(--space-16);
}
.margin-left-16 {
  margin-inline-start: var(--space-16);
}
.margin-right-16 {
  margin-inline-end: var(--space-16);
}
.margin-18 {
  margin: var(--space-18);
}
.margin-x-18 {
  margin-inline: var(--space-18);
}
.margin-y-18 {
  margin-block: var(--space-18);
}
.margin-top-18 {
  margin-block-start: var(--space-18);
}
.margin-bottom-18 {
  margin-block-end: var(--space-18);
}
.margin-left-18 {
  margin-inline-start: var(--space-18);
}
.margin-right-18 {
  margin-inline-end: var(--space-18);
}
.margin-20 {
  margin: var(--space-20);
}
.margin-x-20 {
  margin-inline: var(--space-20);
}
.margin-y-20 {
  margin-block: var(--space-20);
}
.margin-top-20 {
  margin-block-start: var(--space-20);
}
.margin-bottom-20 {
  margin-block-end: var(--space-20);
}
.margin-left-20 {
  margin-inline-start: var(--space-20);
}
.margin-right-20 {
  margin-inline-end: var(--space-20);
}
.margin-24 {
  margin: var(--space-24);
}
.margin-x-24 {
  margin-inline: var(--space-24);
}
.margin-y-24 {
  margin-block: var(--space-24);
}
.margin-top-24 {
  margin-block-start: var(--space-24);
}
.margin-bottom-24 {
  margin-block-end: var(--space-24);
}
.margin-left-24 {
  margin-inline-start: var(--space-24);
}
.margin-right-24 {
  margin-inline-end: var(--space-24);
}
.margin-28 {
  margin: var(--space-28);
}
.margin-x-28 {
  margin-inline: var(--space-28);
}
.margin-y-28 {
  margin-block: var(--space-28);
}
.margin-top-28 {
  margin-block-start: var(--space-28);
}
.margin-bottom-28 {
  margin-block-end: var(--space-28);
}
.margin-left-28 {
  margin-inline-start: var(--space-28);
}
.margin-right-28 {
  margin-inline-end: var(--space-28);
}
.margin-32 {
  margin: var(--space-32);
}
.margin-x-32 {
  margin-inline: var(--space-32);
}
.margin-y-32 {
  margin-block: var(--space-32);
}
.margin-top-32 {
  margin-block-start: var(--space-32);
}
.margin-bottom-32 {
  margin-block-end: var(--space-32);
}
.margin-left-32 {
  margin-inline-start: var(--space-32);
}
.margin-right-32 {
  margin-inline-end: var(--space-32);
}
.margin-40 {
  margin: var(--space-40);
}
.margin-x-40 {
  margin-inline: var(--space-40);
}
.margin-y-40 {
  margin-block: var(--space-40);
}
.margin-top-40 {
  margin-block-start: var(--space-40);
}
.margin-bottom-40 {
  margin-block-end: var(--space-40);
}
.margin-left-40 {
  margin-inline-start: var(--space-40);
}
.margin-right-40 {
  margin-inline-end: var(--space-40);
}
.margin-48 {
  margin: var(--space-48);
}
.margin-x-48 {
  margin-inline: var(--space-48);
}
.margin-y-48 {
  margin-block: var(--space-48);
}
.margin-top-48 {
  margin-block-start: var(--space-48);
}
.margin-bottom-48 {
  margin-block-end: var(--space-48);
}
.margin-left-48 {
  margin-inline-start: var(--space-48);
}
.margin-right-48 {
  margin-inline-end: var(--space-48);
}
.margin-64 {
  margin: var(--space-64);
}
.margin-x-64 {
  margin-inline: var(--space-64);
}
.margin-y-64 {
  margin-block: var(--space-64);
}
.margin-top-64 {
  margin-block-start: var(--space-64);
}
.margin-bottom-64 {
  margin-block-end: var(--space-64);
}
.margin-left-64 {
  margin-inline-start: var(--space-64);
}
.margin-right-64 {
  margin-inline-end: var(--space-64);
}
.margin-80 {
  margin: var(--space-80);
}
.margin-x-80 {
  margin-inline: var(--space-80);
}
.margin-y-80 {
  margin-block: var(--space-80);
}
.margin-top-80 {
  margin-block-start: var(--space-80);
}
.margin-bottom-80 {
  margin-block-end: var(--space-80);
}
.margin-left-80 {
  margin-inline-start: var(--space-80);
}
.margin-right-80 {
  margin-inline-end: var(--space-80);
}
.margin-128 {
  margin: var(--space-128);
}
.margin-x-128 {
  margin-inline: var(--space-128);
}
.margin-y-128 {
  margin-block: var(--space-128);
}
.margin-top-128 {
  margin-block-start: var(--space-128);
}
.margin-bottom-128 {
  margin-block-end: var(--space-128);
}
.margin-left-128 {
  margin-inline-start: var(--space-128);
}
.margin-right-128 {
  margin-inline-end: var(--space-128);
}
.gap-0 {
  gap: 0px;
}
.gap-row-0 {
  row-gap: 0px;
}
.gap-col-0 {
  column-gap: 0px;
}
.gap-2 {
  gap: var(--space-2);
}
.gap-row-2 {
  row-gap: var(--space-2);
}
.gap-col-2 {
  column-gap: var(--space-2);
}
.gap-4 {
  gap: var(--space-4);
}
.gap-row-4 {
  row-gap: var(--space-4);
}
.gap-col-4 {
  column-gap: var(--space-4);
}
.gap-6 {
  gap: var(--space-6);
}
.gap-row-6 {
  row-gap: var(--space-6);
}
.gap-col-6 {
  column-gap: var(--space-6);
}
.gap-8 {
  gap: var(--space-8);
}
.gap-row-8 {
  row-gap: var(--space-8);
}
.gap-col-8 {
  column-gap: var(--space-8);
}
.gap-12 {
  gap: var(--space-12);
}
.gap-row-12 {
  row-gap: var(--space-12);
}
.gap-col-12 {
  column-gap: var(--space-12);
}
.gap-14 {
  gap: var(--space-14);
}
.gap-row-14 {
  row-gap: var(--space-14);
}
.gap-col-14 {
  column-gap: var(--space-14);
}
.gap-16 {
  gap: var(--space-16);
}
.gap-row-16 {
  row-gap: var(--space-16);
}
.gap-col-16 {
  column-gap: var(--space-16);
}
.gap-18 {
  gap: var(--space-18);
}
.gap-row-18 {
  row-gap: var(--space-18);
}
.gap-col-18 {
  column-gap: var(--space-18);
}
.gap-20 {
  gap: var(--space-20);
}
.gap-row-20 {
  row-gap: var(--space-20);
}
.gap-col-20 {
  column-gap: var(--space-20);
}
.gap-24 {
  gap: var(--space-24);
}
.gap-row-24 {
  row-gap: var(--space-24);
}
.gap-col-24 {
  column-gap: var(--space-24);
}
.gap-28 {
  gap: var(--space-28);
}
.gap-row-28 {
  row-gap: var(--space-28);
}
.gap-col-28 {
  column-gap: var(--space-28);
}
.gap-32 {
  gap: var(--space-32);
}
.gap-row-32 {
  row-gap: var(--space-32);
}
.gap-col-32 {
  column-gap: var(--space-32);
}
.gap-40 {
  gap: var(--space-40);
}
.gap-row-40 {
  row-gap: var(--space-40);
}
.gap-col-40 {
  column-gap: var(--space-40);
}
.gap-48 {
  gap: var(--space-48);
}
.gap-row-48 {
  row-gap: var(--space-48);
}
.gap-col-48 {
  column-gap: var(--space-48);
}
.gap-64 {
  gap: var(--space-64);
}
.gap-row-64 {
  row-gap: var(--space-64);
}
.gap-col-64 {
  column-gap: var(--space-64);
}
.gap-80 {
  gap: var(--space-80);
}
.gap-row-80 {
  row-gap: var(--space-80);
}
.gap-col-80 {
  column-gap: var(--space-80);
}
.gap-128 {
  gap: var(--space-128);
}
.gap-row-128 {
  row-gap: var(--space-128);
}
.gap-col-128 {
  column-gap: var(--space-128);
}
.row,
.row-128,
.row-80,
.row-64,
.row-48,
.row-40,
.row-32,
.row-28,
.row-24,
.row-20,
.row-18,
.row-16,
.row-14,
.row-12,
.row-8,
.row-6,
.row-4,
.row-2,
.row-0 {
  --flex-dir: row;
}
.col,
.col-128,
.col-80,
.col-64,
.col-48,
.col-40,
.col-32,
.col-28,
.col-24,
.col-20,
.col-18,
.col-16,
.col-14,
.col-12,
.col-8,
.col-6,
.col-4,
.col-2,
.col-0 {
  --flex-dir: column;
}

/* apps/record-uploader/src/styles.scss */
body {
  overscroll-behavior: none;
}
h1,
h2,
h3,
h4,
p,
menu {
  margin: 0;
  margin-block: 0;
}
input,
button {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
h1 {
  font-size: var(--txt-size-24);
  font-weight: 700;
  line-height: 120%;
  color: var(--grey-900);
  margin-bottom: var(--space-8);
}
.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
:root {
  overscroll-behavior: none;
  --top-bar-height: 64px;
  --mat-dialog-container-min-width: 484px;
}
:root .action-row {
  padding-inline: var(--space-24);
}
.rounded .mat-mdc-dialog-surface {
  border-radius: 16px;
}
.top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--top-bar-height);
  padding: var(--space-14);
  border-bottom: solid 1px var(--grey-200);
}
.top-bar .ph-logo {
  height: 28px;
  width: 25px;
  margin-inline: var(--space-8);
}
.top-bar .large-logo {
  height: 32px;
  width: auto;
  margin-inline: var(--space-8);
}
main {
  padding: 0 var(--space-24);
  padding-top: var(--space-48);
  display: flex;
  justify-content: center;
}
main.centered {
  min-height: 500px;
  height: calc(100vh - var(--top-bar-height));
  padding-top: 0;
  overflow-y: auto;
  align-items: center;
}
main.height-full {
  height: calc(100vh - var(--top-bar-height));
}
main .content {
  width: 560px;
}
button {
  background-color: transparent;
}
ul {
  margin-block: 0;
  padding-inline: 0;
}
li {
  list-style: none;
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
#feedback-widget {
  --font-family: "Inter";
  --foreground: var(--grey-900);
  --accent-background: var(--grey-900);
  --font-size: var(--txt-size-14);
  --z-index: var(--z-index-max);
  --page-margin: var(--space-16);
  --button-border: 1px solid var(--grey-300);
  --input-border: 1px solid var(--grey-300);
  --input-font-weight: 400;
}
.no-wrap {
  white-space: nowrap;
}

/* libs/shared/ui/src/lib/form/src/lib/styles/input.scss */
.input-row {
  margin: var(--space-24) 0;
  position: relative;
}
.input-row label,
fieldset legend {
  margin: 0 5px 8px 0;
  display: block;
}
.input-field {
  margin: 0 0 5px 0;
  padding: 10px 12px;
  border: 1px solid var(--grey-400);
  border-radius: 6px;
  background-color: white;
  font-size: var(--txt-size-20);
  font-weight: 400;
  width: 100%;
}
.input-field::placeholder {
  color: var(--grey-500);
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  margin-bottom: 5px;
}
.input-group > * {
  display: table-cell;
  vertical-align: middle;
}
.input-group input {
  margin-bottom: 0;
}
.input-group--middle {
  padding: 5px 12px;
  font-size: var(--txt-size-16);
  line-height: 1;
  color: var(--grey-400);
  text-align: center;
}
.input-group .input-field {
  border-radius: 8px;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.input-field.error,
.input-field.ng-invalid.ng-touched.ng-dirty.ng-not-empty,
.m-signature-pad--body.ng-invalid.ng-touched.ng-dirty.ng-not-empty,
input[type=checkbox].ng-invalid ~ label:before {
  border-color: var(--pink-500);
  background: var(--pink-100);
}
.input-field.ng-invalid.ng-touched.ng-dirty,
.multi-input-container.ng-invalid.ng-touched.ng-dirty .input-field.validate-one-required {
  border-color: var(--pink-500);
  background: var(--pink-100);
}
.marginless .input-row {
  margin: 0;
}
input:focus,
textarea:focus {
  outline: 4px auto var(--grey-900);
}

/* libs/shared/ui/src/lib/form/src/lib/styles/select.scss */
textarea,
select {
  margin: 0 0 5px 0;
  padding: 10px 12px;
  border: 1px solid var(--grey-400);
  border-radius: 4px;
  background-color: white;
  font: 300 15px/0 Helvetica;
  line-height: 1.2;
  width: 100%;
}
.select {
  position: relative;
  display: inline-block;
  overflow: auto;
}
.select:before,
.select:after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 10px;
  border-radius: 10px;
  background-color: #515d72;
  background-color: var(--grey-700);
  top: 20px;
}
.select:before {
  transform: rotate(45deg);
  right: 20px;
}
.select:after {
  transform: rotate(-45deg);
  right: 14px;
}
select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0px;
  text-overflow: "";
  padding-right: 45px;
}
select.input-field {
  padding-right: 40px;
}
select.input-field.look-disabled {
  color: var(--grey-500);
}
select:focus {
  outline: 4px auto var(--grey-900);
}

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