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

/* src/styles.scss */
:root {
  --uib-color: #87679A;
  --uib-speed: 2.5s;
  --text-disabled: #AFAFB1;
  --lavender-50: #f9f7fb;
  --lavender-100: #f4f0f7;
  --lavender-200: #E9E4F0;
  --gray-50: #f5f5f6;
  --gray-75: #ececed;
  --gray-600: #5B5B5F;
  --text-secondary: #6b6b6f;
  --white-color: #fff;
  --gray-light: #e6e6e7;
  --lavender-300: #D8CEE4;
  --action-brand-color: #87679a;
  --lavender-400: #C2B2D3;
  --lavender-700: #87679A;
  --lavender-800: #715681;
  --text-brand: #5e476b;
  --red-600: #e22828;
  --red-500: #f43f3f;
  --action-danger: var(--red-500);
  --red-200: #FFC9C9;
  --red-300: #FEA3A3;
  --red-50: #FEF2F2;
  --text-primary: #262527;
  --yellow-500: #f2b705;
  --yellow-400: #FDCD12;
  --yellow-50: #FEFCE8;
  --yellow-200: #FFF088;
  --yellow-100: #FFFAC2;
  --yellow-300: #FFE145;
  --action-warning: var(--yellow-500);
  --green-600: #219851;
  --green-700: #1E7742;
  --green-500: #2fb866;
  --green-50: #F1FCF4;
  --action-success: var(--green-500);
  --green-200: #C0F2D3;
  --green-100: #DFF9E9;
  --green-300: #8EE7B1;
  --surface-card: #f9f9f9;
  --hover-gray: #d0d0d1;
  --blue-100: #D8EAFF;
  --blue-500:#3F68FF;
  --blue-200: #B9D7FF;
  --schemes-on-surface: #1D1B20;
  --action-info: #3F68FF;
  --sds-color-text-default-default: #1E1E1E;
  --gray-300: #D9D9D9;
  --gray-200: var(--hover-gray);
  --gray-400: #89898D;
  --sds-size-depth-0: 0;
  --sds-size-depth-025: 1px;
  --sds-size-depth-100: 4px;
  --sds-size-depth-400: 16px;
  --sds-size-depth-800: 32px;
  --sds-size-depth-negative-100: -4px;
  --sds-color-black-200: rgba(12, 12, 13, 0.1);
  --sds-color-black-100: rgba(12, 12, 13, 0.05);
  --box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-400) var(--sds-size-depth-800) var(--sds-size-depth-negative-100) var(--sds-color-black-200), var(--sds-size-depth-0) var(--sds-size-depth-100) var(--sds-size-depth-100) var(--sds-size-depth-negative-100) var(--sds-color-black-100);
  --box-shadow-100: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
  --box-shadow-400: var(--sds-size-depth-0) var(--sds-size-depth-400) var(--sds-size-depth-800) var(--sds-size-depth-negative-100) var(--sds-color-black-200), var(--sds-size-depth-0) var(--sds-size-depth-100) var(--sds-size-depth-100) var(--sds-size-depth-negative-100) var(--sds-color-black-100);
  --box-shadow-300: var(--sds-size-depth-0) var(--sds-size-depth-400) var(--sds-size-depth-800) var(--sds-size-depth-negative-100) rgba(12, 12, 13, 0.10), var(--sds-size-depth-0) var(--sds-size-depth-100) var(--sds-size-depth-100) var(--sds-size-depth-negative-100) rgba(12, 12, 13, 0.05);
}
:root {
  --uib-size: 45px;
  --sds-size-space-200: 8px;
  --radius-8: 8px;
  --radius-12: 12px;
  --sds-size-space-300: 12px;
  --sds-size-space-400: 16px;
  --sds-size-padding-lg: 16px ;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: none;
  font-family: "Rubik", sans-serif;
}
html,
body {
  height: 100%;
}
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:-webkit-autofill {
  background-color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 5000s ease-in-out 0s;
}
input[type=number] {
  -moz-appearance: textfield;
}
.h3 {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.4px;
}
.h4 {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 40.8px;
  letter-spacing: -0.34px;
}
.h5 {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 33.6px;
  letter-spacing: -0.28px;
}
.h6 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: -0.24px;
}
.h7 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.h8 {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.2px;
  letter-spacing: -0.16px;
}
.body-1 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: var(--text-secondary);
}
.body-2 {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: var(--text-secondary);
}
.body-2-regular {
  font-weight: 400;
}
.flex-container {
  display: flex;
  align-items: center;
}
.gap-8 {
  gap: 8px;
}
.body-3,
.lms-tooltip {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: var(--text-secondary);
}
.body-3-semi-bold {
  font-weight: 600;
}
.body-4 {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.body-4-semi-bold {
  font-weight: 600;
}
.ellipse-secondary {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--text-secondary);
}
.text-secondary {
  color: var(--text-secondary);
}
.text-primary {
  color: var(--text-primary);
}
.text-default {
  color: var(--sds-color-text-default-default);
}
.text-danger {
  color: var(--action-danger);
}
.red-600 {
  color: var(--red-600);
}
.text-brand {
  color: var(--text-brand);
}
.text-action-info {
  color: var(--blue-500);
}
.text-white {
  color: var(--white-color);
}
.label-small {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
}
.label-medium {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.2px;
}
.label-large {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.2px;
}
.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  list-style-position: inside;
}
.lms-tooltip {
  display: flex;
  max-width: 300px;
  padding: 4px 8px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  gap: 0;
  background: rgba(38, 37, 39, 0.9);
  color: var(--white-color);
  position: absolute;
  word-wrap: break-word;
  white-space: normal;
  text-align: center;
  overflow-wrap: break-word;
  box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-200), var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-100) var(--sds-size-depth-0) var(--sds-color-black-100);
}
.lms-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(38, 37, 39, 0.9);
}
.select-option {
  position: absolute;
  width: auto;
  z-index: 100;
  padding: 4px;
  margin: 0;
  border: 1px solid var(--gray-light);
  border-radius: 12px;
  background: var(--white-color);
  list-style: none;
  justify-content: center;
  top: 43px;
}
.select-option-item {
  display: flex;
  min-height: 44px;
  padding: 12px 16px;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  cursor: pointer;
}
.select-option-item--disabled {
  pointer-events: none;
  color: var(--text-disabled);
}
.select-option-item:hover {
  background: var(--surface-card);
}
.select-option-item:hover .select {
  background: var(--gray-50);
}
.select-option-item--selected {
  background: var(--lavender-100);
}
.cursor-pointer,
.see-more-card {
  -webkit-user-select: none;
  user-select: none;
}
.cursor-pointer:hover,
.see-more-card:hover {
  cursor: url("./media/cursor-pointer.svg") 1 1, auto;
}
.cursor-grab,
body.dragging {
  -webkit-user-select: none;
  user-select: none;
}
.cursor-grab:hover,
body.dragging:hover {
  cursor: url("./media/cursor-grab.svg") 1 1, auto !important;
}
.cursor-move {
  -webkit-user-select: none;
  user-select: none;
}
.cursor-move:hover {
  cursor: url("./media/cursor-move.svg") 1 1, auto;
}
.custom-scroll::-webkit-scrollbar-button,
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
  display: none;
}
.custom-scroll::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scroll::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--gray-light);
}
.custom-scroll::-webkit-scrollbar-track:vertical,
html::-webkit-scrollbar-track:vertical,
body::-webkit-scrollbar-track:vertical {
  background: transparent;
  margin-block: 16px;
}
.custom-scroll::-webkit-scrollbar-track:horizontal,
html::-webkit-scrollbar-track:horizontal,
body::-webkit-scrollbar-track:horizontal {
  background: transparent;
  margin-inline: 16px;
}
.lms-loader-container {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 120px;
}
.see-more-card {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.see-more-card-text {
  color: var(--blue-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.error {
  color: var(--red-600);
}
.tox-promotion-button {
  display: none !important;
}

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