.enlivy-kit-learning-journey-single-step-container {
  container-type: inline-size;
}
.enlivy-kit-learning-journey-single-step-container > [data-enlivy-kit-button] {
  margin: 0 0 var(--enlivy-kit-spacing-sm) 0;
}
.enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper {
  display: flex;
  gap: var(--enlivy-kit-spacing-md);
}
.enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-post {
  width: 100%;
  max-width: 960px;
}
.enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > [data-enlivy-kit-component=learning-journey-tasks] {
  position: sticky;
  top: 120px;
  max-height: calc(100dvh - 150px);
  overflow: hidden;
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
}
.enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > [data-enlivy-kit-component=learning-journey-tasks] > [data-enlivy-kit-component-learning-journey-tasks-section=groups_wrapper] {
  overflow-y: auto;
  min-height: 0;
}
@container (max-width: 992px) {
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper {
    gap: var(--enlivy-kit-spacing-md);
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > [data-enlivy-kit-component=learning-journey-tasks] {
    max-width: 350px;
  }
}
@container (min-width: 767px) {
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-menu {
    display: none;
  }
}
@container (max-width: 767px) {
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper {
    flex-direction: column;
    gap: var(--enlivy-kit-spacing-sm);
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-menu {
    background-color: var(--enlivy-kit-layout-primary-background-color);
    padding: var(--enlivy-kit-spacing-sm);
    border: 1px solid var(--enlivy-kit-layout-primary-border-color);
    -webkit-border-radius: var(--enlivy-kit-general-border-radius) var(--enlivy-kit-general-border-radius) 0 0;
    border-radius: var(--enlivy-kit-general-border-radius) var(--enlivy-kit-general-border-radius) 0 0;
    -webkit-box-shadow: 0 5px 25px -15px rgba(var(--enlivy-kit-black-color-rgb), 0.1);
    box-shadow: 0 5px 25px -15px rgba(var(--enlivy-kit-black-color-rgb), 0.1);
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-menu > ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0;
    gap: var(--enlivy-kit-spacing-sm);
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-menu > ul > li {
    font-family: var(--enlivy-kit-font-family);
    font-size: var(--enlivy-kit-text-standard-font-size);
    font-style: var(--enlivy-kit-text-standard-font-style);
    font-weight: var(--enlivy-kit-text-standard-font-weight);
    line-height: var(--enlivy-kit-text-standard-line-height);
    color: var(--enlivy-kit-text-standard-color);
    cursor: pointer;
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > .learning-journey-step-menu > ul > li[data-enlivy-kit-interaction-state=active] {
    color: var(--enlivy-kit-primary-color);
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > [data-enlivy-kit-component=learning-journey-tasks] {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    top: 0;
  }
  .enlivy-kit-learning-journey-single-step-container > .enlivy-kit-learning-journey-single-step-inner-wrapper > [data-enlivy-kit-component=learning-journey-tasks]:not([data-enlivy-kit-display-state=visible]) {
    display: none;
  }
}