@import "https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

/* src/app/styles/styles.scss */
:root {
  --gal-white: #FFFFFF;
  --gal-gray-10: rgba(243, 245, 247, 0.5);
  --gal-gray-20: #EDEDF0;
  --gal-gray-30: #6e7c92;
  --gal-green-60: #28A745;
  --gal-green-70: #1E7E34;
  --gal-blue-10: #E8EFFC;
  --gal-blue-60: #0060DF;
  --gal-blue-70: #003EAA;
  --gal-blue-disabled-1: #4F8BDC;
  --gal-blue-disabled-2: #9AAEC8;
  --gal-text-color-primary: #15141A;
  --gal-text-color-secondary: #5B5B66;
  --gal-text-danger-tertiary: #EC221F;
  --gal-shadow-1: rgba(0, 0, 0, 0.10);
  --gal-shadow-2: rgba(0, 0, 0, 0.025);
  --sds-color-text-default-default: #1E1E1E;
  --sds-color-text-default-secondary: #757575;
  --sds-color-border-default-default: #D9D9D9;
  --sds-color-background-default-default: #FFFFFF;
  --sds-color-background-default-default-hover: #F5F5F5;
  --sds-color-background-default-secondary-hover: #E6E6E6;
  --sds-color-icon-default-tertiary: #B3B3B3;
  --sds-typography-title-page-font-family: "Assistant", sans-serif;
  --sds-typography-title-page-size-base: 48px;
  --sds-typography-title-page-font-weight: 700;
  --sds-typography-heading-font-family: "Assistant", sans-serif;
  --sds-typography-heading-size-base: 24px;
  --sds-typography-heading-font-weight: 600;
  --sds-typography-subheading-font-family: "Assistant", sans-serif;
  --sds-typography-subheading-size-medium: 20px;
  --sds-typography-subheading-font-weight: 400;
  --sds-typography-body-font-family: "Assistant", sans-serif;
  --sds-typography-body-size-medium: 16px;
  --sds-typography-body-font-weight-regular: 400;
  --sds-size-radius-200: 8px;
  --sds-size-stroke-border: 1px;
  --sds-size-space-400: 16px;
  --sds-size-space-200: 8px;
  --gal-admin-border: 1px solid rgb(224, 229, 235);
  --screen-responsive-breakpoint-xl: 1440px;
  --screen-responsive-breakpoint-l: 1024px;
  --screen-responsive-breakpoint-m: 672px;
}
h1 {
  color: var(--sds-color-text-default-default);
  margin: var(--sds-size-space-200) 0;
  font-family: var(--sds-typography-heading-font-family);
  font-size: var(--sds-typography-heading-size-base);
  font-style: normal;
  font-weight: var(--sds-typography-heading-font-weight);
  line-height: 120%;
  letter-spacing: -0.48px;
}
h1.blue-large-title {
  color: var(--gal-blue-70);
  text-align: center;
  font-family: var(--sds-typography-title-page-font-family);
  font-size: var(--sds-typography-title-page-size-base);
  font-style: normal;
  font-weight: var(--sds-typography-title-page-font-weight);
  line-height: 120%;
  letter-spacing: -0.96px;
}
h2 {
  font-family: var(--sds-typography-subheading-font-family);
  font-size: var(--sds-typography-subheading-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-subheading-font-weight);
  line-height: 120%;
  margin: var(--sds-size-space-200) 0;
}
h3 {
  font-family: var(--sds-typography-body-font-family);
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-body-font-weight-regular);
  line-height: 140%;
  color: var(--sds-color-text-default-default);
}
.t-legend-grey {
  font-family: var(--sds-typography-body-font-family);
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-body-font-weight-regular);
  line-height: 140%;
  color: var(--sds-color-text-default-secondary);
  font-size: 0.85rem;
}
.t-subtitle-grey {
  font-family: var(--sds-typography-body-font-family);
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-body-font-weight-regular);
  line-height: 140%;
  color: var(--sds-color-text-default-secondary);
}
.t-base {
  font-family: var(--sds-typography-body-font-family);
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-body-font-weight-regular);
  line-height: 140%;
  color: var(--sds-color-text-default-default);
}
.c-grey-30 {
  color: var(--gal-gray-30);
}
.c-danger {
  color: var(--gal-text-danger-tertiary);
}
.f-assistant {
  font-family: var(--sds-typography-body-font-family);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.flex {
  display: flex;
}
.flex-inline {
  display: inline-flex;
  width: fit-content;
}
.flex.fill,
.flex-inline.fill {
  flex: 1 1 auto;
}
.flex.row,
.flex-inline.row {
  flex-direction: row;
}
.flex.row.center-y,
.flex-inline.row.center-y {
  align-items: center;
}
.flex.row.bottom-y,
.flex-inline.row.bottom-y {
  align-items: end;
}
.flex.row.evenly-x,
.flex-inline.row.evenly-x {
  justify-content: space-evenly;
}
.flex.row.end-x,
.flex-inline.row.end-x {
  justify-content: flex-end;
}
.flex.row.between-x,
.flex-inline.row.between-x {
  justify-content: space-between;
}
.flex.row .align-self-start,
.flex-inline.row .align-self-start {
  align-self: start;
}
.flex.col,
.flex-inline.col {
  flex-direction: column;
}
.flex.col .align-self-stretch,
.flex-inline.col .align-self-stretch {
  align-self: stretch;
}
.flex.col.center-x,
.flex-inline.col.center-x {
  align-items: center;
}
.flex.center,
.flex-inline.center {
  justify-content: center;
  align-items: center;
}
.flex.space-between,
.flex-inline.space-between {
  justify-content: space-between;
}
.flex.gap-xs,
.flex-inline.gap-xs {
  gap: 0.5em;
}
.flex.gap-s,
.flex-inline.gap-s {
  gap: 1em;
}
.flex.gap-m,
.flex-inline.gap-m {
  gap: 2em;
}
.flex.gap-l,
.flex-inline.gap-l {
  gap: 3em;
}
.flex.wrap,
.flex-inline.wrap {
  flex-wrap: wrap;
}
.p-x-0 {
  padding-left: 0;
  padding-right: 0;
}
.p-x-s {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.p-x-m {
  padding-left: 1em;
  padding-right: 1em;
}
.p-x-l {
  padding-left: 2em;
  padding-right: 2em;
}
.p-x-xl {
  padding-left: 3em;
  padding-right: 3em;
}
.p-x-xxl {
  padding-left: 4em;
  padding-right: 4em;
}
.p-x-xxxl {
  padding-left: 5em;
  padding-right: 5em;
}
.p-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p-y-s {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.p-y-m {
  padding-top: 1em;
  padding-bottom: 1em;
}
.p-y-l {
  padding-top: 2em;
  padding-bottom: 2em;
}
.p-y-xl {
  padding-top: 3em;
  padding-bottom: 3em;
}
.p-y-xxl {
  padding-top: 4em;
  padding-bottom: 4em;
}
.p-y-xxxl {
  padding-top: 5em;
  padding-bottom: 5em;
}
.responsive-width-l {
  max-width: var(--screen-responsive-breakpoint-xl);
}
.responsive-width-m {
  max-width: var(--screen-responsive-breakpoint-m);
}
@media screen and (max-width: 1024px) {
  .hidden-lt-large {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .long-row-scroll-when-sm {
    overflow: scroll;
    padding-bottom: 0.25rem;
    padding-inline-end: 0.5rem;
  }
}
html {
  background-color: var(--gal-gray-20);
}
.card-1 {
  background-color: var(--gal-white);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px 0 var(--gal-shadow-1), 0 1px 2px -1px var(--gal-shadow-1);
}
.card-2 {
  background: rgba(237, 237, 240, 0.3);
  padding: 16px 16px 32px 16px;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  display: flex;
}
.border-thin {
  border: var(--gal-admin-border);
}
.br-4 {
  border-radius: 4px;
}
.br-8 {
  border-radius: 8px;
}
.br-14 {
  border-radius: 14px;
}
.bg-white {
  background-color: var(--gal-white);
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.field-col-with-label {
  display: flex;
  max-width: 400px;
  flex-direction: column;
  gap: var(--sds-size-space-200);
}
.field-col-with-label.full-width {
  max-width: none;
}
label {
  color: #030213;
  font-family: var(--sds-typography-body-font-family);
  font-size: var(--sds-typography-body-size-medium);
  font-style: normal;
  font-weight: var(--sds-typography-body-font-weight-regular);
  line-height: 140%;
}
label[role=switch] {
  cursor: pointer;
}
label[role=switch] input[type=checkbox] {
  height: 0;
  width: 0;
}
label[role=switch]::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 24px;
  border-radius: 24px;
  transition: all 0.15s ease-in;
}
label[role=switch]:has(input[type=checkbox]:checked)::before {
  background:
    radial-gradient(
      circle at 32px,
      white 0px,
      white 10px,
      transparent 10px,
      transparent 100%),
    #1cb08d;
}
label[role=switch]:has(input[type=checkbox]:not(:checked))::before {
  background:
    radial-gradient(
      circle at 12px,
      white 0px,
      white 10px,
      transparent 10px,
      transparent 100%),
    #e0e5eb;
}
input[type=text],
input[type=number] {
  padding: 12px 16px;
  border-radius: var(--sds-size-radius-200);
  border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default);
  background: var(--sds-color-background-default-default);
  height: 2rem;
  font-family: Assistant, sans-serif;
}
input[type=text].transparent,
input[type=number].transparent {
  background-color: transparent;
  border: transparent;
}
input[type=text].transparent:focus,
input[type=text].transparent:hover,
input[type=number].transparent:focus,
input[type=number].transparent:hover {
  background-color: var(--gal-shadow-2);
}
input[type=text].w-70,
input[type=number].w-70 {
  width: 70px;
}
input[type=text].mw-240,
input[type=number].mw-240 {
  min-width: 240px;
}
input[type=text].full-width,
input[type=number].full-width {
  width: 100%;
}
textarea {
  height: 110px;
  padding: 12px 16px;
  border-radius: var(--sds-size-radius-200);
  border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default);
  background: var(--sds-color-background-default-default);
  font-family: Assistant, sans-serif;
}
textarea.transparent {
  background-color: var(--gal-shadow-2);
  border: transparent;
}
textarea.mw-240 {
  min-width: 240px;
}
textarea.full-width {
  width: 100%;
}
.native-select-button {
  position: relative;
  display: inline-flex;
}
.native-select-button select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
select {
  cursor: pointer;
  border-radius: var(--sds-size-radius-200);
  border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default);
  background: var(--sds-color-background-default-default);
  padding: 0 var(--sds-size-space-400);
  height: 2rem;
  font-family: Assistant, sans-serif;
}
select.mw-240 {
  min-width: 240px;
}
a:-webkit-any-link {
  color: unset;
  cursor: pointer;
  text-decoration: none;
}
.delete-item-modal-backdrop {
  background: rgba(0, 0, 0, 0.35);
}
.delete-item-modal-panel {
  max-width: min(28rem, 100vw - 2rem);
}
.delete-item-modal-panel .cdk-dialog-container {
  outline: 0;
}
.import-block-modal-backdrop,
.block-edit-modal-backdrop {
  background: rgba(0, 0, 0, 0.35);
}
.import-block-modal-panel {
  max-width: min(56rem, 100vw - 2rem);
  width: 100%;
}
.import-block-modal-panel .cdk-dialog-container {
  outline: 0;
}
.block-edit-modal-panel {
  max-width: min(48rem, 100vw - 2rem);
  width: 100%;
  max-height: calc(100dvh - 2rem);
  display: flex;
  flex-direction: column;
}
.block-edit-modal-panel .cdk-dialog-container {
  outline: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.summary {
  font-family: Assistant, system-ui;
  position: relative;
}
.details[open] summary {
  background: var(--gal-gray-10);
}
summary::marker {
  display: none;
  content: "";
}
summary::-webkit-details-marker {
  display: none;
}
.summary:not(.no-marker)::before {
  content: attr(data-marker-content);
  position: absolute;
  margin-inline-start: -4.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.5rem;
  border: 1px solid #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  transition: 0.25s;
  background-color: var(--gal-gray-20);
  color: #000;
  font-size: var(--sds-typography-subheading-size-medium);
}
table {
  font-family: Assistant;
  border-spacing: 0;
  border: 1px solid rgb(224, 229, 235);
  border-radius: 0.5rem;
  border-collapse: collapse;
}
table th {
  text-align: start;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 3rem;
  color: rgb(110, 125, 145);
  font-weight: 500;
  font-family: ui-sans-serif, system-ui;
}
table td {
  padding: 1rem;
  vertical-align: middle;
}
table tr {
  border-bottom: var(--gal-admin-border);
}
table tr:hover {
  border-radius: 4px;
}
table tr:hover td {
  background: var(--gal-gray-10);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  background-color: #1e1e1e;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-family: var(--sds-typography-body-font-family);
  line-height: 1.5;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 1000;
}
[data-tooltip]:hover::after,
[data-tooltip]:focus-within::after {
  opacity: 1;
}
[data-tooltip]:not([data-tooltip-position])::after,
[data-tooltip][data-tooltip-position=top]::after {
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip][data-tooltip-position=bottom]::after {
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}
[data-tooltip][data-tooltip-position=left]::after {
  right: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
}
[data-tooltip][data-tooltip-position=right]::after {
  left: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
}

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