html:not(.js) .lp-filterable-list--show-js {
  display: none;
}
html.js .lp-filterable-list--hide-js {
  display: none !important;
}
html.js .lp-filterable-list--clickable-area {
  cursor: pointer;
}
/*
=========================================================
FILTERABLE LIST CSS
=========================================================
 * Innehåller styling för modulen innehållslista
 *
 * Copyright (C) Limepark AB.
=========================================================*/
/*
---------------------------------------------------------
VARIABLER
---------------------------------------------------------*/
.lp-filterable-list {
  --lp-filterable-list__border-color: var(--env-border-color);
  --lp-filterable-list__border-radius: var(--env-border-radius);
  --lp-filterable-list__box-grid: repeat(auto-fill, minmax(min(18em, 100%), 1fr));
  --lp-filterable-list__category--background: var(--env-element-primary-background-color);
  --lp-filterable-list__category--background-hover: var(--env-element-primary-background-color-dark);
  --lp-filterable-list__category--border-radius: var(--env-badge-border-radius);
  --lp-filterable-list__category--color: var(--env-element-primary-font-color);
  --lp-filterable-list__category--font-family: var(--env-badge-font-family);
  --lp-filterable-list__category--font-size: var(--env-badge-font-size);
  --lp-filterable-list__category--gap: var(--env-spacing-x-small);
  --lp-filterable-list__checkbox-icon: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2026%2026\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23fff\'%3E%3Cpath%20%20d%3D%22M19.689%203.445c-.12.06-.258.153-.307.206-.049.054-2.064%203.013-4.478%206.576a4684.822%204684.822%200%200%201-4.404%206.497c-.009.011-.946-.908-2.084-2.042C7%2013.269%206.287%2012.588%206.153%2012.52a1.156%201.156%200%200%200-.953%200c-.12.062-.524.426-1.053.951-.968.961-1.093%201.141-1.088%201.57.003.154.038.313.096.433.067.138%201.017%201.113%203.398%203.49%203.067%203.061%203.326%203.309%203.587%203.429.758.35%201.359.264%201.885-.269.193-.195%2010.708-15.653%2010.923-16.057.111-.208.11-.657-.002-.884a1.301%201.301%200%200%200-.218-.304c-.188-.186-2.046-1.431-2.227-1.492a1.115%201.115%200%200%200-.812.058%22%2F%3E%3C%2Fsvg%3E');
  --lp-filterable-list__date--font-size: var(--env-font-size-small);
  --lp-filterable-list__filter--margin: calc(var(--lp-filterable-list__margin) * 2);
  --lp-filterable-list__font-color: var(--env-font-color);
  --lp-filterable-list__font-family: var(--env-font-family);
  --lp-filterable-list__grid-gap: var(--env-spacing-medium);
  --lp-filterable-list__heading--font-size: var(--env-font-size-large);
  --lp-filterable-list__image--background: var(--env-block-primary-background-color);
  --lp-filterable-list__control--background: var(--env-form-input-background-color);
  --lp-filterable-list__control--border-color: var(--env-form-input-border-color);
  --lp-filterable-list__control--border-radius: var(--env-form-input-border-radius);
  --lp-filterable-list__control--font-family: var(--env-form-font-family);
  --lp-filterable-list__control--font-size: var(--env-font-size-small);
  --lp-filterable-list__control--input-color: var(--env-form-input-font-color);
  --lp-filterable-list__control--gap: var(--env-spacing-x-small);
  --lp-filterable-list__label--font-family: var(--env-form-label-font-family);
  --lp-filterable-list__label--font-size: var(--env-font-size-medium);
  --lp-filterable-list__label--font-weight: var(--env-form-label-font-weight);
  --lp-filterable-list__margin: var(--env-spacing-x-large);
  --lp-filterable-list__padding: var(--env-spacing-x-large);
  --lp-filterable-list__preamble--font-size: var(--env-font-size-medium);
  --lp-filterable-list__primary-color: var(--env-element-primary-background-color);
  --lp-filterable-list__reset--background: var(--env-block-primary-background-color);
  --lp-filterable-list__reset--color: var(--env-block-primary-font-color);
  --lp-filterable-list__reset--font-size: var(--env-font-size-medium);
  --lp-filterable-list__reset-button--background: var(--env-element-primary-background-color);
  --lp-filterable-list__reset-button--background-hover: var(--env-element-primary-background-color-dark);
  --lp-filterable-list__reset-button--border-radius: var(--env-button-border-radius);
  --lp-filterable-list__reset-button--color: var(--env-element-primary-font-color);
  --lp-filterable-list__reset-button--font-family: var(--env-button-font-family);
  --lp-filterable-list__reset-button--font-size: var(--env-font-size-medium);
  --lp-filterable-list__reset-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M39.486%206.979a1.5%201.5%200%200%200-1.047.46L24%2021.88%209.56%207.439a1.5%201.5%200%200%200-1.076-.455A1.5%201.5%200%200%200%207.44%209.561L21.88%2024%207.439%2038.44a1.5%201.5%200%201%200%202.122%202.12L24%2026.122l14.44%2014.44a1.5%201.5%200%201%200%202.12-2.122L26.122%2024l14.44-14.44a1.5%201.5%200%200%200-1.075-2.581z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  --lp-filterable-list__select-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M43.486%2011.979a1.5%201.5%200%200%200-1.047.46L24%2030.88%205.56%2012.439a1.5%201.5%200%200%200-1.076-.455%201.5%201.5%200%200%200-1.045%202.577l19.5%2019.5a1.5%201.5%200%200%200%202.122%200l19.5-19.5a1.5%201.5%200%200%200-1.075-2.582z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  --lp-filterable-list__transition: all 0.3s ease;
}
/*
---------------------------------------------------------
SÖK/FILTRERING
---------------------------------------------------------*/
.lp-filterable-list--include-filter-css {
  /* Generellt */
  /* Sökfält */
  /* Datumfält */
  /* Knapp */
  /* Kategorier */
  /* Kategorier - Select */
  /* Kategorier - Checkboxar & radio buttons */
  /* Filterregler */
  /* Inforuta */
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter {
  margin-bottom: var(--lp-filterable-list__filter--margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox']:focus-visible + label,
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio']:focus-visible + label,
.lp-filterable-list--include-filter-css input:focus-visible,
.lp-filterable-list--include-filter-css select:focus-visible,
.lp-filterable-list--include-filter-css button:focus-visible,
.lp-filterable-list--include-filter-css a:focus-visible {
  outline: 3px solid var(--lp-filterable-list__primary-color);
  outline-offset: 2px;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-text-search {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-date input {
  border-color: var(--lp-filterable-list__control--border-color);
  border-radius: var(--lp-filterable-list__control--border-radius);
  border-style: solid;
  border-width: 1px;
  color: var(--lp-filterable-list__control--input-color);
  font-family: var(--lp-filterable-list__control--font-family);
  font-size: var(--lp-filterable-list__control--font-size);
  padding: 0.45em 1em 0.45em;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-date {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-text-search input {
  background-color: var(--lp-filterable-list__control--background);
  border-color: var(--lp-filterable-list__control--border-color);
  border-radius: var(--lp-filterable-list__control--border-radius);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-family: var(--lp-filterable-list__control--font-family);
  font-size: var(--lp-filterable-list__control--font-size);
  max-width: 500px;
  padding: 0.8em 1em 0.9em;
  width: 100%;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter button {
  align-items: center;
  background-color: var(--env-element-primary-background-color);
  border: 1px solid;
  border-color: var(--env-element-primary-background-color);
  border-radius: calc(var(--env-button-border-radius) * 1);
  box-sizing: border-box;
  color: var(--env-element-primary-font-color);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--env-button-font-family);
  font-size: var(--env-font-size-medium);
  margin: 0;
  min-height: 2.75em;
  padding: 0 1.3125em;
  text-align: center;
  text-decoration: none;
  transition: var(--lp-filterable-list__transition);
  appearance: none;
  justify-content: center;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter button:hover,
.lp-filterable-list--include-filter-css .lp-filterable-list-filter button:focus,
.lp-filterable-list--include-filter-css .lp-filterable-list-filter button:active {
  background-color: var(--env-element-primary-background-color-dark);
  border-color: var(--env-element-primary-background-color-dark);
  color: var(--env-element-primary-font-color);
  text-decoration: underline;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter button[type='submit'] {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list__filter-selector-component {
  border: none;
  margin: 0;
  padding: 0;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-categories {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-categories > div:not(:last-child) {
  margin-bottom: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control-group__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lp-filterable-list__control--gap);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control-group__heading,
.lp-filterable-list--include-filter-css .lp-filterable-list-text-search__label label,
.lp-filterable-list--include-filter-css .lp-filterable-list-control-group__label,
.lp-filterable-list--include-filter-css .lp-filterable-list-date__label label {
  display: inline-block;
  font-family: var(--lp-filterable-list__label--font-family);
  font-size: var(--lp-filterable-list__label--font-size);
  font-weight: var(--lp-filterable-list__label--font-weight);
  line-height: 1.5;
  margin-bottom: 0.3em;
  padding: 0;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control,
.lp-filterable-list--include-filter-css .lp-filterable-list-text-search__label label {
  align-items: center;
  display: flex;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control label:hover {
  text-decoration: underline;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter select {
  background-color: var(--lp-filterable-list__control--background);
  background-image: var(--lp-filterable-list__select-icon);
  background-position: calc(100% - 0.8em) 55%;
  background-repeat: no-repeat;
  background-size: 0.8em auto;
  border-color: var(--lp-filterable-list__control--border-color);
  border-radius: var(--lp-filterable-list__control--border-radius);
  border-style: solid;
  border-width: 1px;
  font-family: var(--lp-filterable-list__control--font-family);
  font-size: var(--lp-filterable-list__control--font-size);
  line-height: 1.5;
  padding: 0.4em 2.2em 0.5em 0.8em;
  appearance: none;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox'],
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio'] {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox'] + label,
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio'] + label {
  background-color: var(--lp-filterable-list__control--background);
  border: 1px solid var(--lp-filterable-list__control--border-color);
  border-radius: var(--lp-filterable-list__control--border-radius);
  color: var(--lp-filterable-list__control--input-color);
  cursor: pointer;
  font-family: var(--lp-filterable-list__control--font-family);
  font-size: var(--lp-filterable-list__control--font-size);
  font-weight: normal;
  line-height: 1.5;
  padding: 0.4em 0.8em 0.5em 2.5em;
  position: relative;
  transition: var(--lp-filterable-list__transition);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox'] + label:before,
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio'] + label:before {
  background-color: var(--lp-filterable-list__control--background);
  border: 1px solid var(--lp-filterable-list__control--border-color);
  border-radius: 2px;
  content: '';
  height: 1.1em;
  left: 0.8em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.1em;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio'] + label:before {
  border-radius: 50%;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox']:checked + label:before {
  background-color: var(--lp-filterable-list__primary-color);
  background-image: var(--lp-filterable-list__checkbox-icon);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80% auto;
  border-color: var(--lp-filterable-list__primary-color);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio']:checked + label:before {
  background-color: var(--lp-filterable-list__primary-color);
  border-color: var(--lp-filterable-list__primary-color);
  box-shadow: inset 0 0 0 3px #fff;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox'] + label:after,
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio'] + label:after {
  background-color: var(--lp-filterable-list__primary-color);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: var(--lp-filterable-list__transition);
  z-index: -1;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='checkbox']:checked + label:after,
.lp-filterable-list--include-filter-css .lp-filterable-list-control input[type='radio']:checked + label:after {
  opacity: 0.1;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-rule-filters {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter-info {
  align-items: center;
  background-color: var(--lp-filterable-list__reset--background);
  border-radius: var(--lp-filterable-list__border-radius);
  color: var(--lp-filterable-list__reset--color);
  display: flex;
  font-size: var(--lp-filterable-list__reset--font-size);
  margin-bottom: var(--lp-filterable-list__margin);
  padding: calc(var(--lp-filterable-list__padding) / 2) var(--lp-filterable-list__padding);
  position: relative;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-between;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter-info__reset {
  align-items: center;
  background-color: var(--lp-filterable-list__reset-button--background);
  border: 1px solid;
  border-color: var(--lp-filterable-list__reset-button--background);
  border-radius: var(--lp-filterable-list__reset-button--border-radius);
  box-sizing: border-box;
  color: var(--lp-filterable-list__reset-button--color);
  display: inline-flex;
  font-family: var(--lp-filterable-list__reset-button--font-family);
  font-size: var(--lp-filterable-list__reset-button--font-size);
  min-height: 2.75em;
  padding: 0 1.3125em;
  text-align: center;
  text-decoration: none;
  transition: var(--lp-filterable-list__transition);
  justify-content: center;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter-info__reset:hover,
.lp-filterable-list--include-filter-css .lp-filterable-list-filter-info__reset:focus {
  background-color: var(--lp-filterable-list__reset-button--background-hover);
  border-color: var(--lp-filterable-list__reset-button--background-hover);
  color: var(--lp-filterable-list__reset-button--color);
  text-decoration: underline;
}
.lp-filterable-list--include-filter-css .lp-filterable-list-filter-info__reset:after {
  background-color: var(--lp-filterable-list__reset-button--color);
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -0.1em;
  margin-left: 0.4em;
  width: 1em;
  -webkit-mask-image: var(--lp-filterable-list__reset-icon);
  mask-image: var(--lp-filterable-list__reset-icon);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
/*
---------------------------------------------------------
LISTNING
---------------------------------------------------------*/
.lp-filterable-list--include-list-css {
  /* Generellt */
  /* Kategorier */
}
.lp-filterable-list--include-list-css .lp-filterable-list-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-gap: var(--lp-filterable-list__grid-gap);
  grid-template-columns: var(--lp-filterable-list__box-grid);
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-content {
  padding: var(--lp-filterable-list__padding);
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-date {
  display: block;
  font-size: var(--lp-filterable-list__date--font-size);
  margin-bottom: 0;
  margin-top: 0.5em;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item {
  border: 1px solid var(--lp-filterable-list__border-color);
  border-radius: var(--lp-filterable-list__border-radius);
  overflow: hidden;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-content__heading {
  font-size: var(--lp-filterable-list__heading--font-size);
  margin-bottom: 0;
  margin-top: 0;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-content__heading a {
  text-decoration: none;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a {
  text-decoration: underline;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-content__description {
  font-size: var(--lp-filterable-list__preamble--font-size);
  margin-bottom: 0;
  margin-top: 0.8em;
}
.lp-filterable-list--include-list-css .lp-filterable-list-image__wrapper {
  background-color: var(--lp-filterable-list__image--background);
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.lp-filterable-list--include-list-css .lp-filterable-list-image {
  height: 100%!important;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%!important;
  object-fit: cover;
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-categories {
  display: flex;
  margin-top: 0.8em;
  flex-wrap: wrap;
  gap: var(--lp-filterable-list__category--gap);
}
.lp-filterable-list--include-list-css .lp-filterable-list-item-category {
  background-color: var(--lp-filterable-list__category--background);
  border-radius: var(--lp-filterable-list__category--border-radius);
  color: var(--lp-filterable-list__category--color);
  font-family: var(--lp-filterable-list__category--font-family);
  font-size: var(--lp-filterable-list__category--font-size);
  padding: var(--env-spacing-xx-small) var(--env-spacing-x-small);
  text-decoration: none;
  transition: var(--lp-filterable-list__transition);
}
.lp-filterable-list--include-list-css a.lp-filterable-list-item-category:hover,
.lp-filterable-list--include-list-css a.lp-filterable-list-item-category:focus {
  background-color: var(--lp-filterable-list__category--background-hover);
  text-decoration: underline;
}
.lp-filterable-list--include-list-css span.lp-filterable-list-item-category {
  background-color: var(--env-ui-color-status-neutral);
  color: var(--env-ui-color-status-neutral-contrast);
}
/*
---------------------------------------------------------
MALLSPECIFIKA REGLER
---------------------------------------------------------*/
/* Puffvy */
.lp-filterable-list--template-cards .lp-filterable-list-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-gap: var(--lp-filterable-list__grid-gap);
  grid-template-columns: var(--lp-filterable-list__box-grid);
}
/* Listvy */
.lp-filterable-list--template-list .lp-filterable-list-list {
  display: grid;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-gap: var(--lp-filterable-list__grid-gap);
  grid-template-columns: 1fr;
}
.lp-filterable-list--template-list .lp-filterable-list-item {
  display: flex;
}
.lp-filterable-list--template-list .lp-filterable-list-image__wrapper {
  height: 100%;
  max-width: 15em;
  padding-bottom: 0;
  width: 33.33%;
  flex-shrink: 0;
}
/*
---------------------------------------------------------
PAGINERING
---------------------------------------------------------*/
.lp-filterable-list-pagination {
  margin-top: var(--lp-filterable-list__margin);
}
.lp-pagination__item--disabled {
  display: none;
}