.px-checklist {
  container-type: inline-size;
  max-width: var(--maxWidth) !important;
}
.px-checklist-inner .checklist-single {
  border-bottom: 1px solid var(--lightGray);
}
.px-checklist-inner .checklist-single .item {
  display: flex;
  align-items: stretch;
}
.px-checklist-inner .checklist-single .item .external,
.px-checklist-inner .checklist-single .item .internal {
  position: relative;
  width: 160px;
  flex-shrink: 0;
  transition: var(--baseTransition);
}
.px-checklist-inner .checklist-single .item .external::after,
.px-checklist-inner .checklist-single .item .internal::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: transparent url(../img/cross.svg) no-repeat center/contain;
}
@container (width <=768px) {
  .px-checklist-inner .checklist-single .item .external,
  .px-checklist-inner .checklist-single .item .internal {
    width: 90px;
  }
}
@container (width <=450px) {
  .px-checklist-inner .checklist-single .item .external,
  .px-checklist-inner .checklist-single .item .internal {
    width: 60px;
  }
  .px-checklist-inner .checklist-single .item .external::after,
  .px-checklist-inner .checklist-single .item .internal::after {
    width: 20px;
    height: 20px;
  }
}
.px-checklist-inner .checklist-single .item .external.check::after,
.px-checklist-inner .checklist-single .item .internal.check::after {
  background-image: url(../img/check-green.svg);
}
.px-checklist-inner .checklist-single .item .content {
  flex: 1;
  padding: 15px 30px 15px 0;
  font-weight: 300;
}
@container (width <=768px) {
  .px-checklist-inner .checklist-single .item .content {
    hyphens: auto;
  }
}
.px-checklist-inner .checklist-single .item .external {
  background-color: var(--main-color-light-blue);
}
.px-checklist-inner .checklist-single:first-child .item .external::before,
.px-checklist-inner .checklist-single:first-child .item .internal::before {
  content: "";
  display: block;
  text-align: center;
  font-size: var(--largeFontSize);
  font-weight: 700;
  width: 160px;
  padding-top: 20px;
  border-top-left-radius: var(--baseBorderRadiusMedium);
  border-top-right-radius: var(--baseBorderRadiusMedium);
  color: var(--fontColor);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: var(--baseTransition);
}
@container (width <=768px) {
  .px-checklist-inner .checklist-single:first-child .item .external::before,
  .px-checklist-inner .checklist-single:first-child .item .internal::before {
    width: 90px;
  }
}
@container (width <=450px) {
  .px-checklist-inner .checklist-single:first-child .item .external::before,
  .px-checklist-inner .checklist-single:first-child .item .internal::before {
    width: 60px;
    font-size: var(--miniFontSize);
  }
}
.px-checklist-inner .checklist-single:first-child .item .external::before {
  content: var(--col-one-label, "Extern");
  background-color: var(--main-color-light-blue);
}
.px-checklist-inner .checklist-single:first-child .item .internal::before {
  content: var(--col-two-label, "Intern");
}

@media (prefers-reduced-motion: no-preference) and (min-width: 769px) {
  html.js:not(:has(body[data-accessibility-animations=false])) .px-checklist-inner.animate-parent[data-animation=fadeIn] .checklist-single .external::after,
  html.js:not(:has(body[data-accessibility-animations=false])) .px-checklist-inner.animate-parent[data-animation=fadeIn] .checklist-single .internal::after {
    opacity: 0;
    transition: opacity 0.6s ease;
  }
  html.js:not(:has(body[data-accessibility-animations=false])) .px-checklist-inner.animate-parent[data-animation=fadeIn] .checklist-single.go .external::after,
  html.js:not(:has(body[data-accessibility-animations=false])) .px-checklist-inner.animate-parent[data-animation=fadeIn] .checklist-single.go .internal::after {
    opacity: 1;
  }
}

.editor-styles-wrapper .px-checklist-inner .checklist-single .item .external,
.editor-styles-wrapper .px-checklist-inner .checklist-single .item .internal {
  background-color: rgba(211, 7, 42, 0.4);
}
.editor-styles-wrapper .px-checklist-inner .checklist-single .item .external.check,
.editor-styles-wrapper .px-checklist-inner .checklist-single .item .internal.check {
  background-color: #709B27;
}