@charset "UTF-8";
/* source-sans-3-200 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-200italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 200;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-200italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-300italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-500italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 500;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 600;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 800;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-800italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 800;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-900italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 900;
  src: url("./fonts/source-sans-3-v9-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@keyframes otr-shimmer {
  100% {
    transform: translateX(100%);
  }
}
:root {
  --otr-primary-25: #F3F3F6;
  --otr-primary-50: #E9E9EE;
  --otr-primary-100: #D3D2DD;
  --otr-primary-200: #A7A5BB;
  --otr-primary-300: #7B799A;
  --otr-primary-400: #4F4C78;
  --otr-primary-500: #232057;
  --otr-primary-600: #1C1945;
  --otr-primary-700: #151334;
  --otr-primary-800: #0E0C22;
  --otr-primary-900: #070611;
  --otr-secondary-25: #F2F8F8;
  --otr-secondary-50: #E7F2F2;
  --otr-secondary-100: #CFE6E4;
  --otr-secondary-200: #9FCDCA;
  --otr-secondary-300: #6FB4B0;
  --otr-secondary-400: #3F9B96;
  --otr-secondary-500: #10827C;
  --otr-secondary-600: #0C6863;
  --otr-secondary-700: #094E4A;
  --otr-secondary-800: #063431;
  --otr-secondary-900: #031A18;
  --otr-tertiary-25: #FDFDF8;
  --otr-tertiary-50: #FBFCF3;
  --otr-tertiary-100: #F8F9E6;
  --otr-tertiary-200: #F2F4CE;
  --otr-tertiary-300: #ECEFB5;
  --otr-tertiary-400: #E6EA9D;
  --otr-tertiary-500: #E0E585;
  --otr-tertiary-600: #B3B76A;
  --otr-tertiary-700: #86894F;
  --otr-tertiary-800: #595B35;
  --otr-tertiary-900: #2C2D1A;
  --otr-quaternary-25: #F7F7F5;
  --otr-quaternary-50: #F1F1EB;
  --otr-quaternary-100: #E2E3D8;
  --otr-quaternary-200: #C6C7B1;
  --otr-quaternary-300: #AAAC8A;
  --otr-quaternary-400: #8E9063;
  --otr-quaternary-500: #72753D;
  --otr-quaternary-600: #5B5D30;
  --otr-quaternary-700: #444624;
  --otr-quaternary-800: #2D2E18;
  --otr-quaternary-900: #16170C;
  --otr-danger-25: #FDF3F5;
  --otr-danger-50: #FAE5E8;
  --otr-danger-100: #F5CCD3;
  --otr-danger-200: #EB99A7;
  --otr-danger-300: #E0667A;
  --otr-danger-400: #D6334E;
  --otr-danger-500: #CC0022;
  --otr-danger-600: #A3001B;
  --otr-danger-700: #7A0014;
  --otr-danger-800: #52000E;
  --otr-danger-900: #290007;
  --otr-gray-25: #F9F9F9;
  --otr-gray-50: #F2F4F4;
  --otr-gray-100: #E4E7E8;
  --otr-gray-200: #C9CED0;
  --otr-gray-300: #AEB7B8;
  --otr-gray-400: #939EA0;
  --otr-gray-500: #788689;
  --otr-gray-600: #606B6D;
  --otr-gray-700: #485152;
  --otr-gray-800: #303537;
  --otr-gray-850: #242829;
  --otr-gray-900: #181B1C;
  --otr-gray-950: #0C0E0E;
  --container-max-width: 1660px;
}

#otr-app {
  width: 100%;
  margin: 0 auto;
  padding: 6rem 1rem;
  max-width: var(--container-max-width);
  /*@media (min-width: 992px) {
      padding-left: 9rem; // Prevents visual overlap with floating logo box in the corporate theme on desktop
  }*/
}

