@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carattere&display=swap");

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --grid-column-sm: 21.34375%;
  --grid-gap-sm: 4.875%;
  --grid-column-md: 5.125%;
  --grid-gap-md: 3.5%;
  --color-primary-darkest: #0813BC;
  --color-primary-dark: #2B34DF;
  --color-primary-muted: #3C44D8;
  --color-primary-regular: #525BFA;
  --color-primary-regular-light: #7D84FB;
  --color-primary-light: #CFDAFF;
  --color-primary-lighter: #E8EDFF;
  --color-primary-lightest: #F1F4FF;
  --color-grey-very-light: #F4F4F4;
  --color-accent-regular: #ee652b;
  --color-accent-light: #feba9d;
  --color-accent-lightest: #fceade;
  --color-accent-bright: #f6516f;
  --color-accent-bright-dark: #e43555;
  --color-neutral-darkest: #090B10;
  --color-neutral-dark: #3A3C40;
  --color-neutral-regular: #6B6D70;
  --color-neutral-light: #9D9D9F;
  --color-neutral-lighter: #CECECF;
  --color-neutral-lightest: #F3F3F3;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-opacity-clear: rgba(0, 0, 0, 0);
  --color-opacity-light: rgba(0, 0, 0, .08);
  --color-opacity-white: rgba(255, 255, 255, .8);
  --color-opacity-half-white: rgba(255, 255, 255, .5);
  --color-opacity-dark: rgba(14, 18, 38, 0.15);
  --color-opacity-black: rgba(0, 0, 0, .25);
  --bs-body-bg: #F5F6FA;
  --color-status-error-dark: #600;
  --color-status-error-regular: #C93F3F;
  --color-status-error-hover: #B62727;
  --color-status-error-light: #FFE8E8;
  --color-status-warning-regular: #FFF4E0;
  --color-status-warning-dark: var(--color-supportive-vibrant-yellowish-orange);
  --color-status-warning-light: #FFBB33;
  --color-status-success-dark: #017108;
  --color-status-success-regular: #51C55A;
  --color-status-success-light: #D0F8D3;
  --color-status-passed: #00BA00;
  --color-status-failed: #DD4247;
  --color-functional-focus: #004fe0;
  --color-functional-opacity-focus-rgb: 49, 58, 197;
  --color-functional-focus-reverse: #d1e1fa;
  --color-functional-visited: var(--color-neutral-dark);
  --color-functional-text: var(--color-neutral-darkest);
  --color-functional-disabled-background: var(--color-neutral-lighter);
  --color-functional-disabled-text-on-background: var(--color-neutral-regular);
  --color-functional-disabled-text: var(--color-neutral-regular);
  --color-functional-disabled-input: var(--color-neutral-light);
  --color-supportive-subtle-violet: #EEE0FF;
  --color-supportive-subtle-yellow: #FFFAD5;
  --color-supportive-subtle-blue: #DBF1FF;
  --color-supportive-subtle-warm-green: #E9FFDB;
  --color-supportive-subtle-purple-blue: #EBE9FF;
  --color-supportive-subtle-reddish-orange: #FFE4D5;
  --color-supportive-subtle-yellowish-orange: #FFF4E0;
  --color-supportive-subtle-green: #E0FFEA;
  --color-supportive-vibrant-violet: #8F23DB;
  --color-supportive-vibrant-yellow: #DBD001;
  --color-supportive-vibrant-blue: #0090BE;
  --color-supportive-vibrant-warm-green: #429C0A;
  --color-supportive-vibrant-purple-blue: #6308D1;
  --color-supportive-vibrant-reddish-orange: #CA441B;
  --color-supportive-vibrant-yellowish-orange: #DB8523;
  --color-supportive-vibrant-green: #0BA864;
  --color-type-pdf: #E5252A;
  --color-type-doc: #0263D1;
  --color-type-xls: #00733B;
  --color-type-ppt: #E03303;
  --color-type-txt: #0E1226;
  --color-type-svg: #FF6600;
  --box-shadow: rgba(49, 58, 197, .08);
  --toggle-box-shadow: rgba(39, 39, 39, .1);
  --typography-font-headings: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-bodycopy: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-buttons: "Roboto", Arial, Helvetica, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 900;
}

* {
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
}
img:after {
  background: var(--color-neutral-lightest) url(./img/broken-image.png) center/min(100px, 50%) no-repeat;
  content: "";
  position: absolute;
  inset: 0;
}

strong {
  font-weight: var(--font-weight-bold);
}

.content-header:not(:has(.region-breadcrumb)) .block-page-title-block {
  margin-top: 32px;
}

.form-managed-file__main:has(.loaded-file) {
  gap: 16px;
}

.loaded-file {
  background: var(--color-primary-lightest);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  display: inline-flex;
  gap: 16px;
  line-height: 1.4;
  min-width: 338px;
  padding: 16px;
}
.loaded-file__icon {
  color: var(--color-primary-dark);
}
.loaded-file__size {
  color: var(--color-neutral-regular);
  font-size: 14px;
}
.loaded-file .file {
  margin-bottom: 4px;
  padding: 0;
}
.loaded-file .file a {
  color: var(--color-functional-text);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}

.sb-box {
  background-color: var(--color-neutral-lightest);
  border-radius: 25px;
  margin-bottom: 15px;
  padding: 15px;
}
.sb-box__title {
  font-size: 20px;
  letter-spacing: -0.3px;
  margin-bottom: 15px;
}
.sb-box .title-size__25 {
  font-size: 25px;
}
.sb-box__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.status-published,
.status-unpublished,
.status-draft,
.status-disabled {
  border-radius: 40px;
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  min-width: 100px;
  padding: 6px 12px;
  text-align: center;
}
@media screen and (min-width: 1400px) {
  .status-published,
  .status-unpublished,
  .status-draft,
  .status-disabled {
    font-size: 15px;
    min-width: 115px;
    padding: 8px 16px;
  }
}

.status-published {
  background-color: var(--color-status-success-light);
  color: var(--color-status-success-dark);
}

.status-unpublished {
  background-color: var(--color-status-error-light);
  color: var(--color-status-error-dark);
}

.status-draft {
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
}

.status-disabled {
  background-color: var(--color-neutral-lightest);
  color: var(--color-neutral-dark);
}

.revision-notice {
  border-radius: 2px;
  display: inline-flex;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 4px;
  text-transform: uppercase;
  white-space: nowrap;
}
.revision-notice.unpublished-revision {
  background: var(--color-supportive-subtle-yellowish-orange);
  color: var(--color-supportive-vibrant-yellowish-orange);
}

.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: none;
  box-shadow: none;
}

.ck.ck-toolbar {
  background: var(--color-primary-lightest) !important;
  border-radius: 5px 5px 0 0 !important;
}
.ck.ck-content {
  border-radius: 0 0 5px 5px !important;
}
.ck.ck-button:not(:disabled):hover {
  background: var(--color-primary-light) !important;
}
.ck .ck-placeholder:before {
  color: var(--color-neutral-light) !important;
}
.ck .ck-editor__main > .ck-editor__editable,
.ck .ck-editor__main > .ck-source-editing-area {
  min-height: 150px;
}

.path-user {
  background-color: var(--color-neutral-white);
}
.path-user.user-logged-in {
  background-color: var(--bs-body-bg);
}

.opigno-lp-edge-take-embedded {
  --bs-body-bg: var(--color-neutral-white);
  overflow: hidden;
}
@media (max-width: 576px) {
  .opigno-lp-edge-take-embedded {
    --bs-body-bg: initial;
  }
}
.opigno-lp-edge-take-embedded .sb-answer__details {
  background: none;
  border-radius: 0;
  border: none;
  padding: 0;
}
.opigno-lp-edge-take-embedded .ck.ck-balloon-panel.ck-balloon-panel_visible {
  display: none;
}

.in-iframe body {
  background: transparent;
}
.in-iframe .layout-container {
  margin: 0 !important;
}

.path-batch {
  display: flex;
  min-height: 100vh;
  min-height: 100dvh;
}
.path-batch .page-wrapper {
  margin: auto;
}
.path-batch .layout-container {
  margin: 0 auto !important;
  text-align: center;
  width: clamp(350px, 50vw, 800px);
}
.path-batch .page-title {
  margin: 0;
}
.path-batch .progress__track {
  border: none;
}
.path-batch .progress__bar {
  animation: progress-animation 6s linear infinite;
  background: repeating-linear-gradient(45deg, var(--color-primary-regular) 0 15px, var(--color-primary-light) 0 20px) right top, repeating-linear-gradient(135deg, var(--color-primary-dark) 0 15px, var(--color-primary-light) 0 20px) right bottom;
  background-size: 300% 50%;
  background-repeat: no-repeat;
  border: none;
  margin: 0;
}
.path-batch .progress__percentage {
  color: var(--color-primary-darkest);
}

.box-loader {
  height: 100px;
  margin: 20px auto;
  width: 80px;
}
.box-loader .box {
  position: relative;
  opacity: 0;
  left: 20px;
}
.box-loader .side-left {
  position: absolute;
  background-color: var(--color-primary-darkest);
  width: 38px;
  height: 10px;
  transform: skew(0deg, -25deg);
  top: 28px;
  left: 20px;
}
.box-loader .side-right {
  position: absolute;
  background-color: var(--color-primary-dark);
  width: 38px;
  height: 10px;
  transform: skew(0deg, 25deg);
  top: 28px;
  left: -18px;
}
.box-loader .side-top {
  position: absolute;
  background-color: var(--color-primary-regular);
  width: 40px;
  height: 40px;
  rotate: 45deg;
  transform: skew(-20deg, -20deg);
}
.box-loader .box-1 {
  animation: from-left 4s infinite;
}
.box-loader .box-2 {
  animation: from-right 4s infinite;
  animation-delay: 1s;
}
.box-loader .box-3 {
  animation: from-left 4s infinite;
  animation-delay: 2s;
}
.box-loader .box-4 {
  animation: from-right 4s infinite;
  animation-delay: 3s;
}

@keyframes from-left {
  0% {
    z-index: 20;
    opacity: 0;
    translate: -40px -12px;
  }
  20% {
    z-index: 10;
    opacity: 1;
    translate: 0 0;
  }
  40% {
    z-index: 9;
    translate: 0 8px;
  }
  60% {
    z-index: 8;
    translate: 0 16px;
  }
  80% {
    z-index: 7;
    opacity: 1;
    translate: 0 24px;
  }
  100% {
    z-index: 5;
    translate: 0 60px;
    opacity: 0;
  }
}
@keyframes from-right {
  0% {
    z-index: 20;
    opacity: 0;
    translate: 40px -12px;
  }
  20% {
    z-index: 10;
    opacity: 1;
    translate: 0 0;
  }
  40% {
    z-index: 9;
    translate: 0 8px;
  }
  60% {
    z-index: 8;
    translate: 0 16px;
  }
  80% {
    z-index: 7;
    opacity: 1;
    translate: 0 24px;
  }
  100% {
    z-index: 5;
    translate: 0 60px;
    opacity: 0;
  }
}
@keyframes progress-animation {
  100% {
    background-position: top left, bottom left;
  }
}
/* Generation animation */
.loader-wrapper {
  align-items: center;
  display: flex;
  color: var(--color-neutral-white);
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  height: 120px;
  margin: 2rem;
  position: relative;
  scale: 2;
  user-select: none;
  width: auto;
}
.loader-wrapper .loader {
  background-color: transparent;
  mask: repeating-linear-gradient(90deg, transparent 0, transparent 6px, black 7px, black 8px);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.loader-wrapper .loader:after {
  animation: transform-animation 2s infinite alternate, opacity-animation 4s infinite;
  animation-timing-function: cubic-bezier(0.6, 0.8, 0.5, 1);
  background-image: radial-gradient(circle at 50% 50%, #ff0 0%, transparent 50%), radial-gradient(circle at 45% 45%, #f00 0%, transparent 45%), radial-gradient(circle at 55% 55%, #0ff 0%, transparent 45%), radial-gradient(circle at 45% 55%, #0f0 0%, transparent 45%), radial-gradient(circle at 55% 45%, #00f 0%, transparent 45%);
  content: "";
  mask: radial-gradient(circle at 50% 50%, transparent 0%, transparent 10%, black 25%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes transform-animation {
  0% {
    transform: translate(-55%);
  }
  100% {
    transform: translate(55%);
  }
}
@keyframes opacity-animation {
  0%, 100% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
}
.loader-letter {
  display: inline-block;
  opacity: 0;
  animation: loader-letter-anim 4s infinite linear;
  z-index: 2;
}
.loader-letter:nth-child(1) {
  animation-delay: 0.1s;
}
.loader-letter:nth-child(2) {
  animation-delay: 0.205s;
}
.loader-letter:nth-child(3) {
  animation-delay: 0.31s;
}
.loader-letter:nth-child(4) {
  animation-delay: 0.415s;
}
.loader-letter:nth-child(5) {
  animation-delay: 0.521s;
}
.loader-letter:nth-child(6) {
  animation-delay: 0.626s;
}
.loader-letter:nth-child(7) {
  animation-delay: 0.731s;
}
.loader-letter:nth-child(8) {
  animation-delay: 0.837s;
}
.loader-letter:nth-child(9) {
  animation-delay: 0.942s;
}
.loader-letter:nth-child(10) {
  animation-delay: 1.047s;
}

@keyframes loader-letter-anim {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
    text-shadow: 0 0 4px var(--color-neutral-white);
    transform: scale(1.1) translateY(-2px);
  }
  20% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
.layout-container {
  margin-inline: 0 !important;
  padding-inline: 24px;
  transition: background-color 0.4s ease;
}
@media (min-width: 1200px) {
  .layout-container {
    margin-inline: 300px 0 !important;
    padding-inline: 40px;
  }
}
@media (min-width: 1200px) {
  .layout-container.layout-anonymous {
    margin-inline: 0 !important;
  }
}
.layout-container .region-sidebar {
  box-shadow: 0 4px 20px var(--color-opacity-light);
  padding-top: 0;
  position: fixed;
  left: 0;
  top: 80px;
  height: calc(100vh - 80px);
  width: 0;
  overflow-x: hidden;
  transition: width 0.4s ease;
  z-index: 1005;
}
@media (min-width: 1200px) {
  .layout-container .region-sidebar {
    width: 300px;
  }
}
@media (max-width: 576px) {
  .layout-container .region-sidebar {
    padding-top: 39px;
  }
}
.toolbar-fixed .layout-container .region-sidebar {
  padding-top: 39px;
}
.toolbar-tray-open .layout-container .region-sidebar {
  padding-top: 79px;
}
.layout-container .region-sidebar.open {
  width: 300px;
}
.layout-container .region-sidebar__inner {
  overflow-y: auto;
  height: 100%;
  padding-bottom: 20px;
}
.layout-container .page-content {
  margin-top: 80px;
}
.layout-container .region-pre-content {
  padding-top: 32px;
}
.layout-container .region-right-sidebar {
  position: sticky;
  top: 185px;
}

.col-lg-12 .user-form,
.col-lg-12 .opigno-lp-create-form,
.col-lg-12 .opigno-lp-settings-form,
.col-lg-12 .opigno-lp-module-form,
.col-lg-12 .opigno-certificate-template-form,
.col-lg-12 .opigno-lp-activity-form,
.col-lg-12 .opigno-activity-form,
.col-lg-12 .config-split-form,
.col-lg-12 .module-attempt-evaluation-form,
.col-lg-12 .opigno-training-form,
.col-lg-12 .opigno-access-token-form {
  max-width: 1020px;
}

.in-iframe .layout-container {
  padding-inline: 0;
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1004;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.sb-dashboard__boxes-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
}
@media (min-width: 768px) {
  .sb-dashboard__boxes-wrapper {
    flex-direction: row;
  }
}
.sb-dashboard__box-roles, .sb-dashboard__box-2fa {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  flex: 1 0 auto;
  padding: 24px;
}
@media (min-width: 768px) {
  .sb-dashboard__box-roles {
    max-width: 65%;
  }
}
@media screen and (min-width: 1400px) {
  .sb-dashboard__box-roles {
    max-width: 628px;
  }
}
.sb-dashboard__box-roles .sb-roles__title {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 24px;
}
.sb-dashboard__box-roles .sb-roles__wrapper {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 480px) {
  .sb-dashboard__box-roles .sb-roles__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 640px) {
  .sb-dashboard__box-roles .sb-roles__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .sb-dashboard__box-roles .sb-roles__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1400px) {
  .sb-dashboard__box-roles .sb-roles__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.sb-dashboard__box-roles .sb-roles__item {
  background: var(--color-primary-lighter);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  color: var(--color-neutral-dark);
  line-height: normal;
  padding: 16px;
  text-align: center;
}
.sb-dashboard__box-roles .sb-roles__number {
  font-size: 32px;
  line-height: normal;
  margin: 0;
}
@media (min-width: 768px) {
  .sb-dashboard__box-2fa {
    max-width: 35%;
  }
}
@media screen and (min-width: 1400px) {
  .sb-dashboard__box-2fa {
    max-width: 367px;
  }
}
.sb-dashboard__box-2fa .sb-2fa__title {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 24px;
  text-transform: capitalize;
}
.sb-dashboard__box-2fa .sb-2fa__body {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.sb-dashboard__box-2fa .sb-2fa__legend {
  color: var(--color-neutral-dark);
  display: flex;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  gap: 12px;
  line-height: 1.2;
}
.sb-dashboard__box-2fa .sb-2fa__legend:before {
  background: var(--color-primary-dark);
  border-radius: 50%;
  content: "";
  flex: 0 0 15px;
  height: 15px;
  margin-top: 2px;
  width: 15px;
}

.page-main-login .layout-container {
  margin: 0 !important;
  padding: 0;
}

.form-element:focus {
  box-shadow: none;
}
.form-element:focus:hover {
  box-shadow: none;
}

.placeholder {
  background: transparent;
  cursor: default;
  opacity: 1;
  font-style: normal;
  vertical-align: baseline;
}

.dropbutton {
  padding-left: 0;
}

.views-display-top .action-list {
  padding-left: 0;
}

.view-empty {
  background: url("./img/no_results.svg") center 32px no-repeat;
  color: var(--color-neutral-dark);
  font-size: 18px;
  padding-block: 172px 100px;
  text-align: center;
}
.view-empty h3 {
  margin-block: 24px 16px;
  font-size: 24px;
}

.toolbar-oriented .toolbar-bar {
  z-index: 1007;
}

.views-ui-dialog .form--flex {
  overflow: visible;
}
.views-ui-dialog .select2-container {
  max-width: 100%;
}

.media-library-views-form__rows .media-library-item--grid {
  background-color: var(--bs-body-bg);
}
.media-library-views-form__rows .media-library-item--grid::before {
  box-sizing: content-box;
}
.media-library-views-form__rows .media-library-item--grid .field--name-thumbnail {
  display: flex;
  justify-content: center;
}
.media-library-views-form__rows .media-library-select-all .form-checkbox {
  margin-right: 8px;
}
.media-library-views-form__rows .media-library-item__preview-wrapper {
  background-color: var(--color-neutral-white);
}
.media-library-views-form__rows .media-library-item__attributes {
  background-color: transparent;
}

.preview-submit-wrapper {
  margin-left: 16px;
}

.views-ui-display-tab-actions .sb-button {
  min-height: 0;
}

.views-tabs__action-list-button.sb-button {
  background-color: var(--color-neutral-white);
  border-radius: 0;
  border: none;
  color: var(--color-functional-text);
  min-width: 0;
  text-align: left;
}

.ajax-new-content .select2-container--bootstrap-5 {
  width: auto !important;
}

.field-plugin-settings-edit.sb-input {
  border: none;
  border-radius: 0;
  padding: 0;
  height: 24px;
  width: 24px;
}
.field-plugin-settings-edit.sb-input:hover {
  border: none;
}

.datepicker.datepicker-dropdown {
  padding: 0;
}
.datepicker.datepicker-dropdown thead,
.datepicker.datepicker-dropdown tfoot {
  background: var(--color-primary-light);
}
.datepicker.datepicker-dropdown tbody {
  background: var(--color-neutral-white);
}
.datepicker.datepicker-dropdown tbody tr td {
  border-bottom: 1px solid var(--color-neutral-lighter);
}
.datepicker.datepicker-dropdown tbody tr td.active, .datepicker.datepicker-dropdown tbody tr td.active:hover {
  background: var(--color-primary-regular);
  color: var(--color-neutral-white);
}
.datepicker.datepicker-dropdown tbody tr td span {
  height: 42px;
  line-height: 42px;
}
.datepicker.datepicker-dropdown tbody tr td span.active {
  background: var(--color-primary-regular);
}
.datepicker.datepicker-dropdown tr {
  background: none;
}
.datepicker.datepicker-dropdown th,
.datepicker.datepicker-dropdown td {
  font-size: 14px;
  height: 42px;
  width: 42px;
}
.datepicker.datepicker-dropdown th:nth-child(n),
.datepicker.datepicker-dropdown td:nth-child(n) {
  border-radius: 4px;
  padding: 8px 10px;
}
.datepicker.datepicker-dropdown th:nth-child(n) {
  background: none;
  border-radius: 0 !important;
}
.datepicker.datepicker-dropdown .datepicker-switch:hover,
.datepicker.datepicker-dropdown .next:hover,
.datepicker.datepicker-dropdown .prev:hover,
.datepicker.datepicker-dropdown tr td span.active:hover {
  background: var(--color-primary-light);
}
.datepicker.datepicker-dropdown tfoot {
  background: var(--color-neutral-white);
}
.datepicker.datepicker-dropdown tfoot tr:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-lighter);
}
.datepicker.datepicker-dropdown tfoot th:hover {
  background: var(--color-primary-light);
}

.image-anchor td:nth-child(n) {
  padding: 8px;
}
.image-anchor td .form-item {
  margin-block: 8px;
}

.js-hide {
  display: none !important;
}

a {
  color: var(--color-primary-regular);
  text-decoration: none;
  transition: color 0.3s ease-out;
}
a:hover {
  color: var(--color-functional-text);
  text-decoration: underline;
}
a:active {
  color: var(--color-accent-bright-dark);
}
a:focus-visible, a:focus {
  outline: none;
  text-decoration: none;
}

h1 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h2 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 31px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h3 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 25px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h4 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h5 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

h6 {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 0.5em;
}

body {
  color: var(--color-functional-text);
  font-family: var(--typography-font-bodycopy);
  font-size: 16px;
  font-weight: var(--font-weight-normal);
  line-height: 1.44;
  overflow-x: hidden;
  background-color: var(--bs-body-bg);
}:root {
  --grid-column-sm: 21.34375%;
  --grid-gap-sm: 4.875%;
  --grid-column-md: 5.125%;
  --grid-gap-md: 3.5%;
  --color-primary-darkest: #0813BC;
  --color-primary-dark: #2B34DF;
  --color-primary-muted: #3C44D8;
  --color-primary-regular: #525BFA;
  --color-primary-regular-light: #7D84FB;
  --color-primary-light: #CFDAFF;
  --color-primary-lighter: #E8EDFF;
  --color-primary-lightest: #F1F4FF;
  --color-grey-very-light: #F4F4F4;
  --color-accent-regular: #ee652b;
  --color-accent-light: #feba9d;
  --color-accent-lightest: #fceade;
  --color-accent-bright: #f6516f;
  --color-accent-bright-dark: #e43555;
  --color-neutral-darkest: #090B10;
  --color-neutral-dark: #3A3C40;
  --color-neutral-regular: #6B6D70;
  --color-neutral-light: #9D9D9F;
  --color-neutral-lighter: #CECECF;
  --color-neutral-lightest: #F3F3F3;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-opacity-clear: rgba(0, 0, 0, 0);
  --color-opacity-light: rgba(0, 0, 0, .08);
  --color-opacity-white: rgba(255, 255, 255, .8);
  --color-opacity-half-white: rgba(255, 255, 255, .5);
  --color-opacity-dark: rgba(14, 18, 38, 0.15);
  --color-opacity-black: rgba(0, 0, 0, .25);
  --bs-body-bg: #F5F6FA;
  --color-status-error-dark: #600;
  --color-status-error-regular: #C93F3F;
  --color-status-error-hover: #B62727;
  --color-status-error-light: #FFE8E8;
  --color-status-warning-regular: #FFF4E0;
  --color-status-warning-dark: var(--color-supportive-vibrant-yellowish-orange);
  --color-status-warning-light: #FFBB33;
  --color-status-success-dark: #017108;
  --color-status-success-regular: #51C55A;
  --color-status-success-light: #D0F8D3;
  --color-status-passed: #00BA00;
  --color-status-failed: #DD4247;
  --color-functional-focus: #004fe0;
  --color-functional-opacity-focus-rgb: 49, 58, 197;
  --color-functional-focus-reverse: #d1e1fa;
  --color-functional-visited: var(--color-neutral-dark);
  --color-functional-text: var(--color-neutral-darkest);
  --color-functional-disabled-background: var(--color-neutral-lighter);
  --color-functional-disabled-text-on-background: var(--color-neutral-regular);
  --color-functional-disabled-text: var(--color-neutral-regular);
  --color-functional-disabled-input: var(--color-neutral-light);
  --color-supportive-subtle-violet: #EEE0FF;
  --color-supportive-subtle-yellow: #FFFAD5;
  --color-supportive-subtle-blue: #DBF1FF;
  --color-supportive-subtle-warm-green: #E9FFDB;
  --color-supportive-subtle-purple-blue: #EBE9FF;
  --color-supportive-subtle-reddish-orange: #FFE4D5;
  --color-supportive-subtle-yellowish-orange: #FFF4E0;
  --color-supportive-subtle-green: #E0FFEA;
  --color-supportive-vibrant-violet: #8F23DB;
  --color-supportive-vibrant-yellow: #DBD001;
  --color-supportive-vibrant-blue: #0090BE;
  --color-supportive-vibrant-warm-green: #429C0A;
  --color-supportive-vibrant-purple-blue: #6308D1;
  --color-supportive-vibrant-reddish-orange: #CA441B;
  --color-supportive-vibrant-yellowish-orange: #DB8523;
  --color-supportive-vibrant-green: #0BA864;
  --color-type-pdf: #E5252A;
  --color-type-doc: #0263D1;
  --color-type-xls: #00733B;
  --color-type-ppt: #E03303;
  --color-type-txt: #0E1226;
  --color-type-svg: #FF6600;
  --box-shadow: rgba(49, 58, 197, .08);
  --toggle-box-shadow: rgba(39, 39, 39, .1);
  --typography-font-headings: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-bodycopy: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-buttons: "Roboto", Arial, Helvetica, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 900;
}

.sb-container {
  max-width: 1200px;
  padding-inline-start: 4%;
  padding-inline-end: 4%;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
@media (min-width: 768px) {
  .sb-container {
    padding-inline-start: 3%;
    padding-inline-end: 3%;
  }
}
@media (min-width: 992px) {
  .sb-container {
    padding-inline-start: 3%;
    padding-inline-end: 3%;
  }
}

.sb-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--grid-gap-sm);
  row-gap: 1.5rem;
}
@media (min-width: 768px) {
  .sb-grid {
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--grid-gap-md);
    row-gap: 1.75rem;
  }
}

@media (max-width: 576px) {
  .sb-grid__item {
    grid-column: span 3;
  }
  .sb-grid__item--sm-1 {
    grid-column: span 1;
  }
  .sb-grid__item--sm-2 {
    grid-column: span 2;
  }
  .sb-grid__item--sm-3 {
    grid-column: span 3;
  }
}
@media (min-width: 768px) {
  .sb-grid__item {
    grid-column: span 12;
  }
  .sb-grid__item--md-1 {
    grid-column: span 1;
  }
  .sb-grid__item--md-2 {
    grid-column: span 2;
  }
  .sb-grid__item--md-3 {
    grid-column: span 3;
  }
  .sb-grid__item--md-4 {
    grid-column: span 4;
  }
  .sb-grid__item--md-5 {
    grid-column: span 5;
  }
  .sb-grid__item--md-6 {
    grid-column: span 6;
  }
  .sb-grid__item--md-7 {
    grid-column: span 7;
  }
  .sb-grid__item--md-8 {
    grid-column: span 8;
  }
  .sb-grid__item--md-9 {
    grid-column: span 9;
  }
  .sb-grid__item--md-10 {
    grid-column: span 10;
  }
  .sb-grid__item--md-11 {
    grid-column: span 11;
  }
  .sb-grid__item--md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .sb-grid__item--lg-1 {
    grid-column: span 1;
  }
  .sb-grid__item--lg-2 {
    grid-column: span 2;
  }
  .sb-grid__item--lg-3 {
    grid-column: span 3;
  }
  .sb-grid__item--lg-4 {
    grid-column: span 4;
  }
  .sb-grid__item--lg-5 {
    grid-column: span 5;
  }
  .sb-grid__item--lg-6 {
    grid-column: span 6;
  }
  .sb-grid__item--lg-7 {
    grid-column: span 7;
  }
  .sb-grid__item--lg-8 {
    grid-column: span 8;
  }
  .sb-grid__item--lg-9 {
    grid-column: span 9;
  }
  .sb-grid__item--lg-10 {
    grid-column: span 10;
  }
  .sb-grid__item--lg-11 {
    grid-column: span 11;
  }
  .sb-grid__item--lg-12 {
    grid-column: span 12;
  }
}
.aside-col {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
input.sb-input {
  background-color: var(--color-neutral-white);
  background-repeat: no-repeat;
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 5px;
  color: var(--color-functional-text);
  font-size: 16px;
  line-height: 20px;
  height: 48px;
  min-height: 0;
  outline: none;
  padding: 14px 16px;
  transition: background-color 0.3s ease-out, border 0.3s ease-out;
}
input.sb-input:hover {
  border: 1px solid var(--color-neutral-dark);
  box-shadow: none;
}
input.sb-input:focus {
  background-color: var(--color-neutral-white);
  border-color: var(--color-primary-dark);
  outline: none;
}
input.sb-input::placeholder {
  color: var(--color-neutral-light);
}
input.sb-input::-webkit-search-cancel-button {
  appearance: none;
  background: url("./img/cross.svg") center/contain no-repeat;
  cursor: pointer;
  height: 12px;
  margin: 0;
  width: 12px;
}
input.sb-input__search {
  background-image: url("./img/search.svg");
  background-position: 10px 11px;
  background-size: 24px;
  padding: 12px 16px 12px 48px;
}
input.sb-input__search:hover {
  background-color: var(--color-neutral-lightest);
  border: 1px solid var(--color-neutral-lighter);
}
input.sb-input__search:focus {
  background-image: url("./img/search-black.svg");
}
input.sb-input__number {
  border-radius: 8px;
  height: 36px;
  max-width: 364px;
  padding: 3px 20px;
  width: 100%;
}
input.sb-input__number ~ .form-item__description {
  max-width: 364px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  z-index: 1;
  background: url("./img/calendar-grey.svg") no-repeat;
  width: 20px;
  height: 20px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  z-index: 1;
  background: url("./img/clock-grey.svg") no-repeat;
  width: 20px;
  height: 20px;
}

.field-plugin-settings-edit-wrapper {
  justify-content: center;
}

input.field-plugin-settings-edit {
  padding: 0;
  background: none;
  height: auto;
  border: none;
}

.sb-button, .local-actions .button--primary {
  appearance: none;
  align-items: center;
  background-color: var(--color-primary-regular);
  border: 1px solid var(--color-primary-regular);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-neutral-white);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  font-family: var(--typography-font-buttons);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  line-height: 1;
  min-height: 48px;
  min-width: 120px;
  outline: none;
  overflow: hidden;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out, scale 0.3s ease-out;
  user-select: none;
  white-space: nowrap;
}
.sb-button:hover, .local-actions .button--primary:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-regular);
  color: var(--color-neutral-white);
  text-decoration: none;
}
.sb-button:active, .local-actions .button--primary:active {
  background-color: var(--color-primary-darkest);
  border-color: var(--color-primary-darkest);
  color: var(--color-neutral-white);
  scale: 0.98;
}
.sb-button:not(:focus), .local-actions .button--primary:not(:focus) {
  box-shadow: none;
}
.sb-button.disabled, .local-actions .disabled.button--primary, .sb-button[disabled], .local-actions [disabled].button--primary, .sb-button[aria-disabled=true], .local-actions [aria-disabled=true].button--primary {
  cursor: not-allowed;
  background-color: var(--color-functional-disabled-background);
  border-color: var(--color-functional-disabled-background);
  color: var(--color-functional-disabled-text-on-background);
  opacity: 1;
  pointer-events: none;
}
.sb-button.disabled:hover, .local-actions .disabled.button--primary:hover, .sb-button[disabled]:hover, .local-actions [disabled].button--primary:hover, .sb-button[aria-disabled=true]:hover, .local-actions [aria-disabled=true].button--primary:hover {
  color: var(--color-functional-disabled-text-on-background);
}
.sb-button.button--extrasmall, .local-actions .button--extrasmall.button--primary {
  font-size: inherit;
}

