/* src/styles.scss */
.button-effect {
  transition: transform 200ms;
}
.button-effect:active {
  transform: scale(0.97);
}
.blinking-effect {
  animation: blinker 200ms linear;
}
@keyframes blinker {
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0.75;
  }
  75% {
    opacity: 0;
  }
}
.bg-white {
  background-color: var(--neutral-100);
}
.bg-black {
  background-color: var(--neutral-dark-100);
}
.glass-effect {
  background: var(--neutral-20);
  box-shadow: 0 4px 30px var(--neutral-dark-10);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cdk-virtual-scroll-viewport {
  scrollbar-width: none;
}
.cdk-virtual-scroll-viewport::-webkit-scrollbar {
  display: none;
}
.multiline-truncate {
  display: -webkit-box;
  -webkit-line-clamp: var(--no-of-lines-to-show);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  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%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.no-scrollbar {
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
:root {
  --primary-color-1: hsla(223, 51%, 27%, 1);
  --primary-color-2: hsla(223, 19%, 64%, 1);
  --primary-color-3: hsla(228, 33%, 97%, 1);
  --primary-color-4: hsla(223, 46%, 15%, 1);
  --primary-color-5: hsla(223, 39%, 41%, 1);
  --secondary-color-1: hsla(36, 60%, 49%, 1);
  --secondary-color-2: hsla(38, 49%, 75%, 1);
  --secondary-color-3: hsla(37, 50%, 90%, 1);
  --neutral-dark-100: hsla(0, 0%, 5%, 1);
  --neutral-dark-70: hsla(0, 0%, 5%, 0.7);
  --neutral-dark-40: hsla(0, 0%, 5%, 0.4);
  --neutral-dark-20: hsla(0, 0%, 5%, 0.2);
  --neutral-dark-10: hsla(0, 0%, 5%, 0.1);
  --neutral-dark-5: hsla(0, 0%, 5%, 0.05);
  --neutral-100: hsla(0, 0%, 100%, 1);
  --neutral-70: hsla(0, 0%, 100%, 0.7);
  --neutral-40: hsla(0, 0%, 100%, 0.4);
  --neutral-20: hsla(0, 0%, 100%, 0.2);
  --neutral-10: hsla(0, 0%, 100%, 0.1);
  --neutral-5: hsla(0, 0%, 100%, 0.05);
  --success-1: hsla(150, 50%, 50%, 1);
  --success-2: hsla(150, 50%, 30%, 1);
  --success-3: hsla(150, 50%, 50%, 0.4);
  --success-4: hsla(150, 50%, 50%, 0.16);
  --success-5: hsla(150, 50%, 92%, 1);
  --information-1: hsla(205, 100%, 60%, 1);
  --information-2: hsla(205, 100%, 30%, 1);
  --information-3: hsla(205, 100%, 60%, 0.4);
  --information-4: hsla(205, 100%, 60%, 0.16);
  --information-5: hsla(205, 100%, 95%, 1);
  --warning-1: hsla(40, 100%, 55%, 1);
  --warning-2: hsla(40, 100%, 30%, 1);
  --warning-3: hsla(40, 100%, 55%, 0.4);
  --warning-4: hsla(40, 100%, 55%, 0.16);
  --warning-5: hsla(40, 100%, 93%, 1);
  --error-1: hsla(0, 90%, 63%, 1);
  --error-2: hsla(0, 90%, 30%, 1);
  --error-3: hsla(0, 90%, 63%, 0.4);
  --error-4: hsla(0, 90%, 63%, 0.16);
  --error-5: hsla(0, 93%, 94%, 1);
  --accent-A1: hsla(32, 100%, 75%, 1);
  --accent-A2: hsla(22, 67%, 31%, 1);
  --accent-A3: hsla(32, 100%, 75%, 0.5);
  --accent-A4: hsla(32, 100%, 75%, 0.2);
  --accent-A5: hsla(32, 100%, 95%, 1);
  --accent-B1: hsla(255, 27%, 73%, 1);
  --accent-B2: hsla(254, 39%, 32%, 1);
  --accent-B3: hsla(255, 27%, 73%, 0.5);
  --accent-B4: hsla(255, 27%, 73%, 0.2);
  --accent-B5: hsla(255, 27%, 95%, 1);
  --accent-C1: hsla(352, 70%, 82%, 1);
  --accent-C2: hsla(351, 52%, 34%, 1);
  --accent-C3: hsla(352, 70%, 82%, 0.5);
  --accent-C4: hsla(352, 70%, 82%, 0.2);
  --accent-C5: hsla(352, 70%, 95%, 1);
  --accent-D1: hsla(169, 52%, 77%, 1);
  --accent-D2: hsla(182, 100%, 20%, 1);
  --accent-D3: hsla(169, 52%, 77%, 0.5);
  --accent-D4: hsla(169, 52%, 77%, 0.2);
  --accent-D5: hsla(169, 52%, 95%, 1);
  --accent-E1: hsla(84, 33%, 67%, 1);
  --accent-E2: hsla(84, 70%, 23%, 1);
  --accent-E3: hsla(84, 33%, 67%, 0.5);
  --accent-E4: hsla(84, 33%, 67%, 0.2);
  --accent-E5: hsla(84, 33%, 95%, 1);
  --accent-F1: hsla(202, 47%, 72%, 1);
  --accent-F2: hsla(202, 74%, 35%, 1);
  --accent-F3: hsla(202, 47%, 72%, 0.5);
  --accent-F4: hsla(202, 47%, 72%, 0.2);
  --accent-F5: hsla(205, 76%, 95%, 1);
  --comp-success-1: hsla(151, 51%, 92%, 1);
  --comp-success-2: hsla(150, 50%, 30%, 1);
  --comp-information-1: hsla(204, 100%, 95%, 1);
  --comp-information-2: hsla(205, 100%, 30%, 1);
  --comp-warning-1: hsla(41, 100%, 93%, 1);
  --comp-warning-2: hsla(40, 100%, 30%, 1);
  --comp-error-1: hsla(0, 93%, 94%, 1);
  --comp-error-2: hsla(0, 90%, 30%, 1);
  --comp-accent-A1: hsla(32, 100%, 95%, 1);
  --comp-accent-A2: hsla(22, 66%, 31%, 1);
  --comp-accent-B1: hsla(249, 26%, 95%, 1);
  --comp-accent-B2: hsla(254, 39%, 32%, 1);
  --comp-accent-C1: hsla(352, 56%, 95%, 1);
  --comp-accent-C2: hsla(351, 52%, 34%, 1);
  --comp-accent-D1: hsla(170, 50%, 95%, 1);
  --comp-accent-D2: hsla(182, 100%, 20%, 1);
  --comp-accent-F1: hsla(87, 33%, 94%, 1);
  --comp-accent-F2: hsla(84, 70%, 23%, 1);
  --comp-accent-G1: hsla(205, 76%, 95%, 1);
  --comp-accent-G2: hsla(202, 74%, 35%, 1);
}
:root {
  --header-height: 52px;
  --sidenav-width: 240px;
  --sidenav-collapsed-width: 72px;
  --sidenav-transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
:root {
  --input-default-border-color: var(--neutral-dark-40);
  --input-default-border-radius: 4px;
  --input-default-padding-left: 12px;
  --input-default-padding-right: 12px;
  --input-default-padding-top: 8px;
  --input-default-padding-bottom: 8px;
  --input-default-font-size: 14px;
  --input-default-line-height: 20px;
  --input-default-color: var(--neutral-dark-100);
  --input-default-placeholder-color: var(--neutral-dark-40);
  --input-default-font-weight: 400;
  --input-focus-border-color: var(--information-2);
  --input-label-margin-bottom: 4px;
  --input-label-font-size: 14px;
  --input-label-line-height: 20px;
  --input-label-color: var(--neutral-dark-40);
  --input-helper-text-margin-top: 4px;
  --input-helper-text-font-size: 12px;
  --input-helper-text-line-height: 16px;
  --input-helper-text-color: var(--neutral-dark-40);
  --input-icon-top: 10px;
  --input-start-icon-left: 12px;
  --input-start-icon-size: 16px;
  --input-start-icon-color: var(--neutral-dark-40);
  --input-end-icon-right: 10px;
  --input-end-icon-size: 16px;
  --input-end-icon-color: var(--neutral-dark-40);
  --text-area-min-height: 120px;
  --input-disabled-background: var(--neutral-dark-5);
}
:root {
  --button-text-transform: capitalize;
  --button-primary-border-default: 1px solid transparent;
  --button-primary-border-focus: 1px solid transparent;
  --button-secondary-border-default: 1px solid var(--primary-color-2);
  --button-secondary-border-focus: 1px solid var(--primary-color-1);
  --button-large-height: 44px;
  --button-large-padding-horizontal: 24px;
  --button-large-border-radius: 4px;
  --button-large-font-size: 14px;
  --button-large-font-weight: 600;
  --button-large-line-height: 20px;
  --button-large-leading-icon-margin-right: 8px;
  --button-large-icon-size: 16px;
  --button-medium-height: 36px;
  --button-medium-padding-horizontal: 20px;
  --button-medium-border-radius: 4px;
  --button-medium-font-size: 14px;
  --button-medium-font-weight: 600;
  --button-medium-line-height: 20px;
  --button-medium-leading-icon-margin-right: 8px;
  --button-medium-icon-size: 16px;
  --button-small-height: 24px;
  --button-small-padding-horizontal: 8px;
  --button-small-border-radius: 4px;
  --button-small-font-size: 12px;
  --button-small-font-weight: 600;
  --button-small-line-height: 16px;
  --button-small-leading-icon-margin-right: 4px;
  --button-small-icon-size: 12px;
  --button-link-height: 20px;
}
:root {
  --menu-item-default-padding: 8px 12px;
}
@font-face {
  font-family: "Public Sans";
  src: url("./media/PublicSans-VariableFont_wght.ttf");
  font-weight: 100 900;
  font-style: normal;
}
.se-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 16px;
  --accordion-border-default: 1px solid var(--neutral-dark-5);
  --accordion-padding-default: 12px;
}
.se-accordion .se-accordion-item {
  margin-bottom: 12px;
}
.se-accordion-item {
  display: flex;
  flex-direction: column;
}
.se-accordion-item .header {
  position: relative;
  cursor: pointer;
  border: var(--accordion-border-default);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--accordion-padding-default) 48px 12px 16px;
}
.se-accordion-item .header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23343cad' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 200ms;
  opacity: 0.5;
  filter: grayscale(100);
}
.se-accordion-item .header .left,
.se-accordion-item .header .right {
  display: flex;
  align-items: center;
}
.se-accordion-item .header .left {
  justify-content: flex-start;
}
.se-accordion-item .header .right {
  justify-content: flex-end;
}
.se-accordion-item.active {
  --accordion-border-default: 1px solid var(--neutral-dark-40);
}
.se-accordion-item.active .header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.se-accordion-item.active .content {
  height: auto;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  padding: var(--accordion-padding-default);
}
.se-accordion-item.active .header::after {
  transform: translateY(-50%) rotate(-180deg);
  opacity: 1;
  filter: none;
}
.se-accordion-item .content {
  border: 1px solid green;
  height: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  border: var(--accordion-border-default);
  border-top: hidden;
  border-radius: 0 0 4px 4px;
  padding: 0;
}
.se-accordion-title {
  font-size: 1em;
  font-weight: 500;
  color: var(--neutral-dark-100);
}
.scu-button-group {
  display: flex;
}
.scu-button-group button:not(:first-child) {
  margin-left: 10px;
}
.scu-button {
  font-family:
    "Public Sans",
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  outline: none;
  border: hidden;
}
.scu-button:focus {
  outline: none;
}
.scu-button {
  display: flex;
  white-space: nowrap;
  align-items: center;
  text-transform: var(--button-text-transform);
  transition: transform 200ms;
  justify-content: center;
}
.scu-button:active {
  transform: scale(0.97);
}
.scu-button {
  height: var(--button-medium-height);
  padding: 0 var(--button-medium-padding-horizontal);
  border-radius: var(--button-medium-border-radius);
  font-size: var(--button-medium-font-size);
  font-weight: var(--button-medium-font-weight);
  line-height: var(--button-medium-line-height);
}
.scu-button.icon-leading > * {
  margin-right: var(--button-medium-leading-icon-margin-right);
}
.scu-button.icon-leading > * > i {
  font-size: var(--button-medium-icon-size) !important;
}
.scu-button.icon-trailing > * {
  margin-left: var(--button-medium-leading-icon-margin-right);
}
.scu-button.icon-trailing > * > i {
  font-size: var(--button-medium-icon-size) !important;
}
.scu-button:disabled,
.scu-button[disabled] {
  color: var(--primary-color-2);
}
.scu-button:disabled:active,
.scu-button[disabled]:active {
  transform: none;
}
.scu-button:disabled > i,
.scu-button[disabled] > i {
  opacity: 0.5;
}
.scu-button.primary {
  background: var(--primary-color-1);
  color: var(--neutral-100);
  border: var(--button-primary-border-default);
}
.scu-button.primary:hover,
.scu-button.primary:focus {
  background: var(--primary-color-4);
}
.scu-button.primary:disabled,
.scu-button.primary[disabled] {
  background: var(--primary-color-2);
}
.scu-button.secondary {
  background: unset;
  color: var(--primary-color-1);
  border: var(--button-secondary-border-default);
}
.scu-button.secondary:hover,
.scu-button.secondary:focus {
  border: var(--button-secondary-border-focus);
  background: var(--primary-color-3);
}
.scu-button.secondary:disabled,
.scu-button.secondary[disabled] {
  border-color: var(--neutral-dark-20);
  color: var(--primary-color-2);
}
.scu-button.link {
  background: unset;
  height: var(--button-link-height);
  color: var(--primary-color-1);
  border: none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  padding: 0;
}
.scu-button.link:hover,
.scu-button.link:focus {
  border-color: var(--primary-color-1);
}
.scu-button.link:disabled,
.scu-button.link[disabled] {
  color: var(--primary-color-2);
}
.scu-button.large {
  height: var(--button-large-height);
  padding: 0 var(--button-large-padding-horizontal);
  border-radius: var(--button-large-border-radius);
  font-size: var(--button-large-font-size);
  font-weight: var(--button-large-font-weight);
  line-height: var(--button-large-line-height);
}
.scu-button.large.icon-leading > * {
  margin-right: var(--button-large-leading-icon-margin-right);
}
.scu-button.large.icon-leading > * > i {
  font-size: var(--button-large-icon-size) !important;
}
.scu-button.large.icon-trailing > * {
  margin-left: var(--button-large-leading-icon-margin-right);
}
.scu-button.large.icon-trailing > * > i {
  font-size: var(--button-large-icon-size) !important;
}
.scu-button.small {
  height: var(--button-small-height);
  padding: 0 var(--button-small-padding-horizontal);
  border-radius: var(--button-small-border-radius);
  font-size: var(--button-small-font-size);
  font-weight: var(--button-small-font-weight);
  line-height: var(--button-small-line-height);
}
.scu-button.small.icon-leading > * {
  margin-right: var(--button-small-leading-icon-margin-right);
}
.scu-button.small.icon-leading > * > i {
  font-size: var(--button-small-icon-size) !important;
}
.scu-button.small.icon-trailing > * {
  margin-left: var(--button-small-leading-icon-margin-right);
}
.scu-button.small.icon-trailing > * > i {
  font-size: var(--button-small-icon-size) !important;
}
.scu-button.medium {
  height: var(--button-medium-height);
  padding: 0 var(--button-medium-padding-horizontal);
  border-radius: var(--button-medium-border-radius);
  font-size: var(--button-medium-font-size);
  font-weight: var(--button-medium-font-weight);
  line-height: var(--button-medium-line-height);
}
.scu-button.medium.icon-leading > * {
  margin-right: var(--button-medium-leading-icon-margin-right);
}
.scu-button.medium.icon-leading > * > i {
  font-size: var(--button-medium-icon-size) !important;
}
.scu-button.medium.icon-trailing > * {
  margin-left: var(--button-medium-leading-icon-margin-right);
}
.scu-button.medium.icon-trailing > * > i {
  font-size: var(--button-medium-icon-size) !important;
}
button.block {
  width: 100%;
}
.se-chip-container .se-input-label {
  color: var(--neutral-dark-100);
  margin-bottom: 6px;
}
.se-chips {
  display: flex;
  align-items: center;
}
.se-chips .se-chip {
  position: relative;
}
.se-chips .se-chip label {
  font-size: 14px;
  cursor: pointer;
  color: var(--neutral-dark-100);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 36px;
  background: var(--neutral-100);
  border-radius: 4px;
  border: 1px solid var(--neutral-dark-100);
  padding: 0 12px;
  margin-right: 8px;
  font-weight: 500;
}
.se-chips .se-chip input {
  width: 0;
  opacity: 0;
}
.se-chips .se-chip input:checked + label {
  background-color: var(--primary-color-3);
  color: var(--primary-color-4);
  box-shadow: 0 0 0 2px var(--primary-color-1);
}
.se-chips .se-chip input:focus + label {
  box-shadow: 0 0 0 2px var(--primary-color-1), 0 0 0 5px var(--primary-color-2);
}
.se-chips .se-chip input:disabled + label {
  background-color: var(--neutral-dark-5);
  color: var(--neutral-dark-20);
  box-shadow: 0 0 0 2px var(--neutral-dark-40);
  font-weight: 400;
}
.scu-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  animation: scu-backdrop-in 240ms ease forwards;
}
.scu-overlay.popup-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--neutral-dark-70);
}
.scu-overlay.popup-backdrop .scu-panel.scu-common-popup {
  max-width: 560px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  animation: scu-popup-enter 340ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.scu-overlay.se-side-drawer-backdrop {
  z-index: 1000;
  background: var(--neutral-dark-70);
}
.scu-overlay.se-side-drawer-backdrop .scu-panel.scu-side-drawer {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  animation: scu-drawer-enter 400ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@media (max-width: 900px) {
  .scu-overlay.se-side-drawer-backdrop {
    align-items: flex-end;
  }
  .scu-overlay.se-side-drawer-backdrop .scu-panel.scu-side-drawer {
    right: unset;
    top: unset;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: auto;
    max-height: 90dvh;
    border-radius: 20px 20px 0 0;
    animation: scu-drawer-enter-bottom 400ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
}
.scu-overlay.scu-overlay--closing {
  animation: scu-backdrop-out 260ms ease forwards;
  pointer-events: none;
}
.scu-overlay.scu-overlay--closing.popup-backdrop .scu-panel.scu-common-popup {
  animation: scu-popup-leave 220ms cubic-bezier(0.4, 0, 1, 1) forwards;
}
.scu-overlay.scu-overlay--closing.se-side-drawer-backdrop .scu-panel.scu-side-drawer {
  animation: scu-drawer-leave 300ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
}
@media (max-width: 900px) {
  .scu-overlay.scu-overlay--closing.se-side-drawer-backdrop .scu-panel.scu-side-drawer {
    animation: scu-drawer-leave-bottom 300ms cubic-bezier(0.4, 0, 0.6, 1) forwards;
  }
}
@keyframes scu-backdrop-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scu-backdrop-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes scu-popup-enter {
  from {
    opacity: 0;
    transform: scale(0.88) translateY(28px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes scu-popup-leave {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.9) translateY(16px);
  }
}
@keyframes scu-drawer-enter {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes scu-drawer-leave {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes scu-drawer-enter-bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes scu-drawer-leave-bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.scu-bottom-sheet {
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--neutral-100);
  border-radius: 8px 8px 0 0;
  overflow-y: scroll;
}
.scu-bottom-sheet-slide-in {
  animation: scu-bottom-sheet-enter 0.3s ease;
}
.scu-bottom-sheet-slide-out {
  animation: scu-bottom-sheet-enter 0.3s ease reverse forwards;
}
@keyframes scu-bottom-sheet-enter {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.scu-side-drawer {
  height: 100%;
  background: var(--neutral-100);
  overflow-y: scroll;
}
.scu-side-drawer-header {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
}
.scu-side-drawer-header .scu-side-drawer-heading {
  font-weight: 600;
  font-size: 20px;
  color: var(--neutral-dark-100);
}
.scu-side-drawer-body {
  padding: 20px;
}
.scu-input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 320px;
}
.scu-input-container > input[type=text],
.scu-input-container > input[type=number],
.scu-input-container > input[type=tel],
.scu-input-container > input[type=email],
.scu-input-container > input[type=time],
.scu-input-container > input[type=date],
.scu-input-container > select,
.scu-input-container > textarea {
  height: 36px;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  outline: none;
  background: transparent;
  padding: var(--input-default-padding-top) var(--input-default-padding-right) var(--input-default-padding-bottom) var(--input-default-padding-left);
  border: 1px solid var(--input-default-border-color);
  border-radius: var(--input-default-border-radius);
  font-size: var(--input-default-font-size);
  color: var(--input-default-color);
  line-height: var(--input-default-line-height);
  font-weight: var(--input-default-font-weight);
}
.scu-input-container > input[type=text]::placeholder,
.scu-input-container > input[type=number]::placeholder,
.scu-input-container > input[type=tel]::placeholder,
.scu-input-container > input[type=email]::placeholder,
.scu-input-container > input[type=time]::placeholder,
.scu-input-container > input[type=date]::placeholder,
.scu-input-container > select::placeholder,
.scu-input-container > textarea::placeholder {
  color: var(--input-default-placeholder-color);
  font-size: var(--input-default-font-size);
  line-height: var(--input-default-line-height);
}
.scu-input-container > input[type=text]:focus,
.scu-input-container > input[type=number]:focus,
.scu-input-container > input[type=tel]:focus,
.scu-input-container > input[type=email]:focus,
.scu-input-container > input[type=time]:focus,
.scu-input-container > input[type=date]:focus,
.scu-input-container > select:focus,
.scu-input-container > textarea:focus {
  border-color: var(--input-focus-border-color);
}
.scu-input-container > input[type=text]:focus ~ .scu-input-helper-text,
.scu-input-container > input[type=number]:focus ~ .scu-input-helper-text,
.scu-input-container > input[type=tel]:focus ~ .scu-input-helper-text,
.scu-input-container > input[type=email]:focus ~ .scu-input-helper-text,
.scu-input-container > input[type=time]:focus ~ .scu-input-helper-text,
.scu-input-container > input[type=date]:focus ~ .scu-input-helper-text,
.scu-input-container > select:focus ~ .scu-input-helper-text,
.scu-input-container > textarea:focus ~ .scu-input-helper-text {
  color: var(--information-2);
}
.scu-input-container > input[type=text]:focus ~ app-icon,
.scu-input-container > input[type=number]:focus ~ app-icon,
.scu-input-container > input[type=tel]:focus ~ app-icon,
.scu-input-container > input[type=email]:focus ~ app-icon,
.scu-input-container > input[type=time]:focus ~ app-icon,
.scu-input-container > input[type=date]:focus ~ app-icon,
.scu-input-container > select:focus ~ app-icon,
.scu-input-container > textarea:focus ~ app-icon {
  color: var(--information-2);
}
.scu-input-container > input[type=text]:disabled,
.scu-input-container > input[type=number]:disabled,
.scu-input-container > input[type=tel]:disabled,
.scu-input-container > input[type=email]:disabled,
.scu-input-container > input[type=time]:disabled,
.scu-input-container > input[type=date]:disabled,
.scu-input-container > select:disabled,
.scu-input-container > textarea:disabled {
  cursor: not-allowed;
  background-color: var(--input-disabled-background);
  border-color: var(--neutral-dark-20);
  color: var(--neutral-dark-40);
}
.scu-input-container > input[type=text]:disabled::placeholder,
.scu-input-container > input[type=number]:disabled::placeholder,
.scu-input-container > input[type=tel]:disabled::placeholder,
.scu-input-container > input[type=email]:disabled::placeholder,
.scu-input-container > input[type=time]:disabled::placeholder,
.scu-input-container > input[type=date]:disabled::placeholder,
.scu-input-container > select:disabled::placeholder,
.scu-input-container > textarea:disabled::placeholder {
  color: var(--neutral-dark-20);
}
.scu-input-container > textarea {
  min-height: var(--text-area-min-height);
}
.scu-input-container > input[type=date]::-webkit-calendar-picker-indicator,
.scu-input-container > input[type=time]::-webkit-calendar-picker-indicator {
  width: calc(var(--input-default-font-size) * 1.25);
  height: calc(var(--input-default-font-size) * 1.25);
  cursor: pointer;
}
.scu-input-container app-icon {
  color: var(--input-start-icon-color);
  font-size: 16px;
  position: absolute;
  top: var(--input-icon-top);
  right: var(--input-end-icon-right);
}
.scu-input-container > .scu-input-label {
  margin-bottom: var(--input-label-margin-bottom);
}
.scu-input-container > .scu-input-label ~ app-icon {
  top: calc(var(--input-icon-top) + 26px);
}
.scu-input-container > .scu-input-helper-text {
  margin-top: var(--input-helper-text-margin-top);
}
.scu-input-container .block {
  max-width: unset;
  width: 100%;
}
.scu-input-container.error > input[type=text],
.scu-input-container.error > input[type=number],
.scu-input-container.error > input[type=tel],
.scu-input-container.error > input[type=email],
.scu-input-container.error > input[type=time],
.scu-input-container.error > input[type=date],
.scu-input-container.error > select,
.scu-input-container.error > textarea {
  border-color: var(--error-1);
  color: var(--error-1);
}
.scu-input-container.error > .scu-input-helper-text {
  color: var(--error-1);
}
.scu-input-container.error app-icon {
  color: var(--error-1);
}
.scu-input-container.error > input[type=date]::-webkit-calendar-picker-indicator,
.scu-input-container.error > input[type=time]::-webkit-calendar-picker-indicator {
  filter: brightness(0%) saturate(100%) invert(50%) sepia(70%) saturate(800%) hue-rotate(320deg) brightness(115%);
}
.scu-input-container.success > input[type=text],
.scu-input-container.success > input[type=number],
.scu-input-container.success > input[type=tel],
.scu-input-container.success > input[type=email],
.scu-input-container.success > input[type=time],
.scu-input-container.success > input[type=date],
.scu-input-container.success > select,
.scu-input-container.success > textarea {
  border-color: var(--success-1);
  color: var(--success-1);
}
.scu-input-container.success > .scu-input-helper-text {
  color: var(--success-1);
}
.scu-input-container.success app-icon {
  color: var(--error-1);
}
.scu-input-container.warning > input[type=text],
.scu-input-container.warning > input[type=number],
.scu-input-container.warning > input[type=tel],
.scu-input-container.warning > input[type=email],
.scu-input-container.warning > input[type=time],
.scu-input-container.warning > input[type=date],
.scu-input-container.warning > select,
.scu-input-container.warning > textarea {
  border-color: var(--warning-1);
  color: var(--warning-1);
}
.scu-input-container.warning > .scu-input-helper-text {
  color: var(--warning-1);
}
.scu-input-container.warning app-icon {
  color: var(--error-1);
}
.scu-labelled-input {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.scu-labelled-input > input[type=checkbox],
.scu-labelled-input > input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--neutral-dark-40);
  background: transparent;
  cursor: pointer;
  position: relative;
  margin: 0;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.scu-labelled-input > input[type=checkbox]::after,
.scu-labelled-input > input[type=radio]::after {
  content: "";
  position: absolute;
  display: none;
}
.scu-labelled-input > input[type=checkbox]:disabled,
.scu-labelled-input > input[type=radio]:disabled {
  cursor: not-allowed;
}
.scu-labelled-input > input[type=checkbox]:disabled:checked,
.scu-labelled-input > input[type=checkbox]:disabled:indeterminate,
.scu-labelled-input > input[type=radio]:disabled:checked,
.scu-labelled-input > input[type=radio]:disabled:indeterminate {
  background-color: var(--accent-F1);
  border-color: transparent;
}
.scu-labelled-input > input[type=checkbox] {
  border-radius: 4px;
}
.scu-labelled-input > input[type=checkbox]:checked {
  background-color: var(--information-2);
  border-color: var(--information-2);
}
.scu-labelled-input > input[type=checkbox]:checked::after {
  display: block;
  left: 4.5px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: 1.5px solid var(--neutral-100);
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
.scu-labelled-input > input[type=checkbox]:indeterminate {
  background-color: var(--information-2);
  border-color: var(--information-2);
}
.scu-labelled-input > input[type=checkbox]:indeterminate::after {
  display: block;
  left: 4px;
  top: 50%;
  width: 8px;
  height: 0;
  border-bottom: 1.5px solid var(--neutral-100);
  transform: translateY(-50%);
}
.scu-labelled-input > input[type=radio] {
  border-radius: 50%;
}
.scu-labelled-input > input[type=radio]:checked {
  background-color: var(--information-2);
  border-color: var(--information-2);
}
.scu-labelled-input > input[type=radio]:checked::after {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--neutral-100);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scu-labelled-input > span {
  font-size: 14px;
  line-height: 20px;
  color: var(--neutral-dark-100);
  transition: color 0.15s ease;
}
.scu-labelled-input:has(> input[type=checkbox]:not(:disabled)):hover > input[type=checkbox],
.scu-labelled-input:has(> input[type=checkbox]:not(:disabled)):hover > input[type=radio],
.scu-labelled-input:has(> input[type=radio]:not(:disabled)):hover > input[type=checkbox],
.scu-labelled-input:has(> input[type=radio]:not(:disabled)):hover > input[type=radio] {
  border-color: var(--information-2);
}
.scu-labelled-input:has(> input[type=checkbox]:not(:disabled)):hover > span,
.scu-labelled-input:has(> input[type=radio]:not(:disabled)):hover > span {
  color: var(--information-2);
}
.scu-labelled-input:has(> input[type=checkbox]:checked:not(:disabled)) > span,
.scu-labelled-input:has(> input[type=checkbox]:indeterminate:not(:disabled)) > span,
.scu-labelled-input:has(> input[type=radio]:checked:not(:disabled)) > span {
  color: var(--information-2);
  font-weight: 600;
}
.scu-labelled-input:has(> input[type=checkbox]:disabled),
.scu-labelled-input:has(> input[type=radio]:disabled) {
  cursor: not-allowed;
}
.scu-labelled-input:has(> input[type=checkbox]:disabled) > span,
.scu-labelled-input:has(> input[type=radio]:disabled) > span {
  color: var(--neutral-dark-40);
}
.scu-labelled-input:has(> input[type=checkbox]:disabled:checked) > span,
.scu-labelled-input:has(> input[type=checkbox]:disabled:indeterminate) > span,
.scu-labelled-input:has(> input[type=radio]:disabled:checked) > span {
  color: var(--accent-F1);
}
.scu-labelled-input.small > input[type=checkbox] {
  width: 12px;
  height: 12px;
}
.scu-labelled-input.small > input[type=checkbox]:checked::after {
  left: 2.5px;
  top: 0.5px;
  width: 3px;
  height: 6px;
}
.scu-labelled-input.small > input[type=checkbox]:indeterminate::after {
  left: 3px;
  width: 6px;
}
.scu-labelled-input.small > input[type=radio] {
  width: 12px;
  height: 12px;
}
.scu-labelled-input.small > input[type=radio]:checked::after {
  width: 4px;
  height: 4px;
}
.scu-labelled-input.small > span {
  font-size: 12px;
  line-height: 16px;
}
.scu-input-label {
  display: block;
  font-size: var(--input-label-font-size);
  line-height: var(--input-label-line-height);
  color: var(--input-label-color);
}
.scu-input-helper-text {
  font-size: var(--input-helper-text-font-size);
  line-height: var(--input-helper-text-line-height);
  color: var(--input-helper-text-color);
}
.wrapper-scu-label {
  display: flex;
  flex-wrap: wrap;
}
.wrapper-scu-label :not(:first-child) {
  margin-left: 20px;
}
.scu-label {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 12px;
  border-radius: 12px;
  color: var(--comp-information-1);
  background: var(--comp-information-2);
  text-transform: capitalize;
}
.scu-label i {
  margin-right: 4px;
}
.scu-label.accent-a {
  background: var(--comp-accent-A2);
  color: var(--comp-accent-A1);
}
.scu-label.accent-b {
  background: var(--comp-accent-B2);
  color: var(--comp-accent-B1);
}
.scu-label.accent-c {
  background: var(--comp-accent-C2);
  color: var(--comp-accent-C1);
}
.scu-label.accent-d {
  background: var(--comp-accent-D2);
  color: var(--comp-accent-D1);
}
.scu-label.warning {
  background: var(--comp-warning-2);
  color: var(--comp-warning-1);
}
.scu-label.success {
  background: var(--comp-success-2);
  color: var(--comp-success-1);
}
.scu-label.error {
  background: var(--comp-error-2);
  color: var(--comp-error-1);
}
.scu-label.small {
  font-size: 12px;
  line-height: 14px;
}
.scu-menu {
  display: flex;
  flex-direction: column;
  background: var(--neutral-100);
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--primary-color-1);
}
.scu-menu.position-bottom {
  margin-top: 8px;
  animation: slide-in-from-top 200ms;
}
.scu-menu.position-left {
  margin-left: 8px;
  animation: slide-in-from-left 200ms;
}
.scu-menu-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--menu-item-default-padding);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-dark-100);
}
.scu-menu-item app-icon {
  opacity: 0.7;
}
.scu-menu-item.icon-leading app-icon {
  margin-right: 8px;
}
.scu-menu-item.icon-trailing app-icon {
  margin-left: 8px;
}
.scu-menu-item:hover {
  background: var(--neutral-dark-5);
}
.scu-menu-item.active {
  font-weight: 600;
  color: var(--primary-color-1);
}
.scu-menu-header {
  display: flex;
  padding: var(--menu-item-default-padding);
  font-size: 14px;
  color: var(--neutral-dark-70);
}
.scu-menu-header app-icon {
  margin-right: 8px;
}
@keyframes slide-in-from-top {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-from-left {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.se-side-drawer-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: hidden;
}
.se-side-drawer-container .se-side-drawer {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.se-side-drawer-container .se-side-drawer-backdrop {
  z-index: 1;
}
.se-side-drawer-container .popup-backdrop {
  z-index: 2;
}
@media (min-width: 901px) {
  .se-side-drawer-container .se-side-drawer {
    width: 480px;
    right: 0;
    left: unset;
  }
}
.se-side-drawer-heading {
  font-size: 18px;
  color: var(--neutral-dark-100);
  margin: 0;
}
.se-side-drawer-body {
  display: flex;
  flex-direction: column;
  padding: 12px 24px 24px 24px;
}
.se-side-drawer-body.scrollable {
  overflow-y: scroll;
  height: calc(100% - 74px);
}
.se-side-drawer-navigation-button {
  cursor: pointer;
  height: 24px;
  width: 24px;
  transition: transform 200ms;
  transform: translateX(0);
}
.se-side-drawer-navigation-button:hover {
  transform: translateX(-3px);
}
.se-side-drawer {
  background: var(--neutral-100);
  animation: slide-from-right forwards 200ms;
}
.se-side-drawer-header {
  display: flex;
  align-items: center;
  padding: 24px;
}
.se-side-drawer-header .se-side-drawer-navigation-button {
  margin-right: 8px;
}
.se-side-drawer-header .se-side-drawer-heading {
  margin: 0;
}
.popup-backdrop {
  animation: fade-in forwards 200ms;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: var(--neutral-dark-70);
  position: fixed;
  top: 0;
  left: 0;
}
.se-side-drawer-backdrop {
  animation: fade-in forwards 200ms;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: var(--neutral-dark-70);
  position: fixed;
  top: 0;
  left: 0;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-from-right {
  0% {
    transform: translateX(45px);
  }
  100% {
    transform: translateY(0);
  }
}
.scu-tab {
  cursor: pointer;
  color: var(--primary-color-4);
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid var(--neutral-dark-10);
  padding: 10px 12px;
  flex-shrink: 0;
  line-height: 150%;
  transition: font-weight 200ms;
}
.scu-tab.active {
  color: var(--primary-color-1);
  border-bottom-color: var(--primary-color-1);
  font-weight: 600;
}
.scu-tab.disabled {
  color: var(--neutral-dark-40);
  border-bottom-color: var(--neutral-dark-10);
  pointer-events: none;
}
.scu-tab.live {
  color: var(--accent-E2);
  border-bottom-color: var(--accent-E1);
}
.scu-tab.outline {
  padding: 8px 35px;
  border-radius: 30px;
  border: 1px solid var(--neutral-dark-10);
  margin-left: 12px;
}
.scu-tab.outline:last-child {
  margin-right: 12px;
}
.scu-tab.outline.active {
  background-color: var(--primary-color-1);
  color: var(--neutral-100);
  font-weight: 600;
}
.scu-tab.outline.disabled {
  color: var(--neutral-dark-40);
  pointer-events: none;
}
.scu-tab.outline.live {
  color: var(--accent-E2);
  border: 1px solid var(--accent-E1);
}
.scu-tab.isDarkBg {
  border-color: unset;
  color: var(--neutral-70);
}
.scu-tab.isDarkBg.active {
  background: var(--neutral-100);
  color: var(--primary-color-1);
}
.scu-tab-container {
  overflow-x: auto;
  display: flex;
  list-style: none;
  padding: 0;
  scrollbar-width: none;
}
.scu-tab-container::-webkit-scrollbar {
  display: none;
}
.wrapper-scu-tag {
  display: flex;
  flex-wrap: wrap;
}
.wrapper-scu-tag :not(:first-child) {
  margin-left: 20px;
}
.scu-tag {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  padding: 6px 12px;
  border-radius: 50px;
  color: var(--comp-information-2);
  background: var(--comp-information-1);
  text-transform: capitalize;
}
.scu-tag i {
  margin-right: 4px;
  font-size: 12px !important;
}
.scu-tag.accent-a {
  background: var(--comp-accent-A1);
  color: var(--comp-accent-A2);
}
.scu-tag.accent-b {
  background: var(--comp-accent-B1);
  color: var(--comp-accent-B2);
}
.scu-tag.accent-c {
  background: var(--comp-accent-C1);
  color: var(--comp-accent-C2);
}
.scu-tag.accent-d {
  background: var(--comp-accent-D1);
  color: var(--comp-accent-D2);
}
.scu-tag.warning {
  background: var(--comp-warning-1);
  color: var(--comp-warning-2);
}
.scu-tag.success {
  background: var(--comp-success-1);
  color: var(--comp-success-2);
}
.scu-tag.error {
  background: var(--comp-error-1);
  color: var(--comp-error-2);
}
.scu-tag.small {
  font-size: 12px;
  line-height: 14px;
  padding: 2px 8px;
}
.scu-toast {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  border-radius: 0px 0px 4px 4px;
  font-family: "Public Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 360px;
  color: var(--neutral-dark-100);
  background-color: var(--neutral-dark-5);
}
.scu-toast.success {
  color: var(--comp-success-1);
  background-color: var(--comp-success-2);
}
.scu-toast.warning {
  color: var(--comp-warning-1);
  background-color: var(--comp-warning-2);
}
.scu-toast.error {
  color: var(--comp-error-1);
  background-color: var(--comp-error-2);
}
.scu-toast .action {
  color: var(--neutral-70);
  margin-left: auto;
}
.scu-toast-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.scu-toast-container.fixed {
  position: fixed;
  bottom: 24px;
  z-index: 999;
}
.scu-toast-container {
  left: 50%;
  transform: translateX(-50%);
}
.scu-toast-container h4 {
  text-align: center;
}
.scu-toast-container.right {
  right: 24px;
  left: unset;
  transform: unset;
}
.scu-toast-container.right h4 {
  text-align: right;
}
.scu-toast-container.left {
  left: 24px;
  transform: unset;
}
body {
  font-family:
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
}
@supports (font-variation-settings: "wght" 200) {
  body {
    font-family:
      "Public Sans",
      "Segoe UI",
      Tahoma,
      Geneva,
      Verdana,
      sans-serif !important;
  }
}
html[data-prefers-dark-theme=true] body {
  background: var(--neutral-dark-100);
}
.scu-h1,
.scu-typography h1 {
  font: 600 48px/58px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-h2,
.scu-typography h2 {
  font: 610 40px/48px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-h3,
.scu-typography h3 {
  font: 610 32px/38px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-h4,
.scu-typography h4 {
  font: 610 24px/28px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-h5,
.scu-typography h5 {
  font: 610 20px/24px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-h6,
.scu-typography h6 {
  font: 610 16px/20px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-typography .scu-body-1 {
  font: 410 16px/22px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-typography .scu-body-2 {
  font: 410 14px/20px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-typography .scu-caption-1 {
  font: 410 12px/16px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-typography .scu-caption-2 {
  font: 410 10.5px/14px Public Sans, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.scu-regular,
regular .scu-typography {
  font-weight: 400 !important;
}
.scu-semi-bold,
semi-bold .scu-typography {
  font-weight: 600 !important;
}
.scu-bold,
bold .scu-typography {
  font-weight: 700 !important;
}
.scu-typography .color-neutral-3 {
  color: var(--neutral-dark-40);
}
.scu-typography .color-neutral-2 {
  color: var(--neutral-dark-70);
}
.scu-typography .color-neutral-1 {
  color: var(--neutral-dark-100);
}
* {
  margin: 0;
  padding: 0;
  outline: none !important;
}
html {
  scroll-behavior: smooth;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none !important;
}
.underline {
  text-decoration: underline !important;
}
textarea {
  resize: none !important;
}

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