@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
@import url(https://use.typekit.net/jya5amx.css);
body.mode-iframeModal{height:100vh}.cl-overlay{font-size:0}.cl-overlay div:empty{display:block}.cl-overlay *:focus-visible{box-shadow:revert-layer}.cl-overlay *[tabindex]:focus-visible{outline:none}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/style.scss ***!
  \*********************************************************************************************************************************************************************/
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/style.scss (1) ***!
  \*************************************************************************************************************************************************************************/
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/eventpage/style.scss ***!
  \*******************************************************************************************************************************************************************************/
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/eventpage/style.scss (1) ***!
  \***********************************************************************************************************************************************************************************/
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/shared/calendarNotFoundComponent.scss ***!
  \********************************************************************************************************************************************************************************************/
/* Main container styling */
.calendar-not-found {
  font-family: "Arial", sans-serif;
  background-color: white;
  font-size: 14px;
  color: #333;
  padding: 5px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 20px auto;
  /* Styling for the welcome message */
  /* General instruction styling */
  /* Help link paragraph styling */
  /* External link styling */
}
.calendar-not-found .welcome-message {
  font-size: 20px;
}
.calendar-not-found .instruction {
  color: #333;
  margin-top: 10px;
  line-height: 1.6;
}
.calendar-not-found .help-link {
  margin-top: 10px;
  line-height: 1.6;
}
.calendar-not-found .external-link {
  color: #007bff;
  text-decoration: underline; /* Underline is initially visible for accessibility */
}
.calendar-not-found .external-link:hover,
.calendar-not-found .external-link:focus {
  text-decoration: none; /* Removing underline on hover for a clean look */
  color: #0056b3;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/style.scss (2) ***!
  \*************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
/*------------------------------------------------------- */
:root,
:host {
  --border-radius-xs: 1px;
  --border-radius-s: 2px;
  --border-radius-m: 4px;
  --border-radius-l: 8px;
  --border-radius-circle: 1000px;
  --border-width-s: 1px;
  --border-width-m: 2px;
  --border-width-l: 4px;
}

/*------------------------------------------------------- */
:root,
:host {
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-transparent: transparent;
  --color-primary-50: #f5f8ff;
  --color-primary-100: #e5edff;
  --color-primary-200: #ccdbff;
  --color-primary-300: #a8c2ff;
  --color-primary-400: #6c96f5;
  --color-primary-500: #346ceb;
  --color-primary-600: #0443db;
  --color-primary-700: #0033ad;
  --color-primary-800: #00298a;
  --color-primary-900: #001a57;
  --color-neutral-50: #fcfcfc;
  --color-neutral-100: #f0f4fa;
  --color-neutral-200: #e6eaf0;
  --color-neutral-300: #dde2eb;
  --color-neutral-400: #cfd6e0;
  --color-neutral-500: #a2abbd;
  --color-neutral-600: #6b768a;
  --color-neutral-700: #4f586b;
  --color-neutral-800: #343b4d;
  --color-neutral-900: #202433;
  --color-yellow-50: #fffcf5;
  --color-yellow-100: #fff6e3;
  --color-yellow-200: #ffeecc;
  --color-yellow-300: #ffe2a8;
  --color-yellow-400: #ffd175;
  --color-yellow-500: #ffc042;
  --color-yellow-600: #f5ab18;
  --color-yellow-700: #db9200;
  --color-yellow-800: #b87a00;
  --color-yellow-900: #946300;
  --color-cyan-50: #f5fdff;
  --color-cyan-100: #d9f6fc;
  --color-cyan-200: #bef0fa;
  --color-cyan-300: #99e8f7;
  --color-cyan-400: #66dcf4;
  --color-cyan-500: #30d0f0;
  --color-cyan-600: #0dbde0;
  --color-cyan-700: #0ca3c2;
  --color-cyan-800: #08748a;
  --color-cyan-900: #004c5c;
  --color-success-50: #fafffc;
  --color-success-100: #7acca1;
  --color-success-200: #03803d;
  --color-success-300: #025c2c;
  --color-success-400: #00421e;
  --color-error-50: #fff5f5;
  --color-error-100: #f09090;
  --color-error-200: #d20000;
  --color-error-300: #a80000;
  --color-error-400: #800000;
  --color-warning-50: #fffbf5;
  --color-warning-100: #facf96;
  --color-warning-200: #fa9819;
  --color-warning-300: #e58200;
  --color-warning-400: #cc7400;
  --color-info-50: #f0f3fa;
  --color-info-100: #b5c8f5;
  --color-info-200: #0e4de5;
  --color-info-300: #0739b3;
  --color-info-400: #032b8a;
  --color-info-visited: #5f22e0;
}

/*------------------------------------------------------- */
:root,
:host {
  --control-border-color: var(--color-neutral-800);
  --control-text-color: var(--color-neutral-400);
}

/*------------------------------------------------------- */
/*------------------------------------------------------- */
:root,
:host {
  --mediaquery-minwidth-desktop: 768px;
  --mediaquery-maxwidth-tablet: 767px;
  --mediaquery-minwidth-tablet: 480px;
  --mediaquery-maxwidth-mobile: 479px;
  --mediaquery-desktop: screen and (min-width: var(--mediaquery-minwidth-desktop));
  --mediaquery-tablet: screen and
  	(
  		min-width: var(--mediaquery-minwidth-tablet) and
  			(
  				max-width: var(--mediaquery-maxwidth-tablet),
  			)
  	);
  --mediaquery-mobile: screen and (max-width: var(--mediaquery-maxwidth-tablet));
}

/*------------------------------------------------------- */
:root,
:host {
  /*------------------------------------------------------- */
  --space-stack-xxs: 2px;
  --space-stack-xs: 4px;
  --space-stack-s: 8px;
  --space-stack-m: 16px;
  --space-stack-l: 24px;
  --space-stack-xl: 32px;
  --space-stack-xxl: 64px;
  /*------------------------------------------------------- */
  --space-inline-xxs: 2px;
  --space-inline-xs: 4px;
  --space-inline-s: 8px;
  --space-inline-m: 16px;
  --space-inline-l: 32px;
  --space-inline-xl: 48px;
  --space-inline-xxl: 64px;
  /*------------------------------------------------------- */
  --space-inset-xs: 4px 4px;
  --space-inset-s: 8px 8px;
  --space-inset-m: 16px 16px;
  --space-inset-l: 32px 32px;
  --space-inset-xl: 64px 64px;
  /*------------------------------------------------------- */
  --space-xs: 2px;
  --space-s: 4px;
  --space-m: 8px;
  --space-l: 16px;
  --space-xl: 32px;
  --space-xxl: 64px;
  /*------------------------------------------------------- */
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
:root,
:host {
  --shadow-spread-s: 3px;
  --shadow-spread-m: 6px;
  --shadow-spread-l: 12px;
  --shadow-blur-s: 3px;
  --shadow-blur-m: 6px;
  --shadow-blur-l: 12px;
}

/*------------------------------------------------------- */
:root,
:host {
  /*------------------------------------------------------- */
  --typography-font-family-base: Roboto;
  --typography-font-family-heading: Roboto;
  --typography-font-family-monospace: Roboto Mono;
  /*------------------------------------------------------- */
  --typography-letterspacing-neg-1: -1px;
  --typography-letterspacing-normal: 0px;
  --typography-letterspacing-pos-1: 0.2px;
  --typography-letterspacing-pos-2: 0.4px;
  /*------------------------------------------------------- */
  --typography-font-weight-light: 300;
  --typography-font-weight-normal: 400;
  --typography-font-weight-strong: 500;
  --typography-font-weight-bold: 700;
  /*------------------------------------------------------- */
  --typography-heading1-size: 44px;
  --typography-heading1-lineheight: 64px;
  --typography-heading1-weight: normal;
  --typography-heading2-size: 34px;
  --typography-heading2-lineheight: 48px;
  --typography-heading2-weight: normal;
  --typography-heading3-size: 28px;
  --typography-heading3-weight: bold;
  --typography-heading3-lineheight: 40px;
  --typography-heading4-size: 24px;
  --typography-heading4-weight: normal;
  --typography-heading4-lineheight: 36px;
  --typography-heading5-size: 19px;
  --typography-heading5-weight: normal;
  --typography-heading5-lineheight: 28px;
  --typography-heading6-size: 16px;
  --typography-heading6-weight: bold;
  --typography-heading6-lineheight: 24px;
  /*------------------------------------------------------- */
  --typography-body-large-size: 20px;
  --typography-body-large-lineheight: 32px;
  --typography-body-regular-size: 16px;
  --typography-body-regular-lineheight: 24px;
  --typography-body-small-size: 14px;
  --typography-body-small-lineheight: 24px;
  --typography-body-xsmall-size: 12px;
  --typography-body-xsmall-lineheight: 16px;
  --typography-caption-size: 12px;
  --typography-caption-lineheight: 16px;
  --typography-caption-letterspacing: var(--typography-letterspacing-pos-1);
  --typography-caption-font-weight: var(--typography-font-weight-strong);
  --typography-pretitle-size: 12px;
  --typography-pretitle-lineheight: 16px;
  --typography-pretitle-letterspacing: var(--typography-letterspacing-pos-2);
  --typography-pretitle-font-weight: var(--typography-font-weight-bold);
}

:root,
:host {
  /*------------------------------------------------------- */
  --zindex-behind: -1;
  --zindex-base: 0;
  --zindex-control: 10;
  --zindex-floating: 100;
  --zindex-modals: 1000;
  --zindex-dialogs: 10000;
  --zindex-popups: 100000;
  --zindex-overflow: 1000000;
  /*------------------------------------------------------- */
}

:root,
:host,
.lth-aliases {
  --control-focus-border-color: var(--color-primary-600);
  --control-focus-border-width: var(--border-width-m);
  --control-focus-shadow-color: var(--color-primary-500);
  --control-focus-shadow-blur: var(--shadow-blur-s);
  --control-focus-shadow: 0 0 var(--control-focus-shadow-blur) 0 var(--control-focus-shadow-color);
  --control-focus-border: inset 0 0 0 var(--control-focus-border-width) var(--control-focus-border-color);
  --control-focus: var(--control-focus-border), var(--control-focus-shadow);
  --control-error-color: var(--color-error-200);
  --control-error-hover-color: var(--color-error-400);
  --control-spacing-v-inset: var(--space-stack-s);
  --control-spacing-h-inset: var(--space-inline-s);
  --control-spacing-inset: var(--control-spacing-v-inset) var(--control-spacing-h-inset);
  --control-spacing-v-inset--small: var(--space-stack-xs);
  --control-spacing-h-inset--small: var(--space-inline-s);
  --control-spacing-inset--small: var(--control-spacing-v-inset--small) var(--control-spacing-h-inset--small);
  --control-spacing-v-inset--large: var(--space-stack-m);
  --control-spacing-h-inset--large: var(--space-inline-s);
  --control-spacing-inset--large: var(--control-spacing-v-inset--large) var(--control-spacing-h-inset--large);
  /*------------------------------------------------------- */
  --button-spacing-s: var(--space-stack-xs) var(--space-inline-m);
  --button-spacing-m: var(--space-stack-s) var(--space-inline-m);
  --button-spacing-l: calc(var(--space-stack-xs) + var(--space-stack-s)) var(--space-inline-m);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
.cl-is-ltr {
  direction: ltr;
  text-align: left;
}

.cl-is-rtl {
  direction: rtl;
  text-align: right;
}

.cl-container {
  display: flex !important;
  flex-direction: column;
  text-align: center;
  max-height: inherit;
  position: relative;
}
.cl-container.cl-mode-iframeModal {
  height: 100%;
}
.cl-container ul {
  margin: 0;
  padding: 0;
}
.cl-container li {
  list-style-position: inside;
}
.cl-container a {
  text-decoration: none;
}
.cl-container a:hover {
  text-decoration: underline;
}
.cl-container span {
  /* needed for proper rtl support */
  display: inline-block;
}
.cl-container .cl-dropdown {
  --dropdown-button-spacing-gap: 4px;
}
.cl-container .cl-dropdown--icon-only {
  --dropdown-button-spacing-gap: 0;
}
.cl-container .cl-dropdown .lth-c-dropdown__button {
  --dropdown-hover-button-bg-color: var(--color-neutral-100);
  --dropdown-active-button-bg-color: var(--color-neutral-200);
  transition: background 0.2s ease;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/style.scss ***!
  \******************************************************************************************************************************************************************************/
.cl-calendar {
  flex: 1;
  font-size: 12px;
  text-align: initial;
  font-family: "Open Sans";
  z-index: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.cl-calendar .cl-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100%;
  overflow: hidden;
  border-style: solid;
  border-color: var(--color--main-border);
  border-width: 1px;
}
.cl-calendar .cl-calendar-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  box-sizing: border-box;
  min-height: 100px;
  overflow: hidden;
  color: var(--color--text);
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/branding.scss ***!
  \************************************************************************************************************************************************************************/
.cl-branding {
  direction: ltr;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 5px 7px;
  border-radius: 7px;
}
.cl-branding > * {
  transform: translateY(-3%);
}
.cl-branding__text {
  color: black;
  opacity: 0.8;
  font-weight: 400;
  font-family: "Open Sans";
  font-size: calc(1.25 * var(--base-font-size, 10px));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-branding__text a {
  color: inherit;
  text-decoration: none;
}
.cl-branding__text a:hover {
  text-decoration: underline;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/chatPrompt.scss ***!
  \***********************************************************************************************************************************************************************************/
.cl-chat-prompt {
  color: var(--color--title);
  background-color: var(--color--title-bg);
  position: relative;
  border-bottom: 1px solid var(--color--title-border);
  font-family: var(--font--header);
  padding-inline: var(--inner-padding, 16px);
  padding-block: 24px;
}
.cl-chat-prompt .lth-c-input__container {
  --border-width: 3px;
  --border-radius: var(--input-border-radius);
  --border-color: linear-gradient(129.98deg, #9030ef -8.28%, #e06824 39.49%, #efba30 119.11%);
}
.cl-chat-prompt .lth-c-input__container > * {
  z-index: 1;
}
.cl-chat-prompt .lth-c-input__container:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--border-color);
  border-radius: var(--border-radius);
  border: none;
}
.cl-chat-prompt .lth-c-input__container:after {
  content: "";
  position: absolute;
  inset: var(--border-width);
  z-index: 0;
  background-color: var(--color--title-bg);
  border-radius: calc(var(--border-radius) - 2px);
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/chat/chatInput.scss ***!
  \******************************************************************************************************************************************************************************/
.cl-chat-input {
  flex: 1;
  display: flex;
  gap: var(--space-inline-s);
  align-items: flex-start;
  padding-inline: var(--inline-padding);
  margin: 0;
}
.cl-chat-input__input {
  flex: 1;
}
.cl-chat-input__input > * {
  border-radius: 10px;
}
.cl-chat-input__input > *:before {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  border-color: #ccc;
}
.cl-chat-input__input .lth-c-input__container:focus-within:before {
  border: none !important;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.cl-chat-input__icon-left {
  display: flex !important;
  opacity: 0.5;
  margin-inline-start: 8px;
}
.cl-chat-input:hover .cl-chat-input__icon-left {
  opacity: 0.7;
}
.cl-chat-input:focus-within .cl-chat-input__icon-left {
  opacity: 0.9;
}
.cl-chat-input__send-icon {
  margin-inline-end: calc(0.7 * var(--base-font-size, 10px));
  opacity: 0.8;
}
.cl-chat-input__send-icon:hover {
  opacity: 1;
}
.cl-chat-input__send-icon--disabled {
  opacity: 0.3;
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/form/tokens.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.lth-c-form {
  /*------------------------------------------------------- */
  --form-error-spacing: var(--space-stack-xl);
  /*------------------------------------------------------- */
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/form/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.lth-c-form {
  /*------------------------------------------------------- */
  --form-error-spacing: var(--space-stack-xl);
  /*------------------------------------------------------- */
}

.lth-c-form__error {
  margin-bottom: var(--form-error-spacing);
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/message/tokens.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-message {
  /*------------------------------------------------------- */
  --message-border-width: var(--border-width-s);
  --message-border-radius: var(--border-radius-m);
  --message-info-color: var(--color-neutral-800);
  --message-info-border-color: var(--color-neutral-400);
  --message-info-background-color: var(--color-neutral-50);
  --message-success-color: var(--color-success-300);
  --message-success-border-color: var(--color-success-100);
  --message-success-background-color: var(--color-success-50);
  --message-warning-color: var(--color-warning-400);
  --message-warning-border-color: var(--color-warning-100);
  --message-warning-background-color: var(--color-warning-50);
  --message-error-color: var(--color-error-300);
  --message-error-border-color: var(--color-error-100);
  --message-error-background-color: var(--color-error-50);
  /*------------------------------------------------------- */
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/message/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-message {
  /*------------------------------------------------------- */
  --message-border-width: var(--border-width-s);
  --message-border-radius: var(--border-radius-m);
  --message-info-color: var(--color-neutral-800);
  --message-info-border-color: var(--color-neutral-400);
  --message-info-background-color: var(--color-neutral-50);
  --message-success-color: var(--color-success-300);
  --message-success-border-color: var(--color-success-100);
  --message-success-background-color: var(--color-success-50);
  --message-warning-color: var(--color-warning-400);
  --message-warning-border-color: var(--color-warning-100);
  --message-warning-background-color: var(--color-warning-50);
  --message-error-color: var(--color-error-300);
  --message-error-border-color: var(--color-error-100);
  --message-error-background-color: var(--color-error-50);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-message {
  display: flex;
  align-items: flex-start;
  gap: var(--space-inline-s);
  padding: var(--space-stack-s) var(--space-inline-s);
  border-style: solid;
  border-width: var(--message-border-width);
  border-radius: var(--message-border-radius);
}
.lth-c-message__icon {
  display: flex;
  align-items: center;
}
.lth-c-message--info {
  color: var(--message-info-color);
  border-color: var(--message-info-border-color);
  background-color: var(--message-info-background-color);
}
.lth-c-message--success {
  color: var(--message-success-color);
  border-color: var(--message-success-border-color);
  background-color: var(--message-success-background-color);
}
.lth-c-message--warning {
  color: var(--message-warning-color);
  border-color: var(--message-warning-border-color);
  background-color: var(--message-warning-background-color);
}
.lth-c-message--error {
  color: var(--message-error-color);
  border-color: var(--message-error-border-color);
  background-color: var(--message-error-background-color);
}

/*-------------------------------------------------------*/
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/icon/tokens.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
.lth-c-icon {
  --icon-disabled-opacity: 0.5;
  --icon-color: var(--color-neutral-800);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/icon/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
.lth-c-icon {
  --icon-disabled-opacity: 0.5;
  --icon-color: var(--color-neutral-800);
}

/*-------------------------------------------------------*/
.lth-c-icon {
  color: var(--icon-color);
  width: var(--icon-size);
  min-width: var(--icon-size);
  height: var(--icon-size);
  vertical-align: top;
  fill: currentColor;
}
.lth-c-icon.lth-is-disabled {
  opacity: var(--lth-icon-disabled-opacity);
  pointer-events: none;
}

/*-------------------------------------------------------*/
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/text/tokens.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.lth-c-text {
  /*------------------------------------------------------- */
  --text-color: var(--color-neutral-800);
  --text-disabled-color: var(--color-neutral-400);
  /*------------------------------------------------------- */
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/text/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.lth-c-text, .lth-c-text--size-xsmall, .lth-c-text--size-small, .lth-c-text--size-regular, .lth-c-text--size-large {
  /*------------------------------------------------------- */
  --text-color: var(--color-neutral-800);
  --text-disabled-color: var(--color-neutral-400);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-text, .lth-c-text--size-large, .lth-c-text--size-regular, .lth-c-text--size-small, .lth-c-text--size-xsmall {
  font-family: var(--typography-font-family-base);
  font-weight: normal;
  display: inline-block;
  color: var(--text-color);
}
.lth-c-text--size-xsmall {
  font-size: var(--typography-body-xsmall-size);
  line-height: var(--typography-body-xsmall-lineheight);
}
.lth-c-text--size-small {
  font-size: var(--typography-body-small-size);
  line-height: var(--typography-body-small-lineheight);
}
.lth-c-text--size-regular {
  font-size: var(--typography-body-regular-size);
  line-height: var(--typography-body-regular-lineheight);
}
.lth-c-text--size-large {
  font-size: var(--typography-body-large-size);
  line-height: var(--typography-body-large-lineheight);
}
.lth-c-text--weight-light {
  font-weight: var(--typography-font-weight-light);
}
.lth-c-text--weight-normal {
  font-weight: var(--typography-font-weight-normal);
}
.lth-c-text--weight-strong {
  font-weight: var(--typography-font-weight-strong);
}
.lth-c-text--weight-bold {
  font-weight: var(--typography-font-weight-bold);
}
.lth-c-text.lth-is-disabled, .lth-is-disabled.lth-c-text--size-xsmall, .lth-is-disabled.lth-c-text--size-small, .lth-is-disabled.lth-c-text--size-regular, .lth-is-disabled.lth-c-text--size-large {
  color: var(--text-disabled-color);
}

/*-------------------------------------------------------*/
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/input/tokens.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.lth-c-input {
  /*------------------------------------------------------- */
  --input-text-color: var(--control-border-color);
  --input-bg-color: var(--color-transparent);
  --input-text-color: var(--color-neutral-800);
  --input-font-family: var(--typography-font-family-base);
  --input-font-size: var(--typography-body-regular-size);
  --input-lineheight: var(--typography-body-regular-lineheight);
  --input-border-width: var(--border-width-s);
  --input-border-color: var(--color-neutral-400);
  --input-border-radius: var(--border-radius-s);
  --input-spacing-inset: var(--control-spacing-inset);
  --input-small-spacing-font-size: var(--typography-body-small-size);
  --input-small-spacing-inset: var(--control-spacing-inset--small);
  --input-large-spacing-font-size: var(--typography-body-large-size);
  --input-large-spacing-inset: var(--control-spacing-inset--large);
  --input-icon-color: var(--color-neutral-600);
  --input-disabled-text-color: var(--color-neutral-400);
  --input-disabled-border-color: var(--color-neutral-400);
  --input-disabled-icon-color: var(--color-neutral-400);
  --input-readonly-background-color: var(--color-neutral-200);
  --input-hover-border-width: var(--border-width-s);
  --input-hover-border-color: var(--color-neutral-600);
  --input-focus-border-width: var(--control-focus-border-width);
  --input-focus-border-color: var(--control-focus-shadow-color);
  --input-error-border-color: var(--control-error-color);
  --input-error-hover-border-color: var(--control-error-hover-color);
  --input-error-icon-color: var(--control-error-color);
  --input-focus-border: var(--control-focus-border-width) solid var(--control-focus-border-color);
  --input-focus-shadow: var(--control-focus-shadow);
  /*-------------------------------------------------------*/
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/input/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.lth-c-input {
  /*------------------------------------------------------- */
  --input-text-color: var(--control-border-color);
  --input-bg-color: var(--color-transparent);
  --input-text-color: var(--color-neutral-800);
  --input-font-family: var(--typography-font-family-base);
  --input-font-size: var(--typography-body-regular-size);
  --input-lineheight: var(--typography-body-regular-lineheight);
  --input-border-width: var(--border-width-s);
  --input-border-color: var(--color-neutral-400);
  --input-border-radius: var(--border-radius-s);
  --input-spacing-inset: var(--control-spacing-inset);
  --input-small-spacing-font-size: var(--typography-body-small-size);
  --input-small-spacing-inset: var(--control-spacing-inset--small);
  --input-large-spacing-font-size: var(--typography-body-large-size);
  --input-large-spacing-inset: var(--control-spacing-inset--large);
  --input-icon-color: var(--color-neutral-600);
  --input-disabled-text-color: var(--color-neutral-400);
  --input-disabled-border-color: var(--color-neutral-400);
  --input-disabled-icon-color: var(--color-neutral-400);
  --input-readonly-background-color: var(--color-neutral-200);
  --input-hover-border-width: var(--border-width-s);
  --input-hover-border-color: var(--color-neutral-600);
  --input-focus-border-width: var(--control-focus-border-width);
  --input-focus-border-color: var(--control-focus-shadow-color);
  --input-error-border-color: var(--control-error-color);
  --input-error-hover-border-color: var(--control-error-hover-color);
  --input-error-icon-color: var(--control-error-color);
  --input-focus-border: var(--control-focus-border-width) solid var(--control-focus-border-color);
  --input-focus-shadow: var(--control-focus-shadow);
  /*-------------------------------------------------------*/
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-input {
  display: inline-block;
  position: relative;
  /*----*/
  /*----*/
  /*----*/
  /*----*/
  /*----*/
  /*----*/
}
.lth-c-input__label-container {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
}
.lth-c-input__label-container .lth-c-input__tooltip {
  grid-column: 2;
  grid-row: 1;
  margin-bottom: var(--space-stack-xxs);
  color: var(--input-tooltip-icon-color);
  margin-inline-start: 8px;
}
.lth-c-input__container {
  position: relative;
  outline: none;
  display: inline-grid;
  box-sizing: border-box;
  vertical-align: top;
  /* 1fr seems to help input expand to the entire available space.
  		min-content for the right icon makes it invisible if overflow is used (like in NumberInput carets)
  	*/
  grid-template-columns: min-content 1fr auto;
  align-items: center;
  background: var(--input-bg-color);
  border-radius: var(--input-border-radius);
  font-size: var(--input-font-size);
}
.lth-c-input__container:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  border: var(--input-border-width) solid var(--input-border-color);
  z-index: var(--zindex-control);
}
.lth-c-input.lth-is-readonly .lth-c-input__container {
  background-color: var(--input-readonly-background-color);
}
.lth-c-input__control {
  position: relative;
  display: inline-block;
  min-width: 0;
  width: 100%;
  padding: var(--input-spacing-inset);
  box-sizing: border-box;
  border: none;
  outline: none;
  text-overflow: ellipsis;
  resize: none;
  background-color: transparent;
  color: var(--input-text-color);
  font-family: var(--input-font-family);
  line-height: var(--typography-body-regular-lineheight);
  font-size: inherit;
}
.lth-c-input__control::placeholder {
  color: currentColor;
  opacity: 0.4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lth-c-input input::placeholder,
.lth-c-input textarea[rows="1"]::placeholder {
  white-space: nowrap;
}
.lth-c-input--resizable .lth-c-input__control {
  resize: vertical;
}
.lth-c-input.lth-is-transparent .lth-c-input__control {
  background-color: transparent;
}
.lth-c-input--small .lth-c-input__container {
  font-size: var(--input-small-spacing-font-size);
}
.lth-c-input--small .lth-c-input__container .lth-c-input__control {
  padding: var(--input-small-spacing-inset);
}
.lth-c-input--large .lth-c-input__container {
  font-size: var(--input-large-spacing-font-size);
}
.lth-c-input--large .lth-c-input__container .lth-c-input__control {
  padding: var(--input-spacing-inset);
  line-height: var(--typography-body-large-lineheight);
}
.lth-c-input__icon {
  user-select: none;
  margin: var(--input-spacing-inset);
  margin-top: 0;
  margin-bottom: 0;
}
.lth-c-input__icon:first-child {
  margin-inline-end: 0;
}
.lth-c-input__icon:last-child {
  margin-inline-start: 0;
}
.lth-c-input.lth-has-error .lth-c-input__icon {
  color: var(--input-error-icon-color);
}
.lth-c-input.lth-is-disabled {
  pointer-events: none;
}
.lth-c-input.lth-is-disabled .lth-c-input__container:before {
  border: var(--input-border-width) solid var(--input-disabled-border-color);
}
.lth-c-input.lth-is-disabled .lth-c-input__control {
  color: var(--input-disabled-text-color);
}
.lth-c-input.lth-is-disabled .lth-c-input__icon {
  color: var(--input-disabled-icon-color);
}
.lth-c-input.lth-is-disabled .lth-c-input__tooltip {
  color: var(--input-disabled-tooltip-icon-color);
}
.lth-c-input.lth-is-hover .lth-c-input__container:before, .lth-c-input .lth-c-input__container:hover:before {
  border: var(--input-hover-border-width) solid var(--input-hover-border-color);
}
.lth-c-input.lth-is-focus .lth-c-input__container:before, .lth-c-input__container:focus-within:before {
  border: var(--input-focus-border);
  box-shadow: var(--input-focus-shadow);
}
.lth-has-error {
  --control-focus-shadow-color: var(--control-error-color);
  --control-focus-shadow: 0 0 var(--control-focus-shadow-blur) 0 var(--control-focus-shadow-color);
}

.lth-c-input.lth-has-error .lth-c-input__container:before {
  border-color: var(--input-error-border-color);
}
.lth-c-input.lth-has-error .lth-c-input__container:hover:before {
  border-color: var(--input-error-hover-border-color);
}

/*-------------------------------------------------------*/
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/controllabel/tokens.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.lth-c-controllabel {
  --controllabel-text-font-family: var(--typography-font-family-base);
  --controllabel-text-font-size: var(--typography-body-regular-size);
  --controllabel-text-font-weight: var(--typography-font-weight-normal);
  --controllabel-text-lineheight: var(--typography-body-regular-lineheight);
  --controllabel-text-color: var(--color-neutral-800);
  --controllabel-text-small-font-size: var(--typography-body-small-size);
  --controllabel-text-small-lineheight: var(--typography-body-small-lineheight);
  --controllabel-text-large-font-size: var(--typography-body-large-size);
  --controllabel-text-large-lineheight: var(--typography-body-large-lineheight);
  --controllabel-text-bold-weight: var(--typography-font-weight-bold);
  --controllabel-disabled-text-color: var(--color-neutral-400);
  --controllabel-tooltip-icon-color: var(--color-neutral-800);
  --controllabel-disabled-tooltip-icon-color: var(--color-neutral-400);
  --controllabel-control-spacing: var(--space-stack-xxs);
}

/*------------------------------------------------------- */
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/controllabel/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.lth-c-controllabel {
  --controllabel-text-font-family: var(--typography-font-family-base);
  --controllabel-text-font-size: var(--typography-body-regular-size);
  --controllabel-text-font-weight: var(--typography-font-weight-normal);
  --controllabel-text-lineheight: var(--typography-body-regular-lineheight);
  --controllabel-text-color: var(--color-neutral-800);
  --controllabel-text-small-font-size: var(--typography-body-small-size);
  --controllabel-text-small-lineheight: var(--typography-body-small-lineheight);
  --controllabel-text-large-font-size: var(--typography-body-large-size);
  --controllabel-text-large-lineheight: var(--typography-body-large-lineheight);
  --controllabel-text-bold-weight: var(--typography-font-weight-bold);
  --controllabel-disabled-text-color: var(--color-neutral-400);
  --controllabel-tooltip-icon-color: var(--color-neutral-800);
  --controllabel-disabled-tooltip-icon-color: var(--color-neutral-400);
  --controllabel-control-spacing: var(--space-stack-xxs);
}

/*------------------------------------------------------- */
/*-------------------------------------------------------*/
.lth-c-controllabel {
  display: grid;
  grid-template-columns: auto min-content;
  gap: 4px;
  align-items: center;
  font-family: var(--controllabel-text-font-family);
  font-size: var(--controllabel-text-font-size);
  font-weight: var(--controllabel-text-font-weight);
  line-height: var(--controllabel-text-lineheight);
  letter-spacing: 0.1px;
  color: var(--controllabel-text-color);
}
.lth-c-controllabel--large {
  font-size: var(--controllabel-text-large-font-size);
  line-height: var(--controllabel-text-large-lineheight);
}
.lth-c-controllabel--small {
  font-size: var(--controllabel-text-small-font-size);
  line-height: var(--controllabel-text-small-lineheight);
}
.lth-c-controllabel:not(.lth-is-standalone) {
  margin-bottom: var(--controllabel-control-spacing);
}
.lth-c-controllabel.lth-is-disabled, .lth-is-disabled .lth-c-controllabel {
  color: var(--controllabel-disabled-text-color);
}
.lth-c-controllabel--bold {
  font-weight: var(--controllabel-text-bold-weight);
}

/*-------------------------------------------------------*/
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/tooltip/tokens.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-tooltip {
  /*------------------------------------------------------- */
  --tooltip-popover-bg-color: var(--color-neutral-800);
  --tooltip-popover-text-color: var(--color-neutral-400);
  --tooltip-popover-border-radius: var(--border-radius-s);
  /*------------------------------------------------------- */
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/tooltip/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-tooltip {
  /*------------------------------------------------------- */
  --tooltip-popover-bg-color: var(--color-neutral-800);
  --tooltip-popover-text-color: var(--color-neutral-400);
  --tooltip-popover-border-radius: var(--border-radius-s);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
.lth-c-tooltip__container {
  position: relative;
  font-size: 0;
  display: inline-flex;
  height: min-content;
}

.lth-c-tooltip {
  color: var(--tooltip-popover-text-color);
  background-color: var(--tooltip-popover-bg-color);
  border-radius: var(--tooltip-popover-border-radius);
  padding: 8px 12px;
  white-space: nowrap;
  z-index: var(--zindex-control);
  /*- left & right */
  /*- top & bottom */
}
.lth-c-tooltip:before {
  content: "";
  position: absolute;
  transform: translateY(-50%) rotateZ(-45deg);
  background: inherit;
  width: 20px;
  height: 20px;
  z-index: var(--zindex-behind);
}
.lth-c-tooltip--right:before, .lth-c-tooltip--left:before {
  top: 50%;
}
.lth-c-tooltip--right:before {
  left: -4px;
}
.lth-c-tooltip--left:before {
  right: -4px;
}
.lth-c-tooltip--top:before, .lth-c-tooltip--bottom:before {
  left: 50%;
  transform-origin: 0 0;
  transform: translateY(-50%) rotateZ(-45deg) translateX(-100%);
}
.lth-c-tooltip--top:before {
  bottom: -10px;
}
.lth-c-tooltip--bottom:before {
  top: 2px;
}

/*-------------------------------------------------------*/
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/controlmessage/tokens.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.lth-c-controlmessage {
  --controlmessage-font-size: var(--typography-body-xsmall-size);
  --controlmessage-lineheight: var(--typography-body-xsmall-lineheight);
  --controlmessage-font-weight: var(--typography-font-weight-strong);
  --controlmessage-text-color: var(--color-neutral-800);
  --controlmessage-error-text-color: var(--control-error-color);
  --controlmessage-disabled-text-color: var(--color-neutral-400);
  --controlmessage-spacing-top: var(--space-stack-xs);
}

/*------------------------------------------------------- */
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/controlmessage/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.lth-c-controlmessage {
  --controlmessage-font-size: var(--typography-body-xsmall-size);
  --controlmessage-lineheight: var(--typography-body-xsmall-lineheight);
  --controlmessage-font-weight: var(--typography-font-weight-strong);
  --controlmessage-text-color: var(--color-neutral-800);
  --controlmessage-error-text-color: var(--control-error-color);
  --controlmessage-disabled-text-color: var(--color-neutral-400);
  --controlmessage-spacing-top: var(--space-stack-xs);
}

/*------------------------------------------------------- */
/*-------------------------------------------------------*/
.lth-c-controlmessage {
  font-size: var(--controlmessage-font-size);
  font-weight: var(--controlmessage-font-weight);
  line-height: var(--controlmessage-lineheight);
  color: var(--controlmessage-text-color);
  letter-spacing: 0.1px;
}
.lth-c-controlmessage.lth-has-error {
  color: var(--controlmessage-error-text-color);
}
.lth-c-controlmessage.lth-is-disabled {
  color: var(--controlmessage-disabled-text-color);
}
.lth-c-controlmessage:not(.lth-is-standalone) {
  margin-top: var(--controlmessage-spacing-top);
}

/*-------------------------------------------------------*/
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/iconbutton/tokens.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.lth-c-iconbutton {
  /*------------------------------------------------------- */
  /*------------------------------------------------------- */
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/iconbutton/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.lth-c-iconbutton {
  /*------------------------------------------------------- */
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/button/tokens.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
.lth-c-button {
  --button-border-color: var(--color-neutral-800);
  --button-border-radius: var(--border-radius-s);
  --button-icon-margin: var(--space-inline-s);
  --button-primary-regular-text-color: var(--color-neutral-50);
  --button-primary-regular-bg-color: var(--color-primary-600);
  --button-primary-hover-bg-color: var(--color-primary-700);
  --button-primary-active-bg-color: var(--color-primary-800);
  --button-primary-focus-bg-color: var(--color-primary-600);
  --button-primary-focus-border-color: var(--color-primary-800);
  --button-primary-focus-border-width: var(--control-focus-border-width);
  --button-primary-disabled-text-color: var(--color-neutral-400);
  --button-primary-disabled-bg-color: var(--color-neutral-100);
  --button-primary-pressed-bg-color: var(--color-primary-800);
  --button-common-regular-text-color: var(--color-neutral-800);
  --button-common-regular-bg-color: var(--color-neutral-100);
  --button-common-hover-bg-color: var(--color-neutral-200);
  --button-common-active-bg-color: var(--color-neutral-300);
  --button-common-pressed-bg-color: var(--color-neutral-300);
  --button-common-focus-border-color: var(--control-focus-border-color);
  --button-common-focus-border-width: var(--control-focus-border-width);
  --button-common-disabled-text-color: var(--color-neutral-400);
  --button-common-disabled-bg-color: var(--color-neutral-100);
  --button-common-disabled-border-color: var(--color-neutral-400);
  --button-flat-regular-text-color: var(--color-neutral-800);
  --button-flat-regular-bg-color: transparent;
  --button-flat-hover-bg-color: var(--color-neutral-100);
  --button-flat-active-bg-color: var(--color-neutral-200);
  --button-flat-focus-border-color: var(--control-focus-border-color);
  --button-flat-focus-border-width: var(--control-focus-border-width);
  --button-flat-disabled-text-color: var(--color-neutral-400);
  --button-flat-disabled-bg-color: transparent;
  --button-flat-icon-margin: var(--space-inline-s);
  --button-inverse-regular-text-color: var(--color-neutral-50);
  --button-inverse-border-color: transparent;
  --button-inverse-border-width: var(--border-width-m);
  --button-inverse-hover-text-color: var(--color-neutral-50);
  --button-inverse-hover-bg-color: var(--color-neutral-800);
  --button-inverse-active-text-color: var(--color-neutral-50);
  --button-inverse-active-bg-color: var(--color-neutral-700);
  --button-inverse-focus-bg-color: var(--color-neutral-400);
  --button-inverse-focus-border-color: var(--color-primary-600);
  --button-inverse-focus-border-width: var(--control-focus-border-width);
  --button-inverse-disabled-text-color: var(--color-neutral-600);
  --button-inverse-disabled-border-color: transparent;
  --button-inverse-disabled-bg-color: transparent;
  --button-outline-regular-text-color: var(--color-primary-600);
  --button-outline-border-color: var(--color-primary-600);
  --button-outline-border-width: var(--border-width-s);
  --button-outline-hover-bg-color: var(--color-neutral-100);
  --button-outline-active-bg-color: var(--color-neutral-200);
  --button-outline-focus-border-color: var(--control-focus-border-color);
  --button-outline-focus-border-width: var(--control-focus-border-width);
  --button-outline-disabled-text-color: var(--color-neutral-400);
  --button-outline-disabled-border-color: var(--color-neutral-400);
  --button-outline-disabled-bg-color: transparent;
  --button-danger-regular-text-color: var(--color-neutral-50);
  --button-danger-regular-bg-color: var(--color-error-200);
  --button-danger-hover-bg-color: var(--color-error-300);
  --button-danger-active-bg-color: var(--color-error-400);
  --button-danger-focus-border-color: var(--color-error-400);
  --button-danger-focus-border-width: var(--control-focus-border-width);
  --button-danger-disabled-text-color: var(--color-neutral-400);
  --button-danger-disabled-bg-color: var(--color-neutral-100);
  --button-warning-regular-text-color: var(--color-neutral-50);
  --button-warning-regular-bg-color: var(--color-warning-200);
  --button-warning-hover-bg-color: var(--color-warning-300);
  --button-warning-active-bg-color: var(--color-warning-400);
  --button-warning-focus-border-color: var(--color-warning-400);
  --button-warning-focus-border-width: var(--control-focus-border-width);
  --button-warning-disabled-text-color: var(--color-neutral-400);
  --button-warning-disabled-bg-color: var(--color-neutral-100);
  --button-focus-shadow: var(--control-focus-shadow);
  --button-monochrome-text-color: var(--color-neutral-800);
  --button-monochrome-border-color: var(--color-neutral-600);
  --button-monochrome-disabled-border-color: var(--color-neutral-400);
  --button-medium-padding: var(--button-spacing-m);
  --button-medium-label-font-size: var(--typography-body-regular-size);
  --button-small-padding: var(--button-spacing-s);
  --button-small-label-font-size: var(--typography-body-regular-size);
  --button-large-padding: var(--button-spacing-l);
  --button-large-label-font-size: var(--typography-body-regular-size);
}

/*------------------------------------------------------- */
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/button/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
.lth-c-button, .lth-c-button--primary, .lth-c-button--common, .lth-c-button--flat, .lth-c-button--outline, .lth-c-button--inverse, .lth-c-button--danger, .lth-c-button--warning {
  --button-border-color: var(--color-neutral-800);
  --button-border-radius: var(--border-radius-s);
  --button-icon-margin: var(--space-inline-s);
  --button-primary-regular-text-color: var(--color-neutral-50);
  --button-primary-regular-bg-color: var(--color-primary-600);
  --button-primary-hover-bg-color: var(--color-primary-700);
  --button-primary-active-bg-color: var(--color-primary-800);
  --button-primary-focus-bg-color: var(--color-primary-600);
  --button-primary-focus-border-color: var(--color-primary-800);
  --button-primary-focus-border-width: var(--control-focus-border-width);
  --button-primary-disabled-text-color: var(--color-neutral-400);
  --button-primary-disabled-bg-color: var(--color-neutral-100);
  --button-primary-pressed-bg-color: var(--color-primary-800);
  --button-common-regular-text-color: var(--color-neutral-800);
  --button-common-regular-bg-color: var(--color-neutral-100);
  --button-common-hover-bg-color: var(--color-neutral-200);
  --button-common-active-bg-color: var(--color-neutral-300);
  --button-common-pressed-bg-color: var(--color-neutral-300);
  --button-common-focus-border-color: var(--control-focus-border-color);
  --button-common-focus-border-width: var(--control-focus-border-width);
  --button-common-disabled-text-color: var(--color-neutral-400);
  --button-common-disabled-bg-color: var(--color-neutral-100);
  --button-common-disabled-border-color: var(--color-neutral-400);
  --button-flat-regular-text-color: var(--color-neutral-800);
  --button-flat-regular-bg-color: transparent;
  --button-flat-hover-bg-color: var(--color-neutral-100);
  --button-flat-active-bg-color: var(--color-neutral-200);
  --button-flat-focus-border-color: var(--control-focus-border-color);
  --button-flat-focus-border-width: var(--control-focus-border-width);
  --button-flat-disabled-text-color: var(--color-neutral-400);
  --button-flat-disabled-bg-color: transparent;
  --button-flat-icon-margin: var(--space-inline-s);
  --button-inverse-regular-text-color: var(--color-neutral-50);
  --button-inverse-border-color: transparent;
  --button-inverse-border-width: var(--border-width-m);
  --button-inverse-hover-text-color: var(--color-neutral-50);
  --button-inverse-hover-bg-color: var(--color-neutral-800);
  --button-inverse-active-text-color: var(--color-neutral-50);
  --button-inverse-active-bg-color: var(--color-neutral-700);
  --button-inverse-focus-bg-color: var(--color-neutral-400);
  --button-inverse-focus-border-color: var(--color-primary-600);
  --button-inverse-focus-border-width: var(--control-focus-border-width);
  --button-inverse-disabled-text-color: var(--color-neutral-600);
  --button-inverse-disabled-border-color: transparent;
  --button-inverse-disabled-bg-color: transparent;
  --button-outline-regular-text-color: var(--color-primary-600);
  --button-outline-border-color: var(--color-primary-600);
  --button-outline-border-width: var(--border-width-s);
  --button-outline-hover-bg-color: var(--color-neutral-100);
  --button-outline-active-bg-color: var(--color-neutral-200);
  --button-outline-focus-border-color: var(--control-focus-border-color);
  --button-outline-focus-border-width: var(--control-focus-border-width);
  --button-outline-disabled-text-color: var(--color-neutral-400);
  --button-outline-disabled-border-color: var(--color-neutral-400);
  --button-outline-disabled-bg-color: transparent;
  --button-danger-regular-text-color: var(--color-neutral-50);
  --button-danger-regular-bg-color: var(--color-error-200);
  --button-danger-hover-bg-color: var(--color-error-300);
  --button-danger-active-bg-color: var(--color-error-400);
  --button-danger-focus-border-color: var(--color-error-400);
  --button-danger-focus-border-width: var(--control-focus-border-width);
  --button-danger-disabled-text-color: var(--color-neutral-400);
  --button-danger-disabled-bg-color: var(--color-neutral-100);
  --button-warning-regular-text-color: var(--color-neutral-50);
  --button-warning-regular-bg-color: var(--color-warning-200);
  --button-warning-hover-bg-color: var(--color-warning-300);
  --button-warning-active-bg-color: var(--color-warning-400);
  --button-warning-focus-border-color: var(--color-warning-400);
  --button-warning-focus-border-width: var(--control-focus-border-width);
  --button-warning-disabled-text-color: var(--color-neutral-400);
  --button-warning-disabled-bg-color: var(--color-neutral-100);
  --button-focus-shadow: var(--control-focus-shadow);
  --button-monochrome-text-color: var(--color-neutral-800);
  --button-monochrome-border-color: var(--color-neutral-600);
  --button-monochrome-disabled-border-color: var(--color-neutral-400);
  --button-medium-padding: var(--button-spacing-m);
  --button-medium-label-font-size: var(--typography-body-regular-size);
  --button-small-padding: var(--button-spacing-s);
  --button-small-label-font-size: var(--typography-body-regular-size);
  --button-large-padding: var(--button-spacing-l);
  --button-large-label-font-size: var(--typography-body-regular-size);
}

/*------------------------------------------------------- */
/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-button, .lth-c-button--warning, .lth-c-button--danger, .lth-c-button--inverse, .lth-c-button--outline, .lth-c-button--flat, .lth-c-button--common, .lth-c-button--primary {
  display: inline-flex;
  align-items: center;
  gap: var(--button-icon-margin);
  position: relative;
  border: none;
  border-radius: var(--button-border-radius);
  line-height: var(--typography-body-regular-lineheight);
  font-family: var(--typography-font-family-base);
  text-transform: var(--button-text-transform);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  /*-----*/
  /*-----*/
  /*-----*/
  /*-----*/
  /*-----*/
  /*-----*/
}
.lth-c-button.lth-has-icon:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--warning:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--danger:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--inverse:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--outline:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--flat:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--common:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary), .lth-has-icon.lth-c-button--primary:not(.lth-c-button.lth-is-icononly):not(.lth-is-icononly.lth-c-button--warning):not(.lth-is-icononly.lth-c-button--danger):not(.lth-is-icononly.lth-c-button--inverse):not(.lth-is-icononly.lth-c-button--outline):not(.lth-is-icononly.lth-c-button--flat):not(.lth-is-icononly.lth-c-button--common):not(.lth-is-icononly.lth-c-button--primary) {
  justify-content: space-between;
}
.lth-c-button.lth-is-spaced, .lth-is-spaced.lth-c-button--warning, .lth-is-spaced.lth-c-button--danger, .lth-is-spaced.lth-c-button--inverse, .lth-is-spaced.lth-c-button--outline, .lth-is-spaced.lth-c-button--flat, .lth-is-spaced.lth-c-button--common, .lth-is-spaced.lth-c-button--primary {
  margin-inline-start: var(--space-inline-m);
}
.lth-c-button:focus, .lth-c-button--warning:focus, .lth-c-button--danger:focus, .lth-c-button--inverse:focus, .lth-c-button--outline:focus, .lth-c-button--flat:focus, .lth-c-button--common:focus, .lth-c-button--primary:focus {
  outline: none;
}
.lth-c-button--truncate {
  max-width: 100%;
  overflow: hidden;
}
.lth-c-button--truncate .lth-c-button__label {
  /* if the width of the button is constrained, ensure the label truncates */
  overflow: hidden;
  text-overflow: ellipsis;
}
.lth-c-button--small {
  padding: var(--button-small-padding);
  font-size: var(--button-small-label-font-size);
}
.lth-c-button--medium {
  padding: var(--button-medium-padding);
  font-size: var(--button-medium-label-font-size);
}
.lth-c-button--large {
  padding: var(--button-large-padding);
  font-size: var(--button-large-label-font-size);
}
.lth-c-button--medium.lth-is-icononly {
  padding-left: 10px;
  padding-right: 10px;
}
.lth-c-button--small.lth-is-icononly {
  padding-left: 6px;
  padding-right: 6px;
}
.lth-c-button--large.lth-is-icononly {
  padding-left: 14px;
  padding-right: 14px;
}
.lth-c-button--primary {
  color: var(--button-primary-regular-text-color);
  background: var(--button-primary-regular-bg-color);
}
.lth-c-button--primary:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-primary-border-width) solid var(--button-primary-border-color);
}
.lth-c-button--primary.lth-is-monochrome {
  color: var(--button-primary-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--primary.lth-is-monochrome:before {
  border-color: var(--button-primary-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--primary:is(.lth-is-hover, :hover) {
  background: var(--button-primary-hover-bg-color);
}
.lth-c-button--primary:is(.lth-is-hover, :hover) * {
  color: var(--button-primary-hover-text-color, currentColor);
}
.lth-c-button--primary:is(.lth-is-active, :active) {
  background: var(--button-primary-active-bg-color);
}
.lth-c-button--primary:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-primary-focus-border-width) solid var(--button-primary-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--primary.lth-is-pressed {
  background-color: var(--button-primary-pressed-bg-color);
}
.lth-c-button--primary.lth-is-disabled {
  pointer-events: none;
  color: var(--button-primary-disabled-text-color);
  background: var(--button-primary-disabled-bg-color);
}
.lth-c-button--primary.lth-is-disabled:before {
  border-color: var(--button-primary-disabled-border-color);
}
.lth-c-button--common {
  color: var(--button-common-regular-text-color);
  background: var(--button-common-regular-bg-color);
}
.lth-c-button--common:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-common-border-width) solid var(--button-common-border-color);
}
.lth-c-button--common.lth-is-monochrome {
  color: var(--button-common-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--common.lth-is-monochrome:before {
  border-color: var(--button-common-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--common:is(.lth-is-hover, :hover) {
  background: var(--button-common-hover-bg-color);
}
.lth-c-button--common:is(.lth-is-hover, :hover) * {
  color: var(--button-common-hover-text-color, currentColor);
}
.lth-c-button--common:is(.lth-is-active, :active) {
  background: var(--button-common-active-bg-color);
}
.lth-c-button--common:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-common-focus-border-width) solid var(--button-common-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--common.lth-is-pressed {
  background-color: var(--button-common-pressed-bg-color);
}
.lth-c-button--common.lth-is-disabled {
  pointer-events: none;
  color: var(--button-common-disabled-text-color);
  background: var(--button-common-disabled-bg-color);
}
.lth-c-button--common.lth-is-disabled:before {
  border-color: var(--button-common-disabled-border-color);
}
.lth-c-button--flat {
  color: var(--button-flat-regular-text-color);
  background: var(--button-flat-regular-bg-color);
}
.lth-c-button--flat:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-flat-border-width) solid var(--button-flat-border-color);
}
.lth-c-button--flat.lth-is-monochrome {
  color: var(--button-flat-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--flat.lth-is-monochrome:before {
  border-color: var(--button-flat-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--flat:is(.lth-is-hover, :hover) {
  background: var(--button-flat-hover-bg-color);
}
.lth-c-button--flat:is(.lth-is-hover, :hover) * {
  color: var(--button-flat-hover-text-color, currentColor);
}
.lth-c-button--flat:is(.lth-is-active, :active) {
  background: var(--button-flat-active-bg-color);
}
.lth-c-button--flat:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-flat-focus-border-width) solid var(--button-flat-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--flat.lth-is-pressed {
  background-color: var(--button-flat-pressed-bg-color);
}
.lth-c-button--flat.lth-is-disabled {
  pointer-events: none;
  color: var(--button-flat-disabled-text-color);
  background: var(--button-flat-disabled-bg-color);
}
.lth-c-button--flat.lth-is-disabled:before {
  border-color: var(--button-flat-disabled-border-color);
}
.lth-c-button--outline {
  color: var(--button-outline-regular-text-color);
  background: var(--button-outline-regular-bg-color);
}
.lth-c-button--outline:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-outline-border-width) solid var(--button-outline-border-color);
}
.lth-c-button--outline.lth-is-monochrome {
  color: var(--button-outline-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--outline.lth-is-monochrome:before {
  border-color: var(--button-outline-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--outline:is(.lth-is-hover, :hover) {
  background: var(--button-outline-hover-bg-color);
}
.lth-c-button--outline:is(.lth-is-hover, :hover) * {
  color: var(--button-outline-hover-text-color, currentColor);
}
.lth-c-button--outline:is(.lth-is-active, :active) {
  background: var(--button-outline-active-bg-color);
}
.lth-c-button--outline:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-outline-focus-border-width) solid var(--button-outline-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--outline.lth-is-pressed {
  background-color: var(--button-outline-pressed-bg-color);
}
.lth-c-button--outline.lth-is-disabled {
  pointer-events: none;
  color: var(--button-outline-disabled-text-color);
  background: var(--button-outline-disabled-bg-color);
}
.lth-c-button--outline.lth-is-disabled:before {
  border-color: var(--button-outline-disabled-border-color);
}
.lth-c-button--inverse {
  color: var(--button-inverse-regular-text-color);
  background: var(--button-inverse-regular-bg-color);
}
.lth-c-button--inverse:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-inverse-border-width) solid var(--button-inverse-border-color);
}
.lth-c-button--inverse.lth-is-monochrome {
  color: var(--button-inverse-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--inverse.lth-is-monochrome:before {
  border-color: var(--button-inverse-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--inverse:is(.lth-is-hover, :hover) {
  background: var(--button-inverse-hover-bg-color);
}
.lth-c-button--inverse:is(.lth-is-hover, :hover) * {
  color: var(--button-inverse-hover-text-color, currentColor);
}
.lth-c-button--inverse:is(.lth-is-active, :active) {
  background: var(--button-inverse-active-bg-color);
}
.lth-c-button--inverse:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-inverse-focus-border-width) solid var(--button-inverse-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--inverse.lth-is-pressed {
  background-color: var(--button-inverse-pressed-bg-color);
}
.lth-c-button--inverse.lth-is-disabled {
  pointer-events: none;
  color: var(--button-inverse-disabled-text-color);
  background: var(--button-inverse-disabled-bg-color);
}
.lth-c-button--inverse.lth-is-disabled:before {
  border-color: var(--button-inverse-disabled-border-color);
}
.lth-c-button--danger {
  color: var(--button-danger-regular-text-color);
  background: var(--button-danger-regular-bg-color);
}
.lth-c-button--danger:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-danger-border-width) solid var(--button-danger-border-color);
}
.lth-c-button--danger.lth-is-monochrome {
  color: var(--button-danger-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--danger.lth-is-monochrome:before {
  border-color: var(--button-danger-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--danger:is(.lth-is-hover, :hover) {
  background: var(--button-danger-hover-bg-color);
}
.lth-c-button--danger:is(.lth-is-hover, :hover) * {
  color: var(--button-danger-hover-text-color, currentColor);
}
.lth-c-button--danger:is(.lth-is-active, :active) {
  background: var(--button-danger-active-bg-color);
}
.lth-c-button--danger:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-danger-focus-border-width) solid var(--button-danger-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--danger.lth-is-pressed {
  background-color: var(--button-danger-pressed-bg-color);
}
.lth-c-button--danger.lth-is-disabled {
  pointer-events: none;
  color: var(--button-danger-disabled-text-color);
  background: var(--button-danger-disabled-bg-color);
}
.lth-c-button--danger.lth-is-disabled:before {
  border-color: var(--button-danger-disabled-border-color);
}
.lth-c-button--warning {
  color: var(--button-warning-regular-text-color);
  background: var(--button-warning-regular-bg-color);
}
.lth-c-button--warning:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  border: var(--button-warning-border-width) solid var(--button-warning-border-color);
}
.lth-c-button--warning.lth-is-monochrome {
  color: var(--button-warning-monochrome-text-color, --button-monochrome-text-color);
}
.lth-c-button--warning.lth-is-monochrome:before {
  border-color: var(--button-warning-monochrome-border-color, var(--button-monochrome-border-color));
}
.lth-c-button--warning:is(.lth-is-hover, :hover) {
  background: var(--button-warning-hover-bg-color);
}
.lth-c-button--warning:is(.lth-is-hover, :hover) * {
  color: var(--button-warning-hover-text-color, currentColor);
}
.lth-c-button--warning:is(.lth-is-active, :active) {
  background: var(--button-warning-active-bg-color);
}
.lth-c-button--warning:is(.lth-is-focus, :focus):not(.lth-is-disabled):before {
  border: var(--button-warning-focus-border-width) solid var(--button-warning-focus-border-color);
  box-shadow: var(--button-focus-shadow);
}
.lth-c-button--warning.lth-is-pressed {
  background-color: var(--button-warning-pressed-bg-color);
}
.lth-c-button--warning.lth-is-disabled {
  pointer-events: none;
  color: var(--button-warning-disabled-text-color);
  background: var(--button-warning-disabled-bg-color);
}
.lth-c-button--warning.lth-is-disabled:before {
  border-color: var(--button-warning-disabled-border-color);
}
.lth-c-button--text {
  padding-left: var(--space-inline-s);
  padding-right: var(--space-inline-s);
}
.lth-c-button.lth-is-loading, .lth-is-loading.lth-c-button--primary, .lth-is-loading.lth-c-button--common, .lth-is-loading.lth-c-button--flat, .lth-is-loading.lth-c-button--outline, .lth-is-loading.lth-c-button--inverse, .lth-is-loading.lth-c-button--danger, .lth-is-loading.lth-c-button--warning {
  pointer-events: none;
}
.lth-c-button.lth-is-loading .lth-c-spinner, .lth-is-loading.lth-c-button--primary .lth-c-spinner, .lth-is-loading.lth-c-button--common .lth-c-spinner, .lth-is-loading.lth-c-button--flat .lth-c-spinner, .lth-is-loading.lth-c-button--outline .lth-c-spinner, .lth-is-loading.lth-c-button--inverse .lth-c-spinner, .lth-is-loading.lth-c-button--danger .lth-c-spinner, .lth-is-loading.lth-c-button--warning .lth-c-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lth-c-button.lth-is-loading > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--primary > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--common > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--flat > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--outline > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--inverse > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--danger > *:not(.lth-c-spinner), .lth-is-loading.lth-c-button--warning > *:not(.lth-c-spinner) {
  visibility: hidden;
}
.lth-c-button.lth-is-groupFirst, .lth-is-groupFirst.lth-c-button--primary, .lth-is-groupFirst.lth-c-button--common, .lth-is-groupFirst.lth-c-button--flat, .lth-is-groupFirst.lth-c-button--outline, .lth-is-groupFirst.lth-c-button--inverse, .lth-is-groupFirst.lth-c-button--danger, .lth-is-groupFirst.lth-c-button--warning {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.lth-c-button.lth-is-groupLast, .lth-is-groupLast.lth-c-button--primary, .lth-is-groupLast.lth-c-button--common, .lth-is-groupLast.lth-c-button--flat, .lth-is-groupLast.lth-c-button--outline, .lth-is-groupLast.lth-c-button--inverse, .lth-is-groupLast.lth-c-button--danger, .lth-is-groupLast.lth-c-button--warning {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.lth-c-button.lth-is-groupInner, .lth-is-groupInner.lth-c-button--primary, .lth-is-groupInner.lth-c-button--common, .lth-is-groupInner.lth-c-button--flat, .lth-is-groupInner.lth-c-button--outline, .lth-is-groupInner.lth-c-button--inverse, .lth-is-groupInner.lth-c-button--danger, .lth-is-groupInner.lth-c-button--warning {
  border-radius: 0;
}
.lth-c-button.lth-is-fullwidth, .lth-is-fullwidth.lth-c-button--primary, .lth-is-fullwidth.lth-c-button--common, .lth-is-fullwidth.lth-c-button--flat, .lth-is-fullwidth.lth-c-button--outline, .lth-is-fullwidth.lth-c-button--inverse, .lth-is-fullwidth.lth-c-button--danger, .lth-is-fullwidth.lth-c-button--warning {
  display: flex;
}

/*-------------------------------------------------------*/
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/spinner/tokens.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-spinner {
  /*------------------------------------------------------- */
  /*------------------------------------------------------- */
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/spinner/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-spinner {
  /*------------------------------------------------------- */
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
.lth-c-spinner {
  font-size: 0;
  line-height: 0;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.lth-c-spinner svg {
  animation-name: rotate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  width: var(--size);
  height: var(--size);
}

/*-------------------------------------------------------*/
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/overflowmenu/tokens.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.lth-c-overflowmenu {
  /*------------------------------------------------------- */
  --overflowmenu-margin-top: var(--space-stack-xs);
  --overflowmenu-bg-color: var(--color-neutral-50);
  --overflowmenu-font-size: var(--typography-body-regular-size);
  --overflowmenu-item-padding: var(--button-spacing-m);
  --overflowmenu-slim-item-padding: var(--button-spacing-s);
  --overflowmenu-item-hover-bg-color: var(--color-neutral-100);
  --overflowmenu-item-focus-border-width: var(--control-focus-border-width);
  --overflowmenu-item-focus-border-color: var(--control-focus-border-color);
  --overflowmenu-item-focus-shadow: var(--control-focus-shadow);
  --overflowmenu-item-active-bg-color: var(--color-neutral-300);
  --overflowmenu-item-text-color: var(--color-neutral-600);
  --overflowmenu-item-disabled-text-color: var(--color-neutral-400);
  --overflowmenu-item-selected-bg-color: var(--color-primary-100);
  --overflowmenu-item-selected-hover-bg-color: var(--color-primary-200);
  --overflowmenu-item-icon-spacing-inline: var(--space-inline-s);
  --overflowmenu-separator-height: 8px;
  --overflowmenu-separator-border-width: var(--border-width-m);
  --overflowmenu-separator-border-color: var(--color-neutral-200);
  --overflowmenu-zindex: var(--zindex-overflow);
  /*------------------------------------------------------- */
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/overflowmenu/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.lth-c-overflowmenu {
  /*------------------------------------------------------- */
  --overflowmenu-margin-top: var(--space-stack-xs);
  --overflowmenu-bg-color: var(--color-neutral-50);
  --overflowmenu-font-size: var(--typography-body-regular-size);
  --overflowmenu-item-padding: var(--button-spacing-m);
  --overflowmenu-slim-item-padding: var(--button-spacing-s);
  --overflowmenu-item-hover-bg-color: var(--color-neutral-100);
  --overflowmenu-item-focus-border-width: var(--control-focus-border-width);
  --overflowmenu-item-focus-border-color: var(--control-focus-border-color);
  --overflowmenu-item-focus-shadow: var(--control-focus-shadow);
  --overflowmenu-item-active-bg-color: var(--color-neutral-300);
  --overflowmenu-item-text-color: var(--color-neutral-600);
  --overflowmenu-item-disabled-text-color: var(--color-neutral-400);
  --overflowmenu-item-selected-bg-color: var(--color-primary-100);
  --overflowmenu-item-selected-hover-bg-color: var(--color-primary-200);
  --overflowmenu-item-icon-spacing-inline: var(--space-inline-s);
  --overflowmenu-separator-height: 8px;
  --overflowmenu-separator-border-width: var(--border-width-m);
  --overflowmenu-separator-border-color: var(--color-neutral-200);
  --overflowmenu-zindex: var(--zindex-overflow);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-overflowmenu__container {
  display: flex;
  position: relative;
}
.lth-is-disabled .lth-c-overflowmenu__container {
  pointer-events: none;
}

.lth-c-overflowmenu {
  /* should be configurable somehow */
  display: flex !important;
  flex-direction: column;
  max-width: 100%;
  max-height: 350px;
  box-sizing: border-box;
  text-align: left;
  margin-top: var(--overflowmenu-margin-top);
  z-index: var(--overflowmenu-zindex);
  overflow: hidden;
  /*---*/
  /*---*/
  /*---*/
  /*---*/
  /*---*/
}
.lth-c-overflowmenu--styled {
  font-size: var(--overflowmenu-font-size);
  color: var(--dropdown-text-color);
  background: var(--overflowmenu-bg-color);
  border-radius: var(--border-radius-s);
  box-shadow: 0px 2px 8px 1px var(--color-neutral-200);
}
.lth-c-overflowmenu__target {
  flex: 1;
}
.lth-c-overflowmenu:not(.lth-is-open) {
  box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0);
  overflow: hidden;
}
.lth-c-overflowmenu {
  transition: opacity 0.3s, transform 0.3s;
}
.lth-c-overflowmenu.lth-is-open {
  opacity: 1;
  transform: translateY(0);
}
.lth-c-overflowmenu.lth-is-animating {
  transform: translateY(-10px);
  opacity: 0;
}
.lth-c-overflowmenu__scrollable {
  overflow-y: auto;
  max-height: 350px;
}
.lth-c-overflowmenu__item {
  display: flex;
  align-items: center;
  column-gap: var(--overflowmenu-item-icon-spacing-inline);
  color: var(--overflowmenu-item-text-color);
  white-space: nowrap;
  border-radius: var(--border-radius-s);
  position: relative;
  cursor: default;
}
.lth-c-overflowmenu__item__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lth-c-overflowmenu__item:not(.lth-c-overflowmenu__item--no-padding) {
  padding: var(--overflowmenu-item-padding);
}
.lth-c-overflowmenu__item:hover {
  background: var(--overflowmenu-item-hover-bg-color);
}
.lth-c-overflowmenu__item:focus {
  outline: none;
}
.lth-c-overflowmenu__item:focus:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  border: var(--overflowmenu-item-focus-border-width) solid var(--overflowmenu-item-focus-border-color);
  box-shadow: var(--overflowmenu-item-focus-shadow);
}
.lth-c-overflowmenu__item:active {
  background: var(--overflowmenu-item-active-bg-color);
}
.lth-c-overflowmenu__item.lth-is-selected {
  background: var(--overflowmenu-item-selected-bg-color);
}
.lth-c-overflowmenu__item.lth-is-selected:hover {
  background: var(--overflowmenu-item-selected-hover-bg-color);
}
.lth-c-overflowmenu__item.lth-is-disabled {
  pointer-events: none;
}
.lth-c-overflowmenu--slim .lth-c-overflowmenu__item:not(.lth-c-overflowmenu__item--no-padding) {
  padding: var(--overflowmenu-slim-item-padding);
}

.lth-c-overflowmenu__separator {
  position: relative;
  height: var(--overflowmenu-separator-height);
}
.lth-c-overflowmenu__separator:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1px);
  height: 0;
  border-bottom: var(--overflowmenu-separator-border-width) solid var(--overflowmenu-separator-border-color);
}
.lth-c-overflowmenu.lth-is-right-aligned {
  inset-inline-end: 0;
  inset-inline-start: auto;
}

/*-------------------------------------------------------*/
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/footer.scss ***!
  \*******************************************************************************************************************************************************************************/
.cl-footer {
  display: flex;
  flex-direction: column;
}
.cl-footer__toolbar {
  display: flex;
  gap: 8px;
  justify-content: center;
  color: var(--color--title);
  background-color: var(--color--title-bg);
  position: relative;
  padding: 12px var(--inner-padding, 16px);
  border-top: 1px solid var(--color--title-border);
  font-family: var(--font--header);
  font-size: 10px;
  line-height: 1.5;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/month/style.scss ***!
  \******************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cl-view-month {
  background-color: var(--color--main-bg);
  position: relative;
  line-height: 1.5;
}
.cl-view-month__content {
  position: relative;
}
.cl-view-month__grid {
  display: grid;
  grid-template-columns: repeat(var(--days-in-week), calc(100% / var(--days-in-week)));
  padding: 0 var(--inner-padding, 16px);
  padding-bottom: 15px;
}
.cl-view-month--equal-rows .cl-view-month__grid {
  grid-auto-rows: 1fr;
}
.cl-view-month__weekdays {
  color: var(--color--text);
  display: grid;
  grid-template-columns: repeat(var(--days-in-week), 1fr);
  text-transform: uppercase;
  font-family: var(--font--weekdays);
  font-size: calc(2 * var(--base-font-size));
  padding: 0 var(--inner-padding, 16px);
}
.cl-view-month__weekdays__day {
  text-align: center;
  text-transform: none;
  font-size: calc(1.3 * var(--base-font-size));
  font-weight: 600;
  padding: 10px 5px;
}
.cl-view-month--small .cl-view-month__weekdays__day {
  font-size: calc(1.2 * var(--base-font-size));
  font-weight: 500;
  padding-bottom: 8px;
}

.cl-view-month__day {
  --cl-event-padding: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
  padding-bottom: calc(0.7 * var(--base-font-size));
  vertical-align: top;
  min-width: 0;
  color: var(--color--text);
  background-color: var(--color--block-bg);
  outline: 1px solid var(--color--inner-border);
  outline-offset: -0.5px;
}
.cl-view-month__day__header {
  display: flex;
  padding: var(--cl-event-padding);
  padding: calc(0.6 * var(--base-font-size));
}
.cl-view-month--text-wrap .cl-view-month__day__header {
  padding-top: calc(0.7 * var(--base-font-size));
  padding-bottom: calc(0.3 * var(--base-font-size));
}

.cl-view-month__day__header__date {
  --size: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font--day-number);
  font-size: calc(var(--date-font-size, 1.1) * var(--base-font-size));
  font-weight: 400;
  width: var(--size);
  height: var(--size);
  text-align: center;
}
.cl-view-month--text-wrap .cl-view-month__day__header__date {
  --size: 2em;
}

.cl-is-today .cl-view-month__day__header__date {
  outline: 1px solid var(--color--text);
  border-radius: calc(0.4 * var(--base-font-size));
}
.cl-view-month--text-wrap .cl-is-today .cl-view-month__day__header__date {
  border-radius: calc(0.6 * var(--base-font-size));
}

.cl-view-month__day__content {
  display: flex;
  flex-direction: column;
}
.cl-view-month--no-text-wrap .cl-view-month__day__content {
  min-height: calc(var(--events-per-day-count) * 1.7 * var(--base-font-size));
  height: calc(var(--events-per-day-count) * 1.7 * var(--base-font-size));
}

.cl-view-month--text-wrap .cl-view-month__day__content {
  flex: 1;
  gap: var(--base-font-size);
}

.cl-view-month--text-wrap .cl-view-month__day {
  min-height: 80px;
}

.cl-view-month--text-wrap .cl-view-month__day__events {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--base-font-size);
  padding: var(--base-font-size) 0;
}

.cl-view-month__day__events__footer {
  display: flex;
  justify-content: flex-end;
}
.cl-view-month__day__events__more {
  color: inherit;
  padding-left: var(--cl-event-padding);
  padding-right: var(--cl-event-padding);
  padding-top: 4px;
  font-size: calc(1.1 * var(--base-font-size));
  cursor: pointer;
  border: none;
  background-color: transparent;
  white-space: nowrap;
}
.cl-view-month__day__events__more:hover {
  text-decoration: underline;
}
.cl-view-month__day__event {
  --cl-event-color: var(--color--events);
  --cl-bar-height: 1.4;
  display: flex;
  position: relative;
  font-family: var(--font--event-title);
  font-size: calc(1.2 * var(--base-font-size)) !important;
  box-sizing: border-box;
  margin-bottom: calc(0.1 * var(--base-font-size));
  --edge-left: conic-gradient(from 45deg at 1px, #0000, #000 1deg 89deg, #0000 90deg) left / 100% 33.33% repeat-y;
  --edge-right: conic-gradient(from 225deg at calc(100% - 1px), #0000, #000 1deg 89deg, #0000 90deg) right / 100%
  	33.33% repeat-y;
}
.cl-view-month--event-radius {
  --cl-bar-border-radius: 6px;
  --cl-bar-margin: 4px;
}

.cl-view-month--text-wrap .cl-view-month__day__event {
  line-height: 1.3;
}

.cl-view-month--no-text-wrap .cl-view-month__day__event {
  line-height: 1.4;
  min-height: 1.4em;
  height: calc(1.6 * var(--base-font-size));
  white-space: nowrap;
  overflow: hidden;
}

.cl-view-month__day__event:not(.cl-view-month__day__event--dummy) {
  cursor: pointer;
}
.cl-view-month__day__event__title {
  overflow: visible !important;
  word-break: break-word;
}
.cl-view-month__day__event--dotted .cl-view-month__day__event__title:hover {
  text-decoration: underline;
}
.cl-view-month__day__event--dotted {
  padding: 0 var(--cl-event-padding);
  max-width: 100%;
  gap: 4px;
}
.cl-view-month__day__event--dotted:before {
  content: "●︎";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  text-indent: -1px;
  margin-top: -1px;
  letter-spacing: -1px;
  color: var(--cl-event-color);
  line-height: inherit;
}
.cl-view-month__day__event__time {
  display: inline-block;
  font-weight: bold;
}
.cl-view-month__day__event__time:after {
  content: " ";
}
.cl-view-month__day__event__title, .cl-view-month__day__event__text {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-view-month__day__event__time, .cl-view-month__day__event__text {
  vertical-align: top;
  text-decoration: inherit;
}
.cl-view-month__day__event--bar {
  overflow: hidden;
  min-height: 1.4em;
  -webkit-mask: var(--edge-gradient);
  mask: var(--edge-gradient);
}
.cl-view-month__day__event--bar:not(.cl-view-month__day__event--dummy) {
  width: calc(100% * var(--event-duration));
  color: var(--color--block-bg);
}
.cl-view-month__day__event--bar:not(.cl-view-month__day__event--dummy):after {
  content: attr(title) !important;
  line-height: 1.4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--cl-event-color);
}
.cl-is-ltr .cl-view-month__day__event--bar:not(.cl-view-month__day__event--dummy):after {
  padding-left: var(--cl-event-padding);
}

.cl-is-rtl .cl-view-month__day__event--bar:not(.cl-view-month__day__event--dummy):after {
  padding-right: var(--cl-event-padding);
}

.cl-view-month__day__event:after {
  transition: left 0.2s, right 0.2s, border-radius 0.2s;
}
.cl-is-ltr .cl-view-month__day__event--start:after {
  left: calc(1px + var(--cl-bar-margin, 0px)) !important;
  border-top-left-radius: var(--cl-bar-border-radius, 0);
  border-bottom-left-radius: var(--cl-bar-border-radius, 0);
}

.cl-is-ltr .cl-view-month__day__event--end:after {
  right: var(--cl-bar-margin, 0) !important;
  border-top-right-radius: var(--cl-bar-border-radius, 0);
  border-bottom-right-radius: var(--cl-bar-border-radius, 0);
}

.cl-is-rtl .cl-view-month__day__event--start:after {
  right: var(--cl-bar-margin, 0) !important;
  border-top-right-radius: var(--cl-bar-border-radius, 0);
  border-bottom-right-radius: var(--cl-bar-border-radius, 0);
}

.cl-is-rtl .cl-view-month__day__event--end:after {
  left: calc(1px + var(--cl-bar-margin, 0px)) !important;
  border-top-left-radius: var(--cl-bar-border-radius, 0);
  border-bottom-left-radius: var(--cl-bar-border-radius, 0);
}

.cl-view-month--event-edges .cl-view-month__day__event--not-start {
  --edge-gradient: var(--edge-left);
}

.cl-view-month--event-edges .cl-view-month__day__event--not-end {
  --edge-gradient: var(--edge-right);
}

.cl-view-month--event-edges .cl-view-month__day__event--not-start.cl-view-month__day__event--not-end {
  --edge-gradient: var(--edge-left), var(--edge-right);
}

.cl-is-outofrange :is(.cl-view-month__day__header, .cl-view-month__day__event--dotted, .cl-view-month__day__events__more) {
  opacity: 0.4;
}

.cl-is-outofrange .cl-view-month__day__event--bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--color--block-bg);
}
.cl-is-outofrange .cl-view-month__day__event--bar::after {
  opacity: 0.4;
}

.cl-view-month__day--small {
  padding-bottom: calc(0.3 * var(--base-font-size));
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background-color: var(--color--block-bg);
  color: var(--color--text);
  outline: 1px solid var(--color--inner-border);
  position: relative;
  font-size: 0;
}
.cl-view-month__day--small.cl-has-events:hover {
  cursor: pointer;
}
.cl-view-month__day--small.cl-has-events:hover:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color--text);
  opacity: 0.1;
}
.cl-view-month__day--small.cl-is-outofrange > * {
  opacity: 0.4;
}
.cl-view-month__day--small__header {
  padding-top: calc(0.9 * var(--base-font-size));
  padding-bottom: calc(0.3 * var(--base-font-size));
  line-height: 1;
  display: flex;
  justify-content: center;
}
.cl-view-month__day--small__header__date {
  font-weight: 600;
  font-size: calc(1.2 * var(--base-font-size));
  --size: calc(1.8 * var(--base-font-size));
  height: var(--size);
  width: var(--size);
  line-height: var(--size);
}
.cl-is-today .cl-view-month__day--small__header__date {
  outline: 1px solid var(--color--text);
  border-radius: 4px;
}

.cl-view-month--highlight-busy-days .cl-view-month__day--small.cl-has-events {
  background-color: var(--color--busy-bg, var(--color--block-bg));
}

.cl-view-month--small .cl-view-month__day--small__events {
  font-size: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-flex;
  gap: 2px;
}

.cl-view-month__day--small__event__dot {
  --cl-event-color: var(--color--events);
  display: inline-block;
  width: 5px;
  height: 5px;
  min-width: 5px;
  border-radius: 100px;
  background-color: var(--cl-event-color);
}
.cl-view-month--highlight-busy-days .cl-view-month__day.cl-has-events {
  background-color: var(--color--busy-bg, var(--color--block-bg));
}

.cl-view-month__event-popup {
  --popup-background-color: var(--color--main-bg);
  --popup-border-color: var(--color--text);
  --popup-border-width: 1px;
  color: var(--color--text);
  font-size: calc(1.4 * var(--base-font-size));
  word-break: break-word;
  overflow-wrap: break-word;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.cl-view-month__event-popup .cl-popup__bubble {
  filter: drop-shadow(0 2px 30px rgba(0, 0, 0, 0.2));
}
.cl-view-month__event-popup .cl-popup__bubble > path {
  fill: var(--popup-background-color);
  stroke: var(--popup-border-color);
  stroke-width: var(--popup-border-width);
}
.cl-view-month__event-popup__card {
  flex: 1;
}

.cl-view-month__day-popup__card {
  --background-color: var(--color--event-details-bg) !important;
  --text-color: var(--color--text);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/header.scss ***!
  \*******************************************************************************************************************************************************************************/
.cl-header {
  color: var(--color--title);
  background-color: var(--color--title-bg);
  position: relative;
  border-bottom: 1px solid var(--color--title-border);
  font-family: var(--font--header);
  font-size: 10px;
  line-height: 1.5;
}
.cl-header__toolbar {
  display: flex;
  align-items: center;
  gap: var(--base-font-size);
  transition: gap 0.2s;
  padding: 12px var(--inner-padding, 16px);
}
.cl-header__filters {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 15px;
  border-top: 1px solid var(--color--title-border);
}
.cl-header__filter {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 12px var(--inner-padding, 16px);
}
.cl-header__filter + .cl-header__filter:before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 1px solid var(--color--title-border);
  opacity: 0.5;
}
.cl-header[breakpoint=mobile] {
  gap: 8px;
}
.cl-header__title {
  display: flex;
  font-weight: 500;
  font-size: calc(1.6 * var(--base-font-size));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-header[breakpoint=mobile] .cl-header__title, .cl-header[breakpoint=tablet] .cl-header__title {
  padding: 12px var(--inner-padding, 16px);
  padding-bottom: 0;
}
.cl-header__today > span {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.cl-header__today__label {
  font-weight: 500;
  font-size: calc(1.6 * var(--base-font-size));
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 1;
}
.cl-header__today--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.cl-header__today__day-number {
  --size: calc(1.8 * var(--base-font-size));
  outline: 1px solid currentColor;
  font-size: calc(1.1 * var(--base-font-size));
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  border-radius: calc(0.5 * var(--base-font-size));
}
.cl-header__navigation {
  display: flex;
  align-items: center;
}
.cl-header__navigation .lth-c-icon {
  --lth-icon-disabled-opacity: 0.2;
}
.cl-header__navigation__button {
  opacity: 0.6;
  cursor: pointer;
  user-select: none;
}
.cl-header__navigation__button:hover {
  opacity: 1;
}
.cl-is-rtl .cl-header__navigation {
  direction: ltr;
  transform: scaleX(-1);
}

.cl-header__spacer {
  flex: 1;
}
.cl-header__tools {
  display: flex;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/dropdown/tokens.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.lth-c-dropdown {
  /*------------------------------------------------------- */
  --dropdown-border-color: var(--control-border-color);
  --dropdown-text-color: var(--color-neutral-800);
  --dropdown-menu-margin-top: var(--space-stack-xs);
  --dropdown-menu-bg-color: var(--color-neutral-400);
  --dropdown-menu-font-size: var(--typography-body-regular-size);
  --dropdown-menu-item-padding: var(--button-spacing-m);
  --dropdown-menu-item-hover-bg-color: var(--color-neutral-100);
  --dropdown-menu-item-focus-border-width: var(--control-focus-border-width);
  --dropdown-menu-item-focus-border-color: var(--control-focus-border-color);
  --dropdown-menu-item-focus-shadow: var(--control-focus-shadow);
  --dropdown-menu-item-active-bg-color: var(--color-neutral-300);
  --dropdown-menu-zindex: var(--zindex-control);
  --dropdown-button-placeholder-text-color: var(--color-neutral-400);
  --dropdown-button-value-text-color: var(--control-border-color);
  --dropdown-button-font-family: var(--typography-font-family-base);
  --dropdown-button-font-size: var(--typography-body-regular-size);
  --dropdown-button-lineheight: var(--typography-body-regular-lineheight);
  --dropdown-button-border-width: var(--border-width-s);
  --dropdown-button-border-color: var(--color-neutral-500);
  --dropdown-button-border-radius: var(--border-radius-s);
  --dropdown-button-spacing-inset: var(--control-spacing-inset);
  --dropdown-button-arrow-color: var(--color-neutral-800);
  --dropdown-button-bg-color: var(--color-neutral-100);
  --dropdown-hover-button-bg-color: var(--color-neutral-200);
  --dropdown-active-button-bg-color: var(--color-neutral-300);
  --dropdown-button-focus-shadow: var(--control-focus-shadow);
  --dropdown-button-focus-border-width: var(--control-focus-border-width);
  --dropdown-button-focus-border-color: var(--control-focus-border-color);
  --dropdown-button-disabled-text-color: var(--color-neutral-400);
  --dropdown-button-disabled-border-color: var(--color-neutral-400);
  --dropdown-button-disabled-chevron-color: var(--color-neutral-400);
  --dropdown-button-slim-spacing-inset: var(--space-stack-xs) var(--space-stack-s);
  --dropdown-button-outline-border-width: var(--border-width-s);
  --dropdown-button-outline-border-color: var(--color-primary-400);
  --dropdown-button-outline-border-color--hover: var(--color-primary-600);
  --dropdown-button-spacing-gap: var(--space-inline-s);
  /*------------------------------------------------------- */
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/dropdown/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-dropdown {
  /*------------------------------------------------------- */
  --dropdown-border-color: var(--control-border-color);
  --dropdown-text-color: var(--color-neutral-800);
  --dropdown-menu-margin-top: var(--space-stack-xs);
  --dropdown-menu-bg-color: var(--color-neutral-400);
  --dropdown-menu-font-size: var(--typography-body-regular-size);
  --dropdown-menu-item-padding: var(--button-spacing-m);
  --dropdown-menu-item-hover-bg-color: var(--color-neutral-100);
  --dropdown-menu-item-focus-border-width: var(--control-focus-border-width);
  --dropdown-menu-item-focus-border-color: var(--control-focus-border-color);
  --dropdown-menu-item-focus-shadow: var(--control-focus-shadow);
  --dropdown-menu-item-active-bg-color: var(--color-neutral-300);
  --dropdown-menu-zindex: var(--zindex-control);
  --dropdown-button-placeholder-text-color: var(--color-neutral-400);
  --dropdown-button-value-text-color: var(--control-border-color);
  --dropdown-button-font-family: var(--typography-font-family-base);
  --dropdown-button-font-size: var(--typography-body-regular-size);
  --dropdown-button-lineheight: var(--typography-body-regular-lineheight);
  --dropdown-button-border-width: var(--border-width-s);
  --dropdown-button-border-color: var(--color-neutral-500);
  --dropdown-button-border-radius: var(--border-radius-s);
  --dropdown-button-spacing-inset: var(--control-spacing-inset);
  --dropdown-button-arrow-color: var(--color-neutral-800);
  --dropdown-button-bg-color: var(--color-neutral-100);
  --dropdown-hover-button-bg-color: var(--color-neutral-200);
  --dropdown-active-button-bg-color: var(--color-neutral-300);
  --dropdown-button-focus-shadow: var(--control-focus-shadow);
  --dropdown-button-focus-border-width: var(--control-focus-border-width);
  --dropdown-button-focus-border-color: var(--control-focus-border-color);
  --dropdown-button-disabled-text-color: var(--color-neutral-400);
  --dropdown-button-disabled-border-color: var(--color-neutral-400);
  --dropdown-button-disabled-chevron-color: var(--color-neutral-400);
  --dropdown-button-slim-spacing-inset: var(--space-stack-xs) var(--space-stack-s);
  --dropdown-button-outline-border-width: var(--border-width-s);
  --dropdown-button-outline-border-color: var(--color-primary-400);
  --dropdown-button-outline-border-color--hover: var(--color-primary-600);
  --dropdown-button-spacing-gap: var(--space-inline-s);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*------------------------------------------------------- */
.lth-c-dropdown {
  display: inline-block;
  position: relative;
  font-family: var(--typography-font-family-base);
  outline: none;
}
.lth-c-dropdown__button-container {
  cursor: pointer;
}
.lth-c-dropdown__button {
  background-color: var(--dropdown-button-bg-color);
  font-family: var(--dropdown-button-font-family);
  font-size: var(--dropdown-button-font-size);
  line-height: var(--typography-body-regular-lineheight);
  border-radius: var(--dropdown-button-border-radius);
  padding: var(--dropdown-button-spacing-inset);
  border: none;
  outline: none;
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
  column-gap: var(--dropdown-button-spacing-gap);
  user-select: none;
}
.lth-c-dropdown__button--transparent {
  background-color: transparent;
}
.lth-c-dropdown__button--outline:before {
  border: var(--dropdown-button-outline-border-width) solid var(--dropdown-button-outline-border-color);
}
.lth-c-dropdown__button--outline:hover:before {
  border-color: var(--dropdown-button-outline-border-color--hover);
}
.lth-c-dropdown__button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border-radius: inherit;
}
.lth-c-dropdown__button__value {
  color: var(--dropdown-button-value-text-color);
}
.lth-c-dropdown__button__placeholder {
  color: var(--dropdown-button-placeholder-text-color);
}
.lth-c-dropdown__button:hover, .lth-c-dropdown.lth-is-hover .lth-c-dropdown__button {
  background: var(--dropdown-hover-button-bg-color);
}
.lth-c-dropdown:focus .lth-c-dropdown__button:before, .lth-c-dropdown.lth-is-focus .lth-c-dropdown__button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: var(--dropdown-button-focus-border-width) solid var(--dropdown-button-focus-border-color);
  box-shadow: var(--dropdown-button-focus-shadow);
}
.lth-c-dropdown__button:active {
  background: var(--dropdown-active-button-bg-color);
}
.lth-c-dropdown--slim .lth-c-dropdown__button {
  padding-top: var(--dropdown-button-slim-spacing-inset);
  padding-bottom: var(--dropdown-button-slim-spacing-inset);
}
.lth-c-dropdown.lth-is-disabled, .lth-c-dropdown.lth-is-disabled .lth-c-dropdown__button__placeholder {
  color: var(--dropdown-button-disabled-text-color);
  pointer-events: none;
}
.lth-c-dropdown.lth-is-disabled .lth-c-dropdown__chevron {
  fill: var(--dropdown-button-disabled-text-color);
}

/*------------------------------------------------------- */
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/categorySelector.scss ***!
  \***********************************************************************************************************************************************************************************************/
.cl-category-selector {
  justify-content: center;
  width: 100%;
  font-size: calc(1.2 * var(--base-font-size));
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cl-category-selector__selects {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
[breakpoint=mobile] .cl-category-selector__selects {
  flex-direction: column;
}

.cl-category-selector__category {
  display: flex;
}
.cl-category-selector__category__control {
  flex: 1;
}
.cl-category-selector__category__reset {
  opacity: 0.2;
}
.cl-category-selector__category--active .cl-category-selector__category__reset {
  opacity: 0.7;
}
.cl-category-selector__category--active .cl-category-selector__category__reset:hover {
  opacity: 1;
}
.cl-category-selector__category--buttons {
  width: 100%;
  gap: 10px;
  position: relative;
  padding: 12px var(--inner-padding, 16px);
  flex-wrap: wrap;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option {
  --fg-color: var(--color--title);
  --bg-color: var(--color--title-bg);
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 0;
  padding: 6px 12px;
  border-radius: 100px;
  line-height: 1.3;
  cursor: pointer;
  color: var(--fg-color);
  background-color: var(--bg-color);
  font-size: calc(1.2 * var(--base-font-size)) !important;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option--selected {
  --fg-color: var(--color--title-bg);
  --bg-color: var(--color--title);
}
.cl-category-selector__category--buttons .cl-category-selector__category__option:before, .cl-category-selector__category--buttons .cl-category-selector__category__option:after {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: 0;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option:hover:before {
  background-color: var(--fg-color);
  opacity: 0.1;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option:after {
  border: 1px solid var(--fg-color);
  opacity: 0.6;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option:hover:after {
  opacity: 1;
}
.cl-category-selector__category--buttons .cl-category-selector__category__option--selected:after {
  border: none;
}

.cl-category-selector__category--buttons + .cl-category-selector__category--buttons:before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 1px solid var(--color--title-border);
  opacity: 0.5;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/select/tokens.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-select {
  /*------------------------------------------------------- */
  --select-input-bg-color: var(--color-neutral-50);
  --select-input-text-color: var(--color-neutral-800);
  --select-input-border-width: var(--border-width-s);
  --select-input-border-color: var(--color-neutral-400);
  --select-input-border-radius: var(--border-radius-s);
  --select-input-inset-v-spacing--normal: var(--control-spacing-v-inset);
  --select-input-inset-h-spacing--normal: var(--control-spacing-h-inset);
  --select-input-inset-v-spacing--small: var(--control-spacing-v-inset--small);
  --select-input-inset-h-spacing--small: var(--control-spacing-h-inset--small);
  --select-input-inset-v-spacing--large: var(--control-spacing-v-inset--large);
  --select-input-inset-h-spacing--large: var(--control-spacing-h-inset--large);
  --select-input-hover-border-color: var(--color-neutral-600);
  --select-input-placeholder-text-color: var(--color-neutral-400);
  --select-input-disabled-placeholder-text-color: var(--color-neutral-300);
  --select-input-arrow-color: var(--color-neutral-600);
  --select-input-arrow-hover-color: var(--color-neutral-800);
  --select-input-disabled-arrow-color: var(--color-neutral-400);
  --select-focus-border-color: var(--control-focus-border-color);
  --select-focus-border-width: var(--control-focus-border-width);
  --select-focus-shadow: var(--control-focus-shadow);
  --select-input-error-border-color: var(--control-error-color);
  --select-input-error-hover-border-color: var(--control-error-hover-color);
  /*------------------------------------------------------- */
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/select/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.lth-c-select {
  /*------------------------------------------------------- */
  --select-input-bg-color: var(--color-neutral-50);
  --select-input-text-color: var(--color-neutral-800);
  --select-input-border-width: var(--border-width-s);
  --select-input-border-color: var(--color-neutral-400);
  --select-input-border-radius: var(--border-radius-s);
  --select-input-inset-v-spacing--normal: var(--control-spacing-v-inset);
  --select-input-inset-h-spacing--normal: var(--control-spacing-h-inset);
  --select-input-inset-v-spacing--small: var(--control-spacing-v-inset--small);
  --select-input-inset-h-spacing--small: var(--control-spacing-h-inset--small);
  --select-input-inset-v-spacing--large: var(--control-spacing-v-inset--large);
  --select-input-inset-h-spacing--large: var(--control-spacing-h-inset--large);
  --select-input-hover-border-color: var(--color-neutral-600);
  --select-input-placeholder-text-color: var(--color-neutral-400);
  --select-input-disabled-placeholder-text-color: var(--color-neutral-300);
  --select-input-arrow-color: var(--color-neutral-600);
  --select-input-arrow-hover-color: var(--color-neutral-800);
  --select-input-disabled-arrow-color: var(--color-neutral-400);
  --select-focus-border-color: var(--control-focus-border-color);
  --select-focus-border-width: var(--control-focus-border-width);
  --select-focus-shadow: var(--control-focus-shadow);
  --select-input-error-border-color: var(--control-error-color);
  --select-input-error-hover-border-color: var(--control-error-hover-color);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-select {
  font-size: 0;
  width: max-content;
  --select-input-inset-v-spacing: var(--select-input-inset-v-spacing--normal);
  --select-input-inset-h-spacing: var(--select-input-inset-h-spacing--normal);
}
.lth-c-select--small {
  --select-input-inset-v-spacing: var(--select-input-inset-v-spacing--small);
  --select-input-inset-h-spacing: var(--select-input-inset-h-spacing--small);
}
.lth-c-select--large {
  --select-input-inset-v-spacing: var(--select-input-inset-v-spacing--large);
  --select-input-inset-h-spacing: var(--select-input-inset-h-spacing--large);
}
.lth-c-select__container {
  position: relative;
  border-radius: var(--select-input-border-radius);
  font-size: var(--typography-body-regular-size);
  line-height: var(--typography-body-regular-lineheight);
  font-family: var(--typography-font-family-base);
  overflow: hidden;
}
.lth-c-select__container .lth-c-select__icon {
  position: absolute;
  inset-inline-end: var(--select-input-inset-h-spacing);
  top: 50%;
  transform: translateY(-50%);
}
.lth-c-select__container .lth-c-select__icon:hover {
  --select-input-arrow-color: var(--select-input-arrow-hover-color);
}
.lth-c-select__container:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  border: var(--select-input-border-width) solid var(--select-input-border-color);
  border-radius: inherit;
  pointer-events: none;
}
.lth-c-select.lth-has-error .lth-c-select__container:before {
  border-color: var(--select-input-error-border-color);
}
.lth-c-select.lth-has-error .lth-c-select__container:hover:before {
  border-color: var(--select-input-error-hover-border-color);
}
.lth-c-select.lth-is-loading {
  pointer-events: none;
}
.lth-c-select.lth-is-loading .lth-c-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lth-c-select.lth-is-loading .lth-c-select__container > *:not(.lth-c-spinner) {
  visibility: hidden;
}
.lth-c-select__input {
  color: var(--select-input-text-color);
  background-color: var(--select-input-bg-color);
  font: inherit;
  user-select: none;
  white-space: nowrap;
  outline: none;
  box-sizing: border-box;
  padding: var(--select-input-inset-v-spacing) var(--select-input-inset-h-spacing);
  padding-inline-end: calc(2 * var(--select-input-inset-h-spacing) + 20px) !important;
}
.lth-c-select__input__placeholder {
  color: var(--select-input-placeholder-text-color);
  pointer-events: none;
  font: inherit;
}
.lth-is-disabled .lth-c-select__input__placeholder {
  color: var(--select-input-disabled-placeholder-text-color);
}
.lth-c-select__input:hover:before {
  border-color: var(--select-input-hover-border-color);
}
select.lth-c-select__input {
  appearance: none;
  width: 100%;
  border: none;
}

select.lth-c-select__input + .lth-c-select__input__placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: var(--select-input-inset-h-spacing);
}

.lth-is-disabled .lth-c-select__input {
  pointer-events: none;
}
.lth-c-select.lth-is-transparent .lth-c-select__input {
  background-color: transparent;
}
.lth-c-select.lth-is-focus .lth-c-select__container:before, .lth-c-select__container:focus:before, .lth-c-select__container:focus-within:before {
  border: var(--select-focus-border-width) solid var(--select-focus-border-color);
  box-shadow: var(--select-focus-shadow);
}

/*-------------------------------------------------------*/
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/event.scss ***!
  \***************************************************************************************************************************************************************************/
.cl-event-card {
  --event-padding: 20px;
  --compact--max-lines: 3;
  --background-color: var(--color--event-details-bg) !important;
  --text-color: var(--color--text);
  background-color: var(--background-color);
  font-family: var(--font--event-text);
  font-size: calc(1.4 * var(--base-font-size));
  line-height: 1.5;
  display: flex;
  overflow: auto;
  width: 100%;
  color: var(--color--text);
  overflow-x: hidden;
}
.cl-event-card__cover {
  position: relative;
}
.cl-event-card--vertical .cl-event-card__cover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}
.cl-event-card--horizontal .cl-event-card__cover {
  width: 25%;
  min-width: 200px;
  max-width: 400px;
  margin-top: 0.3em;
}
.cl-event-card__cover .cl-event-card__date-icon {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
}
.cl-event-card__date-icon {
  --day-font-size: calc(3 * var(--base-font-size));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--color--date-color);
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0px 1px 0px var(--color--date-color);
  line-height: 1;
  gap: calc(0.4 * var(--base-font-size));
  position: relative;
  backdrop-filter: blur(7px);
  --width: calc(5.5 * var(--base-font-size));
  width: var(--width);
  min-width: var(--width);
  height: calc(1.25 * var(--width));
}
.cl-event-card__date-icon--medium {
  --day-font-size: calc(2.5 * var(--base-font-size));
  --width: calc(5 * var(--base-font-size));
}
.cl-event-card__date-icon--small {
  --day-font-size: calc(2 * var(--base-font-size));
  --width: calc(4 * var(--base-font-size));
}
.cl-event-card__date-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--color--date-bg);
  opacity: 0.8;
}
.cl-event-card__date-icon__day {
  font-size: var(--day-font-size);
  font-family: var(--font--icon-day);
  font-weight: 500;
}
.cl-event-card__date-icon__month {
  font-size: calc(0.5 * var(--day-font-size));
  font-family: var(--font--icon-month);
  text-transform: uppercase;
}
.cl-event-card__date-icon__day, .cl-event-card__date-icon__month {
  z-index: 1;
}
.cl-event-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--base-font-size);
  flex: 1;
}
.cl-event-card--vertical .cl-event-card__content {
  padding-top: var(--event-padding);
  padding-bottom: var(--event-padding);
}
.cl-event-card--vertical .cl-event-card__content > * {
  padding: 0 var(--event-padding);
}
.cl-event-card--horizontal .cl-card__content {
  display: flex;
  flex-direction: row;
  gap: 1.5em;
  overflow: hidden;
}
.cl-event-card__title {
  display: flex;
  font-family: var(--font--event-title);
  font-size: calc(1.6 * var(--base-font-size));
  font-weight: 600;
}
.cl-event-card__title a {
  color: inherit;
  text-decoration: none;
}
.cl-event-card__details {
  opacity: 0.7;
  line-height: 1.7;
}
.cl-event-card--compact .cl-event-card__details {
  flex: 1;
}

.cl-event-card__details a {
  text-decoration: underline;
  color: inherit;
}
.cl-event-card__description {
  margin-top: 5px;
  word-break: break-word;
}
.cl-event-card--compact .cl-event-card__description {
  max-height: calc(var(--compact--max-lines) * 1.5em);
}

.cl-event-card__description img {
  max-width: 100%;
}
.cl-event-card__description a {
  text-decoration: underline;
  color: inherit;
}
.cl-event-card__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.cl-event-card__category {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 0;
  padding: 5px 15px;
  border-radius: 21px;
  line-height: 1.3;
}
.cl-event-card__category:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 2px solid var(--color--text);
  opacity: 0.5;
}
.cl-event-card__category__name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: calc(1 * var(--base-font-size));
  opacity: 0.7;
  display: none;
}
.cl-event-card__category__option {
  font-size: calc(1.2 * var(--base-font-size));
}
.cl-event-card__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  overflow: hidden;
  font-size: 0;
}
.cl-event-card__buttons a,
.cl-event-card__buttons a:hover {
  text-decoration: none;
}
.cl-event-card .cl-card__footer {
  justify-content: start;
}
.cl-event-card--vertical .cl-card__footer {
  padding-left: var(--event-padding);
  padding-right: var(--event-padding);
}
.cl-event-card--vertical .cl-event-card__buttons {
  margin-top: auto;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/fieldWithIcon.scss ***!
  \**********************************************************************************************************************************************************************************************/
.cl-event__field {
  display: flex;
  column-gap: calc(0.8 * var(--base-font-size));
  align-items: flex-start;
}
.cl-event__field__icon {
  display: flex;
  align-items: center;
}
.cl-event__field__icon svg {
  display: block;
}
.cl-event__field__value {
  word-break: break-word;
}
.cl-event__field--date {
  text-transform: capitalize;
}
.cl-event__field--description a {
  text-decoration: underline !important;
}
.cl-event__field--location > span {
  max-width: 100%;
  overflow: hidden;
}
.cl-event__field--location a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  display: block;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/image.scss ***!
  \**************************************************************************************************************************************************************************************/
.cl-image {
  --border-radius: 0;
  display: grid;
  place-items: center;
  background-color: var(--popup-background-color);
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: var(--border-radius);
}
.cl-image > * {
  grid-column: 1;
  grid-row: 1;
}
.cl-image--cropped .cl-image__img {
  position: relative;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center;
}
.cl-image__img {
  display: block !important;
  width: 100%;
  transition: opacity 0.2s;
  opacity: 0;
  border-radius: var(--border-radius);
}
.cl-image.is-loaded .cl-image__img {
  opacity: 1;
}
.cl-image__spinner {
  opacity: 0.2;
  padding: 24px;
  transition: opacity 0.2s;
  z-index: 99999;
}
.cl-image.is-loaded .cl-image__spinner {
  opacity: 0;
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/addEventButton.scss ***!
  \***********************************************************************************************************************************************************************************************/
.cl-addevent--icon-only {
  --dropdown-button-spacing-gap: 2px !important;
}
.cl-addevent--icon-only .lth-c-iconbutton {
  padding-inline: 5px !important;
}
.cl-addevent__link {
  width: 100%;
  padding: 8px 16px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/link/tokens.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.lth-c-link {
  /*------------------------------------------------------- */
  --link-text-color: var(--color-primary-600);
  --link-disabled-text-color: var(--color-neutral-400);
  --link-active-text-color: var(--color-primary-800);
  --link-monochrome-text-color: var(--color-neutral-800);
  --link-focus-border-radius: var(--border-radius-s);
  --link-focus: var(--control-focus);
  /*------------------------------------------------------- */
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/link/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.lth-c-link {
  /*------------------------------------------------------- */
  --link-text-color: var(--color-primary-600);
  --link-disabled-text-color: var(--color-neutral-400);
  --link-active-text-color: var(--color-primary-800);
  --link-monochrome-text-color: var(--color-neutral-800);
  --link-focus-border-radius: var(--border-radius-s);
  --link-focus: var(--control-focus);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
.lth-c-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  text-underline-offset: 4px;
  color: var(--link-text-color);
  outline: none;
  cursor: pointer;
  /*----*/
  /*----*/
  /*----*/
}
.lth-c-link--inline .lth-c-link__text, .lth-c-link--underline .lth-c-link__text, .lth-c-link.lth-is-hover:not(.lth-c-link--no-underline) .lth-c-link__text, .lth-c-link:hover:not(.lth-c-link--no-underline) .lth-c-link__text {
  text-decoration: underline;
}
.lth-c-link--monochrome .lth-c-link__text {
  color: var(--link-monochrome-text-color) !important;
}
.lth-c-link--monochrome:before {
  border-color: var(--link-monochrome-text-color) !important;
}
.lth-c-link.lth-is-disabled {
  pointer-events: none;
}
.lth-c-link.lth-is-disabled:before {
  border-color: var(--link-disabled-text-color) !important;
}
.lth-c-link:is(.lth-is-active, :active) {
  color: var(--link-active-text-color);
}
.lth-c-link:is(.lth-is-active, :active):before {
  border-color: var(--link-active-text-color) !important;
}
.lth-c-link:is(.lth-is-focus, :focus):after {
  content: "";
  position: absolute;
  top: calc(0px - var(--space-stack-xxs));
  right: calc(0px - var(--space-inline-xs));
  bottom: calc(0px - var(--space-stack-xxs));
  left: calc(0px - var(--space-inline-xs));
  border-radius: var(--link-focus-border-radius);
  box-shadow: var(--link-focus);
}

/*-------------------------------------------------------*/
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/card.scss ***!
  \**************************************************************************************************************************************************************************/
.lth-u-scroll::-webkit-scrollbar, .cl-card__scrollable::-webkit-scrollbar, .cl-card__content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}
.lth-u-scroll::-webkit-scrollbar-track-piece, .cl-card__scrollable::-webkit-scrollbar-track-piece, .cl-card__content::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.04);
  opacity: 0;
  width: 6px;
  transition: opacity 0.5s;
}
.lth-u-scroll::-webkit-scrollbar-thumb, .cl-card__scrollable::-webkit-scrollbar-thumb, .cl-card__content::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0);
}
.lth-u-scroll::-webkit-scrollbar-thumb:hover, .cl-card__scrollable::-webkit-scrollbar-thumb:hover, .cl-card__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.lth-u-scroll:hover, .cl-card__scrollable:hover, .cl-card__content:hover {
  /* Ensure the hover state is preserved - without a direct CSS property,
       some compilers/browsers may optimize away this "empty" selector,
       preventing nested pseudo-elements from triggering properly */
  pointer-events: auto;
}
.lth-u-scroll:hover::-webkit-scrollbar-track-piece, .cl-card__scrollable:hover::-webkit-scrollbar-track-piece, .cl-card__content:hover::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 1;
  transition: opacity 0.5s;
}
.lth-u-scroll:hover::-webkit-scrollbar-thumb, .cl-card__scrollable:hover::-webkit-scrollbar-thumb, .cl-card__content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.lth-is-fullwidth {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.cl-modal-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: var(--zindex-overflow);
  transition: opacity 0.3s ease;
  opacity: 0;
  padding: 50px;
}
@media screen and (max-width: 800px) {
  .cl-modal-overlay {
    padding: 20px;
  }
}
.cl-modal-overlay.cl-modal--open {
  opacity: 1;
}

.cl-card {
  --card-padding-inline: 30px;
  --card-padding-block: 20px;
  display: flex;
  background-color: var(--background-color, white);
  color: var(--text-color, inherit);
  font-family: var(--font--event-text);
  text-align: initial;
  position: relative;
  max-height: 100%;
}
.cl-card--modal, .cl-card--iframeModal {
  --background-color: var(--color-neutral-50);
  margin: auto;
  overflow: auto;
  min-width: min(var(--min-width,350px), 100%);
  background-color: var(--background-color);
  border-radius: 4px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}
.cl-modal .cl-card {
  transition: opacity 0.2s ease, transform 0.2s ease;
  opacity: 0;
  transform: scale(0.95) translateY(50px);
}

.cl-modal--open .cl-card {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: scale(1) translateY(0);
  opacity: 1;
}

.cl-card--modal {
  max-width: min(650px, 100%);
}
.cl-card--modal:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  backdrop-filter: blur(100px);
}
.cl-card__scrollable {
  overflow: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .cl-card {
    --card-padding-inline: 20px;
  }
}
.cl-card__header, .cl-card__footer {
  position: sticky;
  z-index: 999;
  backdrop-filter: blur(10px);
  justify-content: end;
}
.cl-card__header:before, .cl-card__footer:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--background-color);
  opacity: 0.7;
  z-index: -1;
}
.cl-card__header {
  top: 0;
  border-bottom: 1px solid var(--color-neutral-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cl-card__header__title {
  display: flex;
  font-size: calc(1.6 * var(--base-font-size));
  font-family: inherit !important;
  align-items: center;
  gap: 10px;
}
.cl-card__header__title__text {
  font: inherit;
}
.cl-card__footer {
  display: flex;
  gap: 8px;
  bottom: 0;
  border-top: 1px solid var(--color-neutral-200);
}
.cl-card__footer:empty {
  display: none !important;
}
.cl-card__content {
  flex: 1;
}
.cl-card__vpadding, .cl-card__padding {
  padding-block: var(--card-padding-block);
}
@media screen and (max-width: 800px) {
  .cl-card__vpadding, .cl-card__padding {
    --card-padding-block: 12px;
  }
}
.cl-card--popup .cl-card__vpadding, .cl-card--popup .cl-card__padding {
  --card-padding-block: 15px;
}
.cl-card__hpadding, .cl-card__padding {
  padding-inline: var(--card-padding-inline);
}
.cl-card__close {
  position: absolute;
  inset-inline-end: 12px;
  opacity: 0.5;
  cursor: pointer;
  overflow: hidden;
  font-size: 0;
}
.cl-card__close:hover {
  opacity: 1;
  cursor: pointer;
}
.cl-card__close svg {
  color: var(--text-color);
}
.cl-card__close--standalone {
  opacity: 0.8;
  top: 10px;
  inset-inline-end: 12px;
  padding: 2px;
  z-index: 9999;
  background-color: var(--background-color);
  border-radius: 100px;
}
.cl-card__close--standalone:before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(100px);
  z-index: -1;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/eventList.scss ***!
  \******************************************************************************************************************************************************************************************/
.cl-event-list {
  --cl-event-color: var(--color--events);
  overflow-x: hidden;
}
.cl-event-list__event {
  display: flex;
  padding: 14px 16px;
  font-size: calc(1.4 * var(--base-font-size));
  column-gap: 8px;
  position: relative;
}
.cl-event-list__event:not(:last-child) {
  border-bottom: thin solid rgba(0, 0, 0, 0.1);
}
.cl-event-list__event > * {
  z-index: 1;
}
.cl-event-list__event:hover:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color--text);
  opacity: 0.02;
  z-index: 0;
}
.cl-event-list__event__details {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: calc(0.4 * var(--base-font-size));
  font-family: var(--font--event-text);
}
.cl-event-list[breakpoint=compact] .cl-event-list__event__details {
  gap: calc(0 * var(--base-font-size));
}

.cl-event-list__event__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 100px;
  background-color: var(--cl-event-color);
  margin-top: 0.5em;
}
.cl-event-list__event__title {
  font-family: var(--font--event-title);
  font-weight: 600;
  cursor: pointer;
}
.cl-event-list__event__title:hover {
  text-decoration: underline;
}
.cl-event-list__event__location a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: underline;
  color: inherit;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/loader.scss ***!
  \***************************************************************************************************************************************************************************************/
.cl-loader {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  transition: opacity 0.1s;
  z-index: 99999;
}
.cl-loader.cl-is-visible {
  opacity: 1;
}
.cl-loader article {
  padding: 20px;
  display: flex;
  gap: 30px;
  text-align: center;
}
.cl-loader p {
  font-family: sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: grey;
  margin-bottom: 15px;
  min-width: 70px;
}
@keyframes rect {
  0% {
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dashoffset: -132px;
  }
  100% {
    stroke-dashoffset: -264px;
  }
}
@keyframes blink {
  0%, 20%, 80%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.cl-loader rect,
.cl-loader path {
  stroke-dasharray: 132px;
  animation: rect infinite 2s;
}
.cl-loader ellipse {
  animation: blink infinite 1.6s;
}
.cl-loader ellipse:nth-child(6) {
  animation-delay: 0.3s;
}
.cl-loader ellipse:nth-child(5) {
  animation-delay: 0.6s;
}
.cl-loader ellipse:nth-child(4) {
  animation-delay: 0.9s;
}
.cl-loader ellipse:nth-child(3) {
  animation-delay: 1.2s;
}
.cl-loader ellipse:nth-child(2) {
  animation-delay: 1.5s;
}
.cl-loader ellipse:nth-child(1) {
  animation-delay: 1.8s;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/contentBubble.scss ***!
  \**********************************************************************************************************************************************************************************************/
.cl-content-bubble {
  display: none;
  position: absolute;
  z-index: 99999;
  line-height: 1.5;
  font-family: "Open Sans";
  overflow: hidden;
  text-align: initial;
}
.cl-content-bubble:not(.cl-content-bubble--fullscreen) {
  position: absolute;
  width: 500px;
}
.cl-content-bubble__overlay {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 44px;
  bottom: 14px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 20px;
  z-index: 99999;
}
.cl-content-bubble__overlay:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: white;
  z-index: -1;
}
.cl-content-bubble__close {
  position: absolute;
  inset-inline-end: 12px;
  top: 10px;
  background-color: var(--color--text);
  color: var(--color--block-bg);
  border-radius: 100px;
  font-size: 0;
}
.cl-content-bubble__close > svg {
  cursor: pointer !important;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/bubble.scss ***!
  \***************************************************************************************************************************************************************************************/
.bubble {
  flex: 1 0 auto;
  display: flex;
  box-sizing: border-box;
  max-height: inherit;
}
.bubble__inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  background-color: white;
  border-radius: var(--border-radius);
}
.bubble__content {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
}
.bubble svg {
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/week/style.scss ***!
  \*****************************************************************************************************************************************************************************************/
.cl-view-week {
  --cl-event-color: var(--color--events);
  background-color: var(--color--main-bg);
  color: var(--color--text);
  position: relative;
}
.cl-view-week__navigation {
  display: flex;
  position: relative;
  margin-top: 12px;
  margin-bottom: 13px;
}
.cl-view-week__navigation__days {
  flex-grow: 1;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  color: var(--color--text);
  background-color: var(--color--block-bg);
}
.cl-view-week__navigation__days__day {
  position: relative;
  outline: 1px solid var(--color--inner-border);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 6px;
  color: inherit;
  background-color: inherit;
  border: none;
  cursor: pointer;
}
.cl-view-week__navigation__days__day__name {
  position: relative;
  font-family: var(--font--weekdays);
  font-size: calc(1.2 * var(--base-font-size));
}
.cl-view-week__navigation__days__day__date {
  --date-font-size: calc(2.6 * var(--base-font-size));
  position: relative;
  display: inline-block;
  font-family: var(--font--day-number);
  font-size: var(--date-font-size);
  font-weight: 600;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.25em;
  margin-top: 5px;
  letter-spacing: -2px;
  text-indent: -2px;
}
.cl-is-rtl .cl-view-week__navigation__days__day__date {
  text-indent: 2px;
}

[breakpoint=mobile] .cl-view-week__navigation__days__day__date {
  --date-font-size: calc(1.8 * var(--base-font-size));
}
.cl-view-week__navigation__days__day.cl-is-today .cl-view-week__navigation__days__day__date:before {
  content: "";
  position: absolute;
  inset: 0px;
  outline: 1px solid var(--color--text);
  border-radius: calc(var(--date-font-size) * 0.27);
  opacity: 0.5;
}
.cl-view-week__navigation__days__day.cl-is-selected:after {
  content: "";
  position: absolute;
  inset: 0;
  top: auto;
  height: 3px;
  background-color: var(--color--text);
}
.cl-view-week__navigation__days__day:hover:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.cl-view-week__navigation__days__day__events {
  position: relative;
  display: grid;
  width: fit-content;
  margin: auto;
  grid-auto-flow: column;
  grid-gap: 2px;
  align-items: center;
  height: 16px;
  margin-top: 4px;
}
.cl-view-week__navigation__days__day__events__dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 100px;
  background-color: var(--cl-event-color);
}
.cl-view-week__navigation__arrow {
  align-self: center;
  position: absolute;
  cursor: pointer;
  color: var(--color--text);
  opacity: 0.7;
}
.cl-view-week__navigation__arrow:hover {
  opacity: 1;
}
.cl-view-week__navigation__arrow--left {
  left: 2px;
}
.cl-view-week__navigation__arrow--right {
  right: 2px;
}
.cl-view-week__navigation__today {
  color: var(--color--title);
  font: inherit;
  font-size: calc(1 * var(--base-font-size));
  line-height: 1.7rem !important;
  padding: 0 5px;
  border: 1px solid var(--color--title) !important;
  border-radius: 3px;
  text-decoration: none;
  background: none;
  box-shadow: none;
  cursor: pointer;
  opacity: 0.85;
}
.cl-view-week__navigation__today.cl-is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.cl-view-week__navigation__today:not(.cl-is-disabled):hover {
  opacity: 1;
}
.cl-view-week__navigation__loading {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}
.cl-view-week__navigation__loading:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--color--main-bg);
  opacity: 0.5;
}
.cl-view-week__content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 14px;
}
.cl-view-week__content__empty {
  padding: 14px 16px;
  font-family: var(--font--event-text);
  font-size: calc(1.4 * var(--base-font-size));
}
.cl-view-week__events {
  flex: 1;
  overflow-y: auto;
  outline: 1px solid var(--color--inner-border);
  background-color: var(--color--block-bg);
  padding: calc(0.75 * var(--base-font-size)) calc(0.25 * var(--base-font-size));
}
.cl-view-week__event-popup {
  position: absolute;
  inset: 12px !important;
  border: none !important;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  white-space: normal;
  z-index: 9999;
  box-sizing: border-box;
  line-height: 1.5;
  display: flex;
  background-color: white;
}
.cl-view-week__event-popup__close {
  position: absolute;
  top: 8px;
  inset-inline-end: 10px;
  z-index: 999999;
  font-size: 0;
  cursor: pointer;
  opacity: 0.9;
  border-radius: 100px;
  color: black;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.5);
  padding: 2px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/agenda/style.scss ***!
  \*******************************************************************************************************************************************************************************************/
.cl-view-agenda {
  font-size: calc(1.4 * var(--base-font-size));
  background-color: var(--color--main-bg);
  line-height: 1.5;
  display: flex;
  flex-direction: column;
}
.cl-view-agenda__content {
  color: var(--color--text);
  overflow-y: auto;
  position: relative;
  flex: 1;
}
.cl-view-agenda__content__inner {
  color: var(--color-text);
  padding: 12px var(--inner-padding, 16px);
}
.cl-view-agenda__event {
  --vertical-gap: var(--base-font-size);
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 18px;
}
.cl-view-agenda[breakpoint=mobile] .cl-view-agenda__event {
  gap: 17px;
}

.cl-view-agenda__content__inner > *:not(:last-child) .cl-view-agenda__event__content {
  border-bottom: 1px solid var(--color--inner-border);
  padding-bottom: calc(1.6 * var(--base-font-size));
}
.cl-view-agenda__event__date-icon {
  margin-top: calc(0.4 * var(--base-font-size));
}
.cl-view-agenda__event .cl-event-card {
  --background-color: transparent !important;
  flex-direction: column;
  gap: var(--vertical-gap);
}
.cl-view-agenda__event .cl-event-card .cl-image {
  --border-radius: 7px;
  max-width: 600px;
}
.cl-view-agenda__event .cl-event-card__categories + .cl-image {
  margin-top: calc(0.5 * var(--vertical-gap));
}
.cl-view-agenda__event .cl-event-card__description {
  max-width: 800px;
}
.cl-view-agenda__event__expandable__button {
  cursor: pointer;
  border: none;
  padding: 0;
  background: inherit;
  color: inherit;
  font: inherit;
}
.cl-view-agenda__event__expandable__content {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-gap);
}
.cl-view-agenda__event__expandable__content > :first-child {
  margin-top: var(--vertical-gap) !important;
}
.cl-view-agenda__event .cl-event-card__buttons {
  margin-top: 5px;
}
.cl-view-agenda__day {
  padding-bottom: 4px;
  margin-bottom: 12px;
}
.cl-view-agenda__day__heading {
  border-bottom: 1px solid #ddd;
  font-size: calc(2 * var(--base-font-size));
  font-weight: 400;
}
.cl-view-agenda__day + .cl-view-agenda__day {
  margin-top: 32px;
}
.cl-view-agenda__loadmore-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/expandable.scss ***!
  \*******************************************************************************************************************************************************************************************/
.cl-expandable {
  overflow: hidden;
}
.cl-expandable:empty {
  display: none;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/cards/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.cl-view-cards {
  background-color: var(--color--main-bg);
  font-size: calc(1.4 * var(--base-font-size));
}
.cl-view-cards__content {
  position: relative;
  overflow-y: auto;
  flex: 1;
}
.cl-view-cards__content__inner {
  display: grid;
  grid-row-gap: 40px;
  grid-column-gap: min(40px, 5%);
  padding: 12px var(--inner-padding, 16px);
}
.cl-view-cards[breakpoint=one-column] .cl-view-cards__content__inner {
  grid-template-columns: repeat(1, 1fr);
}

.cl-view-cards[breakpoint=two-columns] .cl-view-cards__content__inner {
  grid-template-columns: repeat(2, 1fr);
}

.cl-view-cards[breakpoint=three-columns] .cl-view-cards__content__inner {
  grid-template-columns: repeat(3, 1fr);
}

.cl-view-cards[breakpoint=four-columns] .cl-view-cards__content__inner {
  grid-template-columns: repeat(4, 1fr);
}

.cl-view-cards[breakpoint=max] .cl-view-cards__content__inner {
  grid-template-columns: repeat(5, 1fr);
}

.cl-view-cards .cl-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-width: 220px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/calendar/views/map/style.scss ***!
  \****************************************************************************************************************************************************************************************/
.cl-view-map {
  background-color: var(--color--main-bg);
}
.cl-view-map__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 12px var(--inner-padding, 16px);
}
.cl-view-map__content__inner {
  display: flex;
  flex: 1;
  min-height: 0;
  max-height: 700px;
}
.cl-view-map__map {
  flex: 1;
  border-radius: 10px;
}
.cl-view-map__event-list {
  overflow-y: auto;
  padding: 0 10px;
  width: min(50%, 400px);
  flex-shrink: 0;
  box-sizing: border-box;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/gmap.scss ***!
  \*************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/eventpage/style.scss (2) ***!
  \***********************************************************************************************************************************************************************************/
.cl-container--eventpage {
  min-height: 100vh;
}

.cl-eventpage {
  --mobile-main-h-padding: 25px;
  width: min(880px, 70%);
  margin: 0 auto;
  font-family: "effra", sans-serif;
  padding: 60px 0;
}
@media screen and (max-width: 500px) {
  .cl-eventpage {
    width: auto;
    padding: 40px var(--mobile-main-h-padding);
  }
}
.cl-eventpage__content {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 50px;
}
@media screen and (max-width: 500px) {
  .cl-eventpage__content {
    margin-top: 30px;
    gap: 40px;
  }
}
.cl-eventpage__date {
  font-weight: 500;
  margin-top: 5px;
}
@media screen and (max-width: 500px) {
  .cl-eventpage__date {
    margin-top: 10px;
  }
}
.cl-eventpage__short-description {
  margin-top: 36px;
}
@media screen and (max-width: 500px) {
  .cl-eventpage__short-description {
    margin-top: 25px;
  }
}
.cl-eventpage__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}
@media screen and (max-width: 500px) {
  .cl-eventpage__actions {
    margin-top: 25px;
  }
}
.cl-eventpage__image {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 calc(0px - min(100px, 12%));
}
@media screen and (max-width: 500px) {
  .cl-eventpage__image {
    margin: 0 calc(0px - var(--mobile-main-h-padding));
  }
}
.cl-eventpage__image img {
  width: 100%;
}
.cl-eventpage__datetime__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cl-eventpage__prop {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 0;
}
.cl-eventpage__icon {
  padding: 6px;
}
.cl-eventpage__map:not(:empty) {
  margin-top: 20px;
  border-radius: 10px;
  overflow: hidden;
  inset: 0;
  width: 100%;
  padding-bottom: 40%;
}

.cl-typo__heading-1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
@media screen and (max-width: 500px) {
  .cl-typo__heading-1 {
    font-size: 28px;
  }
}
.cl-typo__label-1 {
  font-size: 23px;
  font-weight: 500;
  line-height: 27.32px;
  letter-spacing: 0.01em;
  text-align: start;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 10px;
}
.cl-typo__label-3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.38px;
  letter-spacing: 0.01em;
}
.cl-typo__body-2 {
  font-size: 21px;
  font-weight: 400;
  line-height: 24.95px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 500px) {
  .cl-typo__body-2 {
    font-size: 18px;
    line-height: 21.38px;
  }
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/chat.scss ***!
  \**************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/chat/style.scss ***!
  \**************************************************************************************************************************************************************************/
.cl-events-chat {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--color--block-bg);
  color: var(--color--text);
  font-size: calc(1.4 * var(--base-font-size));
  background-color: #f8f8f8;
}
.cl-events-chat * {
  font-family: "Open Sans";
}
.cl-card--inline .cl-events-chat {
  height: 100vh;
}

.cl-events-chat__content {
  display: flex;
  position: relative;
  overflow-y: auto;
  flex: 1;
  padding-bottom: 20px;
}
.cl-events-chat__content > * {
  z-index: 1;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/chat/eventList.scss ***!
  \******************************************************************************************************************************************************************************/
@charset "UTF-8";
.cl-chat-events {
  --base-font-size: 10px;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  gap: 20px;
  font-size: calc(1.2 * var(--base-font-size));
}
.cl-chat-events__date-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cl-chat-events__date-block__header {
  display: flex;
  gap: 7px;
  text-transform: uppercase;
  align-items: flex-start;
}
.cl-chat-events__date-block__header__date {
  font-size: calc(1.6 * var(--base-font-size));
  font-weight: 700;
}
.cl-chat-events__date-block__header__details {
  margin-top: 2px;
  font-weight: 500;
}
.cl-chat-events__date-block__events {
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
}
.cl-chat-events__event {
  padding: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cl-chat-events__event__title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: calc(1.5 * var(--base-font-size));
  font-weight: 700;
}
.cl-chat-events__event__title__text {
  cursor: pointer;
}
.cl-chat-events__event__title__text:hover {
  text-decoration: underline;
}
.cl-chat-events__event__details {
  display: flex;
  gap: 10px;
}
.cl-chat-events__event__dot {
  position: relative;
  display: flex;
  align-items: center;
}
.cl-chat-events__event__dot:before {
  content: " ";
  width: 0;
}
.cl-chat-events__event__dot:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 100px;
  background-color: var(--color, var(--color--events));
}
.cl-chat-events__event__date, .cl-chat-events__event__location {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.cl-chat-events__event__location {
  overflow: hidden;
}
.cl-chat-events__event__location__text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-chat-events__event:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--color--text);
  opacity: 0.2;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/chat/chat.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
.chat {
  --inline-padding: var(--card-padding-inline, 20px);
}
.chat {
  display: flex;
  flex-direction: column;
  gap: var(--space-stack-xl);
  flex: 1;
  font-size: 14px;
  overflow: hidden;
  text-align: initial;
}
.chat__conversation {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-inline: var(--inline-padding);
}
.chat__message {
  --text-h-padding: 16px;
  display: flex;
  gap: 12px;
  padding-top: 20px;
}
.chat__message--user {
  flex-direction: row-reverse;
}
.chat__message--user .chat__message__text {
  padding: 8px var(--text-h-padding);
  border-radius: 25px;
  border-end-end-radius: 5px;
  color: white !important;
  background-color: #444;
}
.chat__message__loading {
  margin-top: 8px;
}
.chat__message__avatar {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 20%;
  display: flex;
  justify-content: center;
  margin-top: 4px;
}
.chat__message__avatar img {
  width: 100%;
}
.chat__message__details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
.chat__message__details a {
  color: inherit;
}
.chat__message--assistant .chat__message__details {
  flex: 1;
}
.chat__message__content {
  display: flex;
  gap: 6px;
}
.chat__message__content ol {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin: 0.75em 0;
  line-height: inherit;
}
.chat__message__content code {
  font-weight: bold;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  background-color: var(--color-primary-100);
  box-shadow: 0 0 0px 3px var(--color-primary-100);
  border-radius: 2px;
  padding: 0 1px;
}
.chat__message__content code:before {
  content: none !important;
}
.chat__message__text {
  line-height: 1.3;
  color: #222 !important;
}
.chat__message__text p {
  margin: 0;
}
.chat__message__text ul {
  padding: 0;
  line-height: 1.3;
}
.chat__message__text ul li {
  list-style: none;
}
.chat__message__text ul li:before {
  content: "•";
  margin-right: 0.4em;
}
.chat__message__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chat__message__instructions {
  display: flex;
  gap: 6px;
  font-size: 12px;
  color: var(--color-neutral-600);
}
.chat__message__rating {
  padding: 0 var(--text-h-padding);
}
.chat__message__error {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-error-200);
}
.chat--loading .chat__input {
  opacity: 0.5;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/rating/tokens.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-rating {
  /*------------------------------------------------------- */
  --rating-star-regular-color: var(--color-neutral-600);
  --rating-star-selected-color: var(--color-yellow-600);
  --rating-star-active-color: var(--color-yellow-700);
  --rating-star-hover-color: var(--color-yellow-600);
  --rating-star-disabled-color: var(--color-neutral-400);
  --rating-star-inline-space: var(--space-inline-xxs);
  --rating-star-focus: var(--control-focus);
  /*------------------------------------------------------- */
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/rating/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.lth-c-rating {
  /*------------------------------------------------------- */
  --rating-star-regular-color: var(--color-neutral-600);
  --rating-star-selected-color: var(--color-yellow-600);
  --rating-star-active-color: var(--color-yellow-700);
  --rating-star-hover-color: var(--color-yellow-600);
  --rating-star-disabled-color: var(--color-neutral-400);
  --rating-star-inline-space: var(--space-inline-xxs);
  --rating-star-focus: var(--control-focus);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
.lth-c-rating__stars {
  outline: none;
  padding: var(--space-stack-xxs) 0;
}
.lth-c-rating__stars.lth-has-keyboardfocus .lth-is-focus-target, .lth-c-rating__stars.lth-is-focus .lth-is-focus-target {
  box-shadow: var(--rating-star-focus);
}
.lth-c-rating__star {
  display: inline-block;
  user-select: none;
}
.lth-c-rating__star:active svg {
  fill: var(--rating-star-active-color) !important;
}
.lth-c-rating__star + .lth-c-rating__star {
  margin-left: var(--rating-star-inline-space);
}
.lth-c-rating.lth-is-disabled {
  pointer-events: none;
}

/*-------------------------------------------------------*/
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/submitForm.scss ***!
  \********************************************************************************************************************************************************************************/
.cl-submit-form {
  max-width: 800px;
  min-width: min(600px, 90%);
}
.cl-submit-form .cl-card__content {
  padding-top: 25px;
  padding-bottom: 40px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/stack/tokens.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
:is(.lth-l-stack, .lth-l-stack-spacer) {
  --stack-space-xxs: var(--space-stack-xxs);
  --stack-space-xs: var(--space-stack-xs);
  --stack-space-s: var(--space-stack-s);
  --stack-space-m: var(--space-stack-m);
  --stack-space-l: var(--space-stack-l);
  --stack-space-xl: var(--space-stack-xl);
  --stack-space-xxl: var(--space-stack-xxl);
}

/*------------------------------------------------------- */
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/stack/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
/*------------------------------------------------------- */
:is(.lth-l-stack, .lth-l-stack-spacer) {
  --stack-space-xxs: var(--space-stack-xxs);
  --stack-space-xs: var(--space-stack-xs);
  --stack-space-s: var(--space-stack-s);
  --stack-space-m: var(--space-stack-m);
  --stack-space-l: var(--space-stack-l);
  --stack-space-xl: var(--space-stack-xl);
  --stack-space-xxl: var(--space-stack-xxl);
}

/*------------------------------------------------------- */
/*-------------------------------------------------------*/
.lth-l-stack {
  display: flex;
  flex-direction: column;
  --row-spacing: var(--stack-space-m);
  row-gap: var(--row-spacing);
}
.lth-l-stack.lth-spacing-dense {
  --row-spacing: var(--stack-space-xs);
}
.lth-l-stack.lth-spacing-compact {
  --row-spacing: var(--stack-space-s);
}
.lth-l-stack.lth-spacing-comfortable {
  --row-spacing: var(--stack-space-l);
}
.lth-l-stack.lth-spacing-spaced {
  --row-spacing: var(--stack-space-xl);
}
.lth-l-stack .lth-l-stack__field.lth-spacing-none {
  margin-top: 0 !important;
}
.lth-l-stack .lth-l-stack__field.lth-spacing-dense {
  margin-top: calc(var(--stack-space-xs) - var(--row-spacing)) !important;
}
.lth-l-stack .lth-l-stack__field.lth-spacing-compact {
  margin-top: calc(var(--stack-space-s) - var(--row-spacing)) !important;
}
.lth-l-stack .lth-l-stack__field.lth-spacing-comfortable {
  margin-top: calc(var(--stack-space-l) - var(--row-spacing)) !important;
}
.lth-l-stack .lth-l-stack__field.lth-spacing-spaced {
  margin-top: calc(var(--stack-space-xl) - var(--row-spacing)) !important;
}
.lth-l-stack .lth-l-stack__field:empty {
  display: none;
}

/*-------------------------------------------------------*/
.lth-l-stack-spacer {
  flex-shrink: 0;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/form.scss ***!
  \*************************************************************************************************************************************************************************************/
.lth-u-scroll::-webkit-scrollbar, .cl-event-form::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 6px;
}
.lth-u-scroll::-webkit-scrollbar-track-piece, .cl-event-form::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.04);
  opacity: 0;
  width: 6px;
  transition: opacity 0.5s;
}
.lth-u-scroll::-webkit-scrollbar-thumb, .cl-event-form::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0);
}
.lth-u-scroll::-webkit-scrollbar-thumb:hover, .cl-event-form::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.lth-u-scroll:hover, .cl-event-form:hover {
  /* Ensure the hover state is preserved - without a direct CSS property,
       some compilers/browsers may optimize away this "empty" selector,
       preventing nested pseudo-elements from triggering properly */
  pointer-events: auto;
}
.lth-u-scroll:hover::-webkit-scrollbar-track-piece, .cl-event-form:hover::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.06);
  opacity: 1;
  transition: opacity 0.5s;
}
.lth-u-scroll:hover::-webkit-scrollbar-thumb, .cl-event-form:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.lth-is-fullwidth {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

/*!
 * https://github.com/arqex/react-datetime
 */
.rdt {
  position: relative;
}

.rdtPicker {
  display: none;
  position: absolute;
  min-width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f9f9f9;
}

.rdtOpen .rdtPicker {
  display: block;
}

.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}

.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}

.rdtPicker td {
  cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}

.rdtPicker td.rdtToday {
  position: relative;
}

.rdtPicker td.rdtToday:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}

.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}

.rdtPicker th.rdtSwitch {
  width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}

.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}

.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.rdtCounter .rdtBtn:hover {
  background: #eee;
}

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.cl-form-container {
  transform: scale(1);
}

.cl-event-form {
  overflow: auto;
  max-height: 100%;
  box-sizing: border-box;
}

.cl-form {
  text-align: start;
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.cl-form__elements {
  overflow-y: auto;
}
.cl-form__element:not(:first-child) {
  margin-top: 20px;
}
.cl-form__element--datetimerange {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
@media screen and (max-width: 800px) {
  .cl-form__element--datetimerange {
    flex-wrap: wrap;
  }
}
.cl-form__element--subheading:not(:first-child) {
  padding-top: 20px;
}
.cl-form__element--heading + .cl-form__element--subheading {
  padding-top: 0;
}
.cl-form__response {
  text-align: center;
  padding: 50px 30px;
  inset: 0;
  z-index: 999999;
  background: white;
  justify-content: center;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/checkbox/tokens.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.lth-c-checkbox {
  /*------------------------------------------------------- */
  --checkbox-font-family: var(--typography-font-family-base);
  --checkbox-text-color: var(--color-neutral-800);
  --checkbox-label-font-size-medium: var(--typography-body-regular-size);
  --checkbox-label-font-size-small: var(--typography-body-small-size);
  --checkbox-label-line-height-medium: var(--typography-body-regular-lineheight);
  --checkbox-label-line-height-small: var(--typography-body-small-lineheight);
  --checkbox-container-inset-space: var(--space-inset-xs);
  --checkbox-container-inline-space: var(--space-inline-xs);
  --checkbox-control-size: 20px;
  --checkbox-control-border-radius: var(--border-radius-xs);
  --checkbox-control-border-width: var(--border-width-s);
  --checkbox-control-border-color: var(--color-neutral-800);
  --checkbox-control-bg-color: var(--color-neutral-200);
  --checkbox-control-checked-bg-color: var(--color-neutral-600);
  --checkbox-control-checked-border-color: var(--color-neutral-800);
  --checkbox-control-check-color: var(--color-neutral-50);
  --checkbox-control-indeterminate-color: var(--color-neutral-800);
  --checkbox-disabled-control-bg-color: var(--color-neutral-400);
  --checkbox-disabled-control-border-color: var(--color-neutral-400);
  --checkbox-disabled-check-color: var(--color-neutral-50);
  --checkbox-disabled-label-color: var(--color-neutral-400);
  --checkbox-disabled-indeterminate-control-background: var(--color-neutral-50);
  --checkbox-disabled-indeterminate-control-border: var(--color-neutral-400);
  --checkbox-disabled-indeterminate-color: var(--color-neutral-400);
  --checkbox-focus-border-width: var(--border-width-s);
  --checkbox-focus-control-shadow: 0 0 var(--control-focus-shadow-blur) var(--checkbox-focus-border-width)
  	var(--control-focus-shadow-color);
  --checkbox-focus-control-border: 0 0 0 var(--checkbox-focus-border-width) var(--control-focus-border-color);
  --checkbox-focus-control: var(--checkbox-focus-control-border), var(--checkbox-focus-control-shadow);
  --checkbox-error-text-color: var(--control-error-color);
  --checkbox-error-control-border-color: var(--color-error-200);
  --checkbox-error-control-bg-color: var(--color-error-200);
  --checkbox-error-indeterminate-color: var(--color-error-200);
  --checkbox-hover-control-bg-color: var(--color-neutral-300);
  /*------------------------------------------------------- */
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/checkbox/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-checkbox {
  /*------------------------------------------------------- */
  --checkbox-font-family: var(--typography-font-family-base);
  --checkbox-text-color: var(--color-neutral-800);
  --checkbox-label-font-size-medium: var(--typography-body-regular-size);
  --checkbox-label-font-size-small: var(--typography-body-small-size);
  --checkbox-label-line-height-medium: var(--typography-body-regular-lineheight);
  --checkbox-label-line-height-small: var(--typography-body-small-lineheight);
  --checkbox-container-inset-space: var(--space-inset-xs);
  --checkbox-container-inline-space: var(--space-inline-xs);
  --checkbox-control-size: 20px;
  --checkbox-control-border-radius: var(--border-radius-xs);
  --checkbox-control-border-width: var(--border-width-s);
  --checkbox-control-border-color: var(--color-neutral-800);
  --checkbox-control-bg-color: var(--color-neutral-200);
  --checkbox-control-checked-bg-color: var(--color-neutral-600);
  --checkbox-control-checked-border-color: var(--color-neutral-800);
  --checkbox-control-check-color: var(--color-neutral-50);
  --checkbox-control-indeterminate-color: var(--color-neutral-800);
  --checkbox-disabled-control-bg-color: var(--color-neutral-400);
  --checkbox-disabled-control-border-color: var(--color-neutral-400);
  --checkbox-disabled-check-color: var(--color-neutral-50);
  --checkbox-disabled-label-color: var(--color-neutral-400);
  --checkbox-disabled-indeterminate-control-background: var(--color-neutral-50);
  --checkbox-disabled-indeterminate-control-border: var(--color-neutral-400);
  --checkbox-disabled-indeterminate-color: var(--color-neutral-400);
  --checkbox-focus-border-width: var(--border-width-s);
  --checkbox-focus-control-shadow: 0 0 var(--control-focus-shadow-blur) var(--checkbox-focus-border-width)
  	var(--control-focus-shadow-color);
  --checkbox-focus-control-border: 0 0 0 var(--checkbox-focus-border-width) var(--control-focus-border-color);
  --checkbox-focus-control: var(--checkbox-focus-control-border), var(--checkbox-focus-control-shadow);
  --checkbox-error-text-color: var(--control-error-color);
  --checkbox-error-control-border-color: var(--color-error-200);
  --checkbox-error-control-bg-color: var(--color-error-200);
  --checkbox-error-indeterminate-color: var(--color-error-200);
  --checkbox-hover-control-bg-color: var(--color-neutral-300);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
.lth-c-checkbox {
  /*------- BASE --------*/
  color: var(--checkbox-text-color);
  font-family: var(--checkbox-font-family);
  outline: none !important;
  width: fit-content;
  position: relative;
  z-index: var(--zindex-base);
  /*------- STATES --------*/
  /*----------- VALUES ---------*/
}
.lth-c-checkbox--medium {
  font-size: var(--checkbox-label-font-size-medium);
  line-height: var(--checkbox-label-line-height-medium);
}
.lth-c-checkbox--small {
  font-size: var(--checkbox-label-font-size-small);
  line-height: var(--checkbox-label-line-height-small);
}
.lth-c-checkbox label {
  display: flex;
  align-items: center;
  gap: var(--checkbox-container-inline-space);
}
.lth-c-checkbox__container {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--checkbox-control-size);
  height: var(--checkbox-control-size);
  outline-offset: -1px;
  transform: translateY(-3%);
}
.lth-c-checkbox__control {
  position: relative;
  display: inline-block;
  padding: 2px;
  border-radius: var(--checkbox-control-border-radius);
  color: var(--checkbox-control-border-color);
  background: var(--checkbox-control-bg-color);
  user-select: none;
}
.lth-c-checkbox__control__icon {
  display: none;
  fill: white;
}
.lth-c-checkbox__check {
  line-height: 0;
  visibility: hidden;
}
.lth-c-checkbox__check path {
  fill: var(--checkbox-control-check-color);
}
.lth-c-checkbox__indeterminate {
  position: absolute;
  width: 6px;
  height: 2px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: var(--checkbox-control-indeterminate-color);
}
.lth-c-checkbox__label {
  display: inline-block;
}
.lth-c-checkbox input {
  display: none;
}
.lth-c-checkbox:hover:not(.lth-is-disabled) .lth-c-checkbox__control {
  background: var(--checkbox-hover-control-bg-color);
}
.lth-c-checkbox:focus:not(.lth-is-disabled) .lth-c-checkbox__control:before, .lth-c-checkbox.lth-is-focus:not(.lth-is-disabled) .lth-c-checkbox__control:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--checkbox-control-border-radius);
  box-shadow: var(--checkbox-focus-control);
  background: var(--control-focus-border-color);
  z-index: var(--zindex-behind);
}
.lth-c-checkbox.lth-is-disabled .lth-c-checkbox__label {
  color: var(--checkbox-disabled-label-color);
}
.lth-c-checkbox.lth-is-disabled .lth-c-checkbox__control {
  color: var(--checkbox-disabled-control-border-color);
}
.lth-c-checkbox.lth-is-disabled .lth-c-checkbox__indeterminate {
  background: var(--checkbox-disabled-indeterminate-color);
}
.lth-c-checkbox.lth-is-disabled input:checked + .lth-c-checkbox__container .lth-c-checkbox__control {
  color: var(--checkbox-disabled-control-border-color);
  background: var(--checkbox-disabled-control-bg-color);
}
.lth-c-checkbox.lth-has-error input:checked + .lth-c-checkbox__container .lth-c-checkbox__control {
  color: var(--checkbox-error-control-border-color);
  background: var(--checkbox-error-control-bg-color);
}
.lth-c-checkbox.lth-has-error.lth-is-indeterminate .lth-c-checkbox__control {
  color: var(--checkbox-error-control-border-color);
}
.lth-c-checkbox.lth-has-error.lth-is-indeterminate .lth-c-checkbox__indeterminate {
  background: var(--checkbox-error-indeterminate-color);
}
.lth-c-checkbox input:checked + .lth-c-checkbox__container .lth-c-checkbox__control {
  color: var(--checkbox-control-checked-border-color);
  background: var(--checkbox-control-checked-bg-color);
}
.lth-c-checkbox input:checked + .lth-c-checkbox__container .lth-c-checkbox__control .lth-c-checkbox__check {
  visibility: visible;
}
.lth-c-checkbox.lth-is-indeterminate input:checked + .lth-c-checkbox__container .lth-c-checkbox__check {
  visibility: hidden;
}
.lth-c-checkbox.lth-is-indeterminate input:checked + .lth-c-checkbox__container .lth-c-checkbox__control {
  background: var(--checkbox-control-bg-color);
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/group/tokens.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.lth-c-group {
  --group-label-spacing: var(--space-stack-s);
  --group-spacing-dense: var(--space-s);
  --group-spacing-compact: var(--space-m);
  --group-spacing-normal: var(--space-l);
  --group-spacing-comfortable: var(--space-xl);
  --group-spacing-spaced: var(--space-xxl);
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/group/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.lth-c-group {
  --group-label-spacing: var(--space-stack-s);
  --group-spacing-dense: var(--space-s);
  --group-spacing-compact: var(--space-m);
  --group-spacing-normal: var(--space-l);
  --group-spacing-comfortable: var(--space-xl);
  --group-spacing-spaced: var(--space-xxl);
}

/*-------------------------------------------------------*/
.lth-c-group__label {
  margin-bottom: var(--group-label-spacing);
}
.lth-c-group__items {
  display: inline-flex;
  width: fit-content;
  flex-flow: column;
  align-items: inherit;
  row-gap: var(--group-rowSpacing, var(--group-spacing, var(--group-spacing-dense)));
}
.lth-c-group.lth-is-inline .lth-c-group__items {
  flex-flow: row;
  flex-wrap: wrap;
  column-gap: var(--group-columnSpacing, var(--group-spacing, var(--group-spacing-normal)));
}

/*-------------------------------------------------------*/
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/datetimepicker/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.lth-c-datetimepicker {
  min-width: 250px;
}
.lth-c-datetimepicker__label, .lth-c-datetimepicker__container {
  white-space: nowrap;
  display: flex;
  column-gap: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/datepicker/tokens.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.lth-c-datepicker {
  /*------------------------------------------------------- */
  --datepicker-icon-color: var(--color-neutral-600);
  --datepicker-inline-space: var(--space-inline-s);
  --datepicker-sublabel-font-size: var(--typography-body-xsmall-size);
  --datepicker-sublabel-font-weight: var(--typography-font-weight-strong);
  --datepicker-sublabel-lineheight: var(--typography-body-xsmall-lineheight);
  --datepicker-sublabel-stack-space: var(--space-stack-xs);
  --datepicker-label-sublabel-stack-space: var(--space-stack-s);
  /*------------------------------------------------------- */
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/datepicker/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.lth-c-datepicker {
  /*------------------------------------------------------- */
  --datepicker-icon-color: var(--color-neutral-600);
  --datepicker-inline-space: var(--space-inline-s);
  --datepicker-sublabel-font-size: var(--typography-body-xsmall-size);
  --datepicker-sublabel-font-weight: var(--typography-font-weight-strong);
  --datepicker-sublabel-lineheight: var(--typography-body-xsmall-lineheight);
  --datepicker-sublabel-stack-space: var(--space-stack-xs);
  --datepicker-label-sublabel-stack-space: var(--space-stack-s);
  /*------------------------------------------------------- */
}

/*-------------------------------------------------------*/
.lth-c-datepicker__container {
  font-size: 0;
}
.lth-c-datepicker__sublabel {
  font-family: var(--typography-font-family-base);
  font-size: var(--datepicker-sublabel-font-size);
  font-weight: var(--datepicker-sublabel-font-weight);
  line-height: var(--datepicker-sublabel-lineheight);
}
.lth-c-datepicker__sublabel:not(:empty) {
  margin-top: var(--datepicker-label-sublabel-stack-space);
}
.lth-c-datepicker__date .rdtPicker {
  font-size: var(--typography-body-regular-size);
  font-family: var(--typography-font-family-base);
}
.lth-c-datepicker.lth-open-upwards .rdtPicker {
  bottom: 100%;
}

/*-------------------------------------------------------*/
/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/react-datetime/css/react-datetime.css ***!
  \******************************************************************************************************/
/*!
 * https://github.com/arqex/react-datetime
 */

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  min-width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-of-type th {
  cursor: pointer;
}
.rdtPicker thead tr:first-of-type th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/heading/tokens.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.lth-c-heading {
  --heading-color: var(--color-neutral-900);
}

/*------------------------------------------------------- */
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/heading/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-heading, .lth-c-heading--heading1, .lth-c-heading--heading2, .lth-c-heading--heading3, .lth-c-heading--heading4, .lth-c-heading--heading5, .lth-c-heading--heading6, .lth-c-heading--heading7 {
  --heading-color: var(--color-neutral-900);
}

/*------------------------------------------------------- */
/*-------------------------------------------------------*/
.lth-c-heading, .lth-c-heading--heading7, .lth-c-heading--heading6, .lth-c-heading--heading5, .lth-c-heading--heading4, .lth-c-heading--heading3, .lth-c-heading--heading2, .lth-c-heading--heading1 {
  display: block;
  font-family: var(--typography-font-family-heading);
  color: var(--heading-color);
}
.lth-c-heading--heading1 {
  font-size: var(--typography-heading1-size);
  font-weight: var(--typography-heading1-weight);
  line-height: var(--typography-heading1-lineheight);
}
.lth-c-heading--heading2 {
  font-size: var(--typography-heading2-size);
  font-weight: var(--typography-heading2-weight);
  line-height: var(--typography-heading2-lineheight);
}
.lth-c-heading--heading3 {
  font-size: var(--typography-heading3-size);
  font-weight: var(--typography-heading3-weight);
  line-height: var(--typography-heading3-lineheight);
}
.lth-c-heading--heading4 {
  font-size: var(--typography-heading4-size);
  font-weight: var(--typography-heading4-weight);
  line-height: var(--typography-heading4-lineheight);
}
.lth-c-heading--heading5 {
  font-size: var(--typography-heading5-size);
  font-weight: var(--typography-heading5-weight);
  line-height: var(--typography-heading5-lineheight);
}
.lth-c-heading--heading6 {
  font-size: var(--typography-heading6-size);
  font-weight: var(--typography-heading6-weight);
  line-height: var(--typography-heading6-lineheight);
}
.lth-c-heading--heading7 {
  font-size: var(--typography-heading7-size);
  font-weight: var(--typography-heading7-weight);
  line-height: var(--typography-heading7-lineheight);
}

/*-------------------------------------------------------*/
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/toggle/tokens.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.lth-c-toggle {
  /*------------------------------------------------------- */
  --toggle-track-unchecked-bg-color: var(--color-neutral-600);
  --toggle-track-checked-bg-color: var(--color-success-200);
  --toggle-track-disabled-bg-color: var(--color-neutral-400);
  --toggle-track-active-bg-color: var(--color-neutral-800);
  --toggle-disabled-text-color: var(--color-neutral-400);
  --toggle-focus-check-border-width: var(--border-width-s);
  --toggle-focus-check-border-radius: var(--border-radius-s);
  --toggle-focus-check-border-color: var(--color-primary-600);
  --toggle-error-text-color: var(--control-error-color);
  --toggle-track-width: 32px;
  --toggle-track-height: 16px;
  --toggle-handle-size: 12px;
  --toggle-direction-left: row;
  --toggle-direction-right: row-reverse;
  --toggle-direction-top: column;
  --toggle-justify-left: flex-start;
  --toggle-align-left: center;
  --toggle-justify-right: flex-end;
  --toggle-align-right: center;
  --toggle-justify-top: flex-start;
  --toggle-align-top: flex-start;
  --toggle-label-control-gap: var(--space-stack-xxs) var(--space-inline-s);
  --toggle-focus: var(--control-focus);
  --toggle-tooltip-icon-color: var(--color-neutral-800);
  --toggle-disabled-tooltip-icon-color: var(--color-neutral-400);
  /*------------------------------------------------------- */
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/@inlightlabs/design-system/lib/components/toggle/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.lth-c-toggle {
  /*------------------------------------------------------- */
  --toggle-track-unchecked-bg-color: var(--color-neutral-600);
  --toggle-track-checked-bg-color: var(--color-success-200);
  --toggle-track-disabled-bg-color: var(--color-neutral-400);
  --toggle-track-active-bg-color: var(--color-neutral-800);
  --toggle-disabled-text-color: var(--color-neutral-400);
  --toggle-focus-check-border-width: var(--border-width-s);
  --toggle-focus-check-border-radius: var(--border-radius-s);
  --toggle-focus-check-border-color: var(--color-primary-600);
  --toggle-error-text-color: var(--control-error-color);
  --toggle-track-width: 32px;
  --toggle-track-height: 16px;
  --toggle-handle-size: 12px;
  --toggle-direction-left: row;
  --toggle-direction-right: row-reverse;
  --toggle-direction-top: column;
  --toggle-justify-left: flex-start;
  --toggle-align-left: center;
  --toggle-justify-right: flex-end;
  --toggle-align-right: center;
  --toggle-justify-top: flex-start;
  --toggle-align-top: flex-start;
  --toggle-label-control-gap: var(--space-stack-xxs) var(--space-inline-s);
  --toggle-focus: var(--control-focus);
  --toggle-tooltip-icon-color: var(--color-neutral-800);
  --toggle-disabled-tooltip-icon-color: var(--color-neutral-400);
  /*------------------------------------------------------- */
}

/*------------------------------------------------------- */
/**
	used to generate the very common pattern of position absolute,
	with all edges stretched to the full size of the container;

	usage:
	@include lth-absolute-fullsize;
	will generate:
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

	or, with overrides:
	@include lth-absolute-fullsize($bottom: 50px, $right: 80px);
	will generate:
		position: absolute;
		top: 0;
		bottom: 50px;
		left: 0;
		right: 80px;
*/
/*
	a mixin that adds a suffix to the parent ruleset, as well as to the value token name.
	usage:

	call the mixin with:
	$parent: a parent selector, to which you want to add the suffix
	$rule: a valid css rule key
	$token: an existing token, to which you want to add the suffix
	$suffixes: a list of all the suffixes needed

	@include lth-parent-with-suffixes(
		$parent: .outer,
		$rule: , flex-direction
		$token: '--toggle-direction',
		$suffixes: (left right top)
	);

	- will produce:
	.outer--left .inner {
		flex-direction: var(--toggle-direction-left);
	}
	.outer--right .inner {
		flex-direction: var(--toggle-direction-right);
	}
	.outer--top .inner {
		flex-direction: var(--toggle-direction-top);
	}
*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
.lth-c-toggle {
  outline: none !important;
  /*----*/
  --toggle-transition: 0.1s ease-in;
  /*----*/
  /*----*/
}
.lth-c-toggle:not(.lth-is-fullwidth) {
  max-width: fit-content;
}
.lth-c-toggle__container {
  display: flex;
  flex-direction: var(--toggle-direction-left);
  justify-content: var(--toggle-justify-left);
  align-items: center;
  gap: var(--toggle-label-control-gap);
}
.lth-c-toggle--left .lth-c-toggle__container {
  flex-direction: var(--toggle-direction-left);
}
.lth-c-toggle--right .lth-c-toggle__container {
  flex-direction: var(--toggle-direction-right);
}
.lth-c-toggle--top .lth-c-toggle__container {
  flex-direction: var(--toggle-direction-top);
}
.lth-c-toggle--left .lth-c-toggle__container {
  justify-content: var(--toggle-justify-left);
}
.lth-c-toggle--right .lth-c-toggle__container {
  justify-content: var(--toggle-justify-right);
}
.lth-c-toggle--top .lth-c-toggle__container {
  justify-content: var(--toggle-justify-top);
}
.lth-c-toggle--left .lth-c-toggle__container {
  align-items: var(--toggle-align-left);
}
.lth-c-toggle--right .lth-c-toggle__container {
  align-items: var(--toggle-align-right);
}
.lth-c-toggle--top .lth-c-toggle__container {
  align-items: var(--toggle-align-top);
}
.lth-c-toggle__track {
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  box-sizing: border-box;
  font-size: 0;
  width: var(--toggle-track-width);
  height: var(--toggle-track-height);
  border-radius: var(--border-radius-circle);
  background: var(--toggle-track-unchecked-bg-color);
  transition: background var(--toggle-transition);
}
.lth-c-toggle:focus .lth-c-toggle__track, .lth-c-toggle.lth-is-focus .lth-c-toggle__track {
  box-shadow: 0px 0px 0px 2px var(--toggle-focus-check-border-color), 0px 0px 2px 2px var(--color-primary-500);
}
.lth-c-toggle:active .lth-c-toggle__track {
  background: var(--toggle-track-active-bg-color) !important;
}
.lth-c-toggle.lth-is-checked .lth-c-toggle__track {
  background: var(--toggle-track-checked-bg-color);
}
.lth-c-toggle.lth-is-disabled .lth-c-toggle__track {
  background: var(--toggle-track-disabled-bg-color);
}
.lth-c-toggle__handle {
  position: absolute;
  top: 50%;
  inset-inline-start: 2px;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  box-sizing: border-box;
  font-size: 0;
  width: var(--toggle-handle-size);
  height: var(--toggle-handle-size);
  border-radius: var(--border-radius-circle);
  background: white;
  transition: var(--toggle-transition);
}
.lth-c-toggle.lth-is-checked .lth-c-toggle__handle {
  inset-inline-start: calc(100% - var(--toggle-handle-size) - 2px);
}
.lth-c-toggle__label > * {
  transition: color var(--toggle-transition);
}
.lth-c-toggle.lth-is-disabled .lth-c-toggle__label > * {
  color: var(--toggle-disabled-text-color);
}
.lth-c-toggle.lth-is-fullwidth .lth-c-toggle__label {
  flex: 1;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/tools/components/imagepicker.scss ***!
  \********************************************************************************************************************************************************************************************/
.cl-imagepicker {
  --border-width: var(--border-width-s);
  --border-color: var(--color-neutral-400);
  --border-radius: var(--border-radius-s);
  --border-hover-color: var(--color-neutral-600);
}
.cl-imagepicker__control {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cl-imagepicker__control__image {
  display: inline-block;
  position: relative;
  border: 1px solid var(--color-neutral-200);
  vertical-align: middle;
  cursor: pointer;
  font-size: 0;
  width: 56px;
  height: 56px;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius-xs);
  overflow: hidden;
}
.cl-imagepicker__control__image:hover {
  background-color: var(--color-neutral-50);
}
.cl-imagepicker__control__image__empty {
  opacity: 0.2;
  margin-left: 50%;
  margin-top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
.cl-imagepicker--with-border .cl-imagepicker__control {
  padding: var(--control-spacing-v-inset) var(--control-spacing-h-inset);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
}
.cl-imagepicker--with-border .cl-imagepicker__control:hover {
  border-color: var(--border-hover-color);
}
.cl-imagepicker__actions {
  display: flex;
  align-items: center;
}
.cl-imagepicker__actions__action {
  cursor: pointer;
  opacity: 0.5;
}
.cl-imagepicker__actions__action:hover {
  opacity: 1;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/rsvpForm.scss ***!
  \******************************************************************************************************************************************************************************/
.cl-rsvp-form .cl-card__content {
  padding-top: 25px;
  padding-bottom: 40px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/lib/cards/subscribeForm.scss ***!
  \***********************************************************************************************************************************************************************************/
.cl-subscribe-form .cl-card__content {
  padding-bottom: 35px;
  padding-top: 25px;
}
.cl-subscribe-form__button {
  text-align: center;
  color: white !important;
  text-decoration: none !important;
}

/*# sourceMappingURL=main.css.map*/

/*# sourceMappingURL=embed.css.map*/