.sb-button--secondary {
  appearance: none;
  align-items: center;
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-primary-dark);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-primary-dark);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  font-family: var(--typography-font-buttons);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  line-height: 1;
  min-height: 48px;
  min-width: 120px;
  outline: none;
  overflow: hidden;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out, scale 0.3s ease-out;
  user-select: none;
  white-space: nowrap;
}
.sb-button--secondary:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-regular);
  color: var(--color-primary-dark);
  text-decoration: none;
}
.sb-button--secondary:active {
  background-color: var(--color-primary-darkest);
  border-color: var(--color-primary-darkest);
  color: var(--color-primary-dark);
  scale: 0.98;
}
.sb-button--secondary:not(:focus) {
  box-shadow: none;
}
.sb-button--secondary.disabled, .sb-button--secondary[disabled], .sb-button--secondary[aria-disabled=true] {
  cursor: not-allowed;
  background-color: var(--color-functional-disabled-background);
  border-color: var(--color-functional-disabled-background);
  color: var(--color-functional-disabled-text-on-background);
  opacity: 1;
  pointer-events: none;
}
.sb-button--secondary.disabled:hover, .sb-button--secondary[disabled]:hover, .sb-button--secondary[aria-disabled=true]:hover {
  color: var(--color-functional-disabled-text-on-background);
}
.sb-button--secondary.button--extrasmall {
  font-size: inherit;
}
.sb-button--secondary:hover {
  background-color: var(--color-neutral-white);
  border-color: var(--color-primary-darkest);
  color: var(--color-primary-darkest);
  outline: 1px solid var(--color-primary-darkest);
}
.sb-button--secondary:active {
  background-color: var(--color-primary-lighter);
  border-color: var(--color-primary-darkest);
  color: var(--color-primary-darkest);
  outline: 1px solid var(--color-primary-darkest);
}
.sb-button--secondary.export-file:before {
  background: url(./img/download.svg) center/cover no-repeat;
  content: "";
  height: 20px;
  width: 20px;
}

.sb-button--text {
  appearance: none;
  align-items: center;
  background-color: var(--color-opacity-clear);
  border: 1px solid var(--color-opacity-clear);
  border-radius: 8px;
  box-shadow: none;
  color: var(--color-primary-regular);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  font-family: var(--typography-font-buttons);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  line-height: 1;
  min-height: 48px;
  min-width: 120px;
  outline: none;
  overflow: hidden;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out, scale 0.3s ease-out;
  user-select: none;
  white-space: nowrap;
}
.sb-button--text:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-regular);
  color: var(--color-primary-regular);
  text-decoration: none;
}
.sb-button--text:active {
  background-color: var(--color-primary-darkest);
  border-color: var(--color-primary-darkest);
  color: var(--color-primary-regular);
  scale: 0.98;
}
.sb-button--text:not(:focus) {
  box-shadow: none;
}
.sb-button--text.disabled, .sb-button--text[disabled], .sb-button--text[aria-disabled=true] {
  cursor: not-allowed;
  background-color: var(--color-functional-disabled-background);
  border-color: var(--color-functional-disabled-background);
  color: var(--color-functional-disabled-text-on-background);
  opacity: 1;
  pointer-events: none;
}
.sb-button--text.disabled:hover, .sb-button--text[disabled]:hover, .sb-button--text[aria-disabled=true]:hover {
  color: var(--color-functional-disabled-text-on-background);
}
.sb-button--text.button--extrasmall {
  font-size: inherit;
}
.sb-button--text {
  border-radius: 20px;
  gap: 5px;
  padding: 2px 10px;
  min-height: 24px;
  min-width: 0;
}
.sb-button--text:hover, .sb-button--text:active, .sb-button--text:focus {
  border-color: var(--color-opacity-clear);
  background-color: var(--color-opacity-clear);
  color: var(--color-primary-regular);
  text-decoration: underline;
}
.sb-button--text.disabled, .sb-button--text[disabled], .sb-button--text[aria-disabled=true] {
  background-color: var(--color-opacity-clear);
  border-color: var(--color-opacity-clear);
}

.sb-button--default {
  align-items: center;
  background-color: var(--color-neutral-light);
  border-color: var(--color-opacity-clear);
  border-radius: 10px;
  color: var(--color-functional-text);
  display: inline-flex;
  justify-content: space-between;
  padding: 10px 20px;
  transition: background-color 0.3s ease-out;
}
.sb-button--default:hover {
  background-color: color-mix(in srgb, var(--color-neutral-light), var(--color-functional-text) 15%);
  border-color: var(--color-opacity-clear);
  color: var(--color-functional-text);
  text-decoration: none;
}

.sb-button--cancel {
  background-color: var(--color-neutral-lighter);
  border-color: var(--color-neutral-lighter);
  color: var(--color-functional-text);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  min-width: 120px;
  padding: 9px 8px;
  transition: all 0.3s ease-out;
}
.sb-button--cancel:hover {
  background-color: var(--color-opacity-dark);
  border-color: var(--color-neutral-lighter);
  color: var(--color-functional-text);
}
.sb-button--cancel:first-child:active {
  background-color: var(--color-neutral-lighter);
  border-color: var(--color-neutral-lighter);
  color: var(--color-functional-text);
}

.sb-button--delete {
  background-color: var(--color-status-error-regular);
  border-color: var(--color-status-error-regular);
}
.sb-button--delete:hover {
  background-color: var(--color-status-error-hover);
  border-color: var(--color-status-error-hover);
}
.sb-button--delete:active {
  background-color: var(--color-status-error-dark);
  border-color: var(--color-status-error-dark);
}

.sb-button--edit-icon-link {
  background: url(./img/edit-dark.svg) center/cover no-repeat;
  display: inline-flex;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  width: 24px;
}

.action-link {
  font-weight: var(--font-weight-semibold);
  padding: 12px 28px;
}
.action-link--danger {
  background: var(--color-status-error-regular);
  border-radius: 8px;
  color: var(--color-neutral-white);
  transition: background-color 0.3s ease-out;
}
.action-link--danger:hover {
  background: var(--color-status-error-hover);
  color: var(--color-neutral-white);
}
.action-link--danger:hover.action-link--icon-trash:before {
  background-image: url(./img/delete-white.svg);
}
.action-link--danger:active {
  background: var(--color-status-error-dark);
  color: var(--color-neutral-white);
}
.action-link--danger:active.action-link--icon-trash:before {
  background-image: url(./img/delete-white.svg);
}
.action-link--danger.action-link--icon-trash:before {
  background-image: url(./img/delete-white.svg);
  background-size: 20px;
}

.btn-microsoft::before {
  background-image: url(./img/microsoft.svg);
  width: 20px;
  height: 20px;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
@keyframes glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.generate-with-ai-link:has(+ .ajax-progress) {
  border-color: transparent;
  overflow: visible;
  outline: none;
  z-index: 1;
}
.generate-with-ai-link:has(+ .ajax-progress):before, .generate-with-ai-link:has(+ .ajax-progress):after {
  border-radius: inherit;
  content: "";
  z-index: -1;
}
.generate-with-ai-link:has(+ .ajax-progress):after {
  background: inherit;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.generate-with-ai-link:has(+ .ajax-progress):before {
  animation: glowing 20s linear infinite;
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  background-size: 400%;
  filter: blur(5px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
}
.generate-with-ai-link:has(+ .ajax-progress) .sb-icon {
  animation: flip 2.5s ease-in-out infinite;
  backface-visibility: visible;
}
.generate-with-ai-link ~ .ajax-progress {
  display: none !important;
}

input.sb-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
input.sb-checkbox ~ label {
  cursor: pointer;
  margin: 0;
  padding-left: 48px;
  position: relative;
  padding-top: 3px;
  line-height: 26px;
  font-size: 18px;
  display: inline;
}
input.sb-checkbox ~ label::before, input.sb-checkbox ~ label::after {
  content: "";
  position: absolute;
  left: 0;
  transition: 0.3s ease;
}
input.sb-checkbox ~ label:before {
  background: var(--color-neutral-lighter);
  border-radius: 100px;
  height: 22px;
  top: 3px;
  width: 40px;
}
input.sb-checkbox ~ label::after {
  background: var(--color-neutral-white);
  border-radius: 50%;
  box-shadow: 0 2px 4px var(--toggle-box-shadow);
  height: 18px;
  top: 5px;
  left: 2px;
  width: 18px;
}
input.sb-checkbox ~ label svg {
  display: none;
}
input.sb-checkbox ~ .form-item__description {
  margin-top: 4px;
  padding-left: 48px;
}
input.sb-checkbox:checked ~ label::before {
  background-color: var(--color-primary-regular);
}
input.sb-checkbox:checked ~ label::after {
  left: 20px;
}
input.sb-checkbox:disabled ~ label::before {
  background-color: var(--color-neutral-light);
}

table input.sb-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
table input.sb-checkbox ~ label::after {
  content: none;
}
table input.sb-checkbox ~ label svg {
  display: block;
}
table input.sb-checkbox:hover + label.option .sb-icon {
  color: var(--color-neutral-light);
  display: block;
}
table input.sb-checkbox:checked + label.option:before {
  background-color: var(--color-primary-regular);
  border-color: var(--color-primary-regular);
}
table input.sb-checkbox:checked + label.option .sb-icon {
  color: var(--color-neutral-white);
  display: block;
}
table input.sb-checkbox + label.option {
  cursor: pointer;
  padding-left: 30px;
  padding-top: 2px;
  position: relative;
}
table input.sb-checkbox + label.option:before {
  border: 2px solid var(--color-neutral-light);
  background-color: var(--color-neutral-white);
  border-radius: 4px;
  content: "";
  height: 24px;
  position: absolute;
  left: 0;
  top: 1px;
  transition: 0.3s ease-out;
  width: 24px;
}
table input.sb-checkbox + label.option .sb-icon {
  display: none;
  position: absolute;
  left: 3px;
  top: 4px;
}
table input.sb-checkbox ~ .form-item__description {
  color: var(--color-neutral-regular);
  line-height: 1.5;
  margin-block: 5px;
  padding-left: 30px;
}

input.sb-checkbox--secondary {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
input.sb-checkbox--secondary:hover + label.option {
  background-color: color-mix(in srgb, var(--color-neutral-light), var(--color-functional-text) 15%);
}
input.sb-checkbox--secondary:checked + label.option {
  background-color: var(--color-primary-lightest);
}
input.sb-checkbox--secondary:checked + label.option .sb-icon {
  display: block;
}
input.sb-checkbox--secondary + label.option {
  align-items: center;
  background-color: var(--color-neutral-light);
  border-radius: 10px;
  color: var(--color-functional-text);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.44;
  margin: 0;
  min-height: 44px;
  padding: 10px;
  position: relative;
  transition: background-color 0.3s ease-out;
}
input.sb-checkbox--secondary + label.option .sb-icon {
  display: none;
  position: absolute;
  top: 18px;
  right: 0;
  height: 30px;
  width: 30px;
}

.dropdown-toggle {
  align-items: center;
  background: var(--color-neutral-lightest);
  border-radius: 50%;
  box-shadow: 0 0 4px var(--color-opacity-black);
  border: none;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0;
  transition: background-color 0.3s ease-out;
  height: 36px;
  width: 36px;
  position: relative;
}
.dropdown-toggle.no-shadow {
  box-shadow: none;
}
.dropdown-toggle:after {
  content: none;
}
.dropdown-toggle:hover {
  background: var(--color-opacity-dark);
}
.dropdown-toggle .fi {
  color: var(--color-functional-text);
  font-size: 24px;
}
.dropdown-toggle .sb-icon__caret {
  position: absolute;
  left: calc(100% + 4px);
}

.dropdown-menu {
  background: var(--color-neutral-white);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 10px;
  margin-top: 6px !important;
  overflow: hidden;
  padding: 8px;
}
.dropdown-menu .dropdown-item {
  border-radius: 6px;
  color: var(--color-functional-text);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  padding: 0;
  position: relative;
  text-align: center;
}
.dropdown-menu .dropdown-item:active {
  background: none;
}
.dropdown-menu .dropdown-item a {
  border-radius: 6px;
  color: var(--color-functional-text);
  display: block;
  padding: 5px;
  text-decoration: none;
  transition: background 0.3s ease-out;
}
.dropdown-menu .dropdown-item .ajax-progress {
  margin: 0;
  position: absolute;
  right: 0;
  top: 5px;
}
.dropdown-menu .sb-link:focus {
  outline: none;
}

.sb-icon {
  --sb-icon--fill-color: var(--color-neutral-darkest);
  fill: var(--sb-icon--fill-color);
  width: 1.5rem;
  height: 1.5rem;
}
.sb-icon--xx-small {
  width: 0.625rem;
  height: 0.625rem;
}
.sb-icon--x-small {
  width: 1rem;
  height: 1rem;
}
.sb-icon--small {
  width: 1.25rem;
  height: 1.25rem;
}
.sb-icon--large {
  width: 2rem;
  height: 2rem;
}
.sb-icon--x-large {
  width: 3rem;
  height: 3rem;
}
.sb-icon--extra {
  width: 5rem;
  height: 5rem;
}
.sb-icon path {
  fill: currentColor;
}
.sb-icon--cross-circle path:first-child, .sb-icon--check path:first-child {
  fill: none;
  stroke: currentColor;
}
.sb-icon--share path, .sb-icon--check-thin path {
  fill: none;
  stroke: currentColor;
}

.switch-pic {
  display: block;
  width: 40px;
  height: 22px;
  background-color: var(--color-neutral-light);
  border-radius: 100px;
  position: relative;
}
.switch-pic::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  right: 2px;
  top: 2px;
  background-color: var(--color-neutral-white);
}

.sb-link {
  color: var(--color-functional-text);
  font-family: var(--typography-font-headings);
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 16px;
  line-height: 18px;
  font-weight: var(--font-weight-normal);
}
.sb-link span {
  font-weight: var(--font-weight-semibold);
}
.sb-link:hover {
  text-decoration: none;
  color: var(--color-functional-text);
  cursor: pointer;
}
.sb-link:hover::after {
  translate: 9px -1px;
  border-color: var(--color-functional-text);
}
.sb-link:active {
  color: var(--color-functional-text);
}
.sb-link:active::after {
  border-color: var(--color-functional-text);
}
.sb-link:focus-visible {
  outline: none;
}
.sb-link:focus-visible span {
  outline: 2px solid var(--color-functional-text);
  outline-offset: 4px;
}
.sb-link__simple {
  color: var(--color-primary-dark);
  font-family: var(--typography-font-headings);
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 16px;
  line-height: 18px;
  font-weight: var(--font-weight-normal);
}
.sb-link__simple span {
  font-weight: var(--font-weight-semibold);
}
.sb-link__simple:hover {
  text-decoration: none;
  color: var(--color-primary-dark);
  cursor: pointer;
}
.sb-link__simple:hover::after {
  translate: 9px -1px;
  border-color: var(--color-primary-dark);
}
.sb-link__simple:active {
  color: var(--color-primary-darkest);
}
.sb-link__simple:active::after {
  border-color: var(--color-primary-darkest);
}
.sb-link__simple:focus-visible {
  outline: none;
}
.sb-link__simple:focus-visible span {
  outline: 2px solid var(--color-primary-darkest);
  outline-offset: 4px;
}
.sb-link__simple:hover, .sb-link__simple:active, .sb-link__simple:focus {
  text-decoration: underline;
  outline: none;
}
.sb-link__simple.disabled, .sb-link__simple[disabled], .sb-link__simple[aria-disabled=true] {
  color: var(--color-neutral-light);
  cursor: not-allowed;
}
.sb-link__simple.disabled:hover, .sb-link__simple[disabled]:hover, .sb-link__simple[aria-disabled=true]:hover {
  text-decoration: none;
}
.sb-link__primary {
  background-color: var(--color-primary-regular);
  color: var(--color-neutral-white);
  border: 1px solid var(--color-primary-regular);
  min-width: 120px;
  padding: 12px 24px;
  border-radius: 8px;
}
.sb-link__primary:hover, .sb-link__primary:active {
  background-color: var(--color-primary-dark);
  text-decoration: none;
  color: var(--color-neutral-white);
}
.sb-link__primary:active {
  background-color: var(--color-primary-dark);
}
.sb-link__primary.disabled, .sb-link__primary[disabled], .sb-link__primary[aria-disabled=true] {
  cursor: not-allowed;
  background-color: var(--color-functional-disabled-text-on-background);
  border-color: var(--color-functional-disabled-text-on-background);
  color: var(--color-functional-disabled-text);
  opacity: 1;
  pointer-events: none;
  border-width: 2px;
}
.sb-link__primary.disabled:hover, .sb-link__primary[disabled]:hover, .sb-link__primary[aria-disabled=true]:hover {
  color: var(--color-functional-disabled-text-on-background);
  outline: none;
}
.sb-link__secondary {
  background-color: transparent;
  border: 1px solid var(--color-primary-regular);
  color: var(--color-primary-regular);
  font-weight: var(--font-weight-semibold);
  padding: 12px 24px;
  border-radius: 8px;
  min-width: 120px;
}
.sb-link__secondary:hover {
  text-decoration: none;
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark);
  outline: 1px solid var(--color-primary-dark);
  outline-offset: -0.5px;
}
.sb-link__secondary:active {
  background-color: var(--color-primary-lighter);
  border-color: var(--color-primaty-dark);
  color: var(--color-primary-dark);
}
.sb-link__secondary.disabled, .sb-link__secondary[disabled], .sb-link__secondary[aria-disabled=true] {
  background-color: var(--color-neutral-white);
  color: var(--color-functional-disabled-text-on-background);
  border: 2px solid var(--color-functional-disabled-text-on-background);
}
.sb-link__secondary.disabled:hover, .sb-link__secondary[disabled]:hover, .sb-link__secondary[aria-disabled=true]:hover {
  outline: none;
}
.sb-link__round {
  display: flex;
  width: 34px;
  height: 34px;
  gap: 0;
  justify-content: center;
  align-items: center;
  background-color: var(--color-neutral-white);
  border-radius: 50%;
  padding: 0;
}
.sb-link__cancel {
  color: var(--color-functional-text);
  background-color: var(--color-neutral-lighter);
  border-color: var(--color-neutral-lighter);
  min-width: 120px;
  padding: 9px 8px;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  transition: all 0.3s ease-out;
}
.sb-link__cancel:hover {
  background-color: var(--color-opacity-dark);
  color: var(--color-functional-text);
  border-color: var(--color-neutral-lighter);
}
.sb-link__default {
  min-width: 120px;
  padding: 9px 10px;
  border-radius: 10px;
  align-items: center;
  background-color: var(--color-neutral-light);
  border: 1px solid var(--color-opacity-clear);
  color: var(--color-functional-text);
  display: inline-flex;
  transition: background-color 0.3s ease-out;
}
.sb-link__default:hover {
  background-color: color-mix(in srgb, var(--color-neutral-light), var(--color-functional-text) 15%);
  text-decoration: none;
  color: var(--color-functional-text);
  border-color: var(--color-opacity-clear);
}

.btn-next .sb-icon,
.btn-prev .sb-icon {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
}
.btn-next span,
.btn-prev span {
  flex: 0 0 80%;
  text-align: center;
}

.expand:not(td) {
  gap: 0;
  color: var(--color-functional-text);
  border-radius: 50%;
  padding: 0;
  height: 36px;
  width: 36px;
}
.expand:not(td):hover, .expand:not(td):active {
  color: var(--color-functional-text);
  background: var(--color-opacity-dark);
}

:root {
  --grid-column-sm: 21.34375%;
  --grid-gap-sm: 4.875%;
  --grid-column-md: 5.125%;
  --grid-gap-md: 3.5%;
  --color-primary-darkest: #0813BC;
  --color-primary-dark: #2B34DF;
  --color-primary-muted: #3C44D8;
  --color-primary-regular: #525BFA;
  --color-primary-regular-light: #7D84FB;
  --color-primary-light: #CFDAFF;
  --color-primary-lighter: #E8EDFF;
  --color-primary-lightest: #F1F4FF;
  --color-grey-very-light: #F4F4F4;
  --color-accent-regular: #ee652b;
  --color-accent-light: #feba9d;
  --color-accent-lightest: #fceade;
  --color-accent-bright: #f6516f;
  --color-accent-bright-dark: #e43555;
  --color-neutral-darkest: #090B10;
  --color-neutral-dark: #3A3C40;
  --color-neutral-regular: #6B6D70;
  --color-neutral-light: #9D9D9F;
  --color-neutral-lighter: #CECECF;
  --color-neutral-lightest: #F3F3F3;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-opacity-clear: rgba(0, 0, 0, 0);
  --color-opacity-light: rgba(0, 0, 0, .08);
  --color-opacity-white: rgba(255, 255, 255, .8);
  --color-opacity-half-white: rgba(255, 255, 255, .5);
  --color-opacity-dark: rgba(14, 18, 38, 0.15);
  --color-opacity-black: rgba(0, 0, 0, .25);
  --bs-body-bg: #F5F6FA;
  --color-status-error-dark: #600;
  --color-status-error-regular: #C93F3F;
  --color-status-error-hover: #B62727;
  --color-status-error-light: #FFE8E8;
  --color-status-warning-regular: #FFF4E0;
  --color-status-warning-dark: var(--color-supportive-vibrant-yellowish-orange);
  --color-status-warning-light: #FFBB33;
  --color-status-success-dark: #017108;
  --color-status-success-regular: #51C55A;
  --color-status-success-light: #D0F8D3;
  --color-status-passed: #00BA00;
  --color-status-failed: #DD4247;
  --color-functional-focus: #004fe0;
  --color-functional-opacity-focus-rgb: 49, 58, 197;
  --color-functional-focus-reverse: #d1e1fa;
  --color-functional-visited: var(--color-neutral-dark);
  --color-functional-text: var(--color-neutral-darkest);
  --color-functional-disabled-background: var(--color-neutral-lighter);
  --color-functional-disabled-text-on-background: var(--color-neutral-regular);
  --color-functional-disabled-text: var(--color-neutral-regular);
  --color-functional-disabled-input: var(--color-neutral-light);
  --color-supportive-subtle-violet: #EEE0FF;
  --color-supportive-subtle-yellow: #FFFAD5;
  --color-supportive-subtle-blue: #DBF1FF;
  --color-supportive-subtle-warm-green: #E9FFDB;
  --color-supportive-subtle-purple-blue: #EBE9FF;
  --color-supportive-subtle-reddish-orange: #FFE4D5;
  --color-supportive-subtle-yellowish-orange: #FFF4E0;
  --color-supportive-subtle-green: #E0FFEA;
  --color-supportive-vibrant-violet: #8F23DB;
  --color-supportive-vibrant-yellow: #DBD001;
  --color-supportive-vibrant-blue: #0090BE;
  --color-supportive-vibrant-warm-green: #429C0A;
  --color-supportive-vibrant-purple-blue: #6308D1;
  --color-supportive-vibrant-reddish-orange: #CA441B;
  --color-supportive-vibrant-yellowish-orange: #DB8523;
  --color-supportive-vibrant-green: #0BA864;
  --color-type-pdf: #E5252A;
  --color-type-doc: #0263D1;
  --color-type-xls: #00733B;
  --color-type-ppt: #E03303;
  --color-type-txt: #0E1226;
  --color-type-svg: #FF6600;
  --box-shadow: rgba(49, 58, 197, .08);
  --toggle-box-shadow: rgba(39, 39, 39, .1);
  --typography-font-headings: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-bodycopy: "Roboto", Arial, Helvetica, sans-serif;
  --typography-font-buttons: "Roboto", Arial, Helvetica, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 900;
}

.sb-container-login {
  display: flex;
  min-height: 100vh;
  max-height: 100%;
}
.sb-container-login.blocked .sb-container-login__image {
  background: var(--color-primary-lighter) url("./login-page/login-warning.png") center no-repeat;
}
.sb-container-login.blocked .sb-user-login-form__wrapper {
  text-align: center;
}
.sb-container-login.blocked .sb-user-login-form__wrapper .block-system-branding-block {
  margin-bottom: 122px;
}
.sb-container-login.blocked .sb-user-login-form__wrapper .subtitle-fail {
  color: var(--color-neutral-dark);
  font-size: 16px;
  margin-bottom: 48px;
}
.sb-container-login.blocked .sb-user-login-form__wrapper .note-fail {
  color: var(--color-neutral-darkest);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
}
.sb-container-login.blocked .col-right {
  padding-top: 200px;
  flex-direction: row;
  align-items: flex-start;
}
.sb-container-login .col-left {
  flex: 0 0 40%;
  position: relative;
  width: 40%;
  display: none;
  max-width: 805px;
}
@media (min-width: 992px) {
  .sb-container-login .col-left {
    display: block;
  }
}
.sb-container-login .col-left .swiper-login {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-inline: 0;
}
.sb-container-login .col-left .swiper-login .swiper-slide {
  width: 100%;
  padding: 24px 100px 64px;
  display: grid;
  place-content: center;
}
.sb-container-login .col-left .swiper-login .swiper-slide img {
  margin: 0 auto 70px;
  max-height: 45vh;
}
.sb-container-login .col-left .swiper-login .swiper-slide h3 {
  text-align: center;
  margin-bottom: 16px;
  color: var(--color-neutral-white);
  font-size: 24px;
}
.sb-container-login .col-left .swiper-login .swiper-slide p {
  color: var(--color-neutral-lightest);
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}
.sb-container-login .col-left .swiper-login .swiper-pagination {
  bottom: 60px;
}
.sb-container-login .col-left .swiper-login .swiper-pagination-bullet {
  background: var(--color-neutral-white);
  opacity: 0.5;
  margin-right: 15px;
}
.sb-container-login .col-left .swiper-login .swiper-pagination-bullet-active {
  background: var(--color-neutral-white);
  transform: scale(2);
  opacity: 1;
}
.sb-container-login .sb-link__secondary {
  background-color: var(--color-neutral-white);
}
.sb-container-login .col-right {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  position: relative;
  padding: 80px 0;
  justify-content: center;
}
@media (min-width: 992px) {
  .sb-container-login .col-right {
    justify-content: center;
    width: 60%;
    flex: 0 0 60%;
  }
}
.sb-container-login__image {
  position: absolute;
  inset: 0;
  background-image: url("./login-page/login-page.png"), radial-gradient(50% 50% at 50% 50%, #2B34DF 0%, #0812AD 100%);
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-blend-mode: multiply;
  background-position: center;
}
.sb-container-login-title__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 48px;
  min-width: 579px;
}
.sb-container-login-title__wrapper .sb-link {
  text-transform: uppercase;
  color: var(--color-primary-regular);
  font-size: 16px;
  padding: 16px 48px;
  border: none;
}
.sb-container-login-title__wrapper .sb-link span {
  font-weight: var(--font-weight-semibold);
}
.sb-container-login-title {
  color: var(--color-neutral-white);
  font-weight: var(--font-weight-bold);
  font-size: 48px;
  margin-bottom: 0;
  text-align: center;
}
.sb-container-login-right-explore {
  display: block;
  margin-top: 30px;
}
@media (min-width: 992px) {
  .sb-container-login-right-explore {
    display: none;
  }
}

.form-type--select {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.form-type--select label {
  font-size: 16px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: 23px;
  font-family: var(--typography-font-bodycopy);
  margin-bottom: 12px;
}

.sb-select {
  appearance: none;
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-dark);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--font-weight-normal);
  line-height: 23px;
  position: relative;
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
.sb-select.error ~ .select2-container .select2-selection {
  border-color: var(--color-status-error-regular);
}

.select2-dropdown {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  border: none;
  color: var(--color-functional-text);
}

.select2-container--bootstrap-5 .select2-selection,
.select2-container .select2-selection {
  border: 1px solid var(--color-neutral-lighter);
  box-shadow: none;
  border-radius: 5px;
  font-size: 18px;
  line-height: normal;
  min-height: 48px;
  padding: 9px 36px 9px 16px;
}
.select2-container--bootstrap-5 .select2-selection:hover,
.select2-container .select2-selection:hover {
  background-color: var(--color-neutral-white);
  border-color: var(--color-neutral-dark);
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container.select2-container--focus .select2-selection {
  border-radius: 5px !important;
  border: 1px solid var(--color-primary-regular) !important;
  box-shadow: none;
}
.select2-container--bootstrap-5.select2-container--open,
.select2-container.select2-container--open {
  z-index: 1350;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection--single,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple,
.select2-container.select2-container--open .select2-selection--single,
.select2-container.select2-container--open .select2-selection--multiple {
  border-radius: 5px !important;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection--single:active, .select2-container--bootstrap-5.select2-container--open .select2-selection--single:focus, .select2-container--bootstrap-5.select2-container--open .select2-selection--single:focus-within, .select2-container--bootstrap-5.select2-container--open .select2-selection--single:focus-visible,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple:active,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple:focus,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple:focus-within,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple:focus-visible,
.select2-container.select2-container--open .select2-selection--single:active,
.select2-container.select2-container--open .select2-selection--single:focus,
.select2-container.select2-container--open .select2-selection--single:focus-within,
.select2-container.select2-container--open .select2-selection--single:focus-visible,
.select2-container.select2-container--open .select2-selection--multiple:active,
.select2-container.select2-container--open .select2-selection--multiple:focus,
.select2-container.select2-container--open .select2-selection--multiple:focus-within,
.select2-container.select2-container--open .select2-selection--multiple:focus-visible {
  border: 1px solid var(--color-primary-regular);
  background-color: var(--color-neutral-white);
  outline: none;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection--single::before,
.select2-container--bootstrap-5.select2-container--open .select2-selection--multiple::before,
.select2-container.select2-container--open .select2-selection--single::before,
.select2-container.select2-container--open .select2-selection--multiple::before {
  background-image: url("./img/angle-small-top.svg");
  background-repeat: no-repeat;
  content: "";
  color: var(--color-functional-text);
  font-size: 12px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 16px;
}
.select2-container--bootstrap-5 .select2-selection__arrow,
.select2-container .select2-selection__arrow {
  display: none;
}
.select2-container--bootstrap-5 .select2-selection--single,
.select2-container--bootstrap-5 .select2-selection--multiple,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  background-image: none;
}
.select2-container--bootstrap-5 .select2-selection--single::before,
.select2-container--bootstrap-5 .select2-selection--multiple::before,
.select2-container .select2-selection--single::before,
.select2-container .select2-selection--multiple::before {
  background-image: url("./img/angle-small-down.svg");
  content: "";
  color: var(--color-functional-text);
  font-size: 12px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 16px;
  background-repeat: no-repeat;
}
.select2-container--bootstrap-5 .select2-dropdown,
.select2-container .select2-dropdown {
  box-shadow: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: var(--color-functional-text);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  background-color: var(--color-primary-lightest);
  color: var(--color-functional-text);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,
.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: var(--color-primary-lightest);
}
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below, .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above,
.select2-container .select2-dropdown.select2-dropdown--below,
.select2-container .select2-dropdown.select2-dropdown--above {
  border: 1px solid var(--color-neutral-light);
  border-radius: 5px;
  margin-block: 4px;
}

.sb-search__button {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--color-neutral-white);
  border-color: var(--color-neutral-lighter);
  margin: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-color: var(--color-neutral-lighter);
  padding: 1px 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: var(--color-primary-regular);
  color: var(--color-neutral-white);
}
.select2-container--default .select2-selection--multiple .select-2-selection__choice__display {
  padding-inline: 4px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: var(--color-functional-text);
}
.select2-container--default .select2-results__option {
  border-radius: 5px;
  position: relative;
  padding: 12px 12px 12px 47px;
}
.select2-container--default .select2-results__option::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 16px;
  top: 12px;
  border: 2px solid var(--color-neutral-light);
  border-radius: 4px;
  background-color: var(--color-neutral-white);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.select2-container--default .select2-results__option.select2-results__option--selected::before {
  background-color: var(--color-primary-regular);
  border-color: var(--color-primary-regular);
  content: "✔";
  color: var(--color-neutral-white);
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
.select2-container--default .select2-search--inline .select2-search__field {
  height: 28px;
  line-height: 1.5;
  margin: 0;
}

.views-ui-admin-settings-basic .form-type--select,
.block-form .form-type--select,
.contact-form-form .form-type--select,
.media-type-form .form-type--select {
  width: 100%;
}
.views-ui-admin-settings-basic .form-type--select .select2-container,
.block-form .form-type--select .select2-container,
.contact-form-form .form-type--select .select2-container,
.media-type-form .form-type--select .select2-container {
  width: 100% !important;
  max-width: 100%;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 12px 16px;
}

.admin-dblog .view-filters .select2-container {
  min-width: 263px;
}

.entity-form-display-form table .select2-container--bootstrap-5 .select2-selection,
.entity-form-display-form table .select2-container .select2-selection,
.entity-view-display-form table .select2-container--bootstrap-5 .select2-selection,
.entity-view-display-form table .select2-container .select2-selection {
  font-size: 15px;
}
.entity-form-display-form table .select2-container--bootstrap-5 .select2-dropdown .select2-results__option,
.entity-form-display-form table .select2-container .select2-dropdown .select2-results__option,
.entity-view-display-form table .select2-container--bootstrap-5 .select2-dropdown .select2-results__option,
.entity-view-display-form table .select2-container .select2-dropdown .select2-results__option {
  font-size: 15px;
}

table {
  margin-block: 16px;
  max-width: 100%;
  width: 100%;
}
table th {
  background: var(--color-primary-light);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  padding: 16px 7px;
}
@media screen and (min-width: 1600px) {
  table th {
    font-size: 16px;
    padding: 16px 15px;
  }
}
table th:first-child {
  border-top-left-radius: 10px;
  padding-left: 24px;
}
table th:last-child {
  border-top-right-radius: 10px;
  padding-right: 24px;
}
table th a {
  color: inherit;
}
table th .tablesort {
  background: url(./img/sort.svg) center no-repeat;
  height: 24px;
  margin: 0;
  opacity: 1;
  position: static;
  display: inline-block;
  vertical-align: top;
  width: 24px;
}
table th .tablesort--desc {
  background-position: center right;
  width: 12px;
}
table th .tablesort--asc {
  background-position: center left;
  width: 12px;
}
table tr:has(.tabledrag-hide) th:nth-last-child(2) {
  border-top-right-radius: 10px;
  padding-right: 24px;
  width: 160px;
}
table .sortable-heading {
  padding: 10px 8px;
}
@media screen and (min-width: 1600px) {
  table .sortable-heading {
    padding: 16px 15px;
  }
}
table .sortable-heading:not(.is-active) > a {
  padding-right: 0;
}
table .sortable-heading.is-active > a {
  color: var(--color-functional-text);
}
table .sortable-heading > a {
  align-items: center;
  display: flex;
  gap: 4px;
  padding-block: 0;
  white-space: nowrap;
}
table .sortable-heading > a:after {
  background: url(./img/sort.svg) center no-repeat;
  height: 24px;
  margin: 0;
  opacity: 1;
  position: static;
  display: inline-block;
  vertical-align: top;
  width: 24px;
}
table tr {
  background: var(--color-neutral-white);
  border: none;
}
table td {
  border-bottom: 1px solid var(--color-neutral-lighter);
  font-size: 14px;
  padding: 15px 8px;
}
@media screen and (min-width: 1600px) {
  table td {
    font-size: 15px;
    padding: 20px 15px;
  }
}
table td:first-child {
  padding-left: 24px;
}
table td.views-field-label {
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
}
table td.views-empty {
  background: var(--color-neutral-white) url("./img/no_results.svg") center 32px no-repeat;
  border: none;
  border-radius: 0 0 16px 16px;
  color: var(--color-neutral-dark);
  font-size: 18px;
  padding-block: 172px 100px;
  text-align: center;
}
table td.views-empty h3 {
  margin-block: 24px 16px;
  font-size: 24px;
}
table td .form-item {
  margin-block: 0;
}
table td .form-item .form-element--type-select {
  min-width: 0;
}
table td .form-item .select2-container {
  width: 100% !important;
  max-width: 100%;
}
table td .revision-notice {
  margin-bottom: 4px;
}
table td .use-ajax {
  color: var(--color-primary-darkest);
}
table td .use-ajax.sb-button--primary {
  color: var(--color-neutral-white);
  font-size: 16px;
}
@media screen and (min-width: 1600px) {
  table .views-field-vertex-learning-path-dashboard-actions {
    width: 200px;
  }
}
table .views-field-manage-ls-attendances-link {
  position: relative;
}
table .views-field-manage-ls-attendances-link .user-details-link {
  margin-right: 30px;
}
table .views-field-manage-ls-attendances-link .ajax-progress {
  margin: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
table .actions-wrapper {
  display: flex;
  gap: 12px;
}
@media screen and (min-width: 1600px) {
  table .actions-wrapper {
    gap: 32px;
  }
}
table .actions-wrapper a {
  color: var(--color-neutral-dark);
}
table .actions-wrapper a:hover {
  color: var(--color-primary-dark);
}
table .actions-wrapper .sb-icon {
  height: 24px;
  width: 24px;
}
table .actions-wrapper .sb-icon--small {
  height: 20px;
  width: 20px;
}
table .secondary-links .dropdown-toggle {
  background: none;
  height: 20px;
  margin-top: 2px;
  width: 20px;
}
table ul li,
table ol li {
  list-style: none;
  margin-left: 0;
}
table.dblog-event th {
  border-bottom: 1px solid var(--color-neutral-lighter);
}
table.dblog-event th:first-child {
  border-top-left-radius: 0;
}
table.dblog-event td {
  overflow-wrap: anywhere;
  max-width: 600px;
}

.draggable-table {
  border-collapse: separate;
  border-spacing: 0;
}
.draggable-table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.draggable-table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
  padding-right: 24px;
}
.draggable-table tr:has(.tabledrag-hide):last-child td:nth-last-child(2) {
  border-bottom-right-radius: 10px;
}
.draggable-table tr th {
  border-top: 1px solid var(--color-neutral-lighter);
}
.draggable-table tr th:first-child,
.draggable-table tr td:first-child {
  border-left: 1px solid var(--color-neutral-lighter);
}
.draggable-table tr th:last-child,
.draggable-table tr td:last-child {
  border-right: 1px solid var(--color-neutral-lighter);
}
.draggable-table td {
  font-size: 16px;
}
.draggable-table .tabledrag-cell-content {
  position: relative;
}
.draggable-table .tabledrag-cell-content__item {
  align-items: center;
  display: flex;
  height: 100%;
  padding-left: 40px;
  padding-right: 0;
  position: relative;
  width: 100%;
}
.draggable-table .tabledrag-cell-content__item a {
  color: var(--color-neutral-darkest);
}
.draggable-table .tabledrag-cell--only-drag {
  width: 58px;
}
.draggable-table .tabledrag-handle {
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.draggable-table .tabledrag-handle:after {
  background: url(./img/drag-light.svg) center no-repeat;
  height: 24px;
  margin: 0;
  padding: 0;
  width: 24px;
}
.draggable-table .tabledrag-handle:focus:before {
  box-shadow: none;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

.opigno-edge-tree .form-actions {
  flex-wrap: nowrap;
  gap: 32px;
  margin: 0;
}
.opigno-edge-tree .form-actions .menu-item__link,
.opigno-edge-tree .form-actions .sb-button {
  all: unset;
  cursor: pointer;
  height: 24px;
  text-indent: -9999px;
  width: 24px;
}
.opigno-edge-tree .form-actions .cta-view {
  background: url(./img/eye-dark.svg) center no-repeat;
}
.opigno-edge-tree .form-actions .cta-edit {
  background: url(./img/edit-dark.svg) center no-repeat;
}
.opigno-edge-tree .form-actions .sb-button {
  background: url(./img/delete-dark.svg) center no-repeat;
}
.opigno-edge-tree .tabledrag-changed-warning,
.opigno-edge-tree .tabledrag-changed {
  display: none !important;
}
.opigno-edge-tree .draggable-table {
  margin: 0;
}
.opigno-edge-tree .draggable-table tr {
  background: none;
  border: none;
}
.opigno-edge-tree .draggable-table td {
  color: var(--color-neutral-darkest);
  padding: 0;
}
.opigno-edge-tree .draggable-table .tabledrag-cell {
  border: none;
}
.opigno-edge-tree .draggable-table .tabledrag-cell-content {
  height: auto;
  position: relative;
  width: 100%;
}
.opigno-edge-tree .draggable-table .tabledrag-cell-content__item {
  padding-right: 0;
  width: 100%;
}
.opigno-edge-tree .draggable-table .tabledrag-handle {
  height: 24px;
  position: absolute;
  left: 24px;
  top: 16px;
  width: 24px;
}
.opigno-edge-tree .draggable-table .tabledrag-handle:after {
  background: url(./img/drag-dark.svg) center no-repeat;
  height: 24px;
  margin: 0;
  padding: 0;
  width: 24px;
}
.opigno-edge-tree .draggable-table .draggable-table td {
  border: none;
}
.opigno-edge-tree .draggable-table .draggable-table .tabledrag-handle {
  left: 48px;
  top: 22px;
}
.opigno-edge-tree .draggable-table .draggable-table .tabledrag-handle:after {
  background: url(./img/drag-light.svg) center no-repeat;
}
.opigno-edge-tree .opigno-edge-tree {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 20px;
  margin-bottom: 40px;
  overflow: hidden;
}
.opigno-edge-tree .opigno-edge-tree.topic-item {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-light);
  padding-bottom: 24px;
  transition: padding 0.3s ease-out;
}
.opigno-edge-tree .opigno-edge-tree.topic-item:has(.collapsed) {
  padding-bottom: 8px;
}
.opigno-edge-tree .opigno-edge-tree.topic-item .opigno-edge-tree {
  border: none;
  margin: 0 24px 24px;
}
.opigno-edge-tree .opigno-edge-tree.topic-item .tabledrag-handle {
  top: 16px;
}
.opigno-edge-tree .opigno-edge-tree.topic-item .tabledrag-handle:after {
  background-image: url(./img/drag-dark.svg);
}
.opigno-edge-tree .opigno-edge-tree.topic-item .draggable-table .draggable-table .tabledrag-handle {
  top: 22px;
}
.opigno-edge-tree .opigno-edge-tree.topic-item .draggable-table .draggable-table .tabledrag-handle:after {
  background-image: url(./img/drag-light.svg);
}
.opigno-edge-tree .opigno-edge-tree.topic-item .topic-action {
  display: flex;
  justify-content: center;
  padding: 0;
}
.opigno-edge-tree .opigno-lp-edge-tree-header {
  background: var(--color-primary-light);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  padding: 16px 24px 16px 64px;
}
.opigno-edge-tree .opigno-lp-edge-tree-header.module-level {
  display: flex;
  justify-content: space-between;
}
.opigno-edge-tree .opigno-lp-edge-tree-header.topic-level {
  align-items: flex-start;
  background: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
}
.opigno-edge-tree .topic-header {
  margin-bottom: 10px;
}
.opigno-edge-tree .toggle-description {
  all: unset;
  align-items: center;
  display: flex;
  gap: 12px;
  cursor: pointer;
}
.opigno-edge-tree .toggle-description:not(.collapsed) .sb-icon {
  transform: rotateX(180deg);
}
.opigno-edge-tree .toggle-description .sb-icon {
  color: var(--color-neutral-darkest);
  transition: transform 0.3s ease-out;
}
.opigno-edge-tree .topic-module-count-placeholder {
  color: var(--color-neutral-dark);
  font-size: 16px;
  font-weight: var(--font-weight-normal);
}
.opigno-edge-tree .topic-empty {
  align-items: center;
  background: var(--color-neutral-white);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 16px;
  margin: 0 24px;
  padding: 24px;
  text-align: center;
}
.opigno-edge-tree .topic-empty.hidden-text {
  background: none;
  padding: 0;
}
.opigno-edge-tree .module-title-prefix {
  text-transform: uppercase;
}
.opigno-edge-tree__subtree {
  border-bottom: 1px solid var(--color-neutral-lighter);
  display: flex;
  justify-content: space-between;
  padding: 12px 24px 12px 88px;
  position: relative;
}
.opigno-edge-tree__subtree .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.opigno-edge-tree__subtree .opigno-lp-edge-tree-header {
  background: none;
  font-size: 16px;
  padding: 0;
}
.opigno-edge-tree__subtree .title-prefix {
  color: var(--color-neutral-regular);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
  margin-bottom: 8px;
}
.opigno-edge-tree__subtree .form-actions {
  margin: 0;
}
.opigno-edge-tree__subtree .form-actions .cta-view {
  background: url(./img/eye-dark.svg) center no-repeat;
}
.opigno-edge-tree__subtree .form-actions .cta-edit {
  background: url(./img/edit-dark.svg) center no-repeat;
}
.opigno-edge-tree__subtree .form-actions .sb-button {
  background: url(./img/delete-dark.svg) center no-repeat;
}
.opigno-edge-tree__subtree .sb-button {
  margin: 0;
}
.opigno-edge-tree .add-activity-link-wrapper {
  padding: 24px 56px;
  position: relative;
}
.opigno-edge-tree .add-activity-link-wrapper span {
  transition: transform 0.3s ease-out;
}
.opigno-edge-tree .add-activity-link-wrapper:has(.ajax-progress) span {
  transform: scale(0);
}
.opigno-edge-tree .add-activity-link-wrapper .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#edit-field-module-children-wrapper .form-item--multiple {
  margin-bottom: 0;
}
#edit-field-module-children-wrapper .add-activity-link-wrapper {
  padding: 24px 56px;
  position: relative;
  margin-bottom: 24px;
  background: var(--color-neutral-white);
  border-left: 1px solid var(--color-neutral-lighter);
  border-bottom: 1px solid var(--color-neutral-lighter);
  border-radius: 0 0 10px 10px;
}
#edit-field-module-children-wrapper .draggable-table tr:last-child td {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#edit-field-module-children-wrapper #field-module-children-values {
  margin-bottom: 0;
}
#edit-field-module-children-wrapper #field-module-children-values .module-children-draggable-row-header .title-prefix {
  color: var(--color-neutral-regular);
  font-size: 14px;
  font-weight: var(--font-weight-normal);
}
#edit-field-module-children-wrapper #field-module-children-values .module-children-draggable-row-header span {
  font-weight: var(--font-weight-semibold);
  font-size: 16px;
}
#edit-field-module-children-wrapper #field-module-children-values .form-actions {
  margin: 0;
  flex-wrap: nowrap;
}
#edit-field-module-children-wrapper #field-module-children-values .form-actions .menu-item__link,
#edit-field-module-children-wrapper #field-module-children-values .form-actions input {
  all: unset;
  cursor: pointer;
  height: 24px;
  text-indent: -9999px;
  width: 24px;
}
#edit-field-module-children-wrapper #field-module-children-values .form-actions .cta-view {
  background: url(./img/eye-dark.svg) center no-repeat;
}
#edit-field-module-children-wrapper #field-module-children-values .form-actions .cta-edit {
  background: url(./img/edit-dark.svg) center no-repeat;
}
#edit-field-module-children-wrapper #field-module-children-values .form-actions .sb-button {
  background: url(./img/delete-dark.svg) center no-repeat;
}
#edit-field-module-children-wrapper #edit-field-module-children--description {
  display: none;
}