.swal2-container .otr-button,
.otr-container .otr-button {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
  gap: 1rem;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  border-radius: 4px;
  align-items: center;
  display: inline-flex;
  padding: 0.75rem 1rem;
  font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
  outline-offset: 0.0625rem;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .swal2-container .otr-button,
.otr-container .otr-button {
    line-height: 1.304;
  }
}
.swal2-container .otr-button i,
.otr-container .otr-button i {
  transition: all 0.3s ease-in-out;
}
.swal2-container .otr-button i:before,
.otr-container .otr-button i:before {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.swal2-container .otr-button > span,
.otr-container .otr-button > span {
  text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-color: rgba(255, 255, 255, 0);
  -moz-text-decoration-color: rgba(255, 255, 255, 0);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
}
.swal2-container .otr-button:hover > span, .swal2-container .otr-button:focus > span, .swal2-container .otr-button:focus-visible > span, .swal2-container .otr-button:active > span,
.otr-container .otr-button:hover > span,
.otr-container .otr-button:focus > span,
.otr-container .otr-button:focus-visible > span,
.otr-container .otr-button:active > span {
  text-decoration-color: currentColor;
  -moz-text-decoration-color: currentColor;
  -webkit-text-decoration-color: currentColor;
}
.swal2-container .otr-button:focus, .swal2-container .otr-button:focus-visible,
.otr-container .otr-button:focus,
.otr-container .otr-button:focus-visible {
  outline-offset: 0.25rem;
}
.swal2-container .otr-button.otr-button-primary:disabled, .swal2-container .otr-button.otr-button-secondary:disabled, .swal2-container .otr-button.otr-button-tertiary:disabled, .swal2-container .otr-button.otr-button-outline:disabled, .swal2-container .otr-button.otr-button-danger:disabled, .swal2-container .otr-button.otr-button-icon:disabled,
.otr-container .otr-button.otr-button-primary:disabled,
.otr-container .otr-button.otr-button-secondary:disabled,
.otr-container .otr-button.otr-button-tertiary:disabled,
.otr-container .otr-button.otr-button-outline:disabled,
.otr-container .otr-button.otr-button-danger:disabled,
.otr-container .otr-button.otr-button-icon:disabled {
  color: #ffffff;
  border-color: var(--otr-gray-500, #788689);
  background-color: var(--otr-gray-500, #788689);
}
.swal2-container .otr-button.otr-button-primary:disabled:hover, .swal2-container .otr-button.otr-button-primary:disabled:focus, .swal2-container .otr-button.otr-button-primary:disabled:focus-visible, .swal2-container .otr-button.otr-button-secondary:disabled:hover, .swal2-container .otr-button.otr-button-secondary:disabled:focus, .swal2-container .otr-button.otr-button-secondary:disabled:focus-visible, .swal2-container .otr-button.otr-button-tertiary:disabled:hover, .swal2-container .otr-button.otr-button-tertiary:disabled:focus, .swal2-container .otr-button.otr-button-tertiary:disabled:focus-visible, .swal2-container .otr-button.otr-button-outline:disabled:hover, .swal2-container .otr-button.otr-button-outline:disabled:focus, .swal2-container .otr-button.otr-button-outline:disabled:focus-visible, .swal2-container .otr-button.otr-button-danger:disabled:hover, .swal2-container .otr-button.otr-button-danger:disabled:focus, .swal2-container .otr-button.otr-button-danger:disabled:focus-visible, .swal2-container .otr-button.otr-button-icon:disabled:hover, .swal2-container .otr-button.otr-button-icon:disabled:focus, .swal2-container .otr-button.otr-button-icon:disabled:focus-visible,
.otr-container .otr-button.otr-button-primary:disabled:hover,
.otr-container .otr-button.otr-button-primary:disabled:focus,
.otr-container .otr-button.otr-button-primary:disabled:focus-visible,
.otr-container .otr-button.otr-button-secondary:disabled:hover,
.otr-container .otr-button.otr-button-secondary:disabled:focus,
.otr-container .otr-button.otr-button-secondary:disabled:focus-visible,
.otr-container .otr-button.otr-button-tertiary:disabled:hover,
.otr-container .otr-button.otr-button-tertiary:disabled:focus,
.otr-container .otr-button.otr-button-tertiary:disabled:focus-visible,
.otr-container .otr-button.otr-button-outline:disabled:hover,
.otr-container .otr-button.otr-button-outline:disabled:focus,
.otr-container .otr-button.otr-button-outline:disabled:focus-visible,
.otr-container .otr-button.otr-button-danger:disabled:hover,
.otr-container .otr-button.otr-button-danger:disabled:focus,
.otr-container .otr-button.otr-button-danger:disabled:focus-visible,
.otr-container .otr-button.otr-button-icon:disabled:hover,
.otr-container .otr-button.otr-button-icon:disabled:focus,
.otr-container .otr-button.otr-button-icon:disabled:focus-visible {
  color: var(--otr-gray-900, #181B1C);
  background-color: var(--otr-gray-400, #939EA0);
}
.swal2-container .otr-button.otr-button-primary:disabled:focus, .swal2-container .otr-button.otr-button-primary:disabled:focus-visible, .swal2-container .otr-button.otr-button-secondary:disabled:focus, .swal2-container .otr-button.otr-button-secondary:disabled:focus-visible, .swal2-container .otr-button.otr-button-tertiary:disabled:focus, .swal2-container .otr-button.otr-button-tertiary:disabled:focus-visible, .swal2-container .otr-button.otr-button-outline:disabled:focus, .swal2-container .otr-button.otr-button-outline:disabled:focus-visible, .swal2-container .otr-button.otr-button-danger:disabled:focus, .swal2-container .otr-button.otr-button-danger:disabled:focus-visible, .swal2-container .otr-button.otr-button-icon:disabled:focus, .swal2-container .otr-button.otr-button-icon:disabled:focus-visible,
.otr-container .otr-button.otr-button-primary:disabled:focus,
.otr-container .otr-button.otr-button-primary:disabled:focus-visible,
.otr-container .otr-button.otr-button-secondary:disabled:focus,
.otr-container .otr-button.otr-button-secondary:disabled:focus-visible,
.otr-container .otr-button.otr-button-tertiary:disabled:focus,
.otr-container .otr-button.otr-button-tertiary:disabled:focus-visible,
.otr-container .otr-button.otr-button-outline:disabled:focus,
.otr-container .otr-button.otr-button-outline:disabled:focus-visible,
.otr-container .otr-button.otr-button-danger:disabled:focus,
.otr-container .otr-button.otr-button-danger:disabled:focus-visible,
.otr-container .otr-button.otr-button-icon:disabled:focus,
.otr-container .otr-button.otr-button-icon:disabled:focus-visible {
  border-color: var(--otr-gray-400, #939EA0);
}
.swal2-container .otr-button.otr-button-primary:disabled:active, .swal2-container .otr-button.otr-button-secondary:disabled:active, .swal2-container .otr-button.otr-button-tertiary:disabled:active, .swal2-container .otr-button.otr-button-outline:disabled:active, .swal2-container .otr-button.otr-button-danger:disabled:active, .swal2-container .otr-button.otr-button-icon:disabled:active,
.otr-container .otr-button.otr-button-primary:disabled:active,
.otr-container .otr-button.otr-button-secondary:disabled:active,
.otr-container .otr-button.otr-button-tertiary:disabled:active,
.otr-container .otr-button.otr-button-outline:disabled:active,
.otr-container .otr-button.otr-button-danger:disabled:active,
.otr-container .otr-button.otr-button-icon:disabled:active {
  color: #ffffff;
  border-color: var(--otr-gray-600, #606B6D);
  background-color: var(--otr-gray-600, #606B6D);
}
.swal2-container .otr-button.otr-button-primary,
.otr-container .otr-button.otr-button-primary {
  color: #ffffff;
  border-color: var(--otr-primary-500, #232057);
  background-color: var(--otr-primary-500, #232057);
}
.swal2-container .otr-button.otr-button-primary:hover, .swal2-container .otr-button.otr-button-primary:focus, .swal2-container .otr-button.otr-button-primary:focus-visible,
.otr-container .otr-button.otr-button-primary:hover,
.otr-container .otr-button.otr-button-primary:focus,
.otr-container .otr-button.otr-button-primary:focus-visible {
  border-color: var(--otr-primary-400, #4F4C78);
  background-color: var(--otr-primary-400, #4F4C78);
}
.swal2-container .otr-button.otr-button-primary:focus, .swal2-container .otr-button.otr-button-primary:focus-visible,
.otr-container .otr-button.otr-button-primary:focus,
.otr-container .otr-button.otr-button-primary:focus-visible {
  outline-color: var(--otr-primary-300, #7B799A);
}
.swal2-container .otr-button.otr-button-primary:active,
.otr-container .otr-button.otr-button-primary:active {
  border-color: var(--otr-primary-600, #1C1945);
  background-color: var(--otr-primary-600, #1C1945);
}
.swal2-container .otr-button.otr-button-secondary,
.otr-container .otr-button.otr-button-secondary {
  color: #ffffff;
  border-color: var(--otr-secondary-500, #10827C);
  background-color: var(--otr-secondary-500, #10827C);
}
.swal2-container .otr-button.otr-button-secondary:hover, .swal2-container .otr-button.otr-button-secondary:focus, .swal2-container .otr-button.otr-button-secondary:focus-visible,
.otr-container .otr-button.otr-button-secondary:hover,
.otr-container .otr-button.otr-button-secondary:focus,
.otr-container .otr-button.otr-button-secondary:focus-visible {
  border-color: var(--otr-secondary-400, #3F9B96);
  background-color: var(--otr-secondary-400, #3F9B96);
}
.swal2-container .otr-button.otr-button-secondary:focus, .swal2-container .otr-button.otr-button-secondary:focus-visible,
.otr-container .otr-button.otr-button-secondary:focus,
.otr-container .otr-button.otr-button-secondary:focus-visible {
  outline-color: var(--otr-secondary-300, #6FB4B0);
}
.swal2-container .otr-button.otr-button-secondary:active,
.otr-container .otr-button.otr-button-secondary:active {
  border-color: var(--otr-secondary-600, #0C6863);
  background-color: var(--otr-secondary-600, #0C6863);
}
.swal2-container .otr-button.otr-button-tertiary,
.otr-container .otr-button.otr-button-tertiary {
  color: var(--otr-primary-500, #232057);
  border-color: var(--otr-tertiary-500, #E0E585);
  background-color: var(--otr-tertiary-500, #E0E585);
}
.swal2-container .otr-button.otr-button-tertiary:hover, .swal2-container .otr-button.otr-button-tertiary:focus, .swal2-container .otr-button.otr-button-tertiary:focus-visible,
.otr-container .otr-button.otr-button-tertiary:hover,
.otr-container .otr-button.otr-button-tertiary:focus,
.otr-container .otr-button.otr-button-tertiary:focus-visible {
  border-color: var(--otr-tertiary-400, #E6EA9D);
  background-color: var(--otr-tertiary-400, #E6EA9D);
}
.swal2-container .otr-button.otr-button-tertiary:focus, .swal2-container .otr-button.otr-button-tertiary:focus-visible,
.otr-container .otr-button.otr-button-tertiary:focus,
.otr-container .otr-button.otr-button-tertiary:focus-visible {
  outline-color: var(--otr-tertiary-300, #ECEFB5);
}
.swal2-container .otr-button.otr-button-tertiary:active,
.otr-container .otr-button.otr-button-tertiary:active {
  border-color: var(--otr-tertiary-600, #B3B76A);
  background-color: var(--otr-tertiary-600, #B3B76A);
}
.swal2-container .otr-button.otr-button-outline,
.otr-container .otr-button.otr-button-outline {
  color: var(--otr-primary-500, #232057);
  background-color: #ffffff;
  border-color: var(--otr-primary-100, #D3D2DD);
}
.swal2-container .otr-button.otr-button-outline:hover, .swal2-container .otr-button.otr-button-outline:focus, .swal2-container .otr-button.otr-button-outline:focus-visible,
.otr-container .otr-button.otr-button-outline:hover,
.otr-container .otr-button.otr-button-outline:focus,
.otr-container .otr-button.otr-button-outline:focus-visible {
  border-color: var(--otr-primary-200, #A7A5BB);
  background-color: var(--otr-primary-50, #E9E9EE);
}
.swal2-container .otr-button.otr-button-outline:focus, .swal2-container .otr-button.otr-button-outline:focus-visible,
.otr-container .otr-button.otr-button-outline:focus,
.otr-container .otr-button.otr-button-outline:focus-visible {
  outline-color: var(--otr-primary-25, #F3F3F6);
}
.swal2-container .otr-button.otr-button-outline:active,
.otr-container .otr-button.otr-button-outline:active {
  border-color: var(--otr-primary-200, #A7A5BB);
  background-color: var(--otr-primary-100, #D3D2DD);
}
.swal2-container .otr-button.otr-button-danger,
.otr-container .otr-button.otr-button-danger {
  color: #ffffff;
  border-color: var(--otr-danger-500, #CC0022);
  background-color: var(--otr-danger-500, #CC0022);
}
.swal2-container .otr-button.otr-button-danger:hover, .swal2-container .otr-button.otr-button-danger:focus, .swal2-container .otr-button.otr-button-danger:focus-visible,
.otr-container .otr-button.otr-button-danger:hover,
.otr-container .otr-button.otr-button-danger:focus,
.otr-container .otr-button.otr-button-danger:focus-visible {
  border-color: var(--otr-danger-400, #D6334E);
  background-color: var(--otr-danger-400, #D6334E);
}
.swal2-container .otr-button.otr-button-danger:focus, .swal2-container .otr-button.otr-button-danger:focus-visible,
.otr-container .otr-button.otr-button-danger:focus,
.otr-container .otr-button.otr-button-danger:focus-visible {
  outline-color: var(--otr-danger-300, #E0667A);
}
.swal2-container .otr-button.otr-button-danger:active,
.otr-container .otr-button.otr-button-danger:active {
  border-color: var(--otr-danger-600, #A3001B);
  outline-color: var(--otr-danger-500, #CC0022);
  background-color: var(--otr-danger-600, #A3001B);
}
.swal2-container .otr-button.otr-button-icon,
.otr-container .otr-button.otr-button-icon {
  margin: 0;
  border: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 1;
  padding: 0.25rem;
  position: relative;
  border-radius: 50%;
  align-items: center;
  color: var(--otr-primary-500, #232057);
  font-size: 1.5625rem;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
}
.swal2-container .otr-button.otr-button-icon:hover, .swal2-container .otr-button.otr-button-icon:focus, .swal2-container .otr-button.otr-button-icon:focus-visible,
.otr-container .otr-button.otr-button-icon:hover,
.otr-container .otr-button.otr-button-icon:focus,
.otr-container .otr-button.otr-button-icon:focus-visible {
  background-color: var(--otr-secondary-25, #F2F8F8);
}
.swal2-container .otr-button.otr-button-icon:focus, .swal2-container .otr-button.otr-button-icon:focus-visible,
.otr-container .otr-button.otr-button-icon:focus,
.otr-container .otr-button.otr-button-icon:focus-visible {
  outline-color: var(--otr-secondary-25, #F2F8F8);
}
.swal2-container .otr-button.otr-button-icon:active,
.otr-container .otr-button.otr-button-icon:active {
  background-color: var(--otr-secondary-50, #E7F2F2);
}
.swal2-container .otr-button.otr-button-icon:has(i:nth-child(2)) i,
.otr-container .otr-button.otr-button-icon:has(i:nth-child(2)) i {
  inset: 0;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.swal2-container .otr-button.otr-button-icon:has(i:nth-child(2)) i:last-child,
.otr-container .otr-button.otr-button-icon:has(i:nth-child(2)) i:last-child {
  opacity: 0;
  visibility: hidden;
}
.swal2-container .otr-button.otr-button-icon:hover:has(i:nth-child(2)) i:first-child, .swal2-container .otr-button.otr-button-icon:focus:has(i:nth-child(2)) i:first-child, .swal2-container .otr-button.otr-button-icon:focus-visible:has(i:nth-child(2)) i:first-child, .swal2-container .otr-button.otr-button-icon:active:has(i:nth-child(2)) i:first-child,
.otr-container .otr-button.otr-button-icon:hover:has(i:nth-child(2)) i:first-child,
.otr-container .otr-button.otr-button-icon:focus:has(i:nth-child(2)) i:first-child,
.otr-container .otr-button.otr-button-icon:focus-visible:has(i:nth-child(2)) i:first-child,
.otr-container .otr-button.otr-button-icon:active:has(i:nth-child(2)) i:first-child {
  opacity: 0;
  visibility: hidden;
}
.swal2-container .otr-button.otr-button-icon:hover:has(i:nth-child(2)) i:last-child, .swal2-container .otr-button.otr-button-icon:focus:has(i:nth-child(2)) i:last-child, .swal2-container .otr-button.otr-button-icon:focus-visible:has(i:nth-child(2)) i:last-child, .swal2-container .otr-button.otr-button-icon:active:has(i:nth-child(2)) i:last-child,
.otr-container .otr-button.otr-button-icon:hover:has(i:nth-child(2)) i:last-child,
.otr-container .otr-button.otr-button-icon:focus:has(i:nth-child(2)) i:last-child,
.otr-container .otr-button.otr-button-icon:focus-visible:has(i:nth-child(2)) i:last-child,
.otr-container .otr-button.otr-button-icon:active:has(i:nth-child(2)) i:last-child {
  opacity: 1;
  visibility: visible;
}
.swal2-container .otr-button.otr-button-link,
.otr-container .otr-button.otr-button-link {
  border: 0;
  padding: 0;
  border-radius: 0;
  color: var(--otr-secondary-500, #10827C);
  background-color: rgba(255, 255, 255, 0);
}
.swal2-container .otr-button.otr-button-link:hover, .swal2-container .otr-button.otr-button-link:focus, .swal2-container .otr-button.otr-button-link:focus-visible,
.otr-container .otr-button.otr-button-link:hover,
.otr-container .otr-button.otr-button-link:focus,
.otr-container .otr-button.otr-button-link:focus-visible {
  color: var(--otr-secondary-400, #3F9B96);
}
.swal2-container .otr-button.otr-button-link:active,
.otr-container .otr-button.otr-button-link:active {
  color: var(--otr-secondary-600, #0C6863);
}

.otr-container {
  /*.otr-message-list {
      &.otr-message-platform-chat {
          .otr-message {
              --space-x: 1rem;
              --empty-space: 15%;
              --background-color: var(--otr-tertiary-200, #F2F4CE);
              display: grid;
              gap: 0 0.3125rem;
              align-items: baseline;
              grid-template-rows: auto;
              transition: all 0.3s ease-in-out;
              grid-template-columns: auto auto auto auto minmax(0, 1fr) var(--empty-space);
              grid-template-areas: ".         reply       reply       reply       reply       ."
                                   ".         attachment  attachment  attachment  attachment  ."
                                   "avatar    message     message     message     message     ."
                                   "avatar    created     author      answer      .           .";

              &.otr-highlight {
                  --background-color: var(--otr-tertiary-300, #ECEFB5);
              }

              &.otr-own-message {
                  --background-color: var(--otr-primary-50, #E9E9EE);
                  grid-template-columns: var(--empty-space) minmax(0, 1fr) auto auto auto auto;
                  grid-template-areas: ". reply       reply       reply       reply       ."
                                   ". attachment  attachment  attachment  attachment  ."
                                   ". message     message     message     message     avatar"
                                   ". .           answer      author      created     avatar";

                  &.otr-highlight {
                      --background-color: var(--otr-primary-100, #D3D2DD);
                  }

                  .otr-message-answer-reply {
                      margin-left: 0;
                      justify-self: flex-end;
                      margin-right: var(--space-x);

                      &:before {
                          background-color: $primary-500;
                      }
                  }

                  .otr-message-attachments-preview {
                      direction: rtl;
                      margin-left: 0;
                      margin-right: var(--space-x);
                  }

                  .otr-message-body {
                      margin-left: 0;
                      text-align: right;
                      justify-self: end;
                      color: $primary-500;
                      margin-right: var(--space-x);
                      border-bottom-right-radius: 0;
                      border-bottom-left-radius: var(--border-radius);

                      &:after {
                          left: auto;
                          right: calc(-1 * var(--space-x));
                          border-top: 0 solid $transparent;
                          border-left: 0 solid $transparent;
                          border-right: 1rem solid $transparent;
                          border-bottom: 1rem solid var(--background-color);
                      }

                      &:empty {
                          display: none;
                      }
                  }

                  .otr-message-reactions-container {
                      justify-self: flex-start;
                      justify-content: flex-start;
                      transform: translate(-0.5rem, 66%);
                  }

                  .otr-message-user {
                      &:before {
                          content: unset;
                      }

                      &:after {
                          content: '•';
                          margin-left: 0.5ch;
                      }
                  }
              }

              &.otr-deleted-message {
                  grid-template-columns: auto auto auto auto minmax(0, 1fr) var(--empty-space) !important;
                  grid-template-areas: "badge     badge       badge       badge       badge       ."
                                   ".         attachment  attachment  attachment  attachment  ."
                                   "avatar    message     message     message     message     ."
                                   "avatar    created     author      answer      .           ." !important;


                  &.otr-own-message {
                      grid-template-columns: var(--empty-space) minmax(0, 1fr) auto auto auto auto !important;
                      grid-template-areas: ". badge       badge       badge       badge       badge "
                                       ". attachment  attachment  attachment  attachment  .     "
                                       ". message     message     message     message     avatar"
                                       ". .           answer      author      created     avatar" !important;

                      .otr-tag {
                          justify-self: flex-end;
                      }
                  }
              }

              .otr-message-answer-reply {
                  margin: 0 0 0 var(--space-x);
                  position: relative;
                  grid-area: reply;
                  text-align: left;
                  border-radius: 4px;
                  padding: 0.5rem 1rem;
                  //padding: 0 0.5rem 0.25rem;
                  justify-self: flex-start;
                  background-color: var(--background-color);

                  &:before {
                      content: '';
                      top: 0.5rem;
                      left: 0.5rem;
                      display: block;
                      bottom: 0.5rem;
                      width: 0.1875rem;
                      position: absolute;
                      border-radius: 4px 0 0 4px;
                      background-color: $tertiary-500;
                  }

                  .otr-reply-to-message {
                      $lines: 3;
                      @include text-overflow(ellipsis);
                      margin: 0;
                      line-clamp: $lines;
                      overflow: hidden;
                      display: -webkit-box;
                      -webkit-line-clamp: $lines;
                      -webkit-box-orient: vertical;
                  }
              }

              .otr-message-attachments-preview {
                  padding: 0;
                  gap: 0.25rem;
                  display: grid;
                  grid-area: attachment;
                  grid-template-rows: auto;
                  margin: 0 0 0 var(--space-x);
                  grid-template-columns: repeat(var(--attachment-preview-columns, 6), minmax(0, 1fr));

                  .otr-attachment-preview-trigger,
                  video {
                      width: 100%;
                      height: auto;
                      aspect-ratio: 1;
                      object-fit: cover;
                      border-radius: 4px;
                  }
              }

              .otr-message-body {
                  @include font-size-paragraph-small();
                  --border-radius: 4px;
                  max-width: 100%;
                  font-weight: 600;
                  text-align: left;
                  position: relative;
                  grid-area: message;
                  width: fit-content;
                  justify-self: start;
                  color: $primary-500;
                  padding: 0.5rem 1rem;
                  margin: 0 0 0 var(--space-x);
                  transition: all 0.3s ease-in-out;
                  background-color: var(--background-color);
                  border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0;

                  &:after {
                      width: 0;
                      bottom: 0;
                      height: 0;
                      right: auto;
                      content: '';
                      position: absolute;
                      left: calc(-1 * var(--space-x));
                      border-top: 0 solid $transparent;
                      transition: all 0.3s ease-in-out;
                      border-right: 0 solid $transparent;
                      border-left: 1rem solid $transparent;
                      border-bottom: 1rem solid var(--background-color);
                  }
              }

              .otr-message-author-avatar {
                  width: 2rem;
                  height: auto;
                  align-self: end;
                  aspect-ratio: 1;
                  grid-area: avatar;
                  border-radius: 50%;
              }

              .otr-message-answer {
                  @include font-size-label-large();
                  grid-area: answer;
              }

              .otr-message-user {
                  @include font-size-label-large();
                  color: $gray-700;
                  font-weight: 600;
                  grid-area: author;

                  &:before {
                      content: '•';
                      margin-right: 0.5ch;
                  }
              }

              .otr-message-time {
                  @include font-size-label-large();
                  color: $gray-700;
                  grid-area: created;
                  font-weight: normal;
              }

              .otr-message-answer,
              .otr-message-user,
              .otr-message-time {
                  margin-top: 0.3125rem;
              }
          }

          @supports (container-type: inline-size) {
              width: 100%;
              container-type: inline-size;

              .otr-message {
                  @container (max-width: 991px) {
                      .otr-message-attachments-preview {
                          --attachment-preview-columns: 4;
                      }
                  }
                  @container (max-width: 767px) {
                      --empty-space: 10%;
                      .otr-message-attachments-preview {
                          --attachment-preview-columns: 3;
                      }
                  }
                  @container (max-width: 575px) {
                      --empty-space: 5%;
                      .otr-message-attachments-preview {
                          --attachment-preview-columns: 2;
                      }
                  }
                  @container (max-width: 320px) {
                      --empty-space: 1rem;
                      grid-template-areas: ".         reply       reply       ."
                                       ".         attachment  attachment  ."
                                       "avatar    message     message     ."
                                       "avatar    created     author      ."
                                       "avatar    answer      answer      .";
                      grid-template-columns: auto auto minmax(0, 1fr) var(--empty-space);

                      &.otr-own-message {
                          grid-template-areas: ". reply       reply       ."
                                           ". attachment  attachment  ."
                                           ". message     message     avatar"
                                           ". author      created     avatar"
                                           ". answer      answer      avatar";
                          grid-template-columns: var(--empty-space) minmax(0, 1fr) auto auto;

                          .otr-message-user,
                          .otr-message-answer {
                              justify-self: flex-end;
                          }
                      }
                  }
              }
          }
          @supports not (container-type: inline-size) {
              .otr-message {
                  @media (max-width: 991px) {
                      --empty-space: 10%;
                      .otr-message-attachments-preview {
                          --attachment-preview-columns: 3;
                      }
                  }
                  @media (max-width: 768px) {
                      --empty-space: 5%;
                      .otr-message-attachments-preview {
                          --attachment-preview-columns: 2;
                      }
                  }
                  @media (max-width: 480px) {
                      --empty-space: 1rem;
                      grid-template-areas: ".         reply       reply       ."
                                       ".         attachment  attachment  ."
                                       "avatar    message     message     ."
                                       "avatar    created     author      ."
                                       "avatar    answer      answer      .";
                      grid-template-columns: auto auto minmax(0, 1fr) var(--empty-space);

                      &.otr-own-message {
                          grid-template-areas: ". reply       reply       ."
                                           ". attachment  attachment  ."
                                           ". message     message     avatar"
                                           ". author      created     avatar"
                                           ". answer      answer      avatar";
                          grid-template-columns: var(--empty-space) minmax(0, 1fr) auto auto;

                          .otr-message-user,
                          .otr-message-answer {
                              justify-self: flex-end;
                          }
                      }
                  }
              }
          }
      }

      &.otr-message-platform-social-media {
          --avatar-size: 2rem;

          &.otr-child-message-list-nested {
              padding-top: 0;
              padding-right: 0;
              padding-bottom: 0;
          }

          .otr-message {
              --empty-space: 15%;
              --background-color: var(--otr-tertiary-200, #F2F4CE);
              display: grid;
              align-items: baseline;
              gap: 0.25rem 0.3125rem;
              grid-template-rows: auto;
              transition: all 0.3s ease-in-out;
              grid-template-columns: auto auto auto auto minmax(0, 1fr) var(--empty-space);
              grid-template-areas: "avatar    author      author      author    "
                                   "avatar    attachment  attachment  attachment"
                                   "avatar    message     message     message   "
                                   "avatar    created     answer      .         ";

              &.otr-highlight {
                  --background-color: var(--otr-tertiary-300, #ECEFB5);
              }

              &.otr-deleted-message {
                  grid-template-areas: "badge     badge       badge       badge     "
                                       "avatar    author      author      author    "
                                       "avatar    attachment  attachment  attachment"
                                       "avatar    message     message     message   "
                                       "avatar    created     answer      .         ";
              }

              .otr-message-attachments-preview {
                  margin: 0;
                  padding: 0;
                  gap: 0.25rem;
                  display: grid;
                  grid-area: attachment;
                  grid-template-rows: auto;
                  grid-template-columns: repeat(var(--attachment-preview-columns, 6), minmax(0, 1fr));

                  .otr-attachment-preview-trigger,
                  video {
                      width: 100%;
                      height: auto;
                      aspect-ratio: 1;
                      object-fit: cover;
                      border-radius: 4px;
                  }
              }

              .otr-message-body {
                  @include font-size-paragraph-small();
                  --border-radius: 4px;
                  margin: 0;
                  max-width: 100%;
                  font-weight: 600;
                  text-align: left;
                  position: relative;
                  grid-area: message;
                  width: fit-content;
                  justify-self: start;
                  color: $primary-500;
                  padding: 0.5rem 1rem;
                  transition: all 0.3s ease-in-out;
                  border-radius: var(--border-radius);
                  background-color: var(--background-color);
              }

              .otr-message-author-avatar {
                  height: auto;
                  aspect-ratio: 1;
                  grid-area: avatar;
                  border-radius: 50%;
                  align-self: flex-start;
                  width: var(--avatar-size);
              }

              .otr-message-answer {
                  @include font-size-label-large();
                  grid-area: answer;
              }

              .otr-message-user {
                  @include font-size-label-large();
                  color: $gray-700;
                  font-weight: 600;
                  grid-area: author;
              }

              .otr-message-time {
                  @include font-size-label-large();
                  color: $gray-700;
                  grid-area: created;
                  font-weight: normal;
              }

              //.otr-message-answer,
              //.otr-message-user,
              //.otr-message-time {
              //    margin-top: 0.3125rem;
              //}
          }

          .otr-child-message-list {
              width: 100%;
              padding-left: var(--avatar-size);
              margin-bottom: calc(var(--list-gap) / 2);

              summary {
                  @include font-size-paragraph-small();
                  margin-bottom: 0.5rem;
              }

              .otr-child-message-list-nested {
                  overflow: visible;
                  padding: 0;
                  box-shadow: none;
              }

              > div {
                  @include flex-direction(column);
                  display: flex;
                  gap: var(--list-gap);
              }
          }
      }

      .otr-message {
          &.otr-symbolic-actions {
              --space: minmax(0, 1fr);
              gap: 0;
              display: flex;
              justify-content: center;

              .otr-alert {
                  display: grid;
                  gap: 0.125rem 0.5rem;
                  justify-content: center;
                  grid-template-areas: 'icon action'
                                   'icon triggered-by'
                                   'icon time';

                  i[class*="icon-"] {
                      grid-area: icon;
                  }

                  .otr-message-action {
                      @include font-size-paragraph-small();
                      margin: 0;
                      padding: 0;
                      grid-area: action;
                      font-weight: bold;
                  }

                  .otr-message-triggered-by {
                      @include font-size-label-large();
                      margin: 0;
                      padding: 0;
                      font-style: italic;
                      grid-area: triggered-by;
                  }

                  .otr-message-time {
                      @include font-size-label-medium();
                      margin: 0;
                      padding: 0;
                      grid-area: time;
                  }
              }
          }

          .otr-message-reactions-container {
              gap: 0.5rem;
              display: flex;
              grid-area: message;
              align-items: center;
              align-self: flex-end;
              justify-self: flex-end;
              justify-content: flex-end;
              transform: translate(0.5rem, 66%);
          }

          &.otr-deleted-message {
              border: 1px dashed $gray-300 !important;
              opacity: 0.8;
              padding: 0.25rem;
              background-color: $gray-50;

              .otr-tag {
                  grid-area: badge;
                  margin: 0 0 0.5rem;
                  justify-self: flex-start;
              }

              .otr-message-body.otr-deleted-content {
                  color: $gray-500;
                  text-decoration: line-through;
              }
          }
      }
  }*/
}
.otr-container .otr-text-capitalize {
  text-transform: capitalize;
}
.otr-container .otr-heading {
  margin: 0;
}
.otr-container .otr-font-size-h1 {
  font-size: 3.25rem;
  line-height: 1.231;
}
@media (max-width: 991px) {
  .otr-container .otr-font-size-h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 575px) {
  .otr-container .otr-font-size-h1 {
    font-size: 2rem;
    line-height: 1.25;
  }
}
.otr-container .otr-font-size-h2 {
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .otr-container .otr-font-size-h2 {
    font-size: 2.125rem;
    line-height: 1.176;
  }
}
@media (max-width: 575px) {
  .otr-container .otr-font-size-h2 {
    font-size: 1.7rem;
    line-height: 1.324;
  }
}
.otr-container .otr-font-size-h3 {
  font-size: clamp(1.5rem, 2vw + 1rem, 2rem);
  line-height: 1.5;
}
@media (max-width: 991px) {
  .otr-container .otr-font-size-h3 {
    font-size: 1.7rem;
    line-height: 1.324;
  }
}
@media (max-width: 575px) {
  .otr-container .otr-font-size-h3 {
    font-size: 2rem;
    line-height: 1.33;
  }
}
.otr-container .otr-font-size-h4 {
  font-size: 1.6rem;
  line-height: 1.25;
}
@media (max-width: 991px) {
  .otr-container .otr-font-size-h4 {
    font-size: 1.4rem;
    line-height: 1.25;
  }
}
@media (max-width: 575px) {
  .otr-container .otr-font-size-h4 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
.otr-container .otr-font-size-h5 {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.4rem);
  line-height: 1.429;
}
@media (max-width: 991px) {
  .otr-container .otr-font-size-h5 {
    line-height: 1.4;
  }
}
.otr-container .otr-font-size-paragraph-large {
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
}
@media (max-width: 575px) {
  .otr-container .otr-font-size-paragraph-large {
    line-height: 1.304;
  }
}
.otr-container .otr-font-size-paragraph-medium {
  font-size: 1.15rem;
  line-height: 1.304;
}
.otr-container .otr-font-size-paragraph-small {
  font-size: 1rem;
  line-height: 1.5;
}
.otr-container .otr-font-size-label-large {
  font-size: 0.875rem;
  line-height: 1.143;
}
.otr-container .otr-font-size-label-medium {
  font-size: 0.75rem;
  line-height: 1.333;
}
.otr-container .otr-font-size-label-small {
  font-size: 0.625rem;
  line-height: 1.6;
}
.otr-container .otr-font-weight-semibold {
  font-weight: 600;
}
.otr-container .otr-color-primary-500 {
  color: var(--otr-primary-500, #232057);
}
.otr-container .emoji-picker .emoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif !important;
}
.otr-container .otr-skeleton-box {
  height: 1em;
  opacity: 0.75;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  display: inline-block;
  background-color: #DDDBDD;
}
.otr-container .otr-skeleton-box::after {
  inset: 0;
  content: "";
  position: absolute;
  transform: translateX(-100%);
  animation: otr-shimmer 5s infinite;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
}
.otr-container .otr-hgroup {
  gap: 0.5ch;
  display: flex;
  align-items: baseline;
}
.otr-container [class^=icon-].otr-loading,
.otr-container [class*=" icon-"].otr-loading {
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.otr-container [class^=icon-].sm,
.otr-container [class*=" icon-"].sm {
  font-size: 1rem;
}
.otr-container [class^=icon-].md,
.otr-container [class*=" icon-"].md {
  font-size: 1.5rem;
}
.otr-container [class^=icon-].lg,
.otr-container [class*=" icon-"].lg {
  font-size: 2rem;
}
.otr-container .trix-button-row [data-trix-attribute=strike],
.otr-container .trix-button-row [data-trix-attribute=heading1],
.otr-container .trix-button-row [data-trix-attribute=code],
.otr-container .trix-button-row [data-trix-button-group=file-tools] {
  display: none;
}
.otr-container .trix-button-row .trix-button-group {
  border: 0;
}
.otr-container .trix-button-row button.trix-button {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
  border: 0 !important;
  gap: 1rem;
  margin: 0;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  font-weight: 400;
  padding: 0.25rem;
  border-radius: 50%;
  color: var(--otr-primary-500, #232057);
  align-items: center;
  display: inline-flex;
  justify-content: center;
  font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .otr-container .trix-button-row button.trix-button {
    line-height: 1.304;
  }
}
.otr-container .trix-button-row button.trix-button.trix-active {
  background-color: var(--otr-primary-25, #F3F3F6);
}
.otr-container .trix-button-row button.trix-button:before {
  background-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
}
.otr-container .trix-button-row button.trix-button:hover, .otr-container .trix-button-row button.trix-button:focus, .otr-container .trix-button-row button.trix-button:focus-visible {
  background-color: var(--otr-secondary-25, #F2F8F8);
}
.otr-container .trix-button-row button.trix-button:active {
  background-color: var(--otr-secondary-50, #E7F2F2);
}
.otr-container .otr-grid {
  gap: 1.875rem;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.otr-container .otr-grid.otr-grid-dashboard-favorites {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1199px) {
  .otr-container .otr-grid.otr-grid-dashboard-favorites {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .otr-container .otr-grid.otr-grid-dashboard-favorites {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .otr-container .otr-grid.otr-grid-dashboard-favorites {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.otr-container .otr-grid.otr-grid-dashboard-favorites.otr-no-favorites {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.otr-container ul.otr-training-tags {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0;
  padding: 0;
  gap: 0 1rem;
  display: flex;
  list-style-type: none;
}
.otr-container ul.otr-training-tags li.otr-hidden-line-break {
  flex: 1 1 100%;
}
.otr-container ul.otr-training-tags li.otr-tag i {
  font-size: 1rem;
  line-height: 1.5;
}
.otr-container .otr-tag {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  font-size: 1rem;
  line-height: 1.5;
  gap: 0.5rem;
  margin-top: 1rem;
  font-weight: normal;
  border-radius: 20px;
  color: var(--otr-primary-500, #232057);
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: baseline;
  background-color: #ffffff;
  border: 1px solid var(--otr-primary-100, #D3D2DD);
}
.otr-container .otr-tag.otr-tag-danger {
  color: var(--otr-danger-500, #CC0022);
  border-color: var(--otr-danger-100, #F5CCD3);
  background-color: var(--otr-danger-50, #FAE5E8);
}
.otr-container .otr-tag.otr-tag-small {
  font-size: 0.875rem;
  line-height: 1.143;
  padding: 0.25rem 0.5rem;
}
.otr-container a.otr-card:hover, .otr-container a.otr-card:focus, .otr-container a.otr-card:focus-visible, .otr-container a.otr-card:focus-within,
.otr-container button.otr-card:hover,
.otr-container button.otr-card:focus,
.otr-container button.otr-card:focus-visible,
.otr-container button.otr-card:focus-within {
  background-color: var(--otr-primary-25, #F3F3F6);
}
.otr-container .otr-card {
  height: 100%;
  border: none;
  padding: 1rem;
  border-radius: 4px;
  position: relative;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.otr-container .otr-card .otr-card-box-link {
  position: absolute;
  inset: 0;
}
.otr-container .otr-card .otr-button {
  z-index: 1;
  position: relative;
}
.otr-container .otr-card .otr-card-title {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.4rem);
  line-height: 1.429;
  text-align: left;
  font-weight: 600;
  color: var(--otr-primary-500, #232057);
  font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
  .otr-container .otr-card .otr-card-title {
    line-height: 1.4;
  }
}
.otr-container .otr-card:hover, .otr-container .otr-card:focus, .otr-container .otr-card:focus-visible, .otr-container .otr-card:focus-within {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.otr-container .otr-card.otr-card-favorite {
  display: grid;
  align-items: flex-end;
  gap: 0.625rem 0.125rem;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "title  title   title" "link   .       favorite";
}
.otr-container .otr-card.otr-card-favorite .otr-card-title {
  grid-area: title;
  min-height: 6rem;
}
.otr-container .otr-card.otr-card-favorite a.otr-button {
  grid-area: link;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.otr-container .otr-card.otr-card-favorite .otr-button.otr-button-favorite {
  grid-area: favorite;
}
.otr-container .otr-card.otr-card-dashboard {
  gap: 0.625rem;
  display: grid;
  align-items: flex-start;
  container-type: inline-size;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  grid-template-areas: "title  title   button" "data   trainer button-box" "info   info    info";
}
@media (max-width: 991px) {
  .otr-container .otr-card.otr-card-dashboard {
    grid-template-columns: minmax(0, 3.5fr) minmax(0, 2fr) auto;
  }
}
@media (max-width: 768px) {
  .otr-container .otr-card.otr-card-dashboard {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "title      title" "data       data" "trainer    trainer" "button     button-box" "info       info";
  }
  .otr-container .otr-card.otr-card-dashboard .otr-card-data {
    margin-bottom: 0.5rem;
  }
  .otr-container .otr-card.otr-card-dashboard .otr-trainer-box {
    margin-bottom: 1rem;
  }
}
@media (max-width: 575px) {
  .otr-container .otr-card.otr-card-dashboard .otr-training-card-button-icon-box {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.otr-container .otr-card.otr-card-dashboard .otr-card-title {
  grid-area: title;
}
.otr-container .otr-card.otr-card-dashboard .otr-card-data {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 0.125rem;
  display: flex;
  grid-area: data;
  font-size: 1rem;
  list-style: none;
  color: var(--otr-primary-500, #232057);
  line-height: 1.5rem;
}
.otr-container .otr-card.otr-card-dashboard .otr-card-data b {
  font-weight: 600;
}
.otr-container .otr-card.otr-card-dashboard .otr-card-data [class^=icon-],
.otr-container .otr-card.otr-card-dashboard .otr-card-data [class*=" icon-"] {
  font-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.otr-container .otr-card.otr-card-dashboard .otr-card-data li {
  flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  gap: 0 0.5ch;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.otr-container .otr-card.otr-card-dashboard .otr-card-data li.otr-training-supported-by {
  margin-top: 0.25rem;
  line-height: 1.5rem;
}
.otr-container .otr-card.otr-card-dashboard .otr-trainer-box {
  gap: 0 0.5rem;
  display: grid;
  grid-area: trainer;
  grid-template-rows: auto;
  grid-template-areas: "avatar heading" "avatar name";
  grid-template-columns: 3rem minmax(0, 1fr);
}
.otr-container .otr-card.otr-card-dashboard .otr-trainer-box .otr-trainer-box-avatar {
  grid-area: avatar;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.otr-container .otr-card.otr-card-dashboard .otr-trainer-box .otr-trainer-box-heading {
  grid-area: heading;
  color: var(--otr-primary-400, #4F4C78);
}
.otr-container .otr-card.otr-card-dashboard .otr-trainer-box .otr-trainer-box-name {
  grid-area: name;
}
.otr-container .otr-card.otr-card-dashboard .otr-training-card-button {
  grid-area: button;
}
.otr-container .otr-card.otr-card-dashboard .otr-training-card-button-icon-box {
  gap: 1rem;
  height: 100%;
  display: flex;
  grid-area: button-box;
  align-items: flex-end;
  justify-content: center;
}
.otr-container .otr-card.otr-card-dashboard .otr-training-info {
  grid-area: info;
  margin-top: 0.5rem;
}
.otr-container .otr-card.otr-card-partner {
  gap: 1rem;
  display: grid;
  grid-template-areas: "logo title";
  grid-template-columns: auto minmax(0, 1fr);
}
.otr-container .otr-card.otr-card-partner:not(:has(.otr-partner-logo)) {
  gap: 0;
}
.otr-container .otr-card.otr-card-partner .otr-partner-logo {
  width: 6.5rem;
  height: 6.5rem;
  grid-area: logo;
  object-fit: cover;
  border-radius: 4px;
}
.otr-container .otr-card.otr-card-partner .otr-card-title {
  margin: 0;
  grid-area: title;
}
.otr-container .otr-card.otr-card-user {
  height: auto;
  display: grid;
  gap: 0.0125rem 0.5rem;
  grid-template-rows: auto;
  grid-template-areas: "avatar	title	" "avatar	bio		";
  grid-template-columns: auto minmax(0, 1fr);
}
.otr-container .otr-card.otr-card-user .otr-card-avatar {
  width: 3rem;
  height: 3rem;
  grid-area: avatar;
  object-fit: cover;
  border-radius: 50%;
}
.otr-container .otr-card.otr-card-user .otr-card-title {
  margin: 0;
  grid-area: title;
}
.otr-container .otr-card.otr-card-user .otr-card-description {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  grid-area: bio;
  text-align: left;
}
.otr-container .otr-card.otr-card-training-participants {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 0.5rem;
  display: flex;
  align-items: center;
}
.otr-container .otr-card.otr-card-training-participants .otr-card-title {
  font-size: 1.15rem;
  line-height: 1.304;
  margin: 0;
  flex: 1 1 auto;
  font-weight: normal;
}
.otr-container .otr-card.otr-card-training-participants a {
  font-size: 1.15rem;
  line-height: 1.304;
  text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-color: rgba(255, 255, 255, 0);
  -moz-text-decoration-color: rgba(255, 255, 255, 0);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
  color: var(--otr-primary-500, #232057);
  font-weight: normal;
}
.otr-container .otr-card.otr-card-training-participants a:hover, .otr-container .otr-card.otr-card-training-participants a:focus, .otr-container .otr-card.otr-card-training-participants a:focus-visible, .otr-container .otr-card.otr-card-training-participants a:focus-within {
  text-decoration-color: currentColor;
  -moz-text-decoration-color: currentColor;
  -webkit-text-decoration-color: currentColor;
}
.otr-container .otr-card.otr-card-training-participants > span:not([class]) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.otr-container .otr-card.otr-card-invitation {
  display: flex;
  align-items: center;
}
.otr-container .otr-card.otr-card-invitation p {
  font-size: 1.15rem;
  line-height: 1.304;
  margin: 0;
}
.otr-container .otr-card.otr-card-invitation p.otr-card-title {
  flex: 1 1 auto;
  font-weight: 600;
}
.otr-container .otr-card.otr-card-invitation p.otr-card-hidden-mobile {
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
}
@media (max-width: 575px) {
  .otr-container .otr-card.otr-card-invitation p.otr-card-hidden-mobile {
    line-height: 1.304;
  }
}
@media (max-width: 767px) {
  .otr-container .otr-card.otr-card-invitation p.otr-card-hidden-mobile {
    display: none;
  }
}
.otr-container .otr-card.otr-card-private-conversation-button {
  gap: 0.5rem;
  display: grid;
  grid-template-areas: "avatar-1 avatar-2 names badge" "avatar-1 avatar-2 roles badge";
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}
.otr-container .otr-card.otr-card-private-conversation-button > img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  grid-area: avatar-2;
  background-color: #ffffff;
  border: 0.0625rem solid #ffffff;
}
.otr-container .otr-card.otr-card-private-conversation-button > img:first-child {
  grid-area: avatar-1;
}
.otr-container .otr-card.otr-card-private-conversation-button > img:not(:first-child) {
  margin-left: -1rem;
}
.otr-container .otr-card.otr-card-private-conversation-button > .otr-pair-names {
  display: block;
  grid-area: names;
  text-align: left;
  color: var(--otr-primary-500, #232057);
}
.otr-container .otr-card.otr-card-private-conversation-button > .otr-pair-names > .otr-private-user-1-name,
.otr-container .otr-card.otr-card-private-conversation-button > .otr-pair-names > .otr-private-user-2-name {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}
.otr-container .otr-card.otr-card-private-conversation-button > .otr-pair-names > i {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--otr-gray-400, #939EA0);
}
.otr-container .otr-card.otr-card-private-conversation-button > .otr-pair-roles {
  font-size: 0.875rem;
  line-height: 1.143;
  display: block;
  grid-area: roles;
  text-align: left;
}
.otr-container .otr-card.otr-card-private-conversation-button > .otr-badge {
  grid-area: badge;
  align-self: center;
}
.otr-container .otr-alert {
  gap: 0.5rem;
  display: grid;
  padding: 1.5rem;
  color: var(--otr-primary-500, #232057);
  background-color: #ffffff;
  border: 1px solid #000000;
  grid-template-rows: auto;
  align-items: first baseline;
  transition: all 0.3s ease-in-out;
  grid-template-columns: auto minmax(0, 1fr);
}
@media (max-width: 575px) {
  .otr-container .otr-alert {
    padding: 1rem;
  }
}
.otr-container .otr-alert.otr-alert-danger {
  color: var(--otr-danger-800, #52000E);
  border-color: var(--otr-danger-200, #EB99A7);
  background-color: var(--otr-danger-100, #F5CCD3);
}
.otr-container .otr-alert.otr-alert-info {
  color: var(--otr-primary-500, #232057);
  border-color: var(--otr-primary-100, #D3D2DD);
  background-color: var(--otr-primary-100, #D3D2DD);
}
.otr-container .otr-alert.otr-alert-success {
  color: var(--otr-secondary-500, #10827C);
  border-color: var(--otr-secondary-100, #CFE6E4);
  background-color: var(--otr-secondary-100, #CFE6E4);
}
.otr-container .otr-alert.otr-alert-warning {
  color: var(--otr-quaternary-600, #5B5D30);
  border-color: var(--otr-quaternary-100, #E2E3D8);
  background-color: var(--otr-quaternary-100, #E2E3D8);
}
.otr-container .otr-alert > i {
  grid-column: 1;
  grid-row: 1/-1;
}
.otr-container .otr-alert > *:not(i) {
  grid-column: 2;
}
.otr-container .otr-alert p {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.otr-container .otr-alert p:last-child {
  margin-bottom: 0;
}
.otr-container label.otr-checkbox {
  margin: 0;
  gap: 0.5rem;
  height: auto;
  display: flex;
  cursor: pointer;
  font-size: 1rem;
  color: var(--otr-primary-500, #232057);
  align-items: center;
  line-height: 1.5rem;
  border-radius: 20px;
  padding: 0.5rem 0.8rem;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
}
.otr-container label.otr-checkbox span {
  text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-color: rgba(255, 255, 255, 0);
  -moz-text-decoration-color: rgba(255, 255, 255, 0);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
  position: relative;
  transition: all 0.3s ease-in-out;
}
.otr-container label.otr-checkbox:hover, .otr-container label.otr-checkbox:focus, .otr-container label.otr-checkbox:focus-within, .otr-container label.otr-checkbox:focus-visible {
  background-color: var(--otr-primary-25, #F3F3F6);
}
.otr-container label.otr-checkbox:hover span, .otr-container label.otr-checkbox:focus span, .otr-container label.otr-checkbox:focus-within span, .otr-container label.otr-checkbox:focus-visible span {
  text-decoration-color: var(--otr-primary-500, #232057);
  -moz-text-decoration-color: var(--otr-primary-500, #232057);
  -webkit-text-decoration-color: var(--otr-primary-500, #232057);
}
.otr-container label.otr-checkbox:active {
  background-color: var(--otr-primary-50, #E9E9EE);
}
.otr-container label.otr-checkbox:active span {
  text-decoration-color: var(--otr-primary-500, #232057);
  -moz-text-decoration-color: var(--otr-primary-500, #232057);
  -webkit-text-decoration-color: var(--otr-primary-500, #232057);
}
.otr-container .otr-form-group,
.otr-container .otr-form-group .otr-form-group-floating-icon {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  gap: 0.25rem;
  display: flex;
  position: relative;
  align-items: stretch;
}
.otr-container .otr-form-group.otr-no-gap {
  gap: 0;
}
.otr-container .otr-form-group label,
.otr-container .otr-form-group .otr-form-error {
  font-size: 0.875rem;
  line-height: 1.143;
  display: block;
  min-height: 1rem;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: normal;
}
.otr-container .otr-form-group label {
  cursor: pointer;
  color: var(--otr-primary-400, #4F4C78);
}
.otr-container .otr-form-group .otr-form-error {
  color: var(--otr-danger-500, #CC0022);
}
.otr-container .otr-form-group .otr-form-success {
  color: var(--otr-secondary-500, #10827C);
}
.otr-container .otr-form-group .otr-form-group-floating-icon .otr-form-icon {
  top: 0;
  right: 0;
  margin: 0;
  width: auto;
  height: 100%;
  line-height: 1;
  aspect-ratio: 1;
  max-height: 3rem;
  position: absolute;
  font-size: 1.25rem;
  align-items: center;
  display: inline-flex;
  pointer-events: none;
  justify-content: center;
}
.otr-container .otr-form-group.otr-form-group-trix .otr-form-group-floating-icon .otr-form-icon {
  top: auto;
  bottom: 0;
}
.otr-container .otr-form-group.otr-form-group-select.otr-form-group-select-custom-arrow .otr-form-control {
  padding-right: 3rem;
}
.otr-container .otr-form-group.otr-form-group-select.otr-form-group-select-custom-arrow:after {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.4rem);
  line-height: 1.429;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  content: "";
  font-size: 1.5rem;
  position: absolute;
  align-items: center;
  pointer-events: none;
  align-content: center;
  font-family: "icomoon";
  justify-content: center;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--otr-tertiary-500, #E0E585);
}
@media (max-width: 991px) {
  .otr-container .otr-form-group.otr-form-group-select.otr-form-group-select-custom-arrow:after {
    line-height: 1.4;
  }
}
.otr-container .trix_editor,
.otr-container .otr-form-control {
  background-color: #ffffff !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  width: 100%;
  height: 3rem;
  border-radius: 4px;
  color: var(--otr-primary-500, #232057);
  padding: 0.75rem 1rem;
  text-overflow: ellipsis;
  outline-offset: 0.125rem;
  outline-color: var(--otr-primary-100, #D3D2DD);
  border: solid 1px var(--otr-primary-100, #D3D2DD);
  transition: all 0.3s ease-in-out;
}
.otr-container .trix_editor:hover, .otr-container .trix_editor:focus, .otr-container .trix_editor:focus-visible,
.otr-container .otr-form-control:hover,
.otr-container .otr-form-control:focus,
.otr-container .otr-form-control:focus-visible {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
  outline-offset: 0.25rem;
  border-color: var(--otr-primary-200, #A7A5BB);
  outline-color: var(--otr-primary-200, #A7A5BB);
}
.otr-container .trix_editor:active,
.otr-container .otr-form-control:active {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
  outline-offset: 0.25rem;
  border-color: var(--otr-primary-500, #232057);
  outline-color: var(--otr-primary-500, #232057);
}
.otr-container .trix_editor::placeholder,
.otr-container .otr-form-control::placeholder {
  color: var(--otr-primary-300, #7B799A) !important;
}
.otr-container .trix_editor::-webkit-input-placeholder,
.otr-container .otr-form-control::-webkit-input-placeholder {
  color: var(--otr-primary-300, #7B799A) !important;
}
.otr-container .trix_editor::-moz-placeholder,
.otr-container .otr-form-control::-moz-placeholder {
  color: var(--otr-primary-300, #7B799A) !important;
}
.otr-container .trix_editor:-moz-placeholder,
.otr-container .otr-form-control:-moz-placeholder {
  color: var(--otr-primary-300, #7B799A) !important;
}
.otr-container .trix_editor:-ms-input-placeholder,
.otr-container .otr-form-control:-ms-input-placeholder {
  color: var(--otr-primary-300, #7B799A) !important;
}
.otr-container .trix_editor.otr-error,
.otr-container .trix_editor.otr-success,
.otr-container .otr-form-control.otr-error,
.otr-container .otr-form-control.otr-success {
  padding-right: 3rem;
}
.otr-container .trix_editor.otr-error,
.otr-container .otr-form-control.otr-error {
  border-color: var(--otr-danger-500, #CC0022);
  outline-color: var(--otr-danger-500, #CC0022);
}
.otr-container .trix_editor.otr-error:hover, .otr-container .trix_editor.otr-error:focus, .otr-container .trix_editor.otr-error:focus-visible,
.otr-container .otr-form-control.otr-error:hover,
.otr-container .otr-form-control.otr-error:focus,
.otr-container .otr-form-control.otr-error:focus-visible {
  border-color: var(--otr-danger-400, #D6334E);
  outline-color: var(--otr-danger-400, #D6334E);
}
.otr-container .trix_editor.otr-error:active,
.otr-container .otr-form-control.otr-error:active {
  border-color: var(--otr-danger-600, #A3001B);
  outline-color: var(--otr-danger-600, #A3001B);
}
.otr-container .trix_editor.otr-error::placeholder,
.otr-container .otr-form-control.otr-error::placeholder {
  color: var(--otr-danger-700, #7A0014) !important;
}
.otr-container .trix_editor.otr-error::-webkit-input-placeholder,
.otr-container .otr-form-control.otr-error::-webkit-input-placeholder {
  color: var(--otr-danger-700, #7A0014) !important;
}
.otr-container .trix_editor.otr-error::-moz-placeholder,
.otr-container .otr-form-control.otr-error::-moz-placeholder {
  color: var(--otr-danger-700, #7A0014) !important;
}
.otr-container .trix_editor.otr-error:-moz-placeholder,
.otr-container .otr-form-control.otr-error:-moz-placeholder {
  color: var(--otr-danger-700, #7A0014) !important;
}
.otr-container .trix_editor.otr-error:-ms-input-placeholder,
.otr-container .otr-form-control.otr-error:-ms-input-placeholder {
  color: var(--otr-danger-700, #7A0014) !important;
}
.otr-container .trix_editor,
.otr-container textarea.otr-form-control {
  height: auto;
  min-height: 9rem;
}
.otr-container .otr-input-group {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "prepend input append";
}
.otr-container .otr-input-group > .otr-input-group-prepend,
.otr-container .otr-input-group > .otr-input-group-append {
  width: 3rem;
}
.otr-container .otr-input-group > .otr-input-group-prepend.otr-button,
.otr-container .otr-input-group > .otr-input-group-append.otr-button {
  padding: 0.5rem;
}
.otr-container .otr-input-group > .otr-input-group-prepend {
  grid-area: prepend;
}
.otr-container .otr-input-group > .otr-input-group-append {
  height: 100%;
  grid-area: append;
  justify-content: center;
}
.otr-container .otr-input-group > .otr-form-control,
.otr-container .otr-input-group > .otr-floating-icon-group {
  grid-area: input;
}
.otr-container .otr-input-group .otr-input-group-append, .otr-container .otr-input-group:has(.otr-input-group-prepend) .otr-form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.otr-container .otr-input-group .otr-input-group-prepend, .otr-container .otr-input-group:has(.otr-input-group-append) .otr-form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.otr-container .otr-floating-icon-group {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.otr-container .otr-floating-icon-group .otr-button.otr-button-icon {
  top: 50%;
  right: 0.25rem;
  position: absolute;
  transform: translateY(-50%);
}
.otr-container .otr-checkbox-switch {
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
  display: grid;
  cursor: pointer;
  margin: 0 -0.5rem;
  font-style: normal;
  font-weight: normal;
  border-radius: 24px;
  color: var(--otr-primary-500, #232057);
  align-items: center;
  font-stretch: normal;
  padding: 0.25rem 0.5rem;
  transition: all 0.3s ease-in-out;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}
@media (max-width: 575px) {
  .otr-container .otr-checkbox-switch {
    line-height: 1.304;
  }
}
@media (max-width: 767px) {
  .otr-container .otr-checkbox-switch {
    margin: 0;
  }
}
.otr-container .otr-checkbox-switch:hover, .otr-container .otr-checkbox-switch:focus-within {
  background-color: rgba(0, 0, 0, 0.06);
}
.otr-container .otr-checkbox-switch input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 2rem;
  width: 3.5rem;
  display: flex;
  cursor: pointer;
  border-radius: 16px;
  align-items: center;
  grid-column: -1/-1;
  justify-content: flex-start;
  transition: all 0.3s ease-in-out;
  background-color: var(--background-color, var(--otr-primary-200, #A7A5BB));
}
.otr-container .otr-checkbox-switch input[type=checkbox]:after {
  margin: 0;
  content: "";
  display: flex;
  left: 0.125rem;
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
  align-self: center;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  font-family: "icomoon", sans-serif;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.otr-container .otr-checkbox-switch input[type=checkbox]:checked {
  --background-color: var(--otr-primary-500, #232057);
}
.otr-container .otr-checkbox-switch input[type=checkbox]:checked:after {
  transform: translateX(85%);
}
.otr-container .otr-checkbox-switch.switch-lock input[type=checkbox] {
  --background-color: var(--otr-danger-500, #CC0022);
  margin-left: 0.75rem;
}
.otr-container .otr-checkbox-switch.switch-lock input[type=checkbox]:after {
  content: "";
  color: var(--background-color);
}
.otr-container .otr-checkbox-switch.switch-lock input[type=checkbox]:checked {
  --background-color: var(--otr-secondary-500, #10827C);
}
.otr-container .otr-checkbox-switch.switch-lock input[type=checkbox]:checked:after {
  content: "";
}
.otr-container .otr-attachments-preview {
  margin: 0;
  padding: 0;
  gap: 0.25rem;
  display: grid;
  position: relative;
  grid-template-rows: auto;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.otr-container .otr-attachments-preview li {
  position: relative;
  list-style-type: none;
}
.otr-container .otr-attachments-preview .otr-button.otr-button-icon {
  top: 0.25rem;
  color: #ffffff;
  right: 0.25rem;
  position: absolute;
  background-color: color-mix(in srgb, var(--background-color, var(--otr-danger-500, #CC0022)), rgba(255, 255, 255, 0) 30%);
}
.otr-container .otr-attachments-preview .otr-button.otr-button-icon:hover, .otr-container .otr-attachments-preview .otr-button.otr-button-icon:focus, .otr-container .otr-attachments-preview .otr-button.otr-button-icon:focus-visible {
  --background-color: var(--otr-danger-400, #D6334E);
}
.otr-container .otr-attachments-preview .otr-button.otr-button-icon:active {
  --background-color: var(--otr-danger-600, #A3001B);
}
.otr-container .otr-attachments-preview figure.otr-attachment-preview {
  margin: 0;
  line-height: 1;
}
.otr-container .otr-attachments-preview figure.otr-attachment-preview img,
.otr-container .otr-attachments-preview figure.otr-attachment-preview video {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 4px;
}
.otr-container .otr-badge {
  font-size: 0.875rem;
  line-height: 1.143;
  padding: 0 0.5rem;
  border-radius: 20px;
  color: var(--otr-primary-500, #232057);
  display: inline-flex;
  justify-content: center;
  background-color: var(--otr-primary-50, #E9E9EE);
  border: solid 1px var(--otr-primary-100, #D3D2DD);
}
.otr-container .otr-badge.otr-badge-primary {
  color: #ffffff;
  border-color: var(--otr-primary-500, #232057);
  background-color: var(--otr-primary-500, #232057);
}
.otr-container .role-form,
.otr-container .otr-role-form {
  gap: 1rem;
  display: grid;
  padding: 1rem;
  border-radius: 4px;
  background-color: var(--otr-primary-50, #E9E9EE);
  border: 0.0625rem solid var(--otr-primary-100, #D3D2DD);
  grid-template-columns: minmax(0, 1fr) auto;
}
.otr-container .role-form .otr-role-title,
.otr-container .otr-role-form .otr-role-title {
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.3rem);
  line-height: 1.346;
  margin: 0;
  font-style: normal;
  font-weight: normal;
  color: var(--otr-primary-500, #232057);
  font-stretch: normal;
}
@media (max-width: 575px) {
  .otr-container .role-form .otr-role-title,
.otr-container .otr-role-form .otr-role-title {
    line-height: 1.304;
  }
}
.otr-container .role-form .otr-role-description,
.otr-container .otr-role-form .otr-role-description {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--otr-primary-400, #4F4C78);
}
.otr-container .role-form .otr-role-description,
.otr-container .role-form .otr-form-group,
.otr-container .otr-role-form .otr-role-description,
.otr-container .otr-role-form .otr-form-group {
  margin: 0;
  grid-column-end: -1;
  grid-column-start: 1;
}
.otr-container .otr-training-end {
  max-width: 600px;
  margin: 80px auto;
  padding: 0 20px;
}
.otr-container .otr-training-end .otr-training-end__card {
  text-align: center;
  padding: 40px 30px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.otr-container .otr-training-end .otr-training-end__icon-box {
  font-size: 64px;
  color: var(--otr-secondary-500, #10827C);
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.otr-container .otr-training-end .otr-training-end__icon {
  font-size: 64px;
  color: var(--otr-secondary-500, #10827C);
}
.otr-container .otr-training-end .otr-training-end__title {
  font-size: 32px;
  color: var(--otr-primary-500, #232057);
  margin: 0;
  font-family: inherit;
}
.otr-container .otr-training-end .otr-training-end__description {
  color: var(--otr-primary-300, #7B799A);
  line-height: 1.6;
  margin: 0;
  font-family: inherit;
}
.otr-container .otr-training-end .otr-training-end__actions {
  margin-top: 15px;
  width: 100%;
}
.otr-container.otr-container-training-ready {
  /* Shared Styles (ohne :has()) - kompatibel mit Chrome 119 */
}
.otr-container.otr-container-training-ready .otr-tabs {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.otr-container.otr-container-training-ready .otr-tabs > .otr-tabs-panels {
  flex: 1 1 auto;
  max-height: 100%;
}
.otr-container.otr-container-training-ready .otr-tabs > .otr-tabs-panels > .otr-tab-panel {
  height: 100%;
  max-height: 100%;
}
.otr-container.otr-container-training-ready:has(.otr-page-session.otr-page-session-full-screen) > .otr-container-training-ready, .otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: grid;
  padding: 1rem;
  position: fixed;
  min-height: 100%;
  min-height: -webkit-fill-available;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  background-image: linear-gradient(to bottom, var(--otr-tertiary-100, #F8F9E6) 25%, #ffffff 75%);
}
@supports (height: 100vh) {
  .otr-container.otr-container-training-ready:has(.otr-page-session.otr-page-session-full-screen) > .otr-container-training-ready, .otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready {
    height: 100vh;
    min-height: 100vh;
  }
}
@supports (height: 100dvh) {
  .otr-container.otr-container-training-ready:has(.otr-page-session.otr-page-session-full-screen) > .otr-container-training-ready, .otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready {
    height: 100dvh;
    min-height: 100dvh;
  }
}
.otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready, body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready {
  gap: 1rem;
}
.otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready .otr-training-header, body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready .otr-training-header {
  gap: 1rem;
}
.otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready > div, body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready > div {
  width: 100%;
  margin: 0 auto;
  max-width: var(--container-max-width);
}
@media (max-width: 575px) {
  .otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready .otr-role-play-header .otr-role-name,
.otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready .otr-card .otr-card-title, body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready .otr-role-play-header .otr-role-name,
body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready .otr-card .otr-card-title {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.otr-container.otr-container-training-ready.otr-is-fullscreen > .otr-container-training-ready .otr-message-container, body.otr-training-ready-fullscreen .otr-container.otr-container-training-ready > .otr-container-training-ready .otr-message-container {
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.otr-container.otr-container-training-prepare hgroup {
  display: grid;
  gap: 5rem;
}

.otr-vue-tooltip {
  opacity: 0.9 !important;
  margin: 0;
  z-index: 9999;
  display: block;
  line-height: 1.3;
  line-break: auto;
  text-align: start;
  text-shadow: none;
  position: absolute;
  font-style: normal;
  word-break: normal;
  font-weight: normal;
  white-space: normal;
  word-spacing: normal;
  text-transform: none;
  font-size: 1.00625rem;
  word-wrap: break-word;
  text-decoration: none;
  letter-spacing: normal;
}
.otr-vue-tooltip .tooltip-arrow {
  width: 0.8rem;
  display: block;
  height: 0.4rem;
  position: absolute;
}
.otr-vue-tooltip .tooltip-arrow::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
}

.otr-tooltip-top,
.otr-vue-tooltip[x-placement^=top],
.otr-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.otr-tooltip-top .tooltip-arrow,
.otr-vue-tooltip[x-placement^=top] .tooltip-arrow,
.otr-tooltip-auto[x-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.otr-tooltip-top .tooltip-arrow::before,
.otr-vue-tooltip[x-placement^=top] .tooltip-arrow::before,
.otr-tooltip-auto[x-placement^=top] .tooltip-arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.otr-tooltip-right,
.otr-vue-tooltip[x-placement^=right],
.otr-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.otr-tooltip-right .tooltip-arrow,
.otr-vue-tooltip[x-placement^=right] .tooltip-arrow,
.otr-tooltip-auto[x-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.otr-tooltip-right .tooltip-arrow::before,
.otr-vue-tooltip[x-placement^=right] .tooltip-arrow::before,
.otr-tooltip-auto[x-placement^=right] .tooltip-arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.otr-tooltip-bottom,
.otr-vue-tooltip[x-placement^=bottom],
.otr-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.otr-tooltip-bottom .tooltip-arrow,
.otr-vue-tooltip[x-placement^=bottom] .tooltip-arrow,
.otr-tooltip-auto[x-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.otr-tooltip-bottom .tooltip-arrow::before,
.otr-vue-tooltip[x-placement^=bottom] .tooltip-arrow::before,
.otr-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.otr-tooltip-left,
.otr-vue-tooltip[x-placement^=left],
.otr-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.otr-tooltip-left .tooltip-arrow,
.otr-vue-tooltip[x-placement^=left] .tooltip-arrow,
.otr-tooltip-auto[x-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.otr-tooltip-left .tooltip-arrow::before,
.otr-vue-tooltip[x-placement^=left] .tooltip-arrow::before,
.otr-tooltip-auto[x-placement^=left] .tooltip-arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  color: #fff;
  max-width: 12.5rem;
  text-align: center;
  background-color: #000;
  padding: 0.25rem 0.5rem;
}
.tooltip-inner ul li {
  text-align: left;
}

.swal2-popup {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  background-color: #ffffff;
}
.swal2-popup .swal2-header {
  display: flex;
}
.swal2-popup .swal2-header .swal2-title {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.4rem);
  line-height: 1.429;
  padding: 0;
  font-weight: 600;
  color: var(--otr-primary-500, #232057);
}
@media (max-width: 991px) {
  .swal2-popup .swal2-header .swal2-title {
    line-height: 1.4;
  }
}
.swal2-popup .swal2-header .swal2-close {
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0;
  width: 1.2em;
  border: none;
  height: 1.2em;
  cursor: pointer;
  font-size: 2.5em;
  line-height: 1.2;
  overflow: hidden;
  position: absolute;
  border-radius: 5px;
  color: var(--otr-primary-500, #232057);
  align-items: center;
  justify-content: center;
  font-family: "Source Sans 3", Helvetica, Arial, sans-serif;
  transition: all 0.3s ease-in-out;
}
.swal2-popup .swal2-header .swal2-close:hover, .swal2-popup .swal2-header .swal2-close:focus, .swal2-popup .swal2-header .swal2-close:focus-visible {
  color: var(--otr-danger-500, #CC0022);
}
.swal2-popup .swal2-header .swal2-close:active {
  color: var(--otr-danger-600, #A3001B);
}
.swal2-popup .swal2-html-container {
  font-size: 1.15rem;
  line-height: 1.304;
  padding: 0;
  text-align: left;
  color: var(--otr-primary-500, #232057);
  font-weight: normal;
}
.swal2-popup .swal2-actions {
  gap: 0.5rem;
  display: flex;
  margin: 2rem 0 0;
  justify-content: flex-end;
}

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