.lp-timeline {
  --lp-filterable-list__font-family: var(--env-font-family);
  --lp-filterable-list__link-text-decoration: var(--env-link-text-decoration);
  --lp-filterable-list__link-hover-text-decoration: var(--env-link-hover-text-decoration);
  --lp-filterable-list__heading-font-family: var(--env-ui-text-heading-font-family);
  --lp-filterable-list__heading-font-weight: var(--env-ui-text-heading-font-weight);
  --lp-filterable-list__heading-text-transform: var(--env-ui-text-heading-text-transform);
  --lp-filterable-list__border-radius: var(--env-border-radius);
  --lp-filterable-list__image-size: 140px;
  --lp-filterable-list__image-size--small: calc(var(--lp-filterable-list__image-size) * 0.8);
  --lp-filterable-list__max-width: 800px;
  --lp-filterable-list__spacing: 2em;
  --lp-filterable-list__spacing--large: calc(var(--lp-filterable-list__spacing) * 2);
  --lp-filterable-list__spacing--small: calc(var(--lp-filterable-list__spacing) * 0.5);
}
.lp-timeline--scheme-block-colors {
  --lp-filterable-list__line-color: var(--env-element-background-color);
  --lp-filterable-list__block-color: var(--env-block-background-color);
  --lp-filterable-list__text-color: var(--env-block-font-color);
  --lp-filterable-list__link-color: var(--env-block-link-font-color);
  --lp-filterable-list__link-hover-color: var(--env-block-link-hover-font-color);
}
.lp-timeline--scheme-brand-colors {
  --lp-filterable-list__line-color: var(--env-ui-color-brand-10);
  --lp-filterable-list__block-color: var(--env-ui-color-brand-15);
  --lp-filterable-list__text-color: var(--env-ui-color-brand-15-contrast);
  --lp-filterable-list__link-color: var(--env-ui-color-brand-15-contrast);
  --lp-filterable-list__link-hover-color: var(--env-ui-color-brand-15-contrast);
}