.drag-item {
  position: relative;
}
.drag-item.sortable-chosen .tabledrag-handle {
  cursor: grabbing;
}
.drag-item .form-item:has(.hidden) {
  display: none;
}
.drag-item .tabledrag-handle {
  cursor: grab;
  height: 24px;
  position: absolute;
  left: 24px;
  top: 17px;
  transition: transform 0.3s ease-out;
  width: 24px;
}
.drag-item .tabledrag-handle:hover {
  transform: scale(1.25);
}
.drag-item .tabledrag-handle:after {
  background: url(./img/drag-dark.svg) center no-repeat;
  content: "";
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0;
  width: 24px;
}
.drag-item .drag-item .tabledrag-handle {
  left: 48px;
  top: 22px;
}
.drag-item .drag-item .tabledrag-handle:after {
  background: url(./img/drag-light.svg) center no-repeat;
}
.drag-item .topic-item .topic-level .tabledrag-handle {
  top: 18px;
}
.drag-item .collapse-body {
  display: flex;
  flex-direction: column;
}
.drag-item .collapse-body .topic-empty {
  order: 1;
}
.drag-item .draggable-activity_vertex {
  display: none;
}

.toolbar-fixed .position-sticky thead {
  top: 119px;
}
.toolbar-tray-open .position-sticky thead {
  top: 159px;
}

body.toolbar-fixed .position-sticky thead {
  top: 119px;
}
body.toolbar-tray-open .position-sticky thead {
  top: 159px;
}

.views-list-section {
  overflow-x: auto;
}
@media (min-width: 768px) {
  .views-list-section {
    overflow: initial;
  }
}

.views-field-certificate-template-used-in-trainings .item-list ul li {
  list-style: none;
  margin-left: 0;
}
.views-field-certificate-template-used-in-trainings .item-list ul li a {
  font-weight: var(--font-weight-semibold);
  font-size: 15px;
}

.opigno-statistic-report__wrapper {
  background: var(--color-neutral-white);
  border-radius: 10px;
  padding: 32px;
}
.opigno-statistic-report__wrapper .page-title {
  font-size: 32px;
  margin-right: 16px;
}
.opigno-statistic-report__wrapper .kpi-blocks-table {
  margin: 0;
}
.opigno-statistic-report__wrapper .kpi-blocks-table th {
  background: var(--color-primary-muted);
  color: var(--color-neutral-white);
}
.opigno-statistic-report__wrapper .kpi-blocks-table td {
  background: var(--color-primary-lightest);
  color: var(--color-neutral-dark);
  height: auto;
}
.opigno-statistic-report__wrapper .kpi-blocks-table td:first-child, .opigno-statistic-report__wrapper .kpi-blocks-table td:nth-child(2) {
  font-weight: var(--font-weight-bold);
}
.opigno-statistic-report__wrapper .kpi-blocks-table .kpi-details-link--wrapper {
  display: inline-flex;
  padding-right: 25px;
  position: relative;
}
.opigno-statistic-report__wrapper .kpi-blocks-table .kpi-details-link--wrapper .ajax-progress {
  margin: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.opigno-statistic-report__wrapper .kpi-blocks-table .kpi-details-link {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  font-weight: var(--font-weight-bold);
}
.opigno-statistic-report__wrapper .kpi-blocks-table .kpi-details-link:after {
  background: url(./img/arrow-down-small-darkblue.svg) center no-repeat;
  content: "";
  height: 10px;
  width: 8px;
}
.opigno-statistic-report__top-section {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 32px;
}
.opigno-statistic-report__info--title {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.opigno-statistic-report__info--created {
  color: var(--color-neutral-regular);
}
.opigno-statistic-report__actions {
  align-items: flex-start;
  display: flex;
  gap: 24px;
}
.opigno-statistic-report__actions .sb-button,
.opigno-statistic-report__actions .sb-button--secondary {
  min-height: 44px;
  padding-block: 10px;
}
.opigno-statistic-report__actions--item {
  position: relative;
}
.opigno-statistic-report__actions--item .ajax-progress {
  margin: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.opigno-statistic-report__actions--item .ajax-progress__throbber {
  border-color: var(--color-neutral-white);
}
.opigno-statistic-report__actions--item .ajax-progress__message {
  display: none;
}

.opigno-access-token-summary-table tr .token-wrapper {
  display: flex;
  align-items: center;
  word-break: break-all;
  gap: 10px;
}
.opigno-access-token-summary-table .sb-button.copy-btn {
  min-width: 0;
  margin-left: auto;
}

#edit-help {
  background: var(--color-primary-light);
  border-radius: 10px;
  border: 1px solid var(--color-primary-regular);
  color: var(--color-functional-text);
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  padding: 16px 16px 16px 72px;
  position: relative;
}
#edit-help:before {
  background: url(./img/info-dark.svg) center no-repeat;
  border-right: 1px solid var(--color-neutral-lighter);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
}

.tmgmt-ui-review td > .form-item {
  display: block;
}

.form-item__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-block: 0 12px;
}
.form-item__label.form-required:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.form-item__label.is-disabled {
  color: var(--color-functional-text);
}
.form-item__label.has-error {
  color: var(--color-status-error-regular);
}
.form-item__description {
  color: var(--color-neutral-regular);
  font-size: 15px;
  line-height: 1.2;
  margin-top: 8px;
}

.fieldset__label.has-error {
  color: var(--color-status-error-regular);
}
.fieldset__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-block: 0 12px;
}
.fieldset__label.form-required:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}

.form-type--boolean {
  position: relative;
}

.opigno-lp-form > .form-actions {
  justify-content: flex-end;
  margin-block: 32px 0;
}
.opigno-lp-form .field--name-field-edges > .form-wrapper > .form-actions {
  margin-block: 0;
  position: relative;
}
.opigno-lp-form .field--name-field-edges > .form-wrapper > .form-actions .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: -28px;
  transform: translate(-50%);
}
.opigno-lp-form .field--name-field-edges .add-topic-link {
  padding: 8px;
}
.opigno-lp-form:not(:has(.drag-item)) .field--name-field-edges > .form-wrapper > .form-actions {
  background-color: var(--color-neutral-white);
  border-radius: 20px;
  padding: 48px 32px;
  border: 1px solid var(--color-neutral-lighter);
}

.claro-details__summary:after {
  box-shadow: inset 0 0 0 2px var(--color-primary-muted);
}

.field--name-field-scorm-package .claro-details {
  all: unset;
}
.field--name-field-scorm-package .claro-details__summary {
  display: none;
}
.field--name-field-scorm-package .claro-details__wrapper {
  margin: 0;
}
.field--name-field-scorm-package .claro-details .form-type--managed-file {
  margin-block: 0;
}

.field--name-field-global-feedback .form-item__label {
  font-weight: var(--font-weight-normal);
}
.field--name-field-global-feedback .form-text {
  width: 100%;
}

.field--name-field-module-range-feedback .tabledrag-changed-warning,
.field--name-field-domain .tabledrag-changed-warning,
.field--type-entity-reference .tabledrag-changed-warning {
  justify-content: flex-start;
}
.field--name-field-module-range-feedback .tabledrag-changed-warning .tabledrag-changed,
.field--name-field-domain .tabledrag-changed-warning .tabledrag-changed,
.field--type-entity-reference .tabledrag-changed-warning .tabledrag-changed {
  position: static;
}
.field--name-field-module-range-feedback .field-multiple-drag,
.field--name-field-domain .field-multiple-drag,
.field--type-entity-reference .field-multiple-drag {
  padding: 0;
  position: relative;
}
.field--name-field-module-range-feedback .tabledrag-changed,
.field--name-field-domain .tabledrag-changed,
.field--type-entity-reference .tabledrag-changed {
  position: absolute;
  top: 34px;
  left: 14px;
  min-width: 8px;
  width: 8px;
}
.field--name-field-module-range-feedback .drag,
.field--name-field-domain .drag,
.field--type-entity-reference .drag {
  background-color: var(--color-supportive-subtle-blue);
}
.field--name-field-module-range-feedback .drag-previous,
.field--name-field-domain .drag-previous,
.field--type-entity-reference .drag-previous {
  background-color: var(--color-supportive-subtle-yellow);
}
.field--name-field-module-range-feedback .tabledrag-handle,
.field--name-field-domain .tabledrag-handle,
.field--type-entity-reference .tabledrag-handle {
  height: 24px;
  padding-inline: 24px 16px;
  width: 24px;
  box-sizing: content-box;
}
.field--name-field-module-range-feedback .tabledrag-handle:after,
.field--name-field-domain .tabledrag-handle:after,
.field--type-entity-reference .tabledrag-handle:after {
  background: url(./img/drag-dark.svg) center no-repeat;
  height: 24px;
  margin: 0;
  padding: 0;
  width: 24px;
}
.field--name-field-module-range-feedback .tabledrag-handle .handle,
.field--name-field-domain .tabledrag-handle .handle,
.field--type-entity-reference .tabledrag-handle .handle {
  display: none;
}
.field--name-field-module-range-feedback .draggable-table th:nth-child(2),
.field--name-field-domain .draggable-table th:nth-child(2),
.field--type-entity-reference .draggable-table th:nth-child(2) {
  border-top-right-radius: 10px;
}
.field--name-field-module-range-feedback .draggable-table th h4,
.field--name-field-domain .draggable-table th h4,
.field--type-entity-reference .draggable-table th h4 {
  margin-bottom: 0;
}
.field--name-field-module-range-feedback .draggable-table .form-type--select,
.field--name-field-domain .draggable-table .form-type--select,
.field--type-entity-reference .draggable-table .form-type--select {
  max-width: 100%;
}
.field--name-field-module-range-feedback .draggable-table .sb-button,
.field--name-field-domain .draggable-table .sb-button,
.field--type-entity-reference .draggable-table .sb-button {
  all: unset;
  background: url(./img/delete-dark.svg) center no-repeat;
  cursor: pointer;
  height: 48px;
  text-indent: -9999px;
  width: 48px;
}
.field--name-field-module-range-feedback .form-item--multiple .draggable-table .form-item,
.field--name-field-domain .form-item--multiple .draggable-table .form-item,
.field--type-entity-reference .form-item--multiple .draggable-table .form-item {
  margin: 0;
}
.field--name-field-module-range-feedback td:has(.ajax-progress) .sb-button,
.field--name-field-domain td:has(.ajax-progress) .sb-button,
.field--type-entity-reference td:has(.ajax-progress) .sb-button {
  display: none;
}
.field--name-field-module-range-feedback td .ajax-progress,
.field--name-field-domain td .ajax-progress,
.field--type-entity-reference td .ajax-progress {
  height: 48px;
  width: 48px;
}
.field--name-field-module-range-feedback .ajax-progress,
.field--name-field-domain .ajax-progress,
.field--type-entity-reference .ajax-progress {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
}
.field--name-field-module-range-feedback .ajax-progress__message,
.field--name-field-domain .ajax-progress__message,
.field--type-entity-reference .ajax-progress__message {
  display: none;
}

.field--name-field-answer-type .fieldset.form-item {
  margin-block: 24px;
}
.field--name-field-answer-type .fieldset__label {
  color: var(--color-neutral-darkest);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  padding-bottom: 12px;
}
.field--name-field-answer-type .fieldset__label:after {
  color: inherit;
  font-size: inherit;
}
.field--name-field-answer-type .form-radios {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
}
.field--name-field-answer-type .form-radios .form-item {
  margin: 0;
}
.field--name-field-answer-type .form-radios .option {
  color: var(--color-neutral-darkest);
  font-size: 18px;
}

.field--name-field-multiple-choice-answers thead,
.field--name-field-multiple-choice-answers .field-multiple-drag {
  display: none;
}
.field--name-field-multiple-choice-answers .form-item--multiple {
  margin: 0;
}
.field--name-field-multiple-choice-answers .field-multiple-table {
  margin: 0;
}
.field--name-field-multiple-choice-answers tr {
  background: none;
}
.field--name-field-multiple-choice-answers td {
  border: none;
  border-bottom: 24px solid var(--color-neutral-white);
  padding: 0;
}
.field--name-field-multiple-choice-answers td:nth-child(3) .sb-button {
  all: unset;
  background: url(./img/remove-dark.svg) center right no-repeat;
  cursor: pointer;
  height: 24px;
  margin-left: 20px;
  text-indent: -9999px;
  width: 24px;
}
.field--name-field-multiple-choice-answers td:nth-child(3) .sb-button:hover {
  background-image: url(./img/remove.svg);
}
.field--name-field-multiple-choice-answers td:has(.ajax-progress) .sb-button {
  display: none;
}
.field--name-field-multiple-choice-answers td .ajax-progress {
  margin: 0 0 0 24px !important;
}
.field--name-field-multiple-choice-answers td .ajax-progress__message {
  display: none;
}
.field--name-field-multiple-choice-answers td .fieldset {
  background: var(--color-primary-lighter);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  box-shadow: none;
  margin: 0;
  padding: 16px 24px;
}
.field--name-field-multiple-choice-answers td .fieldset__label {
  padding: 0;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper {
  align-items: center;
  display: grid;
  gap: 12px 24px;
  grid-template-areas: "correct header" "correct item";
  grid-template-columns: auto 1fr;
  margin: 0;
  width: 100%;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper .form-item {
  margin: 0;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper .answer-title {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  grid-area: header;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper .form-type--boolean {
  grid-area: correct;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper .form-item:not(.form-type--boolean) {
  grid-area: item;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper .form-item:not(.form-type--boolean) .filter-wrapper {
  display: none;
}
.field--name-field-multiple-choice-answers td .fieldset__wrapper [id^=ajax-wrapper] {
  grid-area: item;
}
.field--name-field-multiple-choice-answers .form-managed-file {
  flex-direction: column-reverse;
}
.field--name-field-multiple-choice-answers .form-managed-file .sb-button {
  all: unset;
  background: url(./img/delete-dark.svg) center no-repeat;
  cursor: pointer;
  height: 48px;
  margin-left: 24px;
  text-indent: -9999px;
  width: 48px;
}
.field--name-field-multiple-choice-answers .field-actions {
  margin: 0;
}
.field--name-field-multiple-choice-answers .field-actions .sb-button {
  all: unset;
  color: var(--color-primary-dark);
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  padding: 8px;
}
.field--name-field-multiple-choice-answers .field-actions .sb-button:hover {
  color: var(--color-primary-darkest);
  text-decoration: underline;
}

.field--name-field-module-range-feedback thead {
  display: none;
}
.field--name-field-module-range-feedback .draggable-table tr {
  background: none;
}
.field--name-field-module-range-feedback .draggable-table tr:not(:last-child) fieldset.form-wrapper {
  margin-bottom: 32px;
}
.field--name-field-module-range-feedback .draggable-table td {
  border: none;
  padding: 0;
}
.field--name-field-module-range-feedback .draggable-table fieldset.form-wrapper {
  border: none;
  box-shadow: none;
}
.field--name-field-module-range-feedback .draggable-table fieldset.form-wrapper .fieldset__label {
  color: var(--color-neutral-darkest);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  padding: 0 0 12px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper {
  background: var(--color-primary-lightest);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 5px;
  margin: 0;
  padding: 16px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper .form-type--number {
  display: inline-flex;
  flex-direction: column;
  margin-block: 24px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper .form-type--number:not(:last-child) {
  margin-right: 48px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper .form-type--number .form-item__label {
  color: var(--color-neutral-darkest);
  font-size: 16px;
  margin-bottom: 8px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper .form-type--number .form-number {
  border-radius: 5px;
  font-size: 16px;
  height: auto;
  line-height: 20px;
  padding: 12px 16px;
}
.field--name-field-module-range-feedback .draggable-table .fieldset__wrapper .form-type--textarea .form-item__description {
  margin-bottom: 0;
}
.field--name-field-module-range-feedback .draggable-table .form-text,
.field--name-field-module-range-feedback .draggable-table .form-textarea {
  width: 100%;
}
.field--name-field-module-range-feedback .field-actions {
  padding-left: 64px;
}
.field--name-field-module-range-feedback .field-add-more-submit {
  all: unset;
  color: var(--color-primary-regular);
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  padding: 8px;
}
.field--name-field-module-range-feedback .field-add-more-submit:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}

.form-type--managed-file {
  margin-block: 0;
}
.form-type--managed-file .form-item__description {
  font-size: 16px;
}
.form-type--managed-file .sb-input {
  background: var(--color-primary-lightest);
  border: 1px dashed var(--color-primary-dark);
  border-radius: 5px;
  cursor: pointer;
  height: auto;
  line-height: 44px;
  padding: 16px;
  width: 530px;
}
.form-type--managed-file .sb-input:hover {
  border: 1px dashed var(--color-primary-dark);
}
.form-type--managed-file .sb-input::file-selector-button {
  background: none;
  border: 1px solid var(--color-primary-regular);
  border-radius: 8px;
  color: var(--color-primary-regular);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  line-height: 18px;
  margin-right: 32px;
  min-width: 120px;
  padding: 12px 24px;
  text-align: center;
}

.user-form,
.opigno-lp-activity-form,
.opigno-activity-form,
.opigno-training-form,
.config-split-form,
.opigno-access-token-form,
.opigno-live-session-form,
.opigno-live-session-bucket-form,
.opigno-lp-settings-form > .fieldset,
.opigno-lp-module-form > .fieldset,
.opigno-lp-passing-requirements-form > .fieldset,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) .fieldset,
.opigno-certificate-template-form > .fieldset,
.opigno-calendar-event-form,
.opigno-badge-form,
.taxonomy-term-form,
.opigno-hierarchy-entity-form,
.media-form {
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-neutral-lighter);
  padding: 32px;
}
.user-form > .fieldset__legend .fieldset__label,
.opigno-lp-activity-form > .fieldset__legend .fieldset__label,
.opigno-activity-form > .fieldset__legend .fieldset__label,
.opigno-training-form > .fieldset__legend .fieldset__label,
.config-split-form > .fieldset__legend .fieldset__label,
.opigno-access-token-form > .fieldset__legend .fieldset__label,
.opigno-live-session-form > .fieldset__legend .fieldset__label,
.opigno-live-session-bucket-form > .fieldset__legend .fieldset__label,
.opigno-lp-settings-form > .fieldset > .fieldset__legend .fieldset__label,
.opigno-lp-module-form > .fieldset > .fieldset__legend .fieldset__label,
.opigno-lp-passing-requirements-form > .fieldset > .fieldset__legend .fieldset__label,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) .fieldset > .fieldset__legend .fieldset__label,
.opigno-certificate-template-form > .fieldset > .fieldset__legend .fieldset__label,
.opigno-calendar-event-form > .fieldset__legend .fieldset__label,
.opigno-badge-form > .fieldset__legend .fieldset__label,
.taxonomy-term-form > .fieldset__legend .fieldset__label,
.opigno-hierarchy-entity-form > .fieldset__legend .fieldset__label,
.media-form > .fieldset__legend .fieldset__label {
  border-bottom: 1px solid var(--color-neutral-lighter);
  color: var(--color-neutral-regular);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  padding: 0 0 16px;
  text-transform: uppercase;
}
.user-form > .fieldset__wrapper,
.opigno-lp-activity-form > .fieldset__wrapper,
.opigno-activity-form > .fieldset__wrapper,
.opigno-training-form > .fieldset__wrapper,
.config-split-form > .fieldset__wrapper,
.opigno-access-token-form > .fieldset__wrapper,
.opigno-live-session-form > .fieldset__wrapper,
.opigno-live-session-bucket-form > .fieldset__wrapper,
.opigno-lp-settings-form > .fieldset > .fieldset__wrapper,
.opigno-lp-module-form > .fieldset > .fieldset__wrapper,
.opigno-lp-passing-requirements-form > .fieldset > .fieldset__wrapper,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) .fieldset > .fieldset__wrapper,
.opigno-certificate-template-form > .fieldset > .fieldset__wrapper,
.opigno-calendar-event-form > .fieldset__wrapper,
.opigno-badge-form > .fieldset__wrapper,
.taxonomy-term-form > .fieldset__wrapper,
.opigno-hierarchy-entity-form > .fieldset__wrapper,
.media-form > .fieldset__wrapper {
  margin: 0;
}
.user-form .form-item,
.opigno-lp-activity-form .form-item,
.opigno-activity-form .form-item,
.opigno-training-form .form-item,
.config-split-form .form-item,
.opigno-access-token-form .form-item,
.opigno-live-session-form .form-item,
.opigno-live-session-bucket-form .form-item,
.opigno-lp-settings-form > .fieldset .form-item,
.opigno-lp-module-form > .fieldset .form-item,
.opigno-lp-passing-requirements-form > .fieldset .form-item,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) .fieldset .form-item,
.opigno-certificate-template-form > .fieldset .form-item,
.opigno-calendar-event-form .form-item,
.opigno-badge-form .form-item,
.taxonomy-term-form .form-item,
.opigno-hierarchy-entity-form .form-item,
.media-form .form-item {
  margin-block: 32px;
}
.user-form .field--name-label .form-text,
.opigno-lp-activity-form .field--name-label .form-text,
.opigno-activity-form .field--name-label .form-text,
.opigno-training-form .field--name-label .form-text,
.config-split-form .field--name-label .form-text,
.opigno-access-token-form .field--name-label .form-text,
.opigno-live-session-form .field--name-label .form-text,
.opigno-live-session-bucket-form .field--name-label .form-text,
.opigno-lp-settings-form > .fieldset .field--name-label .form-text,
.opigno-lp-module-form > .fieldset .field--name-label .form-text,
.opigno-lp-passing-requirements-form > .fieldset .field--name-label .form-text,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) .fieldset .field--name-label .form-text,
.opigno-certificate-template-form > .fieldset .field--name-label .form-text,
.opigno-calendar-event-form .field--name-label .form-text,
.opigno-badge-form .field--name-label .form-text,
.taxonomy-term-form .field--name-label .form-text,
.opigno-hierarchy-entity-form .field--name-label .form-text,
.media-form .field--name-label .form-text {
  margin-top: 0;
  width: 100%;
}

.legend-with-description.fieldset .fieldset__legend .fieldset__label {
  border: none;
  padding-bottom: 8px;
}
.legend-with-description.fieldset .form-item__description:first-child {
  border-bottom: 1px solid var(--color-neutral-lighter);
  margin-block: 0 32px;
  padding-bottom: 16px;
}

.form-radios .form-item {
  margin-block: 24px;
}

.user-form,
.opigno-lp-create-form,
.opigno-lp-settings-form,
.opigno-live-session-form,
.opigno-live-session-bucket-form,
.opigno-lp-module-form,
.opigno-certificate-template-form,
.opigno-lp-activity-form,
.opigno-activity-form,
.opigno-training-form,
.config-split-form,
.opigno-lp-passing-requirements-form,
.module-attempt-evaluation-form,
.opigno-access-token-form,
.opigno-calendar-event-form,
.opigno-badge-form,
.taxonomy-term-form,
.opigno-hierarchy-entity-form,
.media-form {
  margin-bottom: 88px;
  position: relative;
}
.user-form .form-actions,
.opigno-lp-create-form .form-actions,
.opigno-lp-settings-form .form-actions,
.opigno-live-session-form .form-actions,
.opigno-live-session-bucket-form .form-actions,
.opigno-lp-module-form .form-actions,
.opigno-certificate-template-form .form-actions,
.opigno-lp-activity-form .form-actions,
.opigno-activity-form .form-actions,
.opigno-training-form .form-actions,
.config-split-form .form-actions,
.opigno-lp-passing-requirements-form .form-actions,
.module-attempt-evaluation-form .form-actions,
.opigno-access-token-form .form-actions,
.opigno-calendar-event-form .form-actions,
.opigno-badge-form .form-actions,
.taxonomy-term-form .form-actions,
.opigno-hierarchy-entity-form .form-actions,
.media-form .form-actions {
  margin: 0;
  position: absolute;
  top: calc(100% + 40px);
  right: 0;
}
.user-form .form-actions .sb-button,
.opigno-lp-create-form .form-actions .sb-button,
.opigno-lp-settings-form .form-actions .sb-button,
.opigno-live-session-form .form-actions .sb-button,
.opigno-live-session-bucket-form .form-actions .sb-button,
.opigno-lp-module-form .form-actions .sb-button,
.opigno-certificate-template-form .form-actions .sb-button,
.opigno-lp-activity-form .form-actions .sb-button,
.opigno-activity-form .form-actions .sb-button,
.opigno-training-form .form-actions .sb-button,
.config-split-form .form-actions .sb-button,
.opigno-lp-passing-requirements-form .form-actions .sb-button,
.module-attempt-evaluation-form .form-actions .sb-button,
.opigno-access-token-form .form-actions .sb-button,
.opigno-calendar-event-form .form-actions .sb-button,
.opigno-badge-form .form-actions .sb-button,
.taxonomy-term-form .form-actions .sb-button,
.opigno-hierarchy-entity-form .form-actions .sb-button,
.media-form .form-actions .sb-button {
  padding: 14px 28px;
}
.user-form .form-actions .sb-button--text,
.opigno-lp-create-form .form-actions .sb-button--text,
.opigno-lp-settings-form .form-actions .sb-button--text,
.opigno-live-session-form .form-actions .sb-button--text,
.opigno-live-session-bucket-form .form-actions .sb-button--text,
.opigno-lp-module-form .form-actions .sb-button--text,
.opigno-certificate-template-form .form-actions .sb-button--text,
.opigno-lp-activity-form .form-actions .sb-button--text,
.opigno-activity-form .form-actions .sb-button--text,
.opigno-training-form .form-actions .sb-button--text,
.config-split-form .form-actions .sb-button--text,
.opigno-lp-passing-requirements-form .form-actions .sb-button--text,
.module-attempt-evaluation-form .form-actions .sb-button--text,
.opigno-access-token-form .form-actions .sb-button--text,
.opigno-calendar-event-form .form-actions .sb-button--text,
.opigno-badge-form .form-actions .sb-button--text,
.taxonomy-term-form .form-actions .sb-button--text,
.opigno-hierarchy-entity-form .form-actions .sb-button--text,
.media-form .form-actions .sb-button--text {
  padding: 8px;
}

[class^=taxonomy-overview-] .form-actions {
  justify-content: flex-end;
  margin-top: 32px;
}

.form-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
}
.form-actions .sb-button {
  margin: 0;
}
.form-actions [id^=edit-cancel],
.form-actions [id^=edit-save-published] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--color-primary-dark);
  font-weight: var(--font-weight-semibold);
  min-height: 0;
  min-width: 0;
  padding: 8px !important;
}
.form-actions [id^=edit-cancel]:hover,
.form-actions [id^=edit-save-published]:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}
.form-actions .action-link {
  margin: 0;
}