.lp-timeline--default-css {
  margin: var(--lp-filterable-list__spacing--large) 0;
  position: relative;
  isolation: isolate;
  /* Item */
  /* Content */
  /* Text */
  /* Bilder */
  /* Bild */
  /* Custom fields */
  /* Border och prick */
  /* Label */
  /*--- Typ: Lista ---*/
  /*--- Typ: Sektion ---*/
}
.lp-timeline--default-css * {
  font-family: var(--lp-filterable-list__font-family);
  color: var(--lp-filterable-list__text-color);
}
.lp-timeline--default-css .lp-timeline-items {
  max-width: var(--lp-filterable-list__max-width);
}
.lp-timeline--default-css .lp-timeline-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: block;
  height: var(--lp-filterable-list__image-size);
  width: var(--lp-filterable-list__image-size);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lp-timeline--default-css a {
  color: var(--lp-filterable-list__link-color);
  -webkit-text-decoration: var(--lp-filterable-list__link-text-decoration);
          text-decoration: var(--lp-filterable-list__link-text-decoration);
}
.lp-timeline--default-css a:hover {
  color: var(--lp-filterable-list__link-hover-color);
  -webkit-text-decoration: var(--lp-filterable-list__link-hover-text-decoration);
          text-decoration: var(--lp-filterable-list__link-hover-text-decoration);
}
.lp-timeline--default-css .lp-timeline-item {
  margin-bottom: var(--lp-filterable-list__spacing);
  position: relative;
}
.lp-timeline--default-css .lp-timeline-item:first-child {
  margin-top: var(--lp-filterable-list__spacing);
}
.lp-timeline--default-css .lp-timeline-content {
  background-color: var(--lp-filterable-list__block-color);
  border-radius: var(--lp-filterable-list__border-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--lp-filterable-list__spacing);
}
.lp-timeline--default-css .lp-timeline-content__link {
  display: inline-block;
  margin-top: 1em;
}
.lp-timeline--default-css .lp-timeline-item--no-image:not(.lp-timeline-item--type-section) .lp-timeline-content {
  margin-left: 160px;
}
.lp-timeline--default-css .lp-timeline-item--image:not(.lp-timeline-item--type-section) .lp-timeline-content {
  margin-left: calc(160px - var(--lp-filterable-list__image-size));
}
.lp-timeline--default-css .lp-timeline-content__heading {
  font-family: var(--lp-filterable-list__heading-font-family);
  font-size: 1.2em;
  font-weight: var(--lp-filterable-list__heading-font-weight);
  margin-bottom: 0.5em;
  margin-top: 0;
  text-transform: var(--lp-filterable-list__heading-text-transform);
}
.lp-timeline--default-css .lp-timeline-content__text {
  margin-bottom: 0;
  margin-top: 0;
}
.lp-timeline--default-css .lp-timeline-item--image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp-timeline--default-css .lp-timeline-content__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  height: var(--lp-filterable-list__image-size);
  width: var(--lp-filterable-list__image-size);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lp-timeline--default-css .lp-timeline-custom-field {
  margin-top: var(--lp-filterable-list__spacing--small);
}
.lp-timeline--default-css .lp-timeline-custom-field__name {
  font-weight: bold;
}
.lp-timeline--default-css .lp-timeline-line__border {
  background-color: var(--lp-filterable-list__line-color);
  bottom: calc(-1 * var(--lp-filterable-list__spacing));
  display: block;
  left: 67px;
  position: absolute;
  top: 0;
  width: 6px;
  z-index: -1;
}
.lp-timeline--default-css .lp-timeline-item:first-child .lp-timeline-line__border {
  top: calc(-1 * var(--lp-filterable-list__spacing));
}
.lp-timeline--default-css .lp-timeline-line__dot {
  background-color: var(--lp-filterable-list__block-color);
  border-radius: 50%;
  height: 30px;
  left: 55px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
}
.lp-timeline--default-css .lp-timeline-item:first-child .lp-timeline-line__border:before {
  background: inherit;
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;
  left: -7px;
  position: absolute;
  top: -3px;
  width: 20px;
}
.lp-timeline--default-css .lp-timeline-item:last-child .lp-timeline-line__border:after {
  background: inherit;
  border-radius: 50%;
  bottom: -3px;
  content: '';
  display: block;
  height: 20px;
  left: -7px;
  position: absolute;
  width: 20px;
}
.lp-timeline--default-css .lp-timeline-label__wrapper {
  margin-left: 10px;
}
.lp-timeline--default-css .lp-timeline-label {
  background: var(--lp-filterable-list__block-color);
  border-radius: var(--lp-filterable-list__border-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 0.9em;
  padding: 0.5em 1em;
  text-align: center;
  width: 120px;
}
.lp-timeline--default-css .lp-timeline-content__label {
  font-size: 1em;
  margin-bottom: 1em;
}
.lp-timeline--default-css .lp-timeline-item--type-list ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: var(--lp-filterable-list__spacing--small);
  padding: 0;
}
.lp-timeline--default-css .lp-timeline-item--type-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--lp-filterable-list__spacing);
}
.lp-timeline--default-css .lp-timeline-item--type-list li:last-child {
  margin-bottom: 0;
}
.lp-timeline--default-css .lp-timeline-item--type-list .lp-timeline-content__image {
  height: var(--lp-filterable-list__image-size--small);
  margin-right: var(--lp-filterable-list__spacing--small);
  width: var(--lp-filterable-list__image-size--small);
}
.lp-timeline--default-css .lp-timeline-item--type-section .lp-timeline-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  width: 100%;
}
.lp-timeline--default-css .lp-timeline-item--type-section .lp-timeline-content .lp-timeline-content__text {
  text-align: center;
}
.lp-timeline--default-css .lp-timeline-item--type-section .lp-timeline-content__image {
  margin-bottom: var(--lp-filterable-list__spacing--small);
}
.lp-timeline--default-css .lp-timeline-item--type-section .lp-timeline-content__heading {
  font-size: 1.5em;
  text-align: center;
}