.opigno-lp-create-form .fieldset--group {
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-neutral-lighter);
  margin-bottom: 35px;
  padding: 32px;
}
.opigno-lp-create-form .fieldset__label {
  color: var(--color-functional-text);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  margin-bottom: 32px;
}
.opigno-lp-create-form .fieldset__label.form-required:after {
  content: none;
}
.opigno-lp-create-form #edit-lp-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.opigno-lp-create-form #edit-lp-type .sb-choice-block__wrapper {
  margin: 0;
}
.opigno-lp-create-form .form-actions {
  display: flex;
  justify-content: flex-end;
}

.opigno-lp-settings-form .form-item {
  margin-block: 24px;
}
.opigno-lp-settings-form .form-item:last-child {
  margin-bottom: 0;
}
.opigno-lp-settings-form .form-item:last-child .form-item__description {
  margin-bottom: 0;
}
.opigno-lp-settings-form .form-item:last-child .form-item__description ul:last-child {
  margin-bottom: 0;
}
.opigno-lp-settings-form .form-text {
  margin-top: 0;
  width: 100%;
}
.opigno-lp-settings-form .form-item--field-visibility .form-item__description .form-item {
  margin-top: 0;
}
.opigno-lp-settings-form .form-item--field-visibility .form-item__description .form-type--item {
  margin-bottom: 0;
}
.opigno-lp-settings-form .field--name-field-visibility-auth-type {
  margin-top: 16px;
}
.opigno-lp-settings-form .field--name-field-visibility-auth-type .form-item {
  margin-top: 0;
}
.opigno-lp-settings-form .field--name-field-visibility-auth-type .form-item--field-visibility-auth-type {
  margin-bottom: 12px;
}
.opigno-lp-settings-form .field--name-field-visibility-auth-type .form-item--field-visibility-auth-type:last-child {
  margin-bottom: 0;
}
.opigno-lp-settings-form .form-type--select label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
}
.opigno-lp-settings-form .claro-autocomplete,
.opigno-lp-settings-form .form-type--select {
  max-width: 594px;
  width: 100%;
}

.opigno-lp-settings-form > .fieldset,
.opigno-lp-module-form > .fieldset,
.opigno-lp-passing-requirements-form > .fieldset,
.module-attempt-evaluation-form > .form-wrapper:not(.form-actions) > .fieldset,
.opigno-certificate-template-form > .fieldset {
  box-shadow: none;
  margin-top: 0;
}

.opigno-certificate-template-form .field--name-orientation .fieldset {
  margin: 0;
}
.opigno-certificate-template-form .field--name-orientation .fieldset .form-item {
  margin-block: 12px;
}
.opigno-certificate-template-form .field--name-orientation .fieldset .form-item:last-child {
  margin-bottom: 0;
}
.opigno-certificate-template-form .field--name-design .fieldset {
  margin-bottom: 0;
}
.opigno-certificate-template-form .field--name-design .form-radios {
  display: flex;
  gap: 24px;
}
.opigno-certificate-template-form .field--name-design .form-radios .form-item {
  display: inline-flex;
  flex-direction: column-reverse;
  flex: 1 1 0;
  gap: 16px;
}
.opigno-certificate-template-form .field--name-design .option {
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 0;
}
.opigno-certificate-template-form .field--name-design .form-item__description {
  margin: 0;
  padding: 0;
}
.opigno-certificate-template-form .field--name-design .form-radio:checked ~ .form-item__description .certificate-design-thumbnail-wrapper .portrait-wrapper,
.opigno-certificate-template-form .field--name-design .form-radio:checked ~ .form-item__description .certificate-design-thumbnail-wrapper .landscape-wrapper {
  outline: 2px solid var(--color-primary-dark);
}
.opigno-certificate-template-form .certificate-design-thumbnail-wrapper .portrait-wrapper {
  max-height: 340px;
  width: auto;
}
.opigno-certificate-template-form .certificate-design-thumbnail-wrapper .portrait-wrapper img {
  max-height: 340px;
}
.opigno-certificate-template-form .certificate-design-thumbnail-wrapper .landscape-wrapper {
  height: 100%;
}
.opigno-certificate-template-form .certificate-design-thumbnail-wrapper .landscape-wrapper img {
  max-height: 213px;
}
.opigno-certificate-template-form .certificate-design-thumbnail-wrapper .form-item {
  margin-block: 0;
}
.opigno-certificate-template-form .fieldset__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
}
.opigno-certificate-template-form .fieldset__label:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}

.opigno-live-session-bucket-form > .form-wrapper {
  max-width: 884px;
}
.opigno-live-session-bucket-form .form-item {
  margin-block: 24px;
}
.opigno-live-session-bucket-form .form-item:first-child {
  margin-top: 0;
}
.opigno-live-session-bucket-form .fieldset__label {
  color: var(--color-functional-text);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0 0 16px;
}
.opigno-live-session-bucket-form .fieldset__label:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.opigno-live-session-bucket-form .form-type--boolean {
  margin-block: 16px;
}
.opigno-live-session-bucket-form .field--type-datetime > .fieldset {
  margin-bottom: 24px !important;
}
.opigno-live-session-bucket-form .form-url,
.opigno-live-session-bucket-form .form-text {
  width: 100%;
}
.opigno-live-session-bucket-form .field-actions {
  margin: 0;
}
.opigno-live-session-bucket-form .field-actions .sb-button {
  all: unset;
  color: var(--color-primary-dark);
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  padding: 8px;
}
.opigno-live-session-bucket-form .field-actions .sb-button:hover {
  color: var(--color-primary-darkest);
  text-decoration: underline;
}

.opigno-live-session-bucket-manage-sessions-form {
  background: none;
  border: none;
  padding: 0;
}
.opigno-live-session-bucket-manage-sessions-form > .form-wrapper {
  max-width: 100%;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table {
  border-collapse: separate;
  border-spacing: 0;
  height: 1px; /* fix for Firefox */
  margin: 0;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table thead,
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table .tabledrag-cell {
  display: none;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table tr,
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td {
  background: none;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table tr:only-child .opigno-ls-delete-wrapper {
  display: none;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table tr:not(:only-child) td > .fieldset,
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table tr:not(:only-child) td .ajax-new-content > .fieldset {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td {
  border-bottom: 16px solid var(--bs-body-bg);
  height: 100%; /* fix for Firefox */
  padding: 0;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td > .fieldset,
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td .ajax-new-content > .fieldset {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 10px;
  padding: 24px;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td > .fieldset .fieldset__wrapper,
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td .ajax-new-content > .fieldset .fieldset__wrapper {
  max-width: 844px;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td .opigno-ls-delete-wrapper {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  padding: 24px 24px 24px 0;
  text-align: right;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td .opigno-ls-delete-wrapper .sb-button {
  background: url(./img/remove-dark.svg) center right/20px no-repeat;
  color: var(--color-primary-dark);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  height: auto;
  padding-right: 28px;
  text-indent: 0;
  width: auto;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table td .opigno-ls-delete-wrapper .sb-button:hover {
  background-image: url(./img/remove.svg);
  color: var(--color-primary-darkest);
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table .fieldset {
  background: none;
  border: none;
  box-shadow: none;
}
.opigno-live-session-bucket-manage-sessions-form .field-multiple-table .fieldset__wrapper {
  margin: 0;
}
.opigno-live-session-bucket-manage-sessions-form .section-delta {
  color: var(--color-neutral-regular);
  font-size: 14px;
  line-height: 1.64;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.opigno-live-session-bucket-manage-sessions-form .form-datetime-wrapper .form-items-inline {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.opigno-live-session-bucket-manage-sessions-form .form-datetime-wrapper .form-element {
  width: 100%;
}

.opigno-live-session-form {
  max-width: 1020px;
}
.opigno-live-session-form > .form-wrapper {
  max-width: 884px;
}
.opigno-live-session-form .form-item {
  margin-block: 0 24px;
}
.opigno-live-session-form .form-item__label {
  font-size: 18px;
}
.opigno-live-session-form .fieldset {
  border: none;
  box-shadow: none;
}
.opigno-live-session-form .fieldset__label {
  color: var(--color-functional-text);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0 0 12px;
}
.opigno-live-session-form .fieldset__label:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.opigno-live-session-form .fieldset__wrapper {
  margin: 0;
}
.opigno-live-session-form .fieldset__wrapper .form-item {
  margin-bottom: 0;
}
.opigno-live-session-form .form-datetime-wrapper .form-items-inline {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.opigno-live-session-form .form-datetime-wrapper .form-element {
  width: 100%;
}
.opigno-live-session-form .field--type-datetime > .fieldset {
  margin-bottom: 24px;
}
.opigno-live-session-form .form-url,
.opigno-live-session-form .form-text {
  width: 100%;
}

.form-item--no-label > .sb-checkbox,
.form-item--no-label > .sb-radio {
  accent-color: var(--color-primary-regular);
  box-shadow: none;
  cursor: pointer;
  clip: auto;
  position: static;
  margin: 0;
  height: 20px;
  vertical-align: top;
  width: 20px;
}
.form-item--no-label > .sb-checkbox:hover,
.form-item--no-label > .sb-radio:hover {
  accent-color: var(--color-primary-regular);
}

.form-checkbox:only-child {
  accent-color: var(--color-primary-regular);
  box-shadow: none;
  clip: auto;
  position: static;
  margin: 0;
  height: 20px;
  vertical-align: top;
  width: 20px;
}
.form-checkbox:only-child:hover {
  accent-color: var(--color-primary-regular);
}

.dropzonejs-disable-submit .form-actions {
  display: none;
}

.field--widget-file-generic .claro-details,
.field--widget-entity-browser-entity-reference .claro-details {
  border: none;
  box-shadow: none;
  margin-block: 0 24px;
}
.field--widget-file-generic .claro-details__wrapper,
.field--widget-entity-browser-entity-reference .claro-details__wrapper {
  margin: 0;
}
.field--widget-file-generic summary,
.field--widget-entity-browser-entity-reference summary {
  display: none;
}
.field--widget-file-generic .rendered-entity:has(.media--type-video),
.field--widget-entity-browser-entity-reference .rendered-entity:has(.media--type-video) {
  margin-inline: 0;
  width: min(100%, 530px);
}

.entity-browser-iframe-container {
  width: 100% !important;
}
.entity-browser-iframe-container iframe {
  height: 425px !important;
}

.form-type--dropzonejs {
  margin-bottom: 0;
}
.form-type--dropzonejs > .form-item__label {
  display: none;
}
.form-type--dropzonejs .dropzone {
  background: var(--color-primary-lightest) url(./img/upload.svg) 50% 60px/24px 24px no-repeat;
  border: 2px dashed var(--color-primary-dark);
  border-radius: 5px;
  margin: 0;
  padding-block: 80px;
}
.form-type--dropzonejs .dropzone .button {
  background: transparent;
  border-radius: 8px;
  border: 1px solid var(--color-primary-regular);
  box-shadow: none;
  color: var(--color-primary-regular);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  padding: 12px 24px;
}
.form-type--dropzonejs .dropzone .dz-message {
  margin: 24px 0;
}

.vbo-view-form {
  position: relative;
}

.views-bulk-actions {
  animation: none;
  align-items: center;
  background: none;
  border: none;
  color: var(--color-neutral-regular);
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  min-height: 44px;
  padding: 0;
  position: absolute !important;
  bottom: auto !important;
  left: 0;
  top: 0;
  transform: translateY(calc(-100% - 16px));
  z-index: 1003 !important;
}
.views-bulk-actions > div {
  display: none;
}
.views-bulk-actions[data-drupal-sticky-vbo=true] > div:not(.hidden), .views-bulk-actions.has-selection > div:not(.hidden) {
  display: inline-flex;
}
.views-bulk-actions__item {
  margin-left: 16px;
}
.views-bulk-actions__item--status {
  color: var(--color-functional-text);
  font-size: 16px;
  margin-left: 40px;
}
.views-bulk-actions__item--status.vbo-multipage-selector {
  margin: 0;
}
.views-bulk-actions__item--status.vbo-multipage-selector summary {
  cursor: default;
  color: var(--color-functional-text);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  margin-left: 40px;
  padding: 0;
  pointer-events: none;
}
.views-bulk-actions__item--status.vbo-multipage-selector summary .claro-details__summary-summary {
  display: none;
}
.views-bulk-actions .form-actions .sb-button {
  background: var(--color-primary-regular);
  box-shadow: none;
  font-size: 16px;
  min-height: 44px;
}
.views-bulk-actions .form-actions .sb-button:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-regular);
}
.views-bulk-actions .form-actions .sb-button:active {
  background-color: var(--color-primary-darkest);
  border-color: var(--color-primary-darkest);
}
.views-bulk-actions .form-actions .sb-button.disabled, .views-bulk-actions .form-actions .sb-button[disabled], .views-bulk-actions .form-actions .sb-button[aria-disabled=true] {
  cursor: not-allowed;
  background-color: var(--color-functional-disabled-background);
  border-color: var(--color-functional-disabled-background);
  color: var(--color-functional-disabled-text-on-background);
  opacity: 1;
  pointer-events: none;
}
.views-bulk-actions .form-actions .sb-button.disabled:hover, .views-bulk-actions .form-actions .sb-button[disabled]:hover, .views-bulk-actions .form-actions .sb-button[aria-disabled=true]:hover {
  color: var(--color-functional-disabled-text-on-background);
}
.views-bulk-actions .select2-container {
  min-width: 155px;
}
.views-bulk-actions .select2-container .select2-selection {
  border-radius: 10px;
  height: 44px;
  padding-block: 10px;
}

.view-users-statistics .view-filters,
.view-live-session-buckets .view-filters,
.view-live-sessions .view-filters {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 24px;
}
.view-users-statistics .view-filters .views-exposed-form,
.view-live-session-buckets .view-filters .views-exposed-form,
.view-live-sessions .view-filters .views-exposed-form {
  background: none;
  border: none;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-block: 0;
  padding: 0;
}
.view-users-statistics .view-filters .views-exposed-form .form-item,
.view-live-session-buckets .view-filters .views-exposed-form .form-item,
.view-live-sessions .view-filters .views-exposed-form .form-item {
  margin: 0;
}
.view-users-statistics .view-filters .views-exposed-form .select2-container,
.view-live-session-buckets .view-filters .views-exposed-form .select2-container,
.view-live-sessions .view-filters .views-exposed-form .select2-container {
  min-width: 350px;
}
.view-users-statistics .view-filters .form-actions,
.view-live-session-buckets .view-filters .form-actions,
.view-live-sessions .view-filters .form-actions {
  margin: 0;
}
.view-users-statistics .view-filters .form-actions:has(.js-hide:only-child),
.view-live-session-buckets .view-filters .form-actions:has(.js-hide:only-child),
.view-live-sessions .view-filters .form-actions:has(.js-hide:only-child) {
  display: none;
}
.view-users-statistics .view-filters .total-rows,
.view-live-session-buckets .view-filters .total-rows,
.view-live-sessions .view-filters .total-rows {
  color: var(--color-neutral-regular);
}

.entity-browser-widgets-config-form .form-item {
  margin-block: 6px;
}

.media .views-bulk-actions__item .form-item__label {
  display: none;
}

.media-library-views-form__bulk_form {
  top: 25px;
}
.media-library-views-form__bulk_form .views-bulk-actions__item {
  margin-left: 0;
}
.media-library-views-form__bulk_form .views-bulk-actions__item .form-item__label {
  display: none;
}

.view-content .media-library-views-form__rows {
  margin: 20px -8px 0;
}

.opigno-lp-passing-requirements-form .fieldset .form-item {
  margin: 0;
}
.opigno-lp-passing-requirements-form .fieldset .form-item__label {
  font-size: 20px;
  line-height: 1.15;
  margin-bottom: 24px;
}
.opigno-lp-passing-requirements-form .fieldset .field--type-boolean {
  margin-top: 24px;
}
.opigno-lp-passing-requirements-form .fieldset .field--widget-options-select {
  margin-top: 16px;
}
.opigno-lp-passing-requirements-form .fieldset .field--widget-options-select .form-item__label {
  font-size: 18px;
  margin-bottom: 12px;
}
.opigno-lp-passing-requirements-form .fieldset .field--widget-options-select .select2-container {
  min-width: 450px;
  width: auto !important;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  position: relative;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .form-item {
  flex: 1 0 auto;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .form-item__label {
  margin-bottom: 16px;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .ajax-progress {
  margin: 0;
  position: absolute;
  right: 4px;
  top: 54px;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .ajax-progress__message {
  display: none;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .select2-container {
  width: 100% !important;
}
.opigno-lp-passing-requirements-form .passing-requirements-selection .sb-button {
  margin: 39px 0 0;
}
.opigno-lp-passing-requirements-form .fields-title {
  display: grid;
  grid-template-columns: 1fr 170px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  margin-top: 40px;
  max-width: calc(100% - 56px);
  padding: 12px 24px;
  text-transform: uppercase;
}

.lp-edge-passing-requirements {
  align-items: center;
  display: flex;
  gap: 32px;
  margin-top: 16px;
}
.lp-edge-passing-requirements__module-item {
  background-color: var(--color-primary-lightest);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  flex: 1 1 auto;
  padding: 20px 24px;
}
.lp-edge-passing-requirements__module-info {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 170px;
  margin-bottom: 18px;
}
.lp-edge-passing-requirements__module-info .form-item.form-type--number {
  margin: 0;
}
.lp-edge-passing-requirements__module-info .form-number {
  height: 48px;
  min-width: 135px;
  padding: 14px 16px;
}
.lp-edge-passing-requirements__module-title {
  color: var(--color-neutral-dark);
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}
.lp-edge-passing-requirements__module-score {
  align-items: center;
  display: flex;
  gap: 8px;
  padding-right: 12px;
}
.lp-edge-passing-requirements__module-activities .claro-details {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
}
.lp-edge-passing-requirements__module-activities .claro-details__wrapper {
  margin: 28px 0 0;
}
.lp-edge-passing-requirements__module-activities .claro-details[open] .claro-details__summary:after {
  transform: rotateX(180deg);
}
.lp-edge-passing-requirements__module-activities .claro-details ul {
  margin: 0;
  padding: 0;
}
.lp-edge-passing-requirements__module-activities .claro-details li {
  background: var(--color-neutral-white);
  border-radius: 5px;
  display: grid;
  gap: 5px;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 1fr);
  font-size: 16px;
  line-height: 1.4;
  list-style: none;
  margin: 0 0 8px;
  padding: 12px 24px 12px 56px;
}
.lp-edge-passing-requirements__module-activities .claro-details li:last-child {
  margin-bottom: 0;
}
.lp-edge-passing-requirements__module-activities .claro-details .form-item {
  margin: 0;
}
.lp-edge-passing-requirements__module-activities .claro-details .activity-name {
  font-weight: var(--font-weight-bold);
}
.lp-edge-passing-requirements__module-activities .claro-details__summary {
  align-items: center;
  display: flex;
  color: var(--color-primary-darkest);
  gap: 8px;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  padding: 0;
}
.lp-edge-passing-requirements__module-activities .claro-details__summary:before {
  content: none;
}
.lp-edge-passing-requirements__module-activities .claro-details__summary:after {
  all: unset;
  background: url(./img/angle-down-darkblue.svg) center no-repeat;
  content: "";
  height: 24px;
  transition: transform 0.3s ease-out;
  width: 24px;
}
.lp-edge-passing-requirements__module-activities .claro-details__summary:hover {
  background: none;
}
.lp-edge-passing-requirements__module-activities .claro-details__summary:focus {
  color: var(--color-primary-darkest);
}
.lp-edge-passing-requirements__module-actions .sb-button {
  all: unset;
  background: url(./img/remove-grey.svg) right center no-repeat;
  cursor: pointer;
  height: 24px;
  padding: 0 !important;
  text-indent: -9999px;
  width: 24px;
}
.lp-edge-passing-requirements .form-actions {
  position: relative;
  right: auto;
  top: auto;
}
.lp-edge-passing-requirements .form-actions .ajax-progress {
  margin: 0;
  position: absolute;
  left: -24px;
  top: 2px;
}
.lp-edge-passing-requirements .form-actions .ajax-progress__message {
  display: none;
}

.opigno-access-token-form .form--inline {
  display: flex;
  gap: 16px;
}
.opigno-access-token-form .form--inline:after {
  content: none;
}
.opigno-access-token-form .form--inline > .sb-button {
  align-self: flex-start;
  margin-top: 42px;
}
.opigno-access-token-form .form-item {
  margin: 12px 0;
  width: 100%;
}
.opigno-access-token-form .sb-input {
  margin-top: 0;
  width: 100%;
}
.opigno-access-token-form .sb-button {
  margin: 0;
}
.opigno-access-token-form [id^=edit-submit] {
  margin: 36px auto 0;
}

.opigno-taxonomy-overview-terms .text.prefix, .opigno-taxonomy-overview-terms .text.suffix {
  color: var(--color-neutral-dark);
  margin-bottom: 24px;
}
.opigno-taxonomy-overview-terms .form-actions {
  gap: 24px;
  justify-content: flex-end;
  margin: 0;
}
.opigno-taxonomy-overview-terms .form-actions .sb-button--secondary {
  background: none;
}

.taxonomy-term-lp-duration-form,
.taxonomy-term-lp-domain-form {
  max-width: 1020px;
}
.taxonomy-term-lp-duration-form .form-actions,
.taxonomy-term-lp-domain-form .form-actions {
  flex-direction: row-reverse;
  margin-block: 0;
}
.taxonomy-term-lp-duration-form #edit-delete,
.taxonomy-term-lp-domain-form #edit-delete {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--color-primary-dark);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  min-height: 0;
  min-width: 0;
  padding: 8px !important;
}
.taxonomy-term-lp-duration-form #edit-delete:before,
.taxonomy-term-lp-domain-form #edit-delete:before {
  content: none;
}
.taxonomy-term-lp-duration-form #edit-delete:hover,
.taxonomy-term-lp-domain-form #edit-delete:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}

.view-manage-groups .view-header {
  margin-bottom: 64px;
}
.view-manage-groups table td.views-field-label {
  font-weight: var(--font-weight-normal);
}
.view-manage-groups table .sb-link span {
  font-weight: var(--font-weight-normal);
}
.view-manage-groups .user-details-link {
  color: var(--color-primary-dark);
}
.view-manage-groups .user-details-link:hover {
  text-decoration: underline;
}
.view-manage-groups .user-details-link .sb-icon--small {
  height: 20px;
  width: 20px;
}

.opigno-user-group-group-backoffice-form {
  max-width: 1020px;
}
.opigno-user-group-group-backoffice-form .form-actions {
  justify-content: flex-end;
}

.opigno-hierarchy-entity-form {
  max-width: 1020px;
}

.view-users-statistics {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  padding: 24px;
}
.view-users-statistics .views-exposed-form {
  background: none;
  border: none;
  box-shadow: none;
  gap: 24px;
  margin: 0 0 24px;
  padding: 0;
}
.view-users-statistics .views-exposed-form__item--actions {
  align-self: flex-end;
  margin: 0 !important;
}
.view-users-statistics .views-exposed-form .form-item {
  margin: 0;
}
.view-users-statistics .views-exposed-form .form-text {
  background-image: url("./img/search.svg");
  background-position: 10px 11px;
  background-size: 24px;
  padding-left: 48px;
}
.view-users-statistics .views-exposed-form .form-text:focus {
  background-image: url("./img/search-black.svg");
}
.view-users-statistics table {
  margin: 0;
}
.view-users-statistics table th,
.view-users-statistics table td {
  font-size: 14px;
}
.view-users-statistics table .views-field-uid {
  font-size: 15px;
}
.view-users-statistics .status-published,
.view-users-statistics .status-unpublished,
.view-users-statistics .status-draft,
.view-users-statistics .status-disabled {
  min-width: 0;
  padding: 4px 12px;
}

.opigno-statistic-report-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.opigno-statistic-report-form .messages-list {
  margin-bottom: 0;
}
.opigno-statistic-report-form .form-item__label {
  font-size: 18px;
}
.opigno-statistic-report-form .form-text {
  width: 100%;
}
.opigno-statistic-report-form .form-type--select {
  position: relative;
}
.opigno-statistic-report-form .form-type--select .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.opigno-statistic-report-form .form-type--select .ajax-progress__message {
  display: none;
}
.opigno-statistic-report-form .select2-container {
  width: 100% !important;
}
.opigno-statistic-report-form .field--name-kpi-blocks .fieldset {
  margin: 0;
}
.opigno-statistic-report-form .field--name-kpi-blocks .fieldset__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 16px;
}
.opigno-statistic-report-form .field--name-kpi-blocks .fieldset__label:after {
  color: inherit;
  font-size: inherit;
  margin: 0;
}
.opigno-statistic-report-form .field--name-kpi-blocks .fieldset__wrapper {
  display: flex;
}
.opigno-statistic-report-form .form-checkboxes {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px 32px;
}
.opigno-statistic-report-form .form-checkboxes .form-item {
  margin: 0;
  min-width: 228px;
}
.opigno-statistic-report-form .sb-checkbox:hover ~ label.option .sb-icon {
  display: block;
}
.opigno-statistic-report-form .sb-checkbox:hover ~ label.option .sb-icon path {
  stroke: var(--color-neutral-light);
}
.opigno-statistic-report-form .sb-checkbox:checked + label.option:before {
  background-color: var(--color-primary-regular);
  border-color: var(--color-primary-regular);
}
.opigno-statistic-report-form .sb-checkbox:checked + label.option .sb-icon {
  color: var(--color-neutral-white);
  display: block;
}
.opigno-statistic-report-form .sb-checkbox:checked:hover + label.option .sb-icon path {
  stroke: var(--color-neutral-white);
}
.opigno-statistic-report-form .sb-checkbox ~ label {
  padding-left: 26px;
  padding-top: 0;
}
.opigno-statistic-report-form .sb-checkbox ~ label:before {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-light);
  border-radius: 4px;
  content: "";
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  transition: 0.3s ease-out;
  width: 20px;
}
.opigno-statistic-report-form .sb-checkbox ~ label:after {
  content: none;
}
.opigno-statistic-report-form .sb-checkbox ~ label .sb-icon {
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
}
.opigno-statistic-report-form .sb-checkbox ~ label .sb-icon path {
  stroke: var(--color-neutral-white);
}
.opigno-statistic-report-form .form-actions {
  justify-content: flex-end;
  margin-block: 24px 0;
  position: relative;
}
.opigno-statistic-report-form .form-actions .ajax-progress {
  margin: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.opigno-statistic-report-form .form-actions .ajax-progress__throbber {
  border-color: var(--color-neutral-white);
}
.opigno-statistic-report-form .form-actions .ajax-progress__message {
  display: none;
}

#kpi-details-wrapper:not(:empty) {
  margin-top: 24px;
}
#kpi-details-wrapper form {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-primary-light);
  border-radius: 10px;
  padding: 16px;
}
#kpi-details-wrapper .table-header {
  margin-bottom: 16px;
}
#kpi-details-wrapper .table-header-title {
  font-size: 24px;
  margin-bottom: 8px;
}
#kpi-details-wrapper .table-header-desc {
  color: var(--color-neutral-regular);
}
#kpi-details-wrapper .kpi-details-table {
  margin: 0;
}
#kpi-details-wrapper .kpi-details-table th {
  background: var(--color-neutral-white);
  border-bottom: 1px solid var(--color-neutral-light);
  border-radius: 0;
  color: var(--color-neutral-darkest);
  font-size: 15px;
  padding: 8px 16px;
}
#kpi-details-wrapper .kpi-details-table th:hover {
  background: var(--color-neutral-white);
}
#kpi-details-wrapper .kpi-details-table td {
  border-bottom: 1px solid var(--color-neutral-lightest);
  padding: 12px 16px;
}
#kpi-details-wrapper .kpi-details-table tr:last-child td {
  border: none;
}
#kpi-details-wrapper .pager {
  margin-bottom: 0;
  position: relative;
}
#kpi-details-wrapper .pager__items {
  margin: 0;
  justify-content: flex-start;
}
#kpi-details-wrapper .pager .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translate(-50%);
}

.module-attempt-evaluation-form .student-container {
  margin-bottom: 24px;
}
.module-attempt-evaluation-form .activity-title h3 {
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 16px;
}
.module-attempt-evaluation-form .activity-description {
  color: var(--color-neutral-regular);
  margin-bottom: 24px;
}
.module-attempt-evaluation-form .sb-answer__details--long-answer {
  background: var(--color-primary-lighter);
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 20px;
}
.module-attempt-evaluation-form .sb-answer__details--long-answer--question {
  color: var(--color-functional-text);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  margin-bottom: 16px;
}
.module-attempt-evaluation-form .sb-answer__details--long-answer--question p:last-child {
  margin-bottom: 0;
}
.module-attempt-evaluation-form .sb-answer__details--long-answer--answer {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 5px;
  color: var(--color-neutral-dark);
  font-size: 18px;
  line-height: 1.2;
  min-height: 100px;
  padding: 14px 16px;
}
.module-attempt-evaluation-form .form-type--number {
  margin: 24px 0 16px !important;
}
.module-attempt-evaluation-form .form-type--number .form-item__suffix {
  font-weight: var(--font-weight-bold);
}
.module-attempt-evaluation-form .sb-button--text {
  border: none;
  border-radius: 0;
  font-weight: var(--font-weight-semibold);
  font-style: italic;
  margin: 0;
  padding: 0 2px;
}
.module-attempt-evaluation-form .sb-button--text.ajax-submit:has(+ .feedback-container:not(.hidden)) {
  display: none;
}
.module-attempt-evaluation-form .sb-button--text + .ajax-progress {
  margin: -3px 0 0 8px !important;
}
.module-attempt-evaluation-form .sb-button--text + .ajax-progress .ajax-progress__message {
  display: none;
}
.module-attempt-evaluation-form .field--name-field-feedback .form-item {
  margin-block: 24px 16px !important;
}
.module-attempt-evaluation-form .filter-wrapper {
  display: none;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-block: 24px 0;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details__summary {
  color: var(--color-functional-text);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0;
  pointer-events: none;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details__summary:before, .module-attempt-evaluation-form .field--name-field-corrections .claro-details__summary:after {
  content: none;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details__wrapper {
  margin: 16px 0 0;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details .form-type--managed-file {
  margin-block: 0 !important;
}
.module-attempt-evaluation-form .field--name-field-corrections .claro-details .form-type--managed-file .form-item__label {
  display: none;
}

.opigno-badge-form,
.opigno-calendar-event-form {
  max-width: 1020px;
}
.opigno-badge-form > .form-wrapper,
.opigno-badge-form .form-type--select,
.opigno-calendar-event-form > .form-wrapper,
.opigno-calendar-event-form .form-type--select {
  max-width: 884px;
}
.opigno-badge-form > .form-wrapper .select2-container,
.opigno-badge-form .form-type--select .select2-container,
.opigno-calendar-event-form > .form-wrapper .select2-container,
.opigno-calendar-event-form .form-type--select .select2-container {
  width: 100% !important;
}
.opigno-badge-form .form-item,
.opigno-calendar-event-form .form-item {
  margin-block: 0 24px;
}
.opigno-badge-form .form-item__label,
.opigno-calendar-event-form .form-item__label {
  font-size: 18px;
}
.opigno-badge-form .fieldset,
.opigno-calendar-event-form .fieldset {
  border: none;
  box-shadow: none;
}
.opigno-badge-form .fieldset__label,
.opigno-calendar-event-form .fieldset__label {
  color: var(--color-functional-text);
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0 0 16px;
}
.opigno-badge-form .fieldset__label:after,
.opigno-calendar-event-form .fieldset__label:after {
  content: none;
}
.opigno-badge-form .fieldset__wrapper,
.opigno-calendar-event-form .fieldset__wrapper {
  margin: 0;
}
.opigno-badge-form .fieldset__wrapper .form-item,
.opigno-calendar-event-form .fieldset__wrapper .form-item {
  margin-bottom: 0;
}
.opigno-badge-form .fieldset__wrapper .form-item:not(:last-child),
.opigno-calendar-event-form .fieldset__wrapper .form-item:not(:last-child) {
  margin-bottom: 16px;
}
.opigno-badge-form .fieldset .form-datetime-wrapper .form-items-inline,
.opigno-calendar-event-form .fieldset .form-datetime-wrapper .form-items-inline {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
}
.opigno-badge-form .fieldset .form-datetime-wrapper .form-element,
.opigno-calendar-event-form .fieldset .form-datetime-wrapper .form-element {
  width: 100%;
}
.opigno-badge-form .fieldset .form-datetime-wrapper .form-item,
.opigno-calendar-event-form .fieldset .form-datetime-wrapper .form-item {
  margin: 0;
}
.opigno-badge-form .form-actions,
.opigno-calendar-event-form .form-actions {
  flex-direction: row-reverse;
  margin-block: 32px 0;
}
.opigno-badge-form #edit-delete,
.opigno-calendar-event-form #edit-delete {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--color-primary-dark);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  min-height: 0;
  min-width: 0;
  padding: 8px !important;
}
.opigno-badge-form #edit-delete:before,
.opigno-calendar-event-form #edit-delete:before {
  content: none;
}
.opigno-badge-form #edit-delete:hover,
.opigno-calendar-event-form #edit-delete:hover {
  color: var(--color-primary-dark);
  text-decoration: underline;
}
.opigno-badge-form .filter-help,
.opigno-calendar-event-form .filter-help {
  display: none;
}

.opigno-calendar-event-public-event-delete-form .form-item__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
}

.view-badges .total-rows,
.view-public-events .total-rows {
  color: var(--color-neutral-regular);
}

.taxonomy-term-form .form-wrapper:first-child > .form-item {
  margin-top: 0;
}
.taxonomy-term-form .field-wrapper {
  display: flex;
  gap: 8px;
}
.taxonomy-term-form .field-wrapper .form-type--number {
  margin: 0;
}
.taxonomy-term-form .field-wrapper .field-note {
  margin-top: 35px;
}

.translation-job-form .filter-help,
.opigno-lp-activity-form .filter-help {
  display: none;
}

.opigno-activity-form .form-item__label:not(.option),
.opigno-lp-activity-form .form-item__label:not(.option) {
  display: block;
}
.opigno-activity-form .field--widget-options-buttons .form-radios,
.opigno-lp-activity-form .field--widget-options-buttons .form-radios {
  display: flex;
  gap: 12px;
}
.opigno-activity-form .field--widget-options-buttons .form-type--radio,
.opigno-lp-activity-form .field--widget-options-buttons .form-type--radio {
  margin: 0;
  min-width: 100px;
}
.opigno-activity-form .field--name-field-items-type .fieldgroup,
.opigno-lp-activity-form .field--name-field-items-type .fieldgroup {
  margin-bottom: 0;
}
.opigno-activity-form .form-type--color .form-color,
.opigno-lp-activity-form .form-type--color .form-color {
  border: none;
  border-radius: 0;
  height: 40px;
  padding: 0;
  width: 82px;
}
.opigno-activity-form .form-type--color .color-value,
.opigno-lp-activity-form .form-type--color .color-value {
  display: inline-block;
  margin: 0 0 16px 16px;
  text-transform: uppercase;
  vertical-align: bottom;
}
.opigno-activity-form .claro-details,
.opigno-lp-activity-form .claro-details {
  border: none;
  box-shadow: none;
  margin: 0;
}
.opigno-activity-form .claro-details__summary,
.opigno-activity-form .claro-details .form-item__label,
.opigno-lp-activity-form .claro-details__summary,
.opigno-lp-activity-form .claro-details .form-item__label {
  display: none;
}
.opigno-activity-form .claro-details__wrapper,
.opigno-lp-activity-form .claro-details__wrapper {
  margin: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .form-item--multiple,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-item--multiple {
  margin-block: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories thead,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories thead {
  display: none;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr {
  background: var(--color-neutral-lightest);
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr:hover,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr:hover {
  background: inherit;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr.light-text,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr.light-text {
  color: var(--color-grey-very-light);
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr.light-text > td:nth-last-child(2) .sb-button,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr.light-text > td:nth-last-child(2) .sb-button {
  background-image: url(./img/delete-white.svg);
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr.light-text .tabledrag-handle:after,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr.light-text .tabledrag-handle:after {
  background-image: url(./img/drag-white.svg);
}
.opigno-activity-form .field--name-field-drag-and-drop-categories tr.light-text .field--name-field-drag-and-drop-items .field-add-more-submit,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories tr.light-text .field--name-field-drag-and-drop-items .field-add-more-submit {
  background-image: url(./img/plus-white.svg);
  color: inherit;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories td,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories td {
  background: inherit;
  border-top: 1px solid var(--color-neutral-lighter);
  border-bottom: 1px solid var(--color-neutral-lighter);
  padding: 16px 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories td:first-child,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories td:first-child {
  border-left: 1px solid var(--color-neutral-lighter);
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories td:nth-last-child(2),
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories td:nth-last-child(2) {
  border-right: 1px solid var(--color-neutral-lighter);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 14px 0 0;
  vertical-align: top;
  width: 48px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table {
  border-spacing: 0 32px;
  margin-block: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell--only-drag,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell--only-drag {
  padding: 8px;
  width: 40px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell-content__item,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell-content__item {
  padding: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell-content .tabledrag-handle,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-cell-content .tabledrag-handle {
  top: 19px;
  transform: none;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-handle,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .tabledrag-handle {
  padding: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table {
  border-spacing: 0 16px;
  margin-bottom: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td {
  background: var(--color-neutral-white);
  border: none;
  border-radius: 0;
  padding: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td:nth-child(2),
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td:nth-child(2) {
  border-radius: 5px 0 0 5px;
  padding: 14px 16px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td:nth-child(3),
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table td:nth-child(3) {
  border-radius: 0 5px 5px 0;
  padding-right: 16px;
  vertical-align: middle;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table .tabledrag-cell--only-drag,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .draggable-table .draggable-table .tabledrag-cell--only-drag {
  display: none;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .fieldset,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .fieldset {
  background: none;
  border: none;
  box-shadow: none;
  color: inherit;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .fieldset__wrapper,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .fieldset__wrapper {
  margin: 0;
  width: 100%;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-drop-category-color,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-drop-category-color {
  margin-top: 24px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-item-text .form-text,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-item-text .form-text {
  width: 100%;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value {
  position: relative;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .loaded-file,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .loaded-file {
  display: none;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__main .sb-button,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__main .sb-button {
  background: var(--color-primary-dark) url(./img/close-white.svg) center/22px no-repeat;
  border-radius: 50%;
  height: 32px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 32px;
  z-index: 1;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__meta, .opigno-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__image-preview,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__meta,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .form-managed-file--image.has-value .form-managed-file__image-preview {
  margin: 0;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-items,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-items {
  margin-top: 8px;
}
.opigno-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-items .field-add-more-submit,
.opigno-lp-activity-form .field--name-field-drag-and-drop-categories .field--name-field-drag-and-drop-items .field-add-more-submit {
  background: transparent url(./img/plus.svg) 8px center/15px no-repeat;
  border: none;
  color: var(--color-primary-dark);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  height: auto;
  padding: 8px 8px 8px 32px;
  text-indent: 0;
  width: auto;
}
.opigno-activity-form [id^=field-drag-and-drop-categories-values] + .field-actions .sb-button,
.opigno-lp-activity-form [id^=field-drag-and-drop-categories-values] + .field-actions .sb-button {
  background: none;
  color: var(--color-primary-dark);
  font-size: 16px;
}
.opigno-activity-form [id^=field-drag-and-drop-categories-values] + .field-actions .sb-button:hover,
.opigno-lp-activity-form [id^=field-drag-and-drop-categories-values] + .field-actions .sb-button:hover {
  background-color: var(--color-neutral-white);
  border-color: var(--color-primary-darkest);
  color: var(--color-primary-darkest);
  outline: 1px solid var(--color-primary-darkest);
}

.field--name-field-image.field--widget-entity-browser-entity-reference {
  position: relative;
}
.field--name-field-image .generate-with-ai-link {
  position: absolute;
  right: 0;
  z-index: 1000;
  top: -5px;
}

.learner-feedback-question-form-widget .field-actions .sb-link {
  font-weight: var(--font-weight-semibold);
}
.learner-feedback-question-form-widget .field-multiple-table {
  border-spacing: 0 16px;
  margin-top: 24px;
}
.learner-feedback-question-form-widget .field-multiple-table thead {
  display: none;
}
.learner-feedback-question-form-widget .field-multiple-table tr {
  background-color: var(--color-primary-lightest);
  border-radius: 10px;
}
.learner-feedback-question-form-widget .field-multiple-table tr:has(.tabledrag-hide) td:nth-last-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none;
  text-align: right;
  font-size: 0;
}
.learner-feedback-question-form-widget .field-multiple-table tr:has(.tabledrag-hide) td:nth-last-child(2) a {
  background: url(./img/edit-dark.svg) center no-repeat;
  margin-right: 18px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
}
.learner-feedback-question-form-widget .field-multiple-table td {
  border: none;
  padding: 12px;
}
.learner-feedback-question-form-widget .field-multiple-table td:first-child {
  border-left: none;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  padding-right: 12px;
  padding-left: 0;
}
.learner-feedback-question-form-widget .field-multiple-table td .form-item:first-of-type {
  font-weight: var(--font-weight-bold);
  margin-bottom: 8px;
}
.learner-feedback-question-form-widget .field-multiple-table td .tabledrag-handle {
  padding-inline: 12px;
}
.learner-feedback-question-form-widget .field-multiple-table td .tabledrag-handle::after {
  background: url(./img/drag-light.svg) center;
}

.media-form {
  max-width: 1020px;
}
.media-form .form-item {
  margin-block: 0 24px;
}
.media-form .form-item__label {
  font-size: 18px;
}
.media-form .form-item .form-text {
  width: 100%;
}

.entity-view-display-form table tr:has(.tabledrag-hide) th:nth-last-child(2) {
  border-top-right-radius: 0;
}

.field-config-form .container-inline div {
  display: inline-flex;
  margin-right: 10px;
}
.field-config-form .container-inline .sb-input__number {
  height: 48px;
}

.view-user-admin-people .views-bulk-actions .select2-container {
  width: 270px !important;
}

.source-overview table td img {
  display: inline-block;
  min-width: 20px;
}

.opigno-badge-form .field--name-picture summary {
  background: none;
  border-radius: 0 !important;
  color: var(--color-functional-text);
  display: block;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 12px;
  padding: 0;
  pointer-events: none;
  text-align: left;
}
.opigno-badge-form .field--name-picture summary:before, .opigno-badge-form .field--name-picture summary:after {
  content: none;
}
.opigno-badge-form .field--name-picture summary .required-mark:after {
  background: none;
  content: "*";
  color: inherit;
  font-size: inherit;
  margin: 0;
  vertical-align: baseline;
}
.opigno-badge-form .field--name-picture .claro-details {
  margin-bottom: 16px;
  text-align: center;
}
.opigno-badge-form .field--name-picture .claro-details iframe {
  height: 360px !important;
}
.opigno-badge-form .field--name-picture .claro-details .entity-browser-iframe-container ~ .form-item__description {
  text-align: left;
}
.opigno-badge-form .opigno-badges-registered-since {
  display: flex;
  gap: 12px;
}
.opigno-badge-form .opigno-badges-registered-since .form-type--number {
  margin-bottom: 0;
}
.opigno-badge-form .opigno-badges-registered-since .form-type--number + div {
  margin-top: 33px;
}
.opigno-badge-form .form-actions {
  margin-top: 0;
}

.sb-user-login-form__title,
.user-login-form__title {
  font-size: 25px;
}

.sb-user-login-form__wrapper,
.user-login-form__wrapper,
.user-pass__wrapper {
  max-width: 480px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
.sb-user-login-form__wrapper .block-system-branding-block,
.sb-user-login-form__wrapper .system-branding-block,
.user-login-form__wrapper .block-system-branding-block,
.user-login-form__wrapper .system-branding-block,
.user-pass__wrapper .block-system-branding-block,
.user-pass__wrapper .system-branding-block {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}
.sb-user-login-form__wrapper .block-system-branding-block img,
.sb-user-login-form__wrapper .system-branding-block img,
.user-login-form__wrapper .block-system-branding-block img,
.user-login-form__wrapper .system-branding-block img,
.user-pass__wrapper .block-system-branding-block img,
.user-pass__wrapper .system-branding-block img {
  height: 68px;
}
@media (max-width: 576px) {
  .sb-user-login-form__wrapper .block-system-branding-block img,
  .sb-user-login-form__wrapper .system-branding-block img,
  .user-login-form__wrapper .block-system-branding-block img,
  .user-login-form__wrapper .system-branding-block img,
  .user-pass__wrapper .block-system-branding-block img,
  .user-pass__wrapper .system-branding-block img {
    max-height: 55px;
  }
}
.sb-user-login-form .sb-link__reset,
.user-login-form .sb-link__reset,
.user-pass .sb-link__reset {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
  font-size: 14px;
  color: var(--color-primary-dark);
}
.sb-user-login-form .sb-link__reset span,
.user-login-form .sb-link__reset span,
.user-pass .sb-link__reset span {
  font-weight: var(--font-weight-normal);
}
.sb-user-login-form .sb-form__item,
.sb-user-login-form .form-item,
.user-login-form .sb-form__item,
.user-login-form .form-item,
.user-pass .sb-form__item,
.user-pass .form-item {
  margin-block: 0;
}
.sb-user-login-form .sb-form__item label,
.sb-user-login-form .form-item label,
.user-login-form .sb-form__item label,
.user-login-form .form-item label,
.user-pass .sb-form__item label,
.user-pass .form-item label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin: 0 0 12px;
}
.sb-user-login-form .sb-form__item label::after,
.sb-user-login-form .form-item label::after,
.user-login-form .sb-form__item label::after,
.user-login-form .form-item label::after,
.user-pass .sb-form__item label::after,
.user-pass .form-item label::after {
  content: none;
}
.sb-user-login-form .sb-form__item-name, .sb-user-login-form .sb-form__item--name,
.sb-user-login-form .form-item-name,
.sb-user-login-form .form-item--name,
.user-login-form .sb-form__item-name,
.user-login-form .sb-form__item--name,
.user-login-form .form-item-name,
.user-login-form .form-item--name,
.user-pass .sb-form__item-name,
.user-pass .sb-form__item--name,
.user-pass .form-item-name,
.user-pass .form-item--name {
  margin: 0 0 32px;
}
.sb-user-login-form .sb-form__item-password, .sb-user-login-form .sb-form__item--pass,
.sb-user-login-form .form-item-password,
.sb-user-login-form .form-item--pass,
.user-login-form .sb-form__item-password,
.user-login-form .sb-form__item--pass,
.user-login-form .form-item-password,
.user-login-form .form-item--pass,
.user-pass .sb-form__item-password,
.user-pass .sb-form__item--pass,
.user-pass .form-item-password,
.user-pass .form-item--pass {
  display: flex;
  flex-direction: column;
}
.sb-user-login-form .sb-form__item-password .sb-link, .sb-user-login-form .sb-form__item--pass .sb-link,
.sb-user-login-form .form-item-password .sb-link,
.sb-user-login-form .form-item--pass .sb-link,
.user-login-form .sb-form__item-password .sb-link,
.user-login-form .sb-form__item--pass .sb-link,
.user-login-form .form-item-password .sb-link,
.user-login-form .form-item--pass .sb-link,
.user-pass .sb-form__item-password .sb-link,
.user-pass .sb-form__item--pass .sb-link,
.user-pass .form-item-password .sb-link,
.user-pass .form-item--pass .sb-link {
  margin-top: 14px;
  align-self: flex-end;
  margin-bottom: 40px;
  font-size: 14px;
}
.sb-user-login-form .sb-form__item-password .sb-link span, .sb-user-login-form .sb-form__item--pass .sb-link span,
.sb-user-login-form .form-item-password .sb-link span,
.sb-user-login-form .form-item--pass .sb-link span,
.user-login-form .sb-form__item-password .sb-link span,
.user-login-form .sb-form__item--pass .sb-link span,
.user-login-form .form-item-password .sb-link span,
.user-login-form .form-item--pass .sb-link span,
.user-pass .sb-form__item-password .sb-link span,
.user-pass .sb-form__item--pass .sb-link span,
.user-pass .form-item-password .sb-link span,
.user-pass .form-item--pass .sb-link span {
  font-weight: var(--font-weight-normal);
}
.sb-user-login-form .sb-input,
.user-login-form .sb-input,
.user-pass .sb-input {
  border-radius: 10px;
}
.sb-user-login-form .form-actions,
.user-login-form .form-actions,
.user-pass .form-actions {
  margin: 0;
}
.sb-user-login-form .form-actions .sb-link,
.sb-user-login-form .form-actions .sb-button,
.user-login-form .form-actions .sb-link,
.user-login-form .form-actions .sb-button,
.user-pass .form-actions .sb-link,
.user-pass .form-actions .sb-button {
  line-height: 18px;
  margin: 0;
  padding: 16px 24px;
  text-transform: uppercase;
  width: 100%;
}

.sb-switch-link-bottom {
  margin-top: 33px;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .sb-switch-link-bottom {
    margin: 63px;
  }
}
.sb-switch-link-bottom-item {
  color: var(--color-neutral-regular);
}
.sb-switch-link-bottom .sb-link {
  font-size: 16px;
}
.sb-switch-link-bottom .sb-link span {
  font-weight: var(--font-weight-semibold);
}

.take-activity:has(.opigno-answer-form .fieldgroup > .fieldset__wrapper--group) .field--name-field-activity-body {
  background: var(--color-primary-lighter);
  border-radius: 10px 10px 0 0;
  padding: 32px 32px 16px;
}
@media (max-width: 576px) {
  .take-activity:has(.opigno-answer-form .fieldgroup > .fieldset__wrapper--group) .field--name-field-activity-body {
    background: none;
    padding: 0;
  }
}
.take-activity .field--name-label {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  margin-bottom: 16px;
  padding-right: 24px;
}
.take-activity .field--name-field-description {
  color: var(--color-neutral-regular);
  line-height: 1.4;
  margin-bottom: 24px;
}
.take-activity .field--name-field-activity-body {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  margin: 0;
}
.take-activity .field--name-field-answer .form-item {
  margin-bottom: 0;
}
.take-activity .field--name-field-answer .filter-wrapper {
  margin-block: 0;
}
.take-activity .field--name-field-answer-file .form-item {
  margin: 0;
}
.take-activity .field--name-field-answer-file .form-item__label {
  font-size: 18px;
  line-height: 1.3;
  margin-block: 0 12px;
}
.take-activity .field--name-field-answer-file .form-managed-file ~ .description {
  color: var(--color-neutral-regular);
  font-size: 16px;
  margin-block: 8px;
  max-width: 100%;
}
.take-activity .field--name-field-answer-file .form-managed-file ~ .description br {
  display: none;
}
.take-activity .scorm-ui-player iframe {
  aspect-ratio: 16/10;
}
.take-activity .field--name-field-images .wide-content {
  margin: 0;
  width: auto;
}
.take-activity .field--name-field-pdf embed {
  height: 600px;
  width: 100%;
}

.field--name-field-true-false-answer .form-boolean-group {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.field--name-field-true-false-answer .form-item--field-true-false-answer {
  margin: 0;
}
.field--name-field-true-false-answer .sb-checkbox + label.option,
.field--name-field-true-false-answer .sb-radio + label.option {
  background: var(--color-neutral-white);
  border: 2px solid var(--color-primary-light);
  border-radius: 10px;
  color: var(--color-neutral-dark);
  display: flex;
  justify-content: space-between;
  line-height: 1.44;
  margin: 0;
  min-height: 72px;
  padding: 22px 16px 22px 56px;
  width: 100%;
}
.field--name-field-true-false-answer .sb-checkbox + label.option:hover,
.field--name-field-true-false-answer .sb-radio + label.option:hover {
  border-color: var(--color-primary-regular);
}
.field--name-field-true-false-answer .sb-checkbox + label.option:hover:before,
.field--name-field-true-false-answer .sb-radio + label.option:hover:before {
  border-color: var(--color-neutral-light);
}
.field--name-field-true-false-answer .sb-checkbox + label.option:before,
.field--name-field-true-false-answer .sb-radio + label.option:before {
  left: 18px;
  top: 25px;
}
.field--name-field-true-false-answer .sb-checkbox + label.option > *,
.field--name-field-true-false-answer .sb-radio + label.option > * {
  margin: 0;
}
.field--name-field-true-false-answer .sb-checkbox + label.option .icon-bg,
.field--name-field-true-false-answer .sb-radio + label.option .icon-bg {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex: 0 0 24px;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.field--name-field-true-false-answer .sb-checkbox + label.option .sb-icon,
.field--name-field-true-false-answer .sb-radio + label.option .sb-icon {
  height: 20px;
  position: static;
  width: 20px;
}
.field--name-field-true-false-answer .sb-checkbox + label.option .sb-icon path,
.field--name-field-true-false-answer .sb-radio + label.option .sb-icon path {
  stroke: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox + label.option .sb-icon--cross path,
.field--name-field-true-false-answer .sb-radio + label.option .sb-icon--cross path {
  fill: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox + label.option .sb-icon--check-thin,
.field--name-field-true-false-answer .sb-radio + label.option .sb-icon--check-thin {
  height: 24px;
  position: absolute;
  left: 19px;
  top: 26px;
  width: 24px;
}
.field--name-field-true-false-answer .sb-checkbox + label.option.check,
.field--name-field-true-false-answer .sb-radio + label.option.check {
  border-color: var(--color-status-success-regular);
}
.field--name-field-true-false-answer .sb-checkbox + label.option.check:before,
.field--name-field-true-false-answer .sb-radio + label.option.check:before {
  border-color: var(--color-status-success-dark);
}
.field--name-field-true-false-answer .sb-checkbox + label.option.check .icon-bg,
.field--name-field-true-false-answer .sb-radio + label.option.check .icon-bg {
  background-color: var(--color-status-success-regular);
}
.field--name-field-true-false-answer .sb-checkbox + label.option.cross:before,
.field--name-field-true-false-answer .sb-radio + label.option.cross:before {
  border-color: var(--color-status-error-dark);
}
.field--name-field-true-false-answer .sb-checkbox + label.option.cross .icon-bg,
.field--name-field-true-false-answer .sb-radio + label.option.cross .icon-bg {
  background-color: var(--color-status-error-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option,
.field--name-field-true-false-answer .sb-radio:checked + label.option {
  background-color: var(--color-primary-regular);
  border-color: var(--color-primary-light);
  color: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option:before,
.field--name-field-true-false-answer .sb-radio:checked + label.option:before {
  border-color: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option:after,
.field--name-field-true-false-answer .sb-radio:checked + label.option:after {
  background-color: var(--color-neutral-white);
  left: 23px;
  top: 30px;
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check, .field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross,
.field--name-field-true-false-answer .sb-radio:checked + label.option.check,
.field--name-field-true-false-answer .sb-radio:checked + label.option.cross {
  color: var(--color-neutral-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check,
.field--name-field-true-false-answer .sb-radio:checked + label.option.check {
  background-color: var(--color-neutral-white);
  border-color: var(--color-status-success-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check:before,
.field--name-field-true-false-answer .sb-radio:checked + label.option.check:before {
  border-color: var(--color-status-success-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check:after,
.field--name-field-true-false-answer .sb-radio:checked + label.option.check:after {
  background-color: var(--color-status-success-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross,
.field--name-field-true-false-answer .sb-radio:checked + label.option.cross {
  background-color: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross:before,
.field--name-field-true-false-answer .sb-radio:checked + label.option.cross:before {
  border-color: var(--color-status-error-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross:after,
.field--name-field-true-false-answer .sb-radio:checked + label.option.cross:after {
  background-color: var(--color-status-error-dark);
}
.field--name-field-true-false-answer .sb-radio + label.option:after {
  content: none;
}
.field--name-field-true-false-answer .sb-radio:checked + label.option:after {
  content: "";
}
.field--name-field-true-false-answer .sb-checkbox:checked:hover + label.option .sb-icon--check-thin path {
  stroke: var(--color-primary-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option:before {
  background: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option .sb-icon--check-thin path {
  stroke: var(--color-primary-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check .sb-icon--check-thin path {
  stroke: var(--color-status-success-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross .sb-icon--check-thin path {
  stroke: var(--color-status-error-dark);
}
.field--name-field-true-false-answer .sb-icon--check-circle {
  color: var(--color-status-success-regular);
}
.field--name-field-true-false-answer .sb-icon--cross-circle {
  color: var(--color-status-error-regular);
}

.sb-choice__description {
  color: var(--color-neutral-regular);
  line-height: 1.2;
  margin-bottom: 24px;
}
.sb-choice__description p:last-child {
  margin-bottom: 0;
}
.sb-choice__body {
  background-color: var(--color-primary-lighter);
  border-radius: 10px;
  padding: 32px;
}
.sb-choice__question-body {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  margin-bottom: 32px;
}
.sb-choice__answer-body {
  position: relative;
}
.sb-choice__answer-body.review-mode .option {
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.sb-choice__answer-body.review-mode .sb-checkbox:checked + label.option:before {
  background: none;
}
.sb-choice__answer-body .sb-choice-container {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}
.sb-choice__answer-body .sb-field {
  margin: 0;
}
.sb-choice__answer-body .sb-checkbox + label.option,
.sb-choice__answer-body .sb-radio + label.option {
  background: var(--color-neutral-white);
  border: 2px solid var(--color-primary-light);
  border-radius: 10px;
  color: var(--color-neutral-dark);
  display: flex;
  justify-content: space-between;
  line-height: 1.44;
  margin: 0;
  min-height: 72px;
  padding: 22px 16px 22px 56px;
  width: 100%;
}
.sb-choice__answer-body .sb-checkbox + label.option:hover,
.sb-choice__answer-body .sb-radio + label.option:hover {
  border-color: var(--color-primary-regular);
}
.sb-choice__answer-body .sb-checkbox + label.option:hover:before,
.sb-choice__answer-body .sb-radio + label.option:hover:before {
  border-color: var(--color-neutral-light);
}
.sb-choice__answer-body .sb-checkbox + label.option:before,
.sb-choice__answer-body .sb-radio + label.option:before {
  left: 18px;
  top: 25px;
}
.sb-choice__answer-body .sb-checkbox + label.option > *,
.sb-choice__answer-body .sb-radio + label.option > * {
  margin: 0;
}
.sb-choice__answer-body .sb-checkbox + label.option .icon-bg,
.sb-choice__answer-body .sb-radio + label.option .icon-bg {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex: 0 0 24px;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon,
.sb-choice__answer-body .sb-radio + label.option .sb-icon {
  height: 20px;
  position: static;
  width: 20px;
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon path,
.sb-choice__answer-body .sb-radio + label.option .sb-icon path {
  stroke: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon--cross path,
.sb-choice__answer-body .sb-radio + label.option .sb-icon--cross path {
  fill: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon--check-thin,
.sb-choice__answer-body .sb-radio + label.option .sb-icon--check-thin {
  height: 24px;
  position: absolute;
  left: 19px;
  top: 26px;
  width: 24px;
}
.sb-choice__answer-body .sb-checkbox + label.option.check,
.sb-choice__answer-body .sb-radio + label.option.check {
  border-color: var(--color-status-success-regular);
}
.sb-choice__answer-body .sb-checkbox + label.option.check:before,
.sb-choice__answer-body .sb-radio + label.option.check:before {
  border-color: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox + label.option.check .icon-bg,
.sb-choice__answer-body .sb-radio + label.option.check .icon-bg {
  background-color: var(--color-status-success-regular);
}
.sb-choice__answer-body .sb-checkbox + label.option.cross:before,
.sb-choice__answer-body .sb-radio + label.option.cross:before {
  border-color: var(--color-status-error-dark);
}
.sb-choice__answer-body .sb-checkbox + label.option.cross .icon-bg,
.sb-choice__answer-body .sb-radio + label.option.cross .icon-bg {
  background-color: var(--color-status-error-regular);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option,
.sb-choice__answer-body .sb-radio:checked + label.option {
  background-color: var(--color-primary-regular);
  border-color: var(--color-primary-light);
  color: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option:before,
.sb-choice__answer-body .sb-radio:checked + label.option:before {
  border-color: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option:after,
.sb-choice__answer-body .sb-radio:checked + label.option:after {
  background-color: var(--color-neutral-white);
  left: 23px;
  top: 30px;
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check, .sb-choice__answer-body .sb-checkbox:checked + label.option.cross,
.sb-choice__answer-body .sb-radio:checked + label.option.check,
.sb-choice__answer-body .sb-radio:checked + label.option.cross {
  color: var(--color-neutral-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check,
.sb-choice__answer-body .sb-radio:checked + label.option.check {
  background-color: var(--color-neutral-white);
  border-color: var(--color-status-success-regular);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check:before,
.sb-choice__answer-body .sb-radio:checked + label.option.check:before {
  border-color: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check:after,
.sb-choice__answer-body .sb-radio:checked + label.option.check:after {
  background-color: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross,
.sb-choice__answer-body .sb-radio:checked + label.option.cross {
  background-color: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross:before,
.sb-choice__answer-body .sb-radio:checked + label.option.cross:before {
  border-color: var(--color-status-error-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross:after,
.sb-choice__answer-body .sb-radio:checked + label.option.cross:after {
  background-color: var(--color-status-error-dark);
}
.sb-choice__answer-body .sb-radio + label.option:after {
  content: none;
}
.sb-choice__answer-body .sb-radio:checked + label.option:after {
  content: "";
}
.sb-choice__answer-body .sb-checkbox + label.option {
  cursor: pointer;
  padding-left: 56px;
  position: relative;
}
.sb-choice__answer-body .sb-checkbox + label.option:before {
  background: none;
  border: 1px solid var(--color-neutral-light);
  border-radius: 4px;
  content: "";
  height: 20px;
  position: absolute;
  left: 18px;
  top: 25px;
  transition: 0.3s ease-out;
  width: 20px;
}
.sb-choice__answer-body .sb-checkbox + label.option:after {
  content: none;
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon {
  display: none;
  position: absolute;
  left: 19px;
  top: 26px;
}
.sb-choice__answer-body .sb-checkbox + label.option .sb-icon path {
  stroke: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked:hover + label.option .sb-icon--check-thin path {
  stroke: var(--color-primary-regular);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option:before {
  background: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option .sb-icon--check-thin {
  display: block;
}
.sb-choice__answer-body .sb-checkbox:checked + label.option .sb-icon--check-thin path {
  stroke: var(--color-primary-regular);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check .sb-icon--check-thin path {
  stroke: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross .sb-icon--check-thin path {
  stroke: var(--color-status-error-dark);
}
.sb-choice__answer-body .sb-icon--check-circle {
  color: var(--color-status-success-regular);
}
.sb-choice__answer-body .sb-icon--cross-circle {
  color: var(--color-status-error-regular);
}
.sb-choice__type-media .sb-choice-container {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.sb-choice__type-media .sb-field {
  flex: 0 0 calc(33.333% - 11px);
  max-width: calc(33.333% - 11px);
}
.sb-choice__type-media .sb-field__radio, .sb-choice__type-media .sb-field__checkbox {
  height: 100%;
}
.sb-choice__type-media .sb-choice__answer-body .sb-radio + label.option,
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option {
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 16px 16px 54px;
}
.sb-choice__type-media .sb-choice__answer-body .sb-radio + label.option:before,
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option:before {
  top: auto;
  bottom: 18px;
}
.sb-choice__type-media .sb-choice__answer-body .sb-radio + label.option:after,
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option:after {
  top: auto;
  bottom: 23px;
}
.sb-choice__type-media .sb-choice__answer-body .sb-radio + label.option .icon-bg,
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option .icon-bg {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option .sb-icon--check-thin {
  top: auto;
  bottom: 13px;
}
.sb-choice__score {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-top: 16px;
}
.sb-choice__score .earned-points {
  color: var(--color-primary-darkest);
}
.sb-choice__hint {
  align-items: center;
  background-color: var(--color-primary-light);
  border-radius: 10px;
  display: flex;
  gap: 16px;
  line-height: 1.5;
  margin-top: 16px;
  padding: 24px;
}
.sb-choice__hint p:last-child {
  margin-bottom: 0;
}
.sb-choice__actions {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin-top: 24px;
}

.sb-choice-block {
  background: var(--color-neutral-white);
  border-radius: 10px;
  display: block;
  margin: 2px 0 0;
  max-width: 400px;
  outline: 1px solid var(--color-primary-light);
  padding: 32px;
  position: relative;
  text-align: center;
}
.sb-choice-block__wrapper input.form-boolean + label.option {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
}
.sb-choice-block__wrapper input.form-boolean + label.option:before, .sb-choice-block__wrapper input.form-boolean + label.option:after {
  content: none;
}
.sb-choice-block__wrapper input.form-boolean:checked + label.option .sb-choice-block, .sb-choice-block__wrapper input.form-boolean:hover + label.option .sb-choice-block {
  background: var(--color-primary-lighter);
  outline: 2px solid var(--color-primary-dark);
}
.sb-choice-block__wrapper input.form-boolean:checked + label.option .sb-choice-block .sb-choice-block__icon, .sb-choice-block__wrapper input.form-boolean:hover + label.option .sb-choice-block .sb-choice-block__icon {
  background-color: var(--color-primary-dark);
}
.sb-choice-block__wrapper input.form-boolean:checked + label.option .sb-choice-block .sb-choice-block__icon .sb-icon path, .sb-choice-block__wrapper input.form-boolean:hover + label.option .sb-choice-block .sb-choice-block__icon .sb-icon path {
  fill: var(--color-neutral-white);
}
.sb-choice-block__wrapper input.form-boolean:hover + label.option .sb-choice-block {
  background: var(--color-primary-lightest);
}
.sb-choice-block__wrapper input.form-boolean:disabled + label.option {
  cursor: not-allowed;
}
.sb-choice-block__wrapper input.form-boolean:disabled + label.option .sb-choice-block {
  outline: 1px solid var(--color-primary-light);
  opacity: 0.5;
}
.sb-choice-block__wrapper input.form-boolean:disabled + label.option .sb-choice-block__icon .sb-icon {
  color: var(--color-neutral-regular);
}
.sb-choice-block__icon {
  align-items: center;
  background: var(--color-primary-lighter);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  margin: 0 auto 24px;
  height: 64px;
  width: 64px;
}
.sb-choice-block__icon .sb-icon {
  color: var(--color-primary-dark);
  height: 32px;
  width: 32px;
}
.sb-choice-block__title {
  color: var(--color-neutral-dark);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  display: block;
  margin-bottom: 16px;
}
.sb-choice-block__description {
  color: var(--color-neutral-regular);
  display: block;
  line-height: 1.4;
}

.opigno-entity-type-selection {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  justify-content: center;
  gap: 24px;
  margin-bottom: 56px;
  padding-inline: 2px;
}
.opigno-entity-type-selection__item {
  display: flex;
  text-decoration: none;
}
.opigno-entity-type-selection__item:hover {
  text-decoration: none;
}
.opigno-entity-type-selection__item.modules .sb-choice-block:hover .sb-choice-block__icon {
  background-color: var(--color-primary-dark);
}
.opigno-entity-type-selection__item.modules .sb-choice-block:hover .sb-icon {
  color: var(--color-neutral-white);
}
.opigno-entity-type-selection__item-activity .sb-choice-block__icon {
  margin-bottom: 16px;
}
.opigno-entity-type-selection .opigno_long_answer .sb-choice-block__icon {
  background: var(--color-supportive-subtle-blue);
}
.opigno-entity-type-selection .opigno_long_answer .sb-icon {
  color: var(--color-supportive-vibrant-blue);
}
.opigno-entity-type-selection .opigno_html5 .sb-choice-block__icon,
.opigno-entity-type-selection .opigno_scorm .sb-choice-block__icon {
  background: var(--color-supportive-subtle-violet);
}
.opigno-entity-type-selection .opigno_html5 .sb-icon,
.opigno-entity-type-selection .opigno_scorm .sb-icon {
  color: var(--color-supportive-vibrant-violet);
}
.opigno-entity-type-selection .opigno_true_false .sb-choice-block__icon {
  background: var(--color-supportive-subtle-yellow);
}
.opigno-entity-type-selection .opigno_true_false .sb-icon {
  color: var(--color-supportive-vibrant-yellow);
}
.opigno-entity-type-selection .opigno_embed_pdf .sb-choice-block__icon {
  background: var(--color-supportive-subtle-yellowish-orange);
}
.opigno-entity-type-selection .opigno_embed_pdf .sb-icon {
  color: var(--color-supportive-vibrant-yellowish-orange);
}
.opigno-entity-type-selection .opigno_picture .sb-choice-block__icon {
  background: var(--color-primary-lighter);
}
.opigno-entity-type-selection .opigno_picture .sb-icon {
  color: var(--color-primary-dark);
}
.opigno-entity-type-selection .opigno_video .sb-choice-block__icon {
  background: var(--color-supportive-subtle-reddish-orange);
}
.opigno-entity-type-selection .opigno_video .sb-icon {
  color: var(--color-supportive-vibrant-reddish-orange);
}
.opigno-entity-type-selection .opigno_multiple_choice .sb-choice-block__icon {
  background: var(--color-supportive-subtle-warm-green);
}
.opigno-entity-type-selection .opigno_multiple_choice .sb-icon {
  color: var(--color-supportive-vibrant-warm-green);
}
.opigno-entity-type-selection .opigno_file_upload .sb-choice-block__icon {
  background: var(--color-supportive-subtle-green);
}
.opigno-entity-type-selection .opigno_file_upload .sb-icon {
  color: var(--color-supportive-vibrant-green);
}
.opigno-entity-type-selection .sb-choice-block {
  width: 100%;
}
.opigno-entity-type-selection .sb-choice-block:hover {
  background: var(--bs-body-bg);
  outline: 2px solid var(--color-primary-regular);
}

.messages-list {
  margin-block: 0 32px;
}
.messages-list .messages-list__item {
  padding-left: 72px;
  position: relative;
}
.messages-list .messages-list__item:before {
  border-right: 1px solid var(--color-neutral-lighter);
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 56px;
}

.messages {
  background: var(--color-primary-light);
  border-radius: 10px;
  border: 1px solid var(--color-primary-regular);
  color: var(--color-functional-text);
  font-size: 16px;
  line-height: 1.5;
  padding: 16px;
}
.messages:before {
  background: url(./img/info-dark.svg) center no-repeat;
}
.messages__content {
  margin: 0;
  padding: 0;
}
.messages__content ul,
.messages__content ol {
  margin: 0 0 8px;
  padding: 0 0 0 24px;
}
.messages__content ul {
  list-style: disc;
}
.messages__content ol {
  list-style: decimal;
}
.messages__content li {
  margin: 0;
}
.messages__content .messages__list {
  margin-bottom: 0;
}
.messages__content .messages__item + .messages__item {
  margin-top: 0;
}
.messages__content a {
  color: inherit;
  text-decoration: underline;
}
.messages__content a:hover {
  color: var(--color-primary-regular);
}
.messages__content a.sb-link__primary {
  text-decoration: none;
  color: var(--color-neutral-white);
  margin-left: auto;
  white-space: nowrap;
  min-width: 130px;
}
.messages__content p {
  margin-bottom: 8px;
}
.messages__content p:last-child {
  margin-bottom: 0;
}
.messages .messages__header {
  background: none;
  margin-bottom: 8px;
}
.messages__title {
  font-size: 20px;
  line-height: inherit;
  margin: 0;
  text-transform: uppercase;
}
.messages__title:empty {
  display: none;
}
.messages__icon {
  display: none;
}
.messages__close {
  height: 18px;
  width: 18px;
}
.messages__close:before, .messages__close:after {
  width: 18px;
}
.messages--warning {
  background: var(--color-status-warning-regular);
  border-color: var(--color-status-warning-dark);
}
.messages--warning:before {
  background-image: url(./img/info-orange.svg);
}
.messages--warning .messages__title {
  color: var(--color-status-warning-dark);
}
.messages--warning a:hover {
  color: var(--color-status-warning-dark);
}
.messages--error {
  background: var(--color-status-error-light);
  border-color: var(--color-status-error-regular);
}
.messages--error:before {
  background-image: url(./img/error-red.svg);
}
.messages--error .messages__title {
  color: var(--color-status-error-dark);
}
.messages--error a:hover {
  color: var(--color-status-error-dark);
}

.sb-textarea,
.form-textarea {
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 5px;
  color: var(--color-functional-text);
  font-size: 16px;
  line-height: 20px;
  min-height: 0;
  outline: none;
  resize: none;
  padding: 14px 16px;
  transition: background 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out;
}
.sb-textarea:hover,
.form-textarea:hover {
  border: 1px solid var(--color-neutral-dark);
  box-shadow: none;
}
.sb-textarea:focus,
.form-textarea:focus {
  background-color: var(--color-neutral-white);
  border-color: var(--color-primary-dark);
  outline: none;
}
.sb-textarea::placeholder,
.form-textarea::placeholder {
  color: var(--color-neutral-light);
}

input.sb-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
input.sb-radio:hover + label.option:after {
  opacity: 1;
}
input.sb-radio:checked + label.option:before {
  border-color: var(--color-primary-regular);
}
input.sb-radio:checked + label.option:after {
  background-color: var(--color-primary-regular);
  opacity: 1;
}
input.sb-radio:disabled + label.option {
  pointer-events: none;
}
input.sb-radio:disabled + label.option:before {
  border-color: var(--color-neutral-light);
}
input.sb-radio:disabled + label.option:after {
  background: var(--color-neutral-light);
}
input.sb-radio + label.option {
  color: var(--color-neutral-dark);
  cursor: pointer;
  font-size: 16px;
  padding-left: 30px;
  padding-top: 2px;
  position: relative;
}
input.sb-radio + label.option:before {
  border: 2px solid var(--color-neutral-regular);
  border-radius: 50%;
  content: "";
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  transition: 0.3s ease-out;
  width: 20px;
}
input.sb-radio + label.option:after {
  background-color: var(--color-neutral-regular);
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  opacity: 0;
  position: absolute;
  left: 5px;
  top: 7px;
  transition: opacity 0.3s ease-out;
  width: 10px;
}
input.sb-radio ~ .form-item__description {
  color: var(--color-neutral-regular);
  line-height: 1.5;
  margin-block: 5px;
  padding-left: 30px;
}

input.sb-radio--secondary {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
input.sb-radio--secondary:hover + label.option {
  background-color: color-mix(in srgb, var(--color-neutral-light), var(--color-functional-text) 15%);
}
input.sb-radio--secondary:checked + label.option {
  background-color: var(--color-primary-lightest);
}
input.sb-radio--secondary:checked + label.option .sb-icon {
  display: block;
}
input.sb-radio--secondary + label.option {
  align-items: center;
  background-color: var(--color-neutral-light);
  border-radius: 10px;
  color: var(--color-functional-text);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  line-height: 1.44;
  margin: 0;
  min-height: 44px;
  padding: 10px;
  position: relative;
  transition: background-color 0.3s ease-out;
}
input.sb-radio--secondary + label.option .sb-icon {
  display: none;
}

.sb-training-settings {
  text-align: center;
}
.sb-training-settings .sb-box__title.title-size__25 {
  margin-bottom: 10px;
}

.sb-admin-menu,
.sb-admin-submenu {
  padding: 0;
  margin: 0;
}
.sb-admin-menu li,
.sb-admin-submenu li {
  list-style: none;
}
.sb-admin-menu a span,
.sb-admin-submenu a span {
  font-weight: var(--font-weight-normal);
}
.sb-admin-menu a:hover, .sb-admin-menu a:active,
.sb-admin-submenu a:hover,
.sb-admin-submenu a:active {
  text-decoration: none;
}

.sb-admin-menu {
  max-width: 300px;
  background-color: var(--color-neutral-white);
}
.sb-admin-menu__title .sb-link {
  display: flex;
  align-items: center;
  padding: 16px 40px;
  gap: 16px;
  color: var(--color-neutral-dark);
}
.sb-admin-menu__title .sb-link span {
  color: inherit;
}
.sb-admin-menu__title .sb-link svg {
  width: 20px;
  height: 20px;
}
.sb-admin-menu__title .sb-link svg path {
  fill: var(--color-neutral-regular);
}
.sb-admin-menu__title .sb-link .sb-icon--activity {
  position: relative;
  top: 3px;
}
.sb-admin-menu__title .sb-link .sb-icon--share {
  transform: rotate(90deg) translateX(3px);
}
.sb-admin-menu__title .sb-link .sb-icon--share path {
  fill: none;
  stroke: var(--color-neutral-regular);
}
.sb-admin-menu__title .sb-link:hover, .sb-admin-menu__title .sb-link:active {
  color: var(--color-primary-regular);
  background-color: var(--color-primary-lightest);
}
.sb-admin-menu__title .sb-link:hover svg path, .sb-admin-menu__title .sb-link:active svg path {
  fill: var(--color-primary-regular);
}
.sb-admin-menu__title .sb-link:hover .sb-icon--share path, .sb-admin-menu__title .sb-link:active .sb-icon--share path {
  fill: none;
  stroke: var(--color-primary-regular);
}
.sb-admin-menu__title .sb-link:active {
  background-color: var(--color-neutral-white);
}
.sb-admin-menu__title.open .sb-link {
  color: var(--color-primary-regular);
  text-decoration: none;
}
.sb-admin-menu__title.open .sb-link .sb-icon--angle-small-right {
  transform: rotate(90deg);
}
.sb-admin-menu__title.open .sb-link svg path {
  fill: var(--color-primary-regular);
}
.sb-admin-menu__title.open .sb-link .sb-icon--share path {
  fill: none;
  stroke: var(--color-primary-regular);
}
.sb-admin-menu__title .sb-icon--angle-small-right {
  margin-left: auto;
  transition: transform 0.3s ease;
}

.sb-admin-submenu {
  margin-left: 36px;
  display: none;
}
.sb-admin-submenu__item .sb-link {
  color: var(--color-neutral-regular);
  padding: 12px 40px;
  border-radius: 8px;
  width: 100%;
  justify-content: flex-start;
  max-width: 224px;
}
.sb-admin-submenu__item .sb-link:hover, .sb-admin-submenu__item .sb-link.is-active {
  background-color: var(--color-primary-lightest);
  color: var(--color-primary-regular);
}

.sb-main-menu__link {
  justify-content: flex-start;
}

.admin-sidebar__menu-title {
  text-transform: uppercase;
  color: var(--color-neutral-regular);
  font-size: 14px;
  padding: 32px 40px 16px;
  white-space: nowrap;
}

.admin-sidebar {
  background-color: var(--color-neutral-white);
  max-width: 300px;
  height: 100vh;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
}
.admin-sidebar__footer {
  border-top: 1px solid var(--color-neutral-lighter);
  margin-top: auto;
  padding: 40px;
  line-height: normal;
}
.admin-sidebar__footer .sb-link {
  font-size: 18px;
  gap: 16px;
  color: var(--color-neutral-dark);
}
.admin-sidebar__footer .sb-link span {
  color: inherit;
  font-weight: var(--font-weight-normal);
}
.admin-sidebar__footer .sb-link svg {
  width: 20px;
  height: 20px;
}
.admin-sidebar__footer .sb-link svg path {
  fill: var(--color-neutral-dark);
}
.admin-sidebar__footer .sb-link:hover, .admin-sidebar__footer .sb-link:active {
  text-decoration: none;
  color: var(--color-primary-regular);
}
.admin-sidebar__footer .sb-link:hover svg path, .admin-sidebar__footer .sb-link:active svg path {
  fill: var(--color-primary-regular);
}

.page-header {
  padding: 11px 24px;
  height: 80px;
  background-color: var(--color-neutral-white);
  box-shadow: 0 2px 20px var(--color-opacity-light);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: 1006;
}
@media (min-width: 1200px) {
  .page-header {
    padding: 15px 40px;
  }
}
@media (max-width: 576px) {
  .page-header {
    position: absolute;
    top: 39px;
  }
}
.toolbar-fixed .page-header {
  top: 39px;
}
.toolbar-tray-open .page-header {
  top: 79px;
}
.page-header__sitebranding {
  margin-right: 31px;
}
@media (min-width: 1200px) {
  .page-header__sitebranding {
    margin-right: 81px;
  }
}
@media (max-width: 576px) {
  .page-header__sitebranding {
    margin-right: 24px;
  }
}
.page-header__sitebranding .sb-block__logo {
  padding-top: 3px;
}
.page-header__sitebranding img {
  max-width: 180px;
  max-height: 48px;
}
.page-header__wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.page-header__topmenu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.page-header__topmenu .dropdown-toggle {
  background-color: var(--color-neutral-white);
}
.page-header__notification {
  margin-right: 24px;
  margin-left: 24px;
}
@media (min-width: 1200px) {
  .page-header__notification {
    margin-right: 32px;
  }
}
@media (max-width: 480px) {
  .page-header__notification {
    display: none;
  }
}
.page-header__usermenu {
  align-items: center;
  gap: 8px;
}
.page-header__usermenu .sb-userinfo__details {
  display: none;
}
@media (min-width: 1200px) {
  .page-header__usermenu .sb-userinfo__details {
    display: block;
  }
}
.page-header__usermenu .dropdown-toggle {
  width: 24px;
  height: 24px;
}
.page-header__usermenu .dropdown-toggle svg {
  transition: transform 0.3s ease;
}
.page-header__usermenu .dropdown-toggle.show svg {
  transform: rotate(180deg);
}
.page-header__usermenu .dropdown-menu {
  margin-top: 22px !important;
  border-radius: 10px;
  background-color: var(--color-neutral-white);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 0;
}
.page-header__usermenu .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  max-width: 280px;
}
.page-header__usermenu .dropdown-menu.show .sb-input {
  display: none;
  margin: 16px;
  padding: 8px 16px 8px 40px;
  height: 40px;
  background-color: var(--color-grey-very-light);
  border-radius: 10px;
  border: none;
  background-position: 10px 8px;
}
.page-header__usermenu .dropdown-menu.show .sb-input::placeholder {
  font-size: 16px;
  color: var(--color-neutral-regular);
}
@media (max-width: 576px) {
  .page-header__usermenu .dropdown-menu.show .sb-input {
    display: block;
  }
}
@media (max-width: 576px) {
  .page-header__usermenu .dropdown-menu li:last-of-type {
    border-bottom: 1px solid var(--color-neutral-lighter);
  }
}
.page-header__usermenu .dropdown-menu .sb-link {
  border-radius: 0;
  justify-content: flex-start;
  padding: 12px 16px;
  text-align: left;
  width: 100%;
}
.page-header__usermenu .dropdown-menu .sb-link span {
  font-weight: var(--font-weight-normal);
}
.page-header__usermenu .dropdown-menu .sb-link:hover {
  color: var(--color-primary-regular);
  background-color: var(--color-primary-lightest);
}

.path-module-attempt .block-page-title-block {
  margin-bottom: 0;
}
.path-module-attempt .content-header {
  margin-bottom: 16px;
}

.content-header {
  background-color: transparent;
  padding: 0;
}

.mobile-menu-btn {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  margin-right: 24px;
  height: 20px;
  width: 24px;
}
@media (min-width: 1200px) {
  .mobile-menu-btn {
    display: none;
  }
}
.mobile-menu-btn span {
  background: var(--color-neutral-darkest);
  height: 2px;
  transition: 0.3s ease-out;
  transform-origin: top left;
  width: 24px;
}
.mobile-menu-btn span:nth-child(2) {
  width: 16px;
}
.mobile-menu-btn.menu-open span:first-child {
  transform: rotate(45deg) translate(-1px, 0);
}
.mobile-menu-btn.menu-open span:nth-child(2) {
  opacity: 0;
}
.mobile-menu-btn.menu-open span:last-child {
  transform: rotate(-45deg) translate(0, -3px);
}

.sb-userinfo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px;
}
.sb-userinfo__user-pic {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: var(--color-primary-regular);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.sb-userinfo__user-pic img {
  aspect-ratio: 1;
}
.sb-userinfo__initials {
  font-size: 20px;
  color: var(--color-neutral-white);
  font-weight: var(--font-weight-semibold);
}
.sb-userinfo__name {
  font-weight: var(--font-weight-semibold);
  color: var(--color-neutral-darkest);
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sb-userinfo__role {
  font-size: 14px;
  color: var(--color-neutral-dark);
}

.sb-header__switcher {
  display: flex;
  height: 43px;
  max-width: 246px;
  border-radius: 20px;
  background-color: var(--color-neutral-white);
  overflow: hidden;
  position: relative;
  border: 1px solid var(--color-neutral-lighter);
}
.sb-header__switcher .sb-link {
  padding: 12px 24px;
  font-size: 15px;
  z-index: 1;
  color: var(--color-neutral-regular);
  transition: none;
}
.sb-header__switcher .sb-link span {
  font-weight: var(--font-weight-normal);
  white-space: nowrap;
}
.sb-header__switcher .sb-link:hover, .sb-header__switcher .sb-link:active, .sb-header__switcher .sb-link:focus {
  text-decoration: none;
  box-shadow: none;
}
.sb-header__switcher .sb-link.active {
  color: var(--color-neutral-white);
}
.sb-header__toggle-background {
  background-color: var(--color-primary-regular);
  border-radius: 18px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 0.3s ease-out;
  width: 50%;
  z-index: 0;
}
.sb-header__link.left.active ~ .sb-header__toggle-background {
  border-radius: 18px 20px 20px 18px;
  transform: translateX(0%);
}
.sb-header__link.right.active ~ .sb-header__toggle-background {
  border-radius: 20px 18px 18px 20px;
  transform: translateX(100%);
}

.sb-breadcrumb {
  padding: 0;
  color: var(--color-neutral-regular);
  font-size: 16px;
  margin: 32px 0;
}
.sb-breadcrumb__list,
.sb-breadcrumb [dir=rtl] .sb-breadcrumb__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sb-breadcrumb__list {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sb-breadcrumb__item, .sb-breadcrumb__link {
  display: inline;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--color-neutral-regular);
  font-weight: var(--font-weight-normal);
}
.sb-breadcrumb__item:hover, .sb-breadcrumb__item:focus, .sb-breadcrumb__link:hover, .sb-breadcrumb__link:focus {
  text-decoration: none;
}
.sb-breadcrumb__item:active, .sb-breadcrumb__link:active {
  color: var(--color-neutral-darkest);
}
.sb-breadcrumb__item--active .sb-breadcrumb__link {
  color: var(--color-neutral-darkest);
}
.sb-breadcrumb__item--active::before {
  color: var(--color-neutral-darkest);
}
.sb-breadcrumb__separator {
  margin-left: 8px;
}
.sb-breadcrumb__separator svg {
  width: 20px;
  height: 22px;
  padding-bottom: 2px;
}
.sb-breadcrumb__separator--active svg path {
  fill: var(--color-neutral-darkest);
}

@media (forced-colors: active) {
  .breadcrumb__item + .breadcrumb__item::before {
    width: 0.3125rem;
    height: 0.5rem;
    content: "";
    background-color: canvastext;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
}
.sb-training__navigation {
  border-radius: 10px;
  background: var(--color-neutral-white);
  box-shadow: 2px 4px 40px var(--box-shadow);
  padding: 32px;
  max-width: 497px;
  overflow: hidden;
}
.sb-training__navigation--title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  margin-bottom: 32px;
}
.sb-training__navigation--list {
  counter-reset: section;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 49px;
  padding-left: 0;
  position: relative;
  margin: 0;
}
.sb-training__navigation--list::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 5px;
  left: 24px;
  width: 1px;
  height: 90%;
  background-color: var(--color-neutral-regular);
}
.sb-training__navigation__item {
  counter-increment: section;
  flex: 0 0 50px;
  display: flex;
  position: relative;
}
.sb-training__navigation__item .sb-link {
  font-size: 20px;
  line-height: 1.3;
  color: var(--color-neutral-darkest);
}
.sb-training__navigation__item .sb-link span {
  font-weight: var(--font-weight-normal);
}
.sb-training__navigation__item .sb-link:hover, .sb-training__navigation__item .sb-link:focus, .sb-training__navigation__item .sb-link:active {
  text-decoration: none;
  color: var(--color-neutral-darkest);
}
.sb-training__navigation__item .sb-link.disabled {
  cursor: default;
}
.sb-training__navigation__item .sb-link.disabled span {
  color: var(--color-neutral-regular);
}
.sb-training__navigation__item::before {
  content: counter(section);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--color-neutral-lighter);
  color: var(--color-neutral-white);
  margin-right: 32px;
  font-size: 32px;
  font-weight: var(--font-weight-semibold);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.sb-training__navigation__item::after {
  content: "";
  position: absolute;
  z-index: 1;
}
.sb-training__navigation__item:last-child::after {
  left: 23px;
  top: 49px;
  width: 4px;
  height: 100%;
  background-color: var(--color-neutral-white);
}
.sb-training__navigation__item.completed span {
  color: var(--color-neutral-regular);
}
.sb-training__navigation__item.completed::before {
  background-color: var(--color-primary-dark);
}
.sb-training__navigation__item.completed::after {
  left: 24px;
  top: 50px;
  width: 2px;
  height: 100%;
  background-color: var(--color-primary-dark);
}
.sb-training__navigation__item.completed:last-child::after {
  content: none;
}
.sb-training__navigation__item.completed.current::before {
  background-color: var(--color-primary-dark);
  color: var(--color-neutral-white);
  box-shadow: 0 0 0 2px var(--color-neutral-white), 0 0 0 4px var(--color-primary-dark);
}
.sb-training__navigation__item.completed.current span {
  color: var(--color-neutral-darkest);
}
.sb-training__navigation__item.current span {
  font-weight: var(--font-weight-bold);
}
.sb-training__navigation__item.current::before {
  background-color: var(--color-neutral-white);
  border: 3px solid var(--color-primary-dark);
  color: var(--color-primary-dark);
}
.sb-training__navigation__item.current:last-child::after {
  content: none;
}

.lp-title-top {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 576px) {
  .lp-title-top {
    flex-direction: column;
  }
}
.lp-title-top .lp-image {
  flex-shrink: 0;
  border-radius: 5px;
  overflow: hidden;
  max-height: 120px;
  max-width: 180px;
}

.lp-title-head {
  font-size: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}

.lp-title-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: var(--color-neutral-regular);
  margin: 24px 0;
}
.lp-title-bottom .navigation-marker {
  display: flex;
  gap: 8px;
  align-items: center;
}
.opigno-learning-path-passing-requirements .lp-title-bottom {
  color: var(--color-neutral-dark);
  font-size: 18px;
}
.lp-title-bottom .training-module-count-placeholder strong {
  color: var(--color-neutral-darkest);
}

.lp-title_header {
  display: flex;
  gap: 12px;
  flex-direction: column-reverse;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .lp-title_header {
    flex-direction: row;
  }
}

.lp-type {
  color: var(--color-neutral-regular);
  font-size: 16px;
  line-height: normal;
}

.state span {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  font-size: 15px;
  border-radius: 40px;
}
.state span.draft {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-lighter);
}
.state span.published {
  color: var(--color-status-success-dark);
  background-color: var(--color-status-success-light);
}
.state span.unpublished {
  color: var(--color-status-error-dark);
  background-color: var(--color-status-error-light);
}

.opigno-filters-form {
  max-width: 488px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.opigno-filters-form.views-exposed-form.views-exposed-form {
  margin-block: 0;
  padding: 24px;
  border: none;
  box-shadow: none;
  border-radius: 10px;
}
.opigno-filters-form.views-exposed-form.views-exposed-form .form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  margin: 16px 0 0;
}
.opigno-filters-form.views-exposed-form.views-exposed-form .sb-button {
  min-height: 42px;
}
.opigno-filters-form [id^=edit-reset], .opigno-filters-form .filter-reset-button {
  background: none;
  border: none;
  color: var(--color-primary-dark);
  padding: 8px;
  min-width: 0;
}
.opigno-filters-form [id^=edit-reset]:hover, .opigno-filters-form .filter-reset-button:hover {
  color: var(--color-primary-darkest);
}
.opigno-filters-form .form-element {
  width: 100%;
}
.opigno-filters-form .form-item {
  margin: 0;
}
.opigno-filters-form .form-item label {
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral-darkest);
  font-size: 16px;
}

.sb-button--reset {
  color: var(--color-neutral-darkest);
  padding: 0;
}
.sb-button--reset:hover, .sb-button--reset:focus, .sb-button--reset:active, .sb-button--reset:focus-visible {
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}

.form-item-description {
  font-size: 15px;
  color: var(--color-neutral-regular);
  margin-top: 4px;
}

.group-publicated {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.group-publicated .form-item--from {
  margin-right: 20px;
}
.group-publicated .form-item {
  width: calc(50% - 10px);
}
.group-publicated .form-item label {
  font-size: 14px;
  color: var(--color-neutral-regular);
  margin-bottom: 4px;
}
.group-publicated__title {
  width: 100%;
  flex: 0 0 100%;
  font-size: 16px;
  font-weight: var(--font-weight-normal);
  color: var(--color-neutral-darkest);
  margin-bottom: 12px;
}

.dropdown-menu-filters {
  border-radius: 10px;
  border: 1px solid var(--color-neutral-lighter);
  background-color: var(--color-neutral-white);
  box-shadow: -3px 5px 30px 0px var(--color-neutral-lightest);
  overflow: visible;
  padding: 0;
}
.dropdown-menu-filters .select2-container {
  width: 100% !important;
}
.dropdown-menu-filters.show {
  position: absolute !important;
  z-index: 400;
  transform: none !important;
  max-width: 488px;
  inset: 45px 0 auto auto !important;
}
.dropdown-menu-filters.storybook.show {
  inset: initial !important;
}

.dropdown-filters {
  background: var(--color-neutral-white);
  border-color: var(--color-neutral-lighter);
  border-radius: 10px;
  box-shadow: none;
  color: var(--color-neutral-darkest);
  gap: 4px;
  height: auto;
  margin-left: auto;
  padding: 7px 16px;
}
.dropdown-filters:hover {
  border-color: var(--color-primary-regular);
  color: var(--color-neutral-darkest);
  background-color: var(--color-neutral-white);
}
.dropdown-filters.show {
  border: 1.5px solid var(--color-primary-regular);
}
.dropdown-filters.show svg path {
  fill: var(--color-primary-regular);
  stroke: var(--color-primary-regular);
}

.view-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.view-header .page-title {
  font-size: 32px;
  margin-right: 16px;
}
.view-header .sb-link {
  margin-left: 24px;
}
.view-header .messages-list {
  margin-block: 8px;
  width: 100%;
}

.view-filters {
  display: flex;
  position: relative;
}

.modal-content {
  background-color: var(--color-neutral-white);
  border: none;
  border-radius: 10px;
  color: var(--color-neutral-darkest);
}

.modal-header {
  padding: 0;
  border-bottom: none;
  justify-content: center;
}
.modal-header .modal-title {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 40px;
  padding-top: 24px;
}
.modal-header .modal-subtitle {
  color: var(--color-neutral-regular);
  font-size: 14px;
}
.modal-header .btn-close {
  background: url(./img/close-grey.svg) center no-repeat;
  opacity: 1;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
}
.modal-header .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.modal-footer,
.modal-body {
  border-top: none;
  padding: 0;
}

.sb-modal__add-topic .opigno-lp-topic-form {
  padding-inline: 45px;
  width: 100%;
}
.sb-modal__add-topic .form-item {
  margin-block: 0;
}
.sb-modal__add-topic .sb-input {
  width: 100%;
}
.sb-modal__add-topic .form-actions {
  justify-content: center;
  margin-block: 48px 0;
}
.sb-modal__add-topic [id^=edit-cancel] {
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-primary-regular);
  border-radius: 8px;
  color: var(--color-primary-regular);
  font-weight: var(--font-weight-semibold);
  min-height: 48px;
  min-width: 120px;
  padding: 12px 24px;
}
.sb-modal__add-topic.question .modal-dialog {
  max-width: 850px;
}
.sb-modal__add-topic.question .modal-content {
  padding: 24px 24px 48px;
}
.sb-modal__add-topic.question .opigno-lp-learner-fq-form {
  width: 100%;
}
.sb-modal__add-topic.question .opigno-lp-learner-fq-form .form-item__label::after {
  content: none;
}
.sb-modal__add-module .opigno-entity-type-selection {
  display: flex;
  gap: 32px;
}
.sb-modal__add-module .opigno-entity-type-selection .sb-choice-block {
  padding: 32px;
}
.sb-modal.sb-modal__domain-duration .modal-dialog {
  max-width: 700px;
}
.sb-modal.sb-modal__domain-duration .modal-body::-webkit-scrollbar {
  width: 5px;
}
.sb-modal.sb-modal__domain-duration .modal-body::-webkit-scrollbar-thumb {
  background-color: var(--color-neutral-lighter);
  min-height: 40px;
  border-radius: 50px;
  max-height: 60px;
}
.sb-modal.sb-modal__domain-duration .form-item--opigno-hierarchy .select2-container {
  width: 100% !important;
  max-width: 100%;
}
.sb-modal.sb-modal__domain-duration .form-item--opigno-hierarchy .select2-results__options {
  max-height: 180px;
}
.sb-modal.sb-modal__domain-duration .taxonomy-term-form {
  border: none;
  margin: 0;
  padding: 0 10px;
  width: 100%;
}
.sb-modal.sb-modal__domain-duration .taxonomy-term-form .form-actions {
  margin-top: 32px;
  position: static;
}
.sb-modal.sb-modal__group-details .modal-dialog {
  max-width: 800px;
}
.sb-modal.sb-modal__group-details .modal-content {
  padding: 24px;
}
.sb-modal.sb-modal__group-details .modal-header {
  justify-content: flex-start;
  margin-bottom: 24px;
}
.sb-modal.sb-modal__group-details .modal-title {
  font-size: 24px;
  margin-bottom: 8px;
  padding: 0;
}
.sb-modal.sb-modal__group-details .modal-body {
  align-items: flex-start;
}
.sb-modal.sb-modal__passing-requirements-modal .modal-dialog {
  max-width: 750px;
}
.sb-modal.sb-modal__passing-requirements-modal .modal-content {
  padding: 64px 94px;
}
.sb-modal.sb-modal__passing-requirements-modal .modal-content .modal-header .modal-title {
  font-size: 32px;
  margin-bottom: 16px;
  padding-top: 40px;
}
.sb-modal.sb-modal__passing-requirements-modal .modal-content .modal-body p {
  font-size: 18px;
  color: var(--color-neutral-regular);
  margin-bottom: 32px;
  text-align: center;
}
.sb-modal.sb-modal__entity-action-confirm-base .modal-dialog, .sb-modal.sb-modal__confirm-delete .modal-dialog {
  max-width: 600px;
}
.sb-modal.sb-modal__entity-action-confirm-base .modal-content, .sb-modal.sb-modal__confirm-delete .modal-content {
  color: var(--color-neutral-dark);
  padding: 24px;
}
.sb-modal.sb-modal__entity-action-confirm-base .btn-close, .sb-modal.sb-modal__confirm-delete .btn-close {
  right: 24px;
  top: 24px;
}
.sb-modal.sb-modal__entity-action-confirm-base .modal-header, .sb-modal.sb-modal__confirm-delete .modal-header {
  border-bottom: 1px solid var(--color-neutral-lighter);
  justify-content: flex-start;
  margin-bottom: 32px;
  padding-bottom: 24px;
}
.sb-modal.sb-modal__entity-action-confirm-base .modal-title, .sb-modal.sb-modal__confirm-delete .modal-title {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.sb-modal.sb-modal__entity-action-confirm-base .modal-body, .sb-modal.sb-modal__confirm-delete .modal-body {
  align-items: flex-start;
  font-size: 18px;
  line-height: 1.3;
}
.sb-modal.sb-modal__entity-action-confirm-base form, .sb-modal.sb-modal__confirm-delete form {
  width: 100%;
}
.sb-modal.sb-modal__entity-action-confirm-base .form-actions, .sb-modal.sb-modal__confirm-delete .form-actions {
  justify-content: flex-end;
  margin-block: 32px 0;
  padding-top: 24px;
  position: relative;
}
.sb-modal.sb-modal__entity-action-confirm-base .form-actions .ajax-progress, .sb-modal.sb-modal__confirm-delete .form-actions .ajax-progress {
  margin: 0;
  position: absolute;
  right: 5px;
  top: calc(50% + 12px);
  transform: translateY(-50%);
}
.sb-modal.sb-modal__entity-action-confirm-base .form-actions .ajax-progress__throbber, .sb-modal.sb-modal__confirm-delete .form-actions .ajax-progress__throbber {
  border-color: var(--color-neutral-white);
}
.sb-modal.sb-modal__entity-action-confirm-base .form-actions .ajax-progress__message, .sb-modal.sb-modal__confirm-delete .form-actions .ajax-progress__message {
  display: none;
}
.sb-modal.sb-modal__entity-action-confirm-base [id^=edit-cancel], .sb-modal.sb-modal__confirm-delete [id^=edit-cancel] {
  color: var(--color-neutral-dark);
}
.sb-modal.sb-modal__entity-action-confirm-base [id^=edit-cancel]:hover, .sb-modal.sb-modal__confirm-delete [id^=edit-cancel]:hover {
  color: var(--color-neutral-dark);
}
.sb-modal.sb-modal__confirm-status .form-actions {
  border: none;
}
.sb-modal.sb-modal__add-new-term .modal-dialog {
  max-width: 850px;
}
.sb-modal.sb-modal__add-new-term .modal-content {
  padding: 24px;
}
.sb-modal.sb-modal__add-new-term .btn-close {
  right: 24px;
  top: 24px;
}
.sb-modal.sb-modal__add-new-term .modal-header {
  justify-content: flex-start;
  margin-bottom: 32px;
}
.sb-modal.sb-modal__add-new-term .modal-title {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form {
  width: 100%;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .text {
  margin-bottom: 32px;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .field-wrapper {
  align-items: flex-end;
  display: flex;
  gap: 12px;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .field-note {
  margin-bottom: 14px;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .form-item {
  margin-block: 0;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .sb-input {
  width: 100%;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .sb-input__number {
  border-radius: 5px;
  min-height: 48px;
  min-width: 334px;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form .form-actions {
  margin-block: 32px 0;
  justify-content: flex-end;
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form [id^=edit-cancel] {
  color: var(--color-neutral-dark);
}
.sb-modal.sb-modal__add-new-term .opigno-taxonomy-term-add-form [id^=edit-cancel]:hover {
  color: var(--color-neutral-dark);
}
.sb-modal.sb-modal__bucket-sessions .modal-dialog, .sb-modal.sb-modal__live-session-attendances .modal-dialog {
  max-width: 800px;
}
.sb-modal.sb-modal__bucket-sessions .modal-content, .sb-modal.sb-modal__live-session-attendances .modal-content {
  padding: 24px;
}
.sb-modal.sb-modal__bucket-sessions .modal-header, .sb-modal.sb-modal__live-session-attendances .modal-header {
  justify-content: flex-start;
}
.sb-modal.sb-modal__bucket-sessions .modal-header .modal-title, .sb-modal.sb-modal__live-session-attendances .modal-header .modal-title {
  font-size: 20px;
  margin-bottom: 16px;
  padding: 0;
}
.sb-modal.sb-modal__bucket-sessions .modal-body > .actions, .sb-modal.sb-modal__live-session-attendances .modal-body > .actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 16px;
}
.sb-modal.sb-modal__bucket-sessions .modal-body > .actions .sb-link__primary, .sb-modal.sb-modal__live-session-attendances .modal-body > .actions .sb-link__primary {
  min-width: 140px;
}
.sb-modal.sb-modal__bucket-sessions .dates-section, .sb-modal.sb-modal__live-session-attendances .dates-section {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  margin-bottom: 20px;
}
.sb-modal.sb-modal__bucket-sessions .dates-section .date__label, .sb-modal.sb-modal__live-session-attendances .dates-section .date__label {
  color: var(--color-neutral-regular);
}
.sb-modal.sb-modal__bucket-sessions .dates-section .date > div:not(:last-child), .sb-modal.sb-modal__live-session-attendances .dates-section .date > div:not(:last-child) {
  margin-bottom: 8px;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .view-filters, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .view-filters {
  margin-bottom: 16px;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances form, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances form {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .form-item, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .form-item {
  margin: 0;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .form-item__label, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .form-item__label {
  display: none;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .sb-input, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .sb-input {
  margin: 0;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .sb-input__textfield, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .sb-input__textfield {
  padding-right: 50px;
  width: 100%;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions {
  align-items: center;
  flex-direction: row;
  gap: 16px;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions > div:last-child, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions > div:last-child {
  margin-bottom: 0;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary {
  align-items: center;
  color: var(--color-neutral-darkest);
  cursor: default;
  display: flex;
  font-size: 16px;
  padding: 0;
  pointer-events: none;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary:before, .sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary:after, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary:before, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions .vbo-multipage-selector summary:after {
  content: none;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions .form-actions .sb-button, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions .form-actions .sb-button {
  margin: 0;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-exposed-form .form-actions, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-exposed-form .form-actions {
  margin: 0;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-exposed-form .form-actions .sb-button, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-exposed-form .form-actions .sb-button {
  border-radius: 4px;
  display: flex;
  height: calc(100% - 2px);
  justify-content: center;
  min-height: 0;
  min-width: 46px;
  font-size: 0;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
  text-indent: -9999px;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-exposed-form .form-actions .sb-icon--search, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-exposed-form .form-actions .sb-icon--search {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .form-description, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .form-description {
  color: var(--color-primary-darkest);
  margin-bottom: 16px;
}
.sb-modal.sb-modal__bucket-sessions .view-ls-attendances .views-bulk-actions, .sb-modal.sb-modal__live-session-attendances .view-ls-attendances .views-bulk-actions {
  margin-bottom: 16px;
}
.sb-modal.sb-modal__activity-preview:has(.opigno-answer-form .fieldgroup > .fieldset__wrapper--group) .field--name-field-activity-body {
  background: var(--color-primary-lighter);
  border-radius: 10px 10px 0 0;
  padding: 32px 32px 16px;
}
.sb-modal.sb-modal__activity-preview .modal-dialog {
  max-width: 1218px;
}
.sb-modal.sb-modal__activity-preview .opigno-answer-form {
  width: 100%;
}
.sb-modal.sb-modal__activity-preview .opigno-answer-form .fieldgroup {
  margin: 0;
}
.sb-modal.sb-modal__activity-preview .opigno-answer-form .fieldgroup > .fieldset__legend {
  display: none;
}
.sb-modal.sb-modal__activity-preview .opigno-answer-form .fieldgroup > .fieldset__wrapper--group {
  background: var(--color-primary-lighter);
  border-radius: 0 0 10px 10px;
  border: none;
  padding: 16px 32px 32px;
}
.sb-modal.sb-modal__activity-preview .field--name-label {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  margin-bottom: 16px;
  padding-right: 24px;
}
.sb-modal.sb-modal__activity-preview .field--name-field-description {
  color: var(--color-neutral-regular);
  line-height: 1.4;
  margin-bottom: 24px;
}
.sb-modal.sb-modal__activity-preview .field--name-field-description p:last-child {
  margin-bottom: 0;
}
.sb-modal.sb-modal__activity-preview .field--name-field-activity-body {
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  margin: 0;
}
.sb-modal.sb-modal__activity-preview .field--name-field-activity-body p:last-child {
  margin-bottom: 0;
}
.sb-modal.sb-modal__activity-preview .field--name-field-answer .form-item {
  margin-bottom: 0;
}
.sb-modal.sb-modal__activity-preview .field--name-field-answer .filter-wrapper {
  margin-block: 0;
}
.sb-modal.sb-modal__activity-preview .scorm-ui-player iframe {
  aspect-ratio: 16/10;
}
.sb-modal.sb-modal__activity-preview .field--name-field-images .wide-content {
  margin: 0;
  width: auto;
}
.sb-modal.sb-modal__activity-preview .field--name-field-pdf embed {
  height: 600px;
  width: 100%;
}
.sb-modal.sb-modal__statistic-report .modal-dialog {
  max-width: 800px;
}
.sb-modal.sb-modal__statistic-report .modal-content {
  padding: 24px;
}
.sb-modal.sb-modal__statistic-report .modal-header {
  justify-content: flex-start;
}
.sb-modal.sb-modal__statistic-report .modal-title {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.sb-modal.sb-modal__statistic-report .modal-body {
  align-items: flex-start;
  border: none;
  padding: 0;
}
.sb-modal.sb-modal__statistic-report .form-item--hierarchy-level {
  margin-top: 0;
}
.sb-modal.sb-modal__image_generator .modal-content {
  padding: 24px;
}
.sb-modal.sb-modal__image_generator .sb-modal__header-content {
  width: 100%;
}
.sb-modal.sb-modal__image_generator .modal-title {
  border-bottom: 1px solid var(--color-neutral-lighter);
  margin-bottom: 24px;
  padding: 0 0 16px;
}
.sb-modal.sb-modal__image_generator .modal-body {
  padding: 0;
  border: none;
}
.sb-modal.sb-modal__image_generator .image-generator-form {
  width: 100%;
}
.sb-modal .modal-dialog {
  max-width: 1015px;
}
.sb-modal .modal-content {
  padding: 35px;
  position: relative;
}
.sb-modal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sb-modal .modal-body > .views-element-container,
.sb-modal .modal-body > div {
  width: 100%;
}
.sb-modal .modal-body .topics-edge-remove-warning {
  font-weight: var(--font-weight-bold);
  margin-top: 24px;
}
.sb-modal .sb-modal_icon {
  display: flex;
  justify-content: center;
}
.sb-modal .sb-modal_icon svg path {
  fill: var(--color-primary-darkest);
}
.sb-modal .tabs {
  border: none;
  border-bottom: 1px solid var(--color-neutral-lighter);
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 24px;
}
.sb-modal .tabs > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 100px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sb-modal .tabs .tab {
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 20px;
  line-height: normal;
  margin-bottom: -1px;
  padding-inline: 20px;
  padding-bottom: 12px;
  text-align: center;
}
.sb-modal .tabs .tab:hover {
  border-color: var(--color-neutral-lighter);
}
.sb-modal .tabs .tab.active {
  border-color: var(--color-primary-dark);
}
.sb-modal .tab-content {
  width: 100%;
}
.sb-modal table th {
  font-size: 14px;
  height: auto;
  padding-block: 8px;
}
.sb-modal table td {
  font-size: 14px;
  height: auto;
  line-height: 1.2;
  padding-block: 10px;
}
.sb-modal table td.views-empty {
  background-position: center top;
  height: auto;
  padding-block: 130px 20px;
}
.sb-modal table td.views-empty h3 {
  margin-block: 8px;
}
.sb-modal table .sortable-heading > a:after {
  background-size: 20px;
  height: 16px;
  width: 16px;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form {
  border: none;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 24px;
  padding: 0;
  position: relative;
  width: 100%;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form__item {
  margin: 0;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form .form-type--textfield {
  width: 100%;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form .sb-input {
  padding-right: 60px;
  width: 100%;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form .form-actions {
  margin: 0 !important;
  position: absolute;
  right: 1px;
  top: 1px;
}
.sb-modal .view-lp-vertices-bank .views-exposed-form .form-actions .sb-button {
  border-radius: 5px;
  gap: 0;
  height: 46px;
  min-width: 0;
  padding: 0;
  text-indent: -9999px;
  width: 46px;
}
.sb-modal .view-lp-vertices-bank .form-item__label {
  display: none;
}
.sb-modal .view-lp-vertices-bank .sb-input {
  margin-top: 0;
}
.sb-modal .views-bulk-actions {
  align-items: normal;
  flex-direction: column;
  min-height: 0;
  position: relative !important;
  transform: none;
}
.sb-modal .views-bulk-actions[data-drupal-sticky-vbo=true] > div, .sb-modal .views-bulk-actions.has-selection > div {
  flex-wrap: wrap;
}
.sb-modal .views-bulk-actions[data-drupal-sticky-vbo=true] > div:last-child, .sb-modal .views-bulk-actions.has-selection > div:last-child {
  margin-bottom: 24px;
}
.sb-modal .views-bulk-actions[data-drupal-sticky-vbo=true] > div:not(.hidden), .sb-modal .views-bulk-actions.has-selection > div:not(.hidden) {
  display: flex;
}
.sb-modal .views-bulk-actions .form-actions {
  margin-left: auto;
}
.sb-modal .views-bulk-actions .form-actions .sb-button {
  font-size: 18px;
  margin: 0 0 24px;
}
.sb-modal .views-bulk-actions .claro-details {
  border: none;
  box-shadow: none;
  margin: 0;
  width: 100%;
}
.sb-modal .views-bulk-actions .claro-details__wrapper {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 0;
  position: relative;
}
.sb-modal .views-bulk-actions .claro-details__wrapper > a {
  color: var(--color-neutral-dark);
  font-size: 14px;
  padding: 6px 23px 6px 0;
  text-decoration: underline;
  white-space: nowrap;
}
.sb-modal .views-bulk-actions .claro-details__wrapper .ajax-progress {
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 2px;
  top: 8px;
}
.sb-modal .views-bulk-actions .claro-details summary {
  display: none;
}
.sb-modal .views-bulk-actions .vbo-info-list-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.sb-modal .views-bulk-actions .vbo-info-list-wrapper .selected-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.sb-modal .views-bulk-actions .vbo-info-list-wrapper .label-item {
  background: var(--color-primary-lighter);
  border-radius: 20px;
  color: var(--color-neutral-dark);
  display: inline-flex;
  font-size: 14px;
  gap: 8px;
  margin: 0;
  padding: 6px 12px;
}
.sb-modal .views-bulk-actions .vbo-info-list-wrapper .label-item span {
  max-width: 194px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sb-modal .views-bulk-actions .vbo-info-list-wrapper .label-item a {
  background: url(./img/close-grey.svg) center/contain no-repeat;
  height: 20px;
  text-indent: -9999px;
  width: 20px;
}
.sb-modal .vbo-table {
  margin: 0;
}
.sb-modal .vbo-table th {
  height: 40px;
}
.sb-modal .vbo-table td {
  height: 70px;
  padding-block: 14px;
}
.sb-modal .modal-actions {
  display: flex;
  justify-content: center;
}
.sb-modal.vbo-action-confirm-modal .modal-dialog {
  max-width: 850px;
}
.sb-modal.vbo-action-confirm-modal .modal-content {
  padding: 24px;
}
.sb-modal.vbo-action-confirm-modal .modal-header {
  justify-content: flex-start;
}
.sb-modal.vbo-action-confirm-modal .modal-header .modal-title {
  margin-bottom: 24px;
  padding-top: 0;
}
.sb-modal.vbo-action-confirm-modal .modal-header .btn-close {
  top: 27px;
}
.sb-modal.vbo-action-confirm-modal .modal-body {
  display: block;
}
.sb-modal.vbo-action-confirm-modal .modal-body .messages {
  margin: 0;
}
.sb-modal.vbo-action-confirm-modal .modal-body .messages-list {
  margin-block: 0 24px;
}
.sb-modal.vbo-action-confirm-modal .modal-body .views-table .views-field-id {
  width: 15%;
}
.sb-modal.vbo-action-confirm-modal .modal-body .views-table .views-field-field-domain__revision-id {
  width: 30%;
}
.sb-modal.vbo-action-confirm-modal .modal-actions {
  justify-content: flex-end;
  margin-top: 24px;
  gap: 32px;
}
.sb-modal.vbo-action-confirm-modal .pager {
  margin: 0;
}
.sb-modal.vbo-action-confirm-modal .pager__items {
  justify-content: flex-start;
  margin-bottom: 0;
}
.sb-modal.sb-modal__pending-approval .modal-dialog {
  max-width: 500px;
}
.sb-modal.sb-modal__pending-approval .modal-content {
  overflow: visible;
  padding: 80px 24px 50px;
  position: relative;
  transform: translateY(20px);
  text-align: center;
}
.sb-modal.sb-modal__pending-approval .modal-content:before {
  background: var(--color-supportive-vibrant-yellowish-orange) url(./img/pending.svg) center/44px no-repeat;
  border: 2px solid var(--color-neutral-white);
  border-radius: 50%;
  content: "";
  height: 100px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 100px;
}
.sb-modal.sb-modal__pending-approval .modal-header {
  justify-content: center;
  margin-bottom: 16px;
}
.sb-modal.sb-modal__pending-approval .modal-header .btn-close {
  display: none;
}
.sb-modal.sb-modal__pending-approval .modal-title {
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 16px;
  padding: 0;
}
.sb-modal.sb-modal__pending-approval .modal-body {
  color: var(--color-neutral-dark);
  font-size: 18px;
}
.sb-modal.sb-modal__pending-approval .modal-body b,
.sb-modal.sb-modal__pending-approval .modal-body strong {
  display: block;
}
.sb-modal.sb-modal__pending-approval .popup-content-wrapper {
  line-height: 1.5;
}
.sb-modal.sb-modal__pending-approval .popup-content-wrapper .sb-link__primary {
  margin-top: 48px;
  min-width: 282px;
}
.sb-modal.sb-modal__pending-approval .sb-button {
  font-size: 18px;
  margin: 0 auto;
  min-width: 282px;
}

.sb-selects-results {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}

.selected-labels .label-item {
  display: inline-flex;
  padding: 4px;
  background-color: var(--color-primary-lighter);
  border-radius: 4px;
  margin-right: 16px;
}

.toast {
  background-color: var(--color-neutral-white);
  border-radius: 10px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
  border: none;
  opacity: 0;
  transform: translate(100%);
  transition: 0.5s ease-out;
  visibility: hidden;
  width: 440px;
  z-index: 2;
}
.toast:not(.show) {
  display: block;
}
.toast.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
  transition-delay: 0.5s;
}
.toast.hide {
  visibility: hidden;
}
.toast.showing {
  transition-delay: 0s;
}
.toast-header {
  background: none;
  border: none;
  color: var(--color-neutral-dark);
  font-size: 16px;
  line-height: 23px;
  padding: 0 0 16px;
  position: relative;
}
.toast-header:after {
  background: var(--color-neutral-lighter);
  content: "";
  height: 1px;
  position: absolute;
  left: -16px;
  right: -16px;
  bottom: 0;
}
.toast-body {
  padding: 16px 0 0;
  display: flex;
  font-size: 16px;
  color: var(--color-neutral-regular);
}
.toast-body .form-actions {
  align-items: flex-end;
  margin-left: auto;
  position: static;
}
.toast-body .form-actions .sb-button {
  min-height: 40px;
  padding: 10px 20px;
}
.toast-inner {
  max-width: 234px;
}
.toast .sb-icon {
  padding: 2px;
}
.toast .sb-icon--cross:hover {
  transform: scale(1.3);
}
.toast .sb-icon--cross:hover path {
  fill: var(--color-neutral-dark);
}
.toast .sb-icon--cross path {
  fill: var(--color-neutral-light);
}
.toast .sb-icon--attention path {
  fill: var(--color-primary-darkest);
}

.ui-dialog {
  background: var(--color-neutral-white);
  border-radius: 10px;
  padding: 48px 80px;
}
.ui-dialog:focus {
  box-shadow: none;
  outline: none;
}
.ui-dialog .ui-dialog-titlebar {
  background: none;
  color: var(--color-neutral-darkest);
  margin-bottom: 48px;
  padding: 0;
  position: static;
  text-align: center;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: url(./img/close-grey.svg) center no-repeat;
  border: none;
  box-sizing: content-box;
  opacity: 1;
  height: 24px;
  margin: 0;
  padding: 8px;
  position: absolute;
  right: 20px;
  top: 20px;
  transform: none;
  width: 24px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  border: none;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
}
.ui-dialog form {
  display: flex;
  flex-direction: column;
}
.ui-dialog form > .form-item:first-child {
  margin-top: 0;
}
.ui-dialog .taxonomy-term-confirm-form {
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
  background: none;
  border-radius: 0;
  margin-top: 32px;
}
.ui-dialog .ui-dialog-buttonpane .form-actions {
  margin: 0;
}

.ui-widget-overlay {
  background: var(--color-neutral-black);
  opacity: 0.5;
}

.certificate-template-used-in-trainings-modal .modal-dialog {
  max-width: 800px;
}
.certificate-template-used-in-trainings-modal .modal-content {
  padding: 24px;
}
.certificate-template-used-in-trainings-modal .modal-header {
  justify-content: flex-start;
}
.certificate-template-used-in-trainings-modal .modal-header .modal-title {
  font-size: 20px;
  padding-top: 0;
  margin-bottom: 24px;
}
.certificate-template-used-in-trainings-modal .modal-body {
  display: block;
}
.certificate-template-used-in-trainings-modal table {
  margin-block: 0;
}
.certificate-template-used-in-trainings-modal table tbody tr {
  border-inline: 1px solid var(--color-neutral-lighter);
}

.modal-label {
  font-size: 16px;
  color: var(--color-neutral-regular);
  line-height: normal;
  margin-bottom: 8px;
}

.modal-access__token {
  padding: 25px;
}
.modal-access__token .ui-dialog-titlebar {
  margin-bottom: 10px;
}
.modal-access__token .opigno-access-token-form {
  margin-bottom: 0;
  padding: 20px;
}
.modal-access__token .opigno-access-token-form .select2-container {
  width: 100% !important;
}

.ui-dialog {
  /* List of removal forms */
}
.ui-dialog:has(.opigno-statistic-report-delete-form), .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) {
  hyphens: none;
  max-width: 600px;
  padding: 24px;
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .ui-dialog-titlebar, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .ui-dialog-titlebar {
  border-bottom: 1px solid var(--color-neutral-lighter);
  margin-bottom: 32px;
  padding-bottom: 24px;
  padding-right: 40px;
  text-align: left;
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .form-actions, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .form-actions {
  gap: 40px;
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .form-submit, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .form-submit {
  background-color: var(--color-status-error-regular);
  border-color: var(--color-status-error-regular);
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .form-submit:hover, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .form-submit:hover {
  background-color: var(--color-status-error-hover);
  border-color: var(--color-status-error-hover);
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .form-submit:active, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .form-submit:active {
  background-color: var(--color-status-error-dark);
  border-color: var(--color-status-error-dark);
}
.ui-dialog:has(.opigno-statistic-report-delete-form) .dialog-cancel, .ui-dialog:has(.opigno-calendar-event-public-event-delete-form) .dialog-cancel {
  background: none;
  box-shadow: none;
  border: none;
  order: -1;
  padding: 8px;
}
.ui-dialog:has(.field-ui-field-storage-reuse-form), .ui-dialog:has(.field-config-form) {
  padding: 48px;
}
.ui-dialog:has(.field-ui-field-storage-reuse-form) .field-ui-field-storage-reuse-form .form-item--search, .ui-dialog:has(.field-config-form) .field-ui-field-storage-reuse-form .form-item--search {
  margin-top: 24px;
}

.pager__items {
  justify-content: flex-end;
  margin-block: 24px;
  padding: 0;
}
.pager__item {
  margin-block: 4px;
}
.pager__item--first {
  margin-right: 16px;
}
.pager__item--last {
  margin-left: 16px;
}
.pager__item--previous {
  margin-right: 12px;
}
.pager__item--next {
  margin-left: 12px;
}
.pager__item-title {
  display: none;
}
.pager__link {
  background: none;
  border-radius: 50%;
  color: var(--color-neutral-dark);
  font-size: 16px;
  font-weight: var(--font-weight-normal);
  height: 24px;
  min-width: 24px;
  padding: 0;
  width: 24px;
}
.pager__link:hover {
  background: var(--color-primary-light);
}
.pager__link.is-active {
  background: var(--color-primary-darkest);
  color: var(--color-neutral-white);
}
.pager__link.is-active:hover {
  background: var(--color-primary-darkest);
  color: var(--color-neutral-white);
}

.eb-tabs ul li.active {
  border-color: var(--color-primary-dark);
}
.eb-tabs ul li.active a {
  font-weight: var(--font-weight-semibold);
}
.eb-tabs ul li a {
  color: var(--color-neutral-darkest);
}
.eb-tabs ul li a:hover {
  text-decoration: none;
}

.is-horizontal .tabs {
  border: none;
  box-shadow: none;
}
.is-horizontal .tabs li {
  margin: 0 10px 10px 0;
}
.is-horizontal .tabs li .tabs__link {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  min-height: 36px;
  min-width: 138px;
  outline: none;
  overflow: hidden;
  padding: 12px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-out;
  border-radius: 8px;
  background-color: var(--color-neutral-white);
  border: 1px solid var(--color-primary-regular);
  color: var(--color-primary-regular);
  line-height: 1;
}
.is-horizontal .tabs li .tabs__link:focus {
  box-shadow: none;
  padding: 12px 24px;
}
.is-horizontal .tabs li .tabs__link:hover {
  background-color: var(--color-primary-lighter);
  border-color: var(--color-primary-dark);
  color: var(--color-primary-dark);
}
.is-horizontal .tabs li .tabs__link.is-active {
  background-color: var(--color-primary-regular);
  color: var(--color-neutral-white);
  border-radius: 0;
}
@media (min-width: 768px) {
  .is-horizontal .tabs li .tabs__link.is-active {
    border-radius: 8px;
  }
}
.is-horizontal .tabs li .tabs__link.is-active::before {
  content: none;
}
.is-horizontal .tabs__tab.is-active::before {
  border: none;
}
.is-horizontal .tabs.tabs--secondary {
  margin: 0;
  padding: 0;
}
.is-horizontal .tabs.tabs--secondary .tabs__link.is-active {
  border-radius: 8px;
}
.is-horizontal .tabs--primary {
  padding-left: 0;
}

.tabs__trigger:focus {
  border: none;
}

.nav-tabs {
  border-bottom: 1px solid var(--color-neutral-lighter);
  display: flex;
  gap: 40px;
  margin: 0 0 24px;
}
.nav-tabs .nav-link {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--color-neutral-regular);
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: -2px;
  padding: 0 0 9px;
}
.nav-tabs .nav-link:hover {
  color: var(--color-functional-text);
}
.nav-tabs .nav-link.active {
  border-color: var(--color-primary-darkest);
  color: var(--color-functional-text);
  font-weight: var(--font-weight-semibold);
}
.nav-tabs .nav-item.active > a {
  border-color: var(--color-primary-darkest);
  color: var(--color-functional-text);
  font-weight: var(--font-weight-semibold);
}
.nav-tabs .nav-item > a {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--color-neutral-regular);
  display: block;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: -2px;
  padding: 0 0 9px;
}
.nav-tabs .nav-item > a:hover {
  color: var(--color-functional-text);
  text-decoration: none;
}

.tab-pane {
  line-height: 1.5;
}
.tab-pane > *:not(div) {
  margin-bottom: 32px;
}

.circle-progress {
  position: relative;
  max-width: 102px;
}
.circle-progress svg {
  height: 102px;
  width: 102px;
}
.circle-progress circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--color-neutral-lighter);
  stroke-width: 11;
  transform: translate(8px, 8px);
  /* Formula
   * L=2πR
   * L - (L * percent) / 100
   */
}
.circle-progress circle:nth-child(2) {
  stroke: var(--color-primary-dark);
  transform: rotate(-90deg) translate(10px, 8px);
  transform-origin: center;
}
.circle-progress__label {
  font-size: 13px;
  margin-bottom: 10px;
}
.circle-progress__text {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary-regular);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.circle-progress text {
  fill: var(--color-functional-text);
  font-weight: var(--font-weight-extrabold);
}

.sb-progress__content {
  font-size: 16px;
}
.sb-progress__info {
  display: flex;
  gap: 4px;
  line-height: 1.2;
}
.sb-progress__bar-completed {
  background-color: var(--color-primary-dark);
  border-radius: 10px;
  height: 100%;
  transition: width 0.3s ease-out;
}
.sb-progress__bar {
  background-color: var(--color-neutral-lighter);
  border-radius: 10px;
  flex: 1 0 auto;
  height: 12px;
  margin-bottom: 8px;
}
.sb-progress__state {
  text-transform: capitalize;
}

.sb-card .sb-progress__value {
  font-weight: var(--font-weight-semibold);
}

.progress {
  background-color: transparent;
  height: 100px;
  flex-direction: column;
}
.progress__track {
  min-width: 300px;
  border-color: var(--color-primary-dark);
  border-radius: 8px;
}
.progress__bar {
  background-color: var(--color-primary-dark);
}
.progress__percentage, .progress__description, .progress__label {
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px;
}
.progress__description {
  margin: 0;
}
.progress__percentage {
  align-self: flex-end;
}
.progress__label {
  margin-right: 10px;
}

.sb-2fa .circle-progress {
  max-width: 200px;
}
.sb-2fa .circle-progress__text {
  color: var(--color-primary-darkest);
  font-size: 35px;
}
.sb-2fa .circle-progress svg {
  height: 200px;
  width: 200px;
}
.sb-2fa .circle-progress circle {
  stroke-width: 26px;
  transform: translate(13px, 13px);
}
.sb-2fa .circle-progress circle:nth-child(2) {
  transform: rotate(-90deg) translate(13px, 13px);
}

article.certificate-preview.classic {
  padding: 50px;
}
article.certificate-preview.classic .wrapper-border {
  border: 1px solid var(--color-primary-regular-light);
  height: 100%;
}
article.certificate-preview.classic .certificate-logo {
  margin: 35px 0 0 35px;
}
article.certificate-preview.classic .certificate-title {
  margin: 10px 0 20px;
}
article.certificate-preview.classic .certificate-title h1 {
  font-size: 58px;
}
article.certificate-preview.classic .certificate-title .subtitle {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  font-family: Graphie;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  margin: 0;
}
article.certificate-preview.classic .decor-top {
  position: absolute;
  top: 0;
  right: 0;
}
article.certificate-preview.classic .decor-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
article.certificate-preview.classic .certificate-body p {
  font-size: 22px;
}
article.certificate-preview.classic .certificate-body .paragraph-complete,
article.certificate-preview.classic .certificate-body .certificate-training {
  font-size: 18px;
}
article.certificate-preview.classic .certificate-student {
  margin-top: 20px;
}
article.certificate-preview.classic .certificate-company .certificate-content-field {
  margin-left: 45px;
}
article.certificate-preview.classic .certificate-qr {
  right: 100px;
  bottom: 100px;
  left: auto;
}
article.certificate-preview.classic .certificate-line {
  margin: 0 auto 25px;
}
article.certificate-preview.classic .certificate-footer {
  width: 65%;
  margin: 100px auto 48px;
}
article.certificate-preview.classic .certificate-footer.long-address {
  margin: 30px auto 20px;
}
article.certificate-preview.classic .certificate-footer td {
  text-align: center;
  padding: 0;
}
article.certificate-preview.classic.portrait .certificate-logo {
  margin: 113px 0 0;
}
article.certificate-preview.classic.portrait .certificate-logo img {
  margin: 0 auto;
}
article.certificate-preview.classic.portrait .certificate-title {
  margin: 40px 0 50px;
}
article.certificate-preview.classic.portrait .certificate-footer {
  margin: 95px auto 200px;
}
article.certificate-preview.classic.portrait .certificate-footer.long-address {
  margin: 30px auto 20px;
}
article.certificate-preview.classic.portrait .certificate-company .certificate-content-field {
  margin-left: 0;
}

article.certificate-preview {
  width: 1123px;
  height: 794px;
  background-image: url("./img/classic-bg.jpg");
  background-size: cover;
  padding: 50px 80px 80px;
  text-align: center;
  position: relative;
}
article.certificate-preview.landscape {
  min-width: 1123px;
  transform: scale(0.8);
}
@media screen and (max-width: 1700px) {
  article.certificate-preview.landscape {
    transform: scale(0.6);
  }
}
@media screen and (max-width: 1450px) {
  article.certificate-preview.landscape {
    transform: scale(0.5);
  }
}
@media screen and (max-width: 1340px) {
  article.certificate-preview.landscape {
    transform: scale(0.4);
  }
}
@media screen and (max-width: 1190px) {
  article.certificate-preview.landscape {
    transform: scale(0.5);
  }
}
article.certificate-preview.portrait {
  width: 794px;
  height: 1123px;
  min-width: 794px;
}
@media screen and (max-width: 1650px) {
  article.certificate-preview.portrait {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 1450px) {
  article.certificate-preview.portrait {
    transform: scale(0.7);
  }
}
article.certificate-preview.portrait .certificate-title {
  margin: 133px 0 48px;
}
article.certificate-preview.portrait .certificate-footer {
  margin-top: 120px;
}
article.certificate-preview.portrait .certificate-company {
  text-align: center;
}
article.certificate-preview.portrait .empty {
  display: none;
}

.certificate-logo {
  min-height: 55px;
}
.certificate-logo img,
.certificate-logo svg {
  max-height: 55px;
  width: auto;
  display: block;
}

.certificate-ribbon {
  width: 100px;
  height: 195px;
  border-radius: 0 0 56px 56px;
  background: var(--color-primary-dark);
  position: absolute;
  top: 0;
  right: 80px;
}
.certificate-ribbon .label {
  color: var(--color-neutral-white);
  padding: 43px 6px 28px;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.certificate-title {
  margin: 20px 0 25px;
  color: var(--color-neutral-darkest);
}
.certificate-title h1 {
  text-align: center;
  font-family: "Graphie", serif;
  font-size: 60px;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
.certificate-title .subtitle {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  font-family: Graphie;
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  margin: 0;
}

.certificate-body p {
  color: var(--color-neutral-darkest);
  text-align: center;
  font-size: 20px;
  margin: 0;
}

.certificate-student {
  color: var(--color-primary-darkest);
  text-align: center;
  font-family: "Carattere", serif;
  font-size: 56px;
  font-style: normal;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  margin: 35px 0 0;
}

.certificate-line {
  width: 80%;
  border: 1px solid var(--color-neutral-light);
  margin: 0 auto 25px;
}

.certificate-training {
  font-size: 22px;
  font-weight: var(--font-weight-bold);
}

.certificate-date p,
.certificate-date .certificate-content-preview-award-date,
.certificate-date .certificate-content-field-company-name,
.certificate-company p,
.certificate-company .certificate-content-preview-award-date,
.certificate-company .certificate-content-field-company-name {
  color: var(--color-type-txt);
  margin-bottom: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: 22px;
}

.certificate-date span,
.certificate-date .certificate-content-field-company-address,
.certificate-company span,
.certificate-company .certificate-content-field-company-address {
  color: var(--color-neutral-darkest);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--font-weight-light);
  line-height: 19px;
  display: block;
}

.certificate-date {
  text-align: center;
}

.certificate-company {
  text-align: right;
}

.certificate-qr {
  position: absolute;
  left: 80px;
  bottom: 80px;
}
.certificate-qr img {
  max-width: 100px;
}

.certificate-footer {
  width: 100%;
  border-collapse: collapse;
  margin-top: 90px;
  table-layout: fixed;
}
.certificate-footer tbody {
  border: none;
}
.certificate-footer td {
  border: none;
  width: 40%;
  vertical-align: middle;
  padding: 0;
}
.certificate-footer tr {
  background-color: var(--color-opacity-clear);
}
.certificate-footer tr:hover {
  background: none;
}

.opigno-certificate-template-preferences-form {
  display: flex;
  width: 100%;
  position: relative;
  padding-bottom: 60px;
}
.opigno-certificate-template-preferences-form #edit-actions {
  margin-top: 30px;
  justify-content: flex-end;
}
.opigno-certificate-template-preferences-form .counter {
  font-size: 14px;
  color: var(--color-neutral-regular);
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.opigno-certificate-template-preferences-form details {
  max-width: 369px;
  border-radius: 10px;
}
.opigno-certificate-template-preferences-form details:first-child {
  margin-top: 0;
}
.opigno-certificate-template-preferences-form details[open] > .claro-details__summary {
  border-radius: 5px;
}
.opigno-certificate-template-preferences-form details .claro-details__wrapper {
  margin: 16px;
  background-color: var(--color-neutral-white);
}
.opigno-certificate-template-preferences-form details .claro-details__wrapper .form-item {
  margin-block: 16px;
}
.opigno-certificate-template-preferences-form details .claro-details__wrapper .form-item input {
  background-color: var(--color-neutral-lightest);
}
.opigno-certificate-template-preferences-form details .claro-details__wrapper .form-item input::placeholder {
  color: var(--color-neutral-regular);
}
.opigno-certificate-template-preferences-form details .claro-details__wrapper .claro-details__wrapper {
  margin: 16px 0;
}
.opigno-certificate-template-preferences-form details summary {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary-darkest);
  border-radius: 10px;
  background-color: var(--color-primary-light);
  padding-block: 16px;
  padding-inline: 16px 36px;
  min-width: 369px;
}
.opigno-certificate-template-preferences-form details summary::before {
  inset-inline-start: auto;
  inset-inline-end: 16px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230036B1'/%3e%3c/svg%3e");
}
.opigno-certificate-template-preferences-form details summary::after {
  content: none;
}
.opigno-certificate-template-preferences-form details summary:hover, .opigno-certificate-template-preferences-form details summary:focus, .opigno-certificate-template-preferences-form details summary:active {
  color: var(--color-primary-darkest);
  background-color: var(--color-primary-light);
  outline: none;
  border: none;
  box-shadow: none;
}
.opigno-certificate-template-preferences-form .certificate-preview__sidebar {
  margin-right: 22px;
}
.opigno-certificate-template-preferences-form .certificate-preview__main {
  width: calc(100% - 391px);
}
.opigno-certificate-template-preferences-form #certificate-preview {
  background-color: var(--color-neutral-light);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-item__label {
  color: var(--color-neutral-darkest);
  font-size: 14px;
  line-height: 23px;
  font-weight: var(--font-weight-semibold);
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-item__label .regular-text {
  color: var(--color-neutral-dark);
  font-weight: var(--font-weight-normal);
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .loaded-file {
  min-width: 300px;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-textarea {
  max-height: 72px;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-item {
  margin-block: 24px;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-element--type-text {
  background-color: var(--color-neutral-white);
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable details {
  border: none;
  box-shadow: none;
  margin-block: 24px;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable details summary {
  background-color: var(--color-neutral-white);
  min-width: 0;
  padding: 0;
  text-transform: capitalize;
  color: var(--color-neutral-darkest);
  font-size: 14px;
  line-height: 23px;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable details summary::before {
  content: none;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .js-form-wrapper {
  position: relative;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .js-form-wrapper .form-submit {
  font-size: 0;
  min-width: 0;
  min-height: 20px;
  padding: 0;
  border: none;
  background: var(--color-neutral-white) url(./img/remove.svg) no-repeat;
  width: 24px;
  height: 24px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 22;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-type--managed-file {
  position: relative;
}
.opigno-certificate-template-preferences-form #certificate-preferences-editable .form-type--managed-file .remove-button {
  background: url(./img/close-blue-circle.svg) no-repeat;
  position: static;
}

article.certificate-preview.corporative {
  padding: 45px;
  background-image: url("./img/certificate-frame.jpg");
}
article.certificate-preview.corporative .wrapper-border {
  background-image: url("./img/classic-bg.jpg");
  position: absolute;
  inset: 45px;
}
article.certificate-preview.corporative .certificate-logo {
  padding: 45px 0 0;
}
article.certificate-preview.corporative .certificate-logo img {
  margin: 0 auto;
}
article.certificate-preview.corporative .certificate-title {
  margin: 28px 0 25px;
}
article.certificate-preview.corporative .certificate-title h1 {
  font-weight: var(--font-weight-normal);
}
article.certificate-preview.corporative .certificate-title .subtitle {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
  font-family: Graphie;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  margin: 0;
}
article.certificate-preview.corporative .decor-top {
  position: absolute;
  top: 0;
  right: 0;
}
article.certificate-preview.corporative .decor-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
article.certificate-preview.corporative .certificate-body p {
  font-size: 18px;
}
article.certificate-preview.corporative .certificate-body .certificate-training {
  font-size: 18px;
}
article.certificate-preview.corporative .certificate-body .certificate-content-field {
  margin: 0 15px;
}
article.certificate-preview.corporative .certificate-student {
  margin: 25px 0 0;
}
article.certificate-preview.corporative .certificate-qr {
  bottom: 60px;
  left: 80px;
}
article.certificate-preview.corporative .certificate-line {
  margin: 0 auto 25px;
}
article.certificate-preview.corporative .certificate-footer {
  margin: 150px auto 0;
  padding-bottom: 60px;
}
article.certificate-preview.corporative .certificate-footer.long-address {
  margin-top: 20px;
}
article.certificate-preview.corporative .certificate-footer td {
  text-align: center;
  padding: 0 10px 60px 0;
  width: 33%;
}
article.certificate-preview.corporative.portrait .certificate-logo {
  padding: 64px 0 0;
}
article.certificate-preview.corporative.portrait .certificate-title {
  margin: 54px 0 80px;
}
article.certificate-preview.corporative.portrait .certificate-student {
  margin: 40px 0 0;
}
article.certificate-preview.corporative.portrait .certificate-line {
  margin: 0 auto 44px;
}
article.certificate-preview.corporative.portrait .certificate-footer {
  margin: 120px auto;
}
article.certificate-preview.corporative.portrait .certificate-footer.long-address {
  margin-top: 35px;
}
article.certificate-preview.corporative.portrait .certificate-footer .certificate-date {
  text-align: left;
}
article.certificate-preview.corporative.portrait .certificate-footer .certificate-date.award {
  text-align: center;
}

.swiper {
  --swiper-navigation-sides-offset: 8px;
  --swiper-navigation-color: var(--color-neutral-darkest);
  padding-inline: 40px;
}
.swiper__single-picture {
  padding-inline: 0;
}

.swiper-thumbs {
  margin-top: 16px;
}
.swiper-thumbs .swiper-slide {
  height: 91px;
}
.swiper-thumbs .swiper-slide img {
  height: 100%;
  width: 100%;
}
.swiper-thumbs .swiper-slide-thumb-active {
  position: relative;
}
.swiper-thumbs .swiper-slide-thumb-active:after {
  background: linear-gradient(0deg, rgba(125, 132, 251, 0.3) 0%, rgba(125, 132, 251, 0.3) 100%);
  border: 5px solid var(--color-primary-regular-light);
  border-radius: 5px;
  content: "";
  position: absolute;
  inset: 0;
}
.swiper-thumbs .swiper-slide-thumb-active img {
  border-radius: 5px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: none;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  object-fit: none;
  height: auto;
  width: auto;
}

.swiper-button-prev svg {
  transform: rotate(180deg);
}

.zoom-actions {
  background: rgba(9, 11, 16, 0.5);
  border-radius: 20px;
  display: flex;
  gap: 20px;
  padding: 8px 24px;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.zoom-actions__item {
  cursor: pointer;
}
.zoom-actions .sb-icon {
  color: var(--color-neutral-white);
}

video {
  height: auto;
  width: 100%;
}

.video-js {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  width: 100%;
}
.video-js.vjs-paused .vjs-big-play-button:hover {
  background: var(--color-primary-regular);
}
.video-js.vjs-paused .vjs-big-play-button {
  align-items: center;
  background: var(--color-primary-regular);
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 70px;
  width: 70px;
}
.video-js.vjs-paused .vjs-big-play-button .vjs-icon-placeholder:before {
  transform: translateY(12px);
}

.field--name-field-embed-video iframe {
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}

.sb-user__profile-top {
  position: relative;
}
.sb-user__profile-top-banner {
  height: 300px;
  max-width: 100%;
  border-radius: 24px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.sb-user__profile-top-banner.default {
  background: linear-gradient(92deg, #8389DC 0%, #313AC5 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sb-user__profile-top-banner.default svg {
  opacity: 0.3;
  width: 200px;
  height: 200px;
}
.sb-user__profile-top-banner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 300px;
}
.sb-user__profile-image {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: var(--color-primary-regular);
  border: 5px solid var(--color-neutral-white);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -30px;
  left: 50px;
  overflow: hidden;
}
.sb-user__profile-image .sb-icon {
  margin-left: 10px;
  margin-bottom: 8px;
  height: 142px;
  width: 200px;
}
.sb-user__profile-image .sb-icon path {
  fill: var(--color-neutral-white);
}
.sb-user__profile .sb-edit__cover {
  position: absolute;
  top: 10px;
  right: 10px;
}
.sb-user__profile .sb-edit__about,
.sb-user__profile .sb-edit__profile {
  position: absolute;
  top: 16px;
  right: 16px;
}
.sb-user__profile-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 46px 0 16px;
}
.sb-user__profile-info--container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sb-user__profile-info--name {
  margin-bottom: 4px;
}
.sb-user__profile--inner {
  display: flex;
  align-items: center;
  color: var(--color-neutral-dark);
  gap: 4px;
  font-size: 13px;
  line-height: 18px;
}
.sb-user__profile--inner.connections .connection-item {
  color: var(--color-functional-text);
  font-weight: var(--font-weight-bold);
}
.sb-user__profile--inner.connections .connection-item.blue {
  background: var(--color-primary-regular);
}

.dot {
  width: 2px;
  height: 2px;
  display: inline-flex;
  background: var(--color-neutral-dark);
  border-radius: 50%;
}

.user-profile__wrapper {
  background-color: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-primary-light);
}
@media (min-width: 992px) {
  .user-profile__wrapper > .row > .col-lg-6:first-child {
    padding-right: 0;
  }
  .user-profile__wrapper > .row > .col-lg-6:last-child {
    padding-left: 0;
  }
}
.user-profile__left, .user-profile__right {
  padding: 32px 24px;
}
.user-profile__right .field:not(:last-child) {
  margin-bottom: 24px;
}
.user-profile__right .field .field__label,
.user-profile__right .field .form-item__label {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  margin-bottom: 12px;
}
.user-profile__right .field .field__item {
  padding: 14px 16px;
  width: 100%;
  color: var(--color-neutral-dark);
  border: 1px solid var(--color-primary-lighter);
  border-radius: 5px;
  font-size: 18px;
}
.user-profile__right .field--name-field-short-bio .field__item {
  font-size: 16px;
}
.user-profile__right .form-item {
  margin: 0 0 24px;
  color: var(--color-neutral-dark);
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
.user-profile__right .form-item__label {
  margin-block: 0;
  font-size: 18px;
  color: var(--color-neutral-darkest);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 12px;
}
.user-profile__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  width: 100%;
}
.user-profile__header h2 {
  margin-bottom: 0;
}
.user-profile__header .sb-link {
  min-width: 168px;
  padding-block: 11px;
}
.user-profile__head {
  text-transform: uppercase;
  color: var(--color-neutral-regular);
  font-size: 14px;
  margin-bottom: 24px;
}
.user-profile__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.user-profile__main h3 {
  margin-bottom: 8px;
  color: var(--color-neutral-darkest);
}
.user-profile__main .js-form-type-item {
  margin: 0 0 16px;
  font-size: 20px;
  color: var(--color-neutral-dark);
}
.user-profile__main .nickname {
  font-size: 18px;
  color: var(--color-neutral-regular);
}
.user-profile__image {
  width: 170px;
  height: 170px;
  background-color: var(--color-primary-dark);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.user-profile__image .sb-userinfo__initials {
  font-size: 64px;
}
.user-profile__achievements {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .user-profile__achievements {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .user-profile__achievements {
    flex-direction: column;
  }
}
@media screen and (min-width: 1500px) {
  .user-profile__achievements {
    flex-direction: row;
  }
}
.user-profile__achievements .sb-learning__box-quantity .form-item {
  margin-block: 0;
}
.user-profile__achievements .sb-icon--badges {
  position: relative;
  right: -3px;
}
.user-profile__secondary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
}
.user-profile__secondary .field:not(:last-child) {
  margin: 0 0 16px;
}
.user-profile__secondary .form-item {
  color: var(--color-neutral-dark);
  font-size: 18px;
  line-height: 1.28;
  margin-block: 0;
}
.user-profile__secondary .labels .field__item {
  display: none;
}
.user-profile__secondary .labels .form-item--no-label {
  font-size: 0;
  text-indent: -9999px;
}
.user-profile__secondary .labels .form-item--no-label .label {
  font-size: 18px;
  text-indent: 0;
}
.user-profile__secondary .values .form-item__label,
.user-profile__secondary .values .label {
  display: none;
}
.user-profile__secondary .form-item__label,
.user-profile__secondary h4 {
  display: block;
  color: var(--color-neutral-darkest);
  font-weight: var(--font-weight-semibold);
  font-size: 18px;
  line-height: 1.28;
  margin-block: 0;
}

.ai-image-modal__form .form-actions {
  margin-block: auto 0;
  padding-top: 32px;
  position: relative;
}
.ai-image-modal__form .form-actions > input,
.ai-image-modal__form .form-actions button {
  width: 100%;
}
.ai-image-modal__form .form-actions .generate {
  background-image: url(img/ai-white.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 25% center;
}
.ai-image-modal__form .form-actions .generate[disabled] {
  background-image: url(img/ai-gray.svg);
}
.ai-image-modal__form .form-actions .generate.sb-button--secondary {
  background-image: url(img/ai-gray.svg);
}
.ai-image-modal__form .form-actions .ajax-progress {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translate(-50%, -50%);
}
.ai-image-modal__form .form-actions .ajax-progress__message {
  display: none;
}
.ai-image-modal__form .form-item-text {
  margin-block: 0 32px;
}
.ai-image-modal .form-item--prompt {
  margin-bottom: 32px;
}
.ai-image-modal .form-item--prompt label {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  text-transform: capitalize;
}
.ai-image-modal .form-item--prompt label::after {
  content: none;
}
.ai-image-modal .form-item--prompt textarea {
  border-radius: 5px;
  border: 1px solid var(--color-neutral-lighter);
  display: block;
  padding: 8px;
  width: 100%;
}
.ai-image-modal .form-item--prompt .characters-counter {
  color: var(--color-neutral-regular);
  font-size: 12px;
  line-height: 1.2;
  margin-top: 6px;
}
.ai-image-modal .fieldset {
  margin: 0;
}
.ai-image-modal .fieldset__label {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.15;
  text-transform: capitalize;
}
.ai-image-modal .fieldset__label::after {
  content: none;
}
.ai-image-modal .fieldset__wrapper--group .form-radios {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 12px;
  margin: 8px 0 0;
}
.ai-image-modal .fieldset__wrapper--group .form-item--style {
  margin: 0;
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio + label.option {
  font-size: 14px;
  padding: 0;
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio + label.option::before {
  background-image: url(demo-images/photo.png);
  background-size: contain;
  border-radius: 5px;
  border: none;
  display: block;
  height: 110px;
  margin-bottom: 4px;
  position: static;
  width: 110px;
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio + label.option:after {
  content: none;
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio:checked + label.option::before {
  box-shadow: inset 0 0 0 4px var(--color-primary-regular);
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio[value=abstract] + label.option:before {
  background-image: url(demo-images/illustration.png);
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio[value=cartoon] + label.option:before {
  background-image: url(demo-images/cartoon.png);
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio[value=sketch] + label.option:before {
  background-image: url(demo-images/graphic.png);
}
.ai-image-modal .fieldset__wrapper--group .form-item--style input.sb-radio[value="3d"] + label.option:before {
  background-image: url(demo-images/3d.png);
}
.ai-image-modal .image-grid {
  width: 100%;
  height: 100%;
}
.ai-image-modal .image-grid__default {
  border-radius: 5px;
  background: linear-gradient(180deg, #E8EDFF 0%, #CFDAFF 100%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
}
.ai-image-modal .image-grid__default .sb-icon path {
  fill: var(--color-primary-dark);
}
.ai-image-modal .image-grid.is-loading, .ai-image-modal .image-grid.generated {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}
.ai-image-modal .image-grid.is-loading.is-single, .ai-image-modal .image-grid.generated.is-single {
  grid-template-columns: 1fr;
  padding-bottom: 42px;
}
.ai-image-modal .image-grid.is-loading.is-single .image-item__wrapper:hover::after, .ai-image-modal .image-grid.generated.is-single .image-item__wrapper:hover::after {
  background: linear-gradient(0deg, rgba(1, 5, 76, 0.1), rgba(1, 5, 76, 0.1)), url("./img/zoom-out.svg") center/24px no-repeat, linear-gradient(180deg, rgba(125, 132, 251, 0.1), rgba(207, 218, 255, 0.2));
}
.ai-image-modal .image-grid.is-loading img, .ai-image-modal .image-grid.generated img {
  height: 100%;
  border-radius: 5px;
}
.ai-image-modal .image-grid .image-item {
  cursor: pointer;
  display: block;
}
.ai-image-modal .image-grid .image-item__wrapper {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.ai-image-modal .image-grid .image-item__wrapper:hover {
  cursor: pointer;
}
.ai-image-modal .image-grid .image-item__wrapper:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(1, 5, 76, 0.1), rgba(1, 5, 76, 0.1)), url("./img/zoom-in.svg") center/24px no-repeat, linear-gradient(180deg, rgba(125, 132, 251, 0.1), rgba(207, 218, 255, 0.2));
}
.ai-image-modal .image-grid .placeholder--animated {
  animation: pulse 2.5s ease-in-out infinite;
  align-items: center;
  background: linear-gradient(180deg, #7D84FB 0%, #CFDAFF 100%);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.ai-image-modal .image-grid .placeholder--animated:nth-child(1) {
  animation-delay: 0s;
}
.ai-image-modal .image-grid .placeholder--animated:nth-child(2) {
  animation-delay: 0.3s;
}
.ai-image-modal .image-grid .placeholder--animated:nth-child(3) {
  animation-delay: 0.8s;
}
.ai-image-modal .image-grid .placeholder--animated:nth-child(4) {
  animation-delay: 1.2s;
}
.ai-image-modal .use-selected__btn {
  width: 100%;
}
.ai-image-modal .use-selected__btn button svg {
  display: none;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.view-statistics .view-header {
  align-items: flex-start;
  flex-direction: column;
}
.view-statistics .view-header .views-create-button {
  margin-left: 0;
}
.view-statistics .hierarchy-level-info {
  margin-bottom: 24px;
}
.view-statistics td.views-field-label a {
  color: var(--color-primary-darkest);
}

.global-kpi-blocks-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "users activities trainings" "chart chart chart";
  gap: 32px 24px;
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .global-kpi-blocks-wrapper {
    grid-template-columns: 240px 1fr;
    grid-template-areas: "users chart" "activities chart" "trainings chart";
  }
}

.kpi-block {
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-primary-light);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
}
.kpi-block__top-section {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.kpi-block__title {
  color: var(--color-neutral-dark);
  font-size: 15px;
  font-weight: var(--font-weight-normal);
  margin: 0;
}
.kpi-block__content {
  font-size: 40px;
  font-weight: var(--font-weight-bold);
  line-height: normal;
}

.total-users-block {
  grid-area: users;
}

.total-activities-block {
  grid-area: activities;
}

.total-trainings-block {
  grid-area: trainings;
}

.chart-kpi-block {
  grid-area: chart;
  padding: 24px;
  position: relative;
}
.chart-kpi-block .kpi-block__top-section {
  margin-bottom: 8px;
}
.chart-kpi-block .chart-notes {
  color: var(--color-neutral-regular);
  font-size: 14px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.chart-container {
  height: 360px;
  margin-top: auto;
}
.chart-container canvas {
  max-width: 100%;
}

.generate-report {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.generate-report .page-title {
  margin-right: 32px;
}

.error-page {
  display: flex;
  justify-content: center;
}
.error-page__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 150px;
}
.error-page__image {
  margin-bottom: 40px;
}
.error-page__title {
  font-size: 32px;
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-darkest);
  margin-bottom: 16px;
  text-transform: capitalize;
}
.error-page__description {
  color: var(--color-neutral-dark);
  font-size: 18px;
  margin-bottom: 32px;
}

.sb-result {
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-primary-light);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  padding: 50px;
  position: relative;
  text-align: center;
}
.sb-result__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.sb-result__score {
  font-size: 32px;
  font-weight: var(--font-weight-bold);
}
.sb-result__score-points {
  font-size: 14px;
  font-weight: var(--font-weight-normal);
}
.sb-result__message {
  font-size: 24px;
}
.sb-result__score-circle {
  align-items: center;
  background: var(--color-primary-darkest);
  border-radius: 50%;
  color: var(--color-neutral-white);
  display: flex;
  font-weight: var(--font-weight-bold);
  gap: 3px;
  justify-content: center;
  line-height: 1.3;
  margin: 16px auto 32px;
  height: 128px;
  padding: 33px 24px;
  width: 128px;
  flex-direction: column;
}
.sb-result__info-title {
  color: var(--color-neutral-dark);
}
.sb-result__text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
.sb-result__text .module-name {
  font-weight: var(--font-weight-bold);
}
.sb-result__text .icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sb-result__text .icon.passed {
  background-color: var(--color-status-passed);
}
.sb-result__text .icon.passed path {
  stroke: var(--color-neutral-white);
}
.sb-result__text .icon.failed {
  background-color: var(--color-status-failed);
}
.sb-result__text .icon.failed path {
  fill: var(--color-neutral-white);
}
.sb-result__text .icon.awaiting_evaluation {
  background-color: var(--color-status-warning-light);
}
.sb-result__text .icon.awaiting_evaluation path {
  fill: var(--color-neutral-white);
}
.sb-result__passed-data {
  display: flex;
  gap: 40px;
  justify-content: center;
}
@media (max-width: 576px) {
  .sb-result__passed-data {
    gap: 10px;
  }
}
.sb-result__passed-data--item {
  background: var(--color-primary-lightest);
  border: 1px solid var(--color-primary-regular-light);
  border-radius: 10px;
  display: flex;
  gap: 16px;
  line-height: normal;
  min-width: 182px;
  padding: 16px;
  text-align: left;
}
@media (max-width: 576px) {
  .sb-result__passed-data--item {
    min-width: 140px;
    padding: 10px;
  }
}
.sb-result__passed-data--item .sb-icon {
  color: var(--color-primary-darkest);
}
.sb-result__passed-data--item .value {
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  margin-bottom: 7px;
}
.sb-result__passed-data--item .text {
  color: var(--color-neutral-dark);
  font-size: 14px;
}

.sb-answer__details-list {
  display: flex;
  flex-direction: column;
}
.sb-answer__list-title {
  align-items: center;
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-primary-light);
  color: var(--color-functional-text);
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  font-weight: var(--font-weight-normal);
  line-height: normal;
  margin-bottom: 16px;
  padding: 24px;
  position: relative;
  transition: 0.3s ease-out;
}
.sb-answer__list-title:hover {
  text-decoration: none;
}
.sb-answer__list-title:active {
  color: var(--color-functional-text);
}
.sb-answer__list-title .sb-icon {
  color: var(--color-primary-darkest);
  transition: transform 0.3s ease-out;
}
.sb-answer__list-title:not(.collapsed) {
  background: var(--color-primary-light);
  border-color: var(--color-primary-regular-light);
  font-weight: var(--font-weight-bold);
}
.sb-answer__list-title:not(.collapsed) .sb-icon {
  transform: rotateX(180deg);
}
.sb-answer__details {
  background: var(--color-neutral-white);
  border-radius: 10px;
  border: 1px solid var(--color-primary-light);
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  padding: 32px;
}
@media (max-width: 576px) {
  .sb-answer__details {
    padding: 24px;
  }
}
.sb-answer__details:last-child {
  margin-bottom: 0;
}
.sb-answer__details--long-answer {
  background: var(--color-primary-lighter);
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 20px;
}
.sb-answer__details--long-answer--question {
  color: var(--color-functional-text);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  margin-bottom: 16px;
}
.sb-answer__details--long-answer--question p:last-child {
  margin-bottom: 0;
}
.sb-answer__details--long-answer--answer {
  background: var(--color-neutral-white);
  border: 1px solid var(--color-neutral-lighter);
  border-radius: 5px;
  color: var(--color-neutral-dark);
  font-size: 18px;
  line-height: 1.2;
  min-height: 100px;
  padding: 14px 16px;
}
.sb-answer__details .activity-title h3 {
  font-size: 24px;
  margin-bottom: 16px;
}
.sb-answer__details .activity-description {
  color: var(--color-neutral-regular);
  margin-bottom: 24px;
}
.sb-answer__details .activity-question p:last-child,
.sb-answer__details .long-answer-answer p:last-child {
  margin: 0;
}

.opigno-answer-form .fieldgroup {
  margin: 0;
}
.opigno-answer-form .fieldgroup > .fieldset__legend {
  display: none;
}
.opigno-answer-form .fieldgroup > .fieldset__wrapper--group {
  background: var(--color-primary-lighter);
  border-radius: 0 0 10px 10px;
  border: none;
  padding: 16px 32px 32px;
}
@media (max-width: 576px) {
  .opigno-answer-form .fieldgroup > .fieldset__wrapper--group {
    background: none;
    padding: 0;
    margin-top: 16px;
  }
}

.page-opigno-learner-area-opigno-lp-result-page .form-actions [data-action-id=BACK_TO_LP_HP] {
  margin-left: auto;
}

.page-opigno-learner-area-opigno-lp-review-page .form-actions [data-action-id=REVIEW_EDGE] {
  margin-left: 0;
}