/*
=========================================================
SEARCH CSS
=========================================================
 * Innehåller styling av modulen Sök och Sök Facetterad
 * som är modifierad med exempelvis SVG-ikon
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
SÖK + Sök facetterad
--------------------------------------------------------- */

/* Bakgrundsblock */

.lp-search > .sv-text-portlet,
.lp-search .sv-facetedsearch-portlet form,
.lp-search .lp-search-facets {
  background-color: var(--lp-color-brand);
  margin: 0;
  padding: var(--lp-spacing-large) 0;
  position: relative;
  z-index: 1;
}

.lp-search .sv-facetedsearch-portlet form {
  padding: 0;
}

.lp-search > .sv-text-portlet {
  padding-top: 0;
}

.lp-search:not(:has(.lp-search-facet)) .sv-facetedsearch-portlet form {
  padding-bottom: var(--lp-spacing-xx-large);
}

/* stylelint-disable */

.lp-search > .sv-text-portlet:after,
.lp-search .sv-facetedsearch-portlet form:after,
.lp-search .lp-search-facets:after {
  background-color: inherit;
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

/* Fix för horisontell scroll */
@supports (container-type: inline-size) {
  .lp-search > .sv-text-portlet:after,
.lp-search .sv-facetedsearch-portlet form:after,
.lp-search .lp-search-facets:after {
  left: calc(50% - 50cqw);
  width: 100cqw;
}
}

/* stylelint-enable */

.lp-search > .sv-text-portlet:after {
  top: calc(-1 * var(--lp-spacing-x-large));
}

.lp-search > .sv-text-portlet h1.heading {
  color: var(--lp-font-color--gold);
}

.lp-search .sv-facetedsearch-portlet form + div[id] {
  display: flex;
  flex-direction: column;
}

/* Nytt sökresultat */

.sv-facetedsearch-portlet .lp-search-result,
.lp-search .sv-facetedsearch-portlet form {
  width: 100%;
}

.lp-search-result__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Sortering + */

.lp-search-sort {
  align-items: center;
  display: flex;
  font-size: var(--lp-font-size-small);
}

p.lp-search-sort__name {
  margin-top: 0.4em;
}

.lp-search-sort__options {
  display: flex;
  list-style-type: none;
  margin: 0.4em 0 0;
  padding: 0;
}

.lp-search-sort__option {
  margin: 0 0 0 1rem;
}

.lp-search-sort__option a {
  color: var(--lp-color-brand-contrast);
  text-decoration: underline;
  transition: var(--lp-transition-default);

  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.lp-search-sort__option a:hover {
  text-underline-offset: 0.2em;
}

.lp-search-sort__option--selected {
  font-weight: 600;
}

/* Nollar marginal */

p.lp-search-sort__name,
.lp-search-details .lp-search-hit-count {
  margin-bottom: 0;
}

/* Nya facetter */

.lp-search .lp-search-facets {
  display: grid;
  margin-bottom: var(--lp-spacing-x-large);
  padding: var(--lp-spacing) 0 clamp(8rem, 9vw, 11rem);
  width: 100%;

  gap: var(--lp-spacing-small);
  grid-auto-rows: max-content;
  grid-template-columns: repeat(auto-fit,minmax(34rem, 1fr));
  order: -1;
}

.lp-search-facet .lp-expandable-content__toggler span {
  color: var(--lp-color-brand-contrast);
  font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-medium);
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;

  flex-grow: 1;
}

.lp-search-facet .lp-expandable-content__wrap .lp-search-facet__name {
  margin: 0;
}

.lp-search-facet .lp-expandable-content__wrap {
  margin-bottom: 0;
}

.lp-search-facet__items.lp-expandable-content__content {
  align-items: center;
  background-color: transparent;
  display: flex;
  margin: 0;

  flex-wrap: wrap;
  gap: 1rem;
}

.lp-search-facet .lp-expandable-content__wrap {
  background-color: transparent;
  border: 1px solid var(--lp-element-secondary--background);
}

.lp-search-facet .lp-expandable-content__toggler > .lp-toggler-icon {
  color: var(--lp-element-secondary--background);
  font-size: 1.4em;
  margin-left: 1rem;
  margin-top: -6px;
}

.lp-search-facet .lp-expandable-content__wrap .lp-expandable-content__toggler {
  padding-top: 1.3em;
}

.lp-search-facet .lp-expandable-content__wrap .lp-expandable-content__toggler:after {
  content: none;
}

/* Kan användas för att dölja alla facetter utom vald */

/* .lp-search-facet--has-selected .sv-search-facet-item {
  display: none;
}

.lp-search-facet--has-selected .sv-search-facet-item-selected {
  display: block;

  flex: 1 1 auto;
}

.lp-search-facet.lp-search-facet--has-selected .sv-search-facet-item-selected a {
  display: flex;

  justify-content: space-between;
} */

.lp-search-facet .lp-search-facet__items a {
  align-items: center;
  background-color: var(--lp-element-secondary--background);
  border: 1px solid var(--lp-element-secondary--background);
  border-radius: 3px;
  color: var(--lp-font-color);
  display: inline-flex;
  font-size: var(--lp-font-size-small);
  padding: 0.85em 1.3em 0.6em;
  text-decoration: none;
  transition: var(--lp-transition-default);
}

.lp-search-facet .lp-search-facet__items a:hover,
.lp-search-facet .lp-search-facet__items a:focus,
.lp-search-facet .lp-search-facet__item--selected a {
  background-color: var(--lp-element-secondary--background-dark);
  border-color: var(--lp-element-secondary--background-dark);
  color: var(--lp-element-secondary--contrast);
}
.lp-search-facet .lp-search-facet__items a:hover .lp-icon,
.lp-search-facet .lp-search-facet__items a:focus .lp-icon,
.lp-search-facet .lp-search-facet__item--selected a .lp-icon {
  color: var(--lp-element-secondary--contrast);
}

.lp-search-facet .lp-search-facet__items span {
  background-color: #ededed;
  color: var(--lp-font-color);
  display: inline-block;
  font-size: var(--lp-font-size-x-small);
  padding: 0.5rem 1rem;
}

.lp-search-facet__items.lp-expandable-content__content .lp-search-facet__item--selected a:after {
  background-color: var(--lp-font-color);
  content: '';
  height: 1.2em;
  margin: -5px 0 -0.1em 0.5em;
  width: 1.2em;

  -webkit-mask-image: var(--lp-icon-lp-close-circle);
  mask-image: var(--lp-icon-lp-close-circle);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

/* Sökformulär och knapp*/
.lp-search form > div {
  display: flex;
  flex-direction: row;
}

.lp-search input[type='search'] {
  background-color: var(--env-background-color);
  border: 1px solid var(--env-background-color);
  border-radius: 3px 0 0 3px;
  box-sizing: border-box;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  margin: 0; /* Fix för extra margin i Safari*/
  min-height: 6.4rem;
  outline: 0;
  padding: 1.3rem 2rem 1rem;
  width: 100%;

  -webkit-appearance: none;
}

.lp-search input[type='search']::-webkit-search-cancel-button {
  background: var(--lp-icon-lp-close-circle) no-repeat 50% 50%;
  background-size: contain;
  height: 1.2em;
  margin-right: -0.5rem;
  opacity: 0;
  transition: var(--lp-transition-default);
  width: 1.2em;

  -webkit-appearance: none;
  pointer-events: none;
}

.lp-search input[type='search']:focus::-webkit-search-cancel-button {
  cursor: pointer;
  opacity: 1;

  pointer-events: all;
}

.lp-search input[type='submit'],
.lp-search form button {
  background-color: var(--env-background-color);
  border: 1px solid var(--env-background-color);
  border-radius: 0 3px 3px 0;
  margin: 0 0 0 -1px;
  padding: 0 1.5rem;
  transition: var(--lp-transition-default);
}

.lp-search input[type='submit']:hover,
.lp-search form button:hover {
  background-color: var(--env-background-color);
}

.lp-search form button .lp-icon {
  color: var(--lp-font-color--blue);
  height: 1.4em;
  margin-top: 7px;
  transition: var(--lp-transition-default);
  width: 1.4em;
}

.lp-search form button:hover .lp-icon {
  transform: scale(1.1);
}

/* Sökresultat */
.lp-search .sv-search-result > li {
  border-bottom: 1px solid var(--lp-border-color);
  border-radius: var(--lp-border-radius);
  padding: var(--lp-spacing) 0 !important;
}

.lp-search .sv-search-result > li:first-child {
  padding-top: 0 !important;
}

.lp-search .sv-search-result li div:last-child span:last-child a:first-child {
  display: none;
}

.lp-search .sv-search-result li h2.subheading,
.lp-search .sv-search-result li span.subheading {
  font-size: var(--lp-font-size-medium);
  line-height: 1.2;
  margin: 0 1rem 0 0;
}

.lp-search .sv-search-result > li p,
.lp-search .sv-search-result > li h2 {
  max-width: 84rem;
}

/* .lp-search .sv-search-result li:nth-child(odd) .subheading,
.lp-search .sv-search-result li:nth-child(odd) .heading3,
.lp-search .sv-search-result li:nth-child(odd) .normal,
.lp-search .sv-search-result li:nth-child(odd) .small {
  color: var(--lp-block--contrast);
} */

.sv-search-result > li > div:first-child:has(.lp-search-result__item-image) {
  display: grid;

  grid-template-columns: auto max-content;
}

.sv-search-result > li > div > img {
  margin-right: 0.8rem;
}

.lp-search .sv-search-result a.subheading {
  font-size: var(--lp-font-size-medium);
  text-decoration: none;
  color: var(--lp-font-color);
}

.lp-search .sv-search-result a.subheading:hover,
.lp-search .sv-search-result a.subheading:focus {
  text-decoration: underline;
}

.lp-search .lp-search-result__item__info {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}


/* Döljer "föregående" och "nästa" i pagineringen när det inte är någon länk utan bara disabled-knappar */

.lp-search .pagination span.next.current,
.lp-search .pagination span.prev.current {
  display: none;
}

/* Nollställ filtrering */

div.lp-search .lp-search-details {
  align-items: baseline;
  background-color: var(--lp-element-secondary--background);
  border-radius: var(--lp-border-radius);
  box-sizing: border-box;
  display: flex;
  margin-bottom: var(--lp-spacing-x-large);
  padding: 1.9rem 2rem 1.5rem;
  width: 100%;

  flex-wrap: wrap;
  justify-content: space-between;
}

.lp-search-details p,
.lp-search-details .lp-search-sort__options,
.lp-search-details .lp-search-sort__options a {
  color: var(--lp-element-secondary--contrast);
  margin-top: 0;
}

.lp-search-details .lp-search-hit-count {
  margin-top: 0 !important;
}

p.lp-search__reset-filters {
  border-top: 1px solid rgba(0,0,0,0.1);
  display: flex;
  margin: 1.5rem 0 0;
  padding-top: 1.5rem;

  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  justify-content: space-between;
}

p.lp-search__reset-filters span:first-child {
  min-width: min(35rem, 100%);

  flex: 1 1 1px;
}

.lp-search__reset-filters a {
  color: var(--lp-element-secondary--contrast);
}

p.lp-search__reset-filters a:after {
  background-color: var(--lp-element-secondary--contrast);
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -0.2em;
  margin-left: 0.3em;
  width: 1em;

  -webkit-mask-image: var(--lp-icon-lp-close-circle);
  mask-image: var(--lp-icon-lp-close-circle);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

/* Taggar innehållstyp */

.lp-search .lp-content-type {
  background-color: transparent;
  border: 1px solid var(--lp-element-secondary--background);
  color: var(--lp-font-color);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
  margin-left: auto;
  padding: 0.35em 0.7em 0.4em;
}

/* Idrottare, tävling, idrott */

.lp-search .lp-search-result__item-content {
  display: flex;

  gap: var(--lp-spacing-small);
}

.lp-search .lp-search-result__heading,
.lp-search .sv-search-result > li > div.sv-notopmargin:has(> .subheading) {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.lp-search .lp-search-result__item-image {
  display: grid;

  aspect-ratio: 308 / 303;
}

.lp-search .lp-search-result__item-image img {
  max-width: 30rem;

  grid-area: 1 / 1 / 1 / 1;
  object-fit: cover;
}

.lp-search .lp-search-result__item-content-extra .lp-search-result__item-category {
  color: var(--lp-font-color--blue);
  display: block;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-search .lp-search-result__item-bold {
  font-weight: 600;
}

.lp-search .lp-search-result__item-content-extra {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.lp-search .lp-search-result__item-content-extra .lp-search-result__item-details .normal {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin: 0 !important;
}

.lp-search .lp-search-result__item-content-extra p.normal {
  margin-top: var(--lp-spacing) !important;
}

.lp-search .lp-search-result__item-content-extra > div p:last-child {
  margin-bottom: 0;
}

.lp-search .lp-search-result-image-medal {
  align-items: center;
  display: grid;
  margin-left: auto;
  padding: 1rem;

  align-self: end;
  gap: 1rem;
  grid-area: 1 / 1 / 1 / 1;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: end;
}

.lp-search [class*='lp-search-result-image-medal-'] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  min-width: 2.5rem;
  width: 100%;

  aspect-ratio: 1 / 1;
  justify-content: center;
}

.lp-search .lp-search-result-image-medal-gold {
  background-color: var(--lp-color-gold);
  color: var(--lp-color-gold--contrast);
}

.lp-search .lp-search-result-image-medal-silver {
  background-color: var(--lp-color-silver);
  color: var(--lp-color-silver--contrast);
}

.lp-search .lp-search-result-image-medal-bronze {
  background-color: var(--lp-color-bronze);
  color: var(--lp-color-bronze--contrast);
}

.lp-search [class*='lp-search-result-image-medal-'] p.normal {
  font-family: var(--lp-font-family--heading);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 1;
  margin: 0;
  margin-bottom: -0.2em;
}

.lp-search .lp-search-result__item-details {
  margin-top: auto;
}

.lp-search .lp-search-result__item-detail span:not(:last-child):after {
  content: ', ';
}

.lp-search .lp-search-result__item-date {
  display: flex;
  flex-direction: column;

  gap: 0.3em;
}

.lp-search .lp-search-result__item-date span {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
}

/*
---------------------------------------------------------
SÖK LISTNINGAR
--------------------------------------------------------- */

/* Filtrering */

.lp-search--list > .sv-text-portlet,
.lp-search--list .pagecontent > .sv-text-portlet,
.lp-search--list .lp-filters--container,
.lp-search--list .lp-search--message {
  background-color: var(--lp-color-brand);
  margin: 0;
  padding: var(--lp-spacing-x-large) 0;
  position: relative;
  z-index: 1;

  isolation: isolate;
}

.lp-search--list > .sv-text-portlet:has( + .sv-script-portlet .lp-search--message) {
  padding: 0;
}

.lp-search--list .pagecontent > .sv-text-portlet,
.lp-search--list .lp-search--message,
.lp-search--list:has(.lp-search--game-guide) > .sv-text-portlet,
.lp-search--list > .sv-text-portlet {
  padding: 0 0 var(--lp-spacing-large);
}

.lp-search--list .lp-search--message p {
  color: var(--lp-color-brand-contrast);
  margin: 0;
}

.lp-search--list .lp-filters--container {
  display: flex;
  flex-direction: row;
  margin-bottom: var(--lp-spacing-small);
  padding-top: 0;

  flex-wrap: wrap;
  gap: var(--lp-spacing);
}

.lp-search--athletes .lp-filters--container,
.lp-search--list .lp-filters--container-sports,
.lp-search--list .lp-filters--container-articles {
  flex-direction: column;

  flex-wrap: initial;
}

.lp-search--list .lp-filters--container .lp-filter--row:first-child,
.lp-search--list .lp-filters--top .lp-filters--container,
.lp-search--list .lp-filters-troop .lp-filters--container,
.lp-search--list .lp-filters--container.lp-filters--container-sports .lp-filter--row:last-child,
.lp-search--list .lp-filter--container-olympic-games,
.lp-search--list .lp-filters--container.lp-filters--container-articles .lp-filter--row.lp-filter--row-half {
  display: grid;

  gap: var(--lp-spacing);
  grid-template-columns: repeat(auto-fill,minmax(min(34rem,100%),1fr));
}

.lp-search--list .lp-filters--container.lp-filters--container-articles .lp-filter--row.lp-filter--row-half {
  grid-template-columns: repeat(auto-fill,minmax(min(48rem,100%),1fr));
}

.lp-search--list .lp-filters--container .lp-filter--row:last-child {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: var(--lp-spacing) var(--lp-spacing-large);
}

/* stylelint-disable */

.lp-search--list > .sv-text-portlet:after,
.lp-search--list .pagecontent > .sv-text-portlet:after,
.lp-search--list .lp-filters--container:after,
.lp-search--list .lp-search--message:after {
  background-color: inherit;
  bottom: 0;
  content: '';
  left: calc(50% - 50vw);
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

/* Fix för horisontell scroll */
@supports (container-type: inline-size) {
  .lp-search--list > .sv-text-portlet:after,
  .lp-search--list .pagecontent > .sv-text-portlet:after,
  .lp-search--list .lp-filters--container:after,
  .lp-search--list .lp-search--message:after {
    left: calc(50% - 50cqw);
    width: 100cqw;
  }
}

/* stylelint-enable */

.lp-search--list > .sv-text-portlet:after,
.lp-search--list .pagecontent > .sv-text-portlet:after {
  top: calc(-1 * var(--lp-spacing-x-large));
}

.lp-search--list > .sv-text-portlet .heading,
.lp-search--list .pagecontent > .sv-text-portlet .heading {
  color: var(--lp-font-color--gold);
  margin-bottom: 0;
}

.lp-search--list .lp-filters--container label,
.lp-search--list .lp-filters--container legend {
  color: var(--lp-color-brand-contrast);
  margin: 0 0 0.3em;
}

.lp-search--list .lp-filters--container .lp-filter--group,
.lp-search--list .lp-sorting .lp-filter--group {
  border: 0;
  margin: 0;
  padding: 0;
}

.lp-search--list .lp-filters--container .lp-filter {
  display: flex;
  flex-direction: column;
}

.lp-search--list .lp-filters--container .lp-filter select,
.lp-search--list .lp-filters--container .lp-filter input[type='search'],
.lp-search--list .lp-filters--container .lp-filter input[type='text'] {
  border: 1px solid var(--lp-color-silver);
  border-radius: 3px;
  box-sizing: border-box;
  font-size: var(--lp-font-size-small);
  height: 6.4rem;
  padding: 0.1em 1.3em 0;
  width: 100%;
}

.lp-search--list .lp-filters--container .lp-filter select {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23040727\'%3E%3Cpath%20%20clip-rule%3D%22evenodd%22%20d%3D%22M.251%205.994a.857.857%200%200%201%201.212%200L12%2016.53%2022.537%205.994a.857.857%200%201%201%201.212%201.212L13.214%2017.741a1.68%201.68%200%200%201-2.428%200L.251%207.206a.857.857%200%200%201%200-1.212z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right 1em top 50%;
  background-repeat: no-repeat;
  background-size: 0.9em auto;
  cursor: pointer;
  min-width: 14rem;
  padding-right: calc(1.3em + 1em);

  appearance: none;
  padding-top: 0;
}

.lp-search--list .lp-filters--container .lp-filter input[type='search'] {
  cursor: text;
}

.lp-search--list .lp-filters--container input[type='radio'],
.lp-search--list .lp-filters--container input[type='checkbox'],
.lp-search--list .lp-filter--sorting input[type='radio'] {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.lp-search--list .lp-filters--container .checkbox:has(input[type='checkbox']) {
  align-items: center;
  display: flex;
}

.lp-search--list .lp-filters--container input[type='checkbox'] + label {
  background-color: transparent;
  border: 1px solid var(--lp-element-secondary--background);
  border-radius: 3px;
  cursor: pointer;
  font-size: var(--lp-font-size-small);
  line-height: 1.5;
  margin-bottom: 0;
  padding: 1.1em 1.3em 0.85em 3.3em;
  position: relative;
}

.lp-search--list .lp-filters--container input[type='checkbox'] + label:before {
  background-color: var(--lp-body--background);
  border: 1px solid var(--lp-border-color);
  border-radius: 2px;
  content: '';
  height: 1.1em;
  left: 1.3em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.1em;
}

.lp-search--list .lp-filters--container input[type='checkbox']:checked + label:before {
  background-color: var(--lp-color-blue);
  background-image: 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');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80% auto;
  border-color: var(--lp-color-blue);
}

.lp-search--list .lp-filters--container input[type='radio'] + label,
.lp-search--list .lp-filter--sorting input[type='radio'] + label {
  background-color: var(--lp-element-secondary--background);
  border-radius: 3px;
  color: var(--lp-element-secondary--contrast);
  cursor: pointer;
  font-size: var(--lp-font-size-small);
  line-height: 1.5;
  margin-bottom: 0;
  padding: 1.1em 1.3em 0.85em;
  transition: all 0.5s ease;
}

.lp-search--list .lp-filters--container input[type='checkbox']:hover + label {
  text-decoration: underline;
}

.lp-search--list .lp-filters--container .lp-filter--checkboxes {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: 1rem;
}

.lp-search--list .lp-filters--container .lp-filter--checkboxes .checkbox {
  display: flex;
  flex-direction: column;
}

.lp-search--list .lp-filters--container .checkbox input[type='radio']:checked + label,
.lp-search--list .lp-filters--container input[type='radio']:hover + label {
  background-color: var(--lp-color-blue);
  color: var(--lp-color-blue--contrast);
}

.lp-search--list .lp-filter--search-layout {
  align-items: center;
  display: flex;
  margin-bottom: var(--lp-spacing-x-small);

  flex-wrap: wrap;
  gap: 1.5rem;
}

.lp-search--list .lp-filter--search-layout .lp-filter select {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23040727\'%3E%3Cpath%20%20clip-rule%3D%22evenodd%22%20d%3D%22M.251%205.994a.857.857%200%200%201%201.212%200L12%2016.53%2022.537%205.994a.857.857%200%201%201%201.212%201.212L13.214%2017.741a1.68%201.68%200%200%201-2.428%200L.251%207.206a.857.857%200%200%201%200-1.212z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right 0.6em top 50%;
  background-repeat: no-repeat;
  background-size: 0.8em auto;
  border: 1px solid var(--lp-color-silver);
  border-radius: 3px;
  box-sizing: border-box;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  min-height: 3.6rem;
  min-width: 6.7rem;
  padding: 0.05em 0.6em 0;
  padding-right: 1.8em;

  appearance: none;
  background-color: var(--lp-body--background);
}

.lp-search--list .lp-filter--search-layout .lp-filter .lp-filter--sort-select {
  padding-right: 2em;
}

.lp-search--list .lp-filter--search-layout .lp-filter label {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin-right: 1rem;
}

.lp-search--list .lp-filter--view-type {
  align-items: center;
  display: flex;

  gap: 1rem;
  justify-content: flex-end;
}

.lp-search--list .lp-filter--search-layout .lp-filter--number-of-hits {
  margin-bottom: 0;
  margin-right: auto;
  margin-top: 0;
}

.lp-search--list .lp-filter--view-grid label,
.lp-search--list .lp-filter--view-list label {
  background-color: var(--lp-element-secondary--background);
  border-radius: 3px;
  color: var(--lp-element-secondary--contrast);
  cursor: pointer;
  display: flex;
  padding: 0.35em 0.65em;
  transition: all 0.5s ease;
}

.lp-search--list .lp-filter--view-grid .lp-icon,
.lp-search--list .lp-filter--view-list .lp-icon {
  height: 1.1em;
  margin-left: -1px;
  width: 1.1em;
}

.lp-search--list .lp-filter--view-grid input[type='radio'],
.lp-search--list .lp-filter--view-list input[type='radio'] {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.lp-search--list .lp-filter--view-grid input[type='radio']:checked + label,
.lp-search--list .lp-filter--view-list input[type='radio']:checked + label,
.lp-search--list .lp-filter--view-grid input[type='radio']:hover + label,
.lp-search--list .lp-filter--view-list input[type='radio']:hover + label {
  background-color: var(--lp-color-blue);
  color: var(--lp-color-blue--contrast);
}

.lp-search--list input[type='submit'] {
  display: none;
}

/* Listning - kortvy */

.lp-search--list ul.lp-list {
  display: grid;
  margin: 0;
  padding: 0;

  gap: var(--lp-spacing);
  grid-template-columns: repeat(auto-fill,minmax(min(34rem,100%),1fr));
}

.lp-search--list ul.lp-list .lp-list-item {
  border: 1px solid var(--lp-border-color);
  list-style: none;
  transition: var(--lp-transition-default);
}

.lp-search--list ul.lp-list .lp-list-item:hover,
.lp-search--list ul.lp-list .lp-list-item:focus {
  box-shadow: 0 5px 35px 0 rgba(0, 0, 0, 0.2);
}

.lp-search--list ul.lp-list .lp-list-item:hover .lp-item-content h3 a,
.lp-search--list ul.lp-list .lp-list-item:focus .lp-item-content h3 a {
  text-decoration: none;
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image {
  height: auto;
  max-height: 40rem;
  position: relative;
  width: 100%;

  aspect-ratio: 67 / 78;
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image img {
  height: 100%;
  width: 100%;

  position: relative;
  object-fit: cover;
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image .lp-tag-tot {
  background-color: var(--lp-color-gold);
  padding: 0.5em;
  position: absolute;
  z-index: 1;
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image .lp-tag-tot p.normal {
  color: var(--lp-color-gold--contrast);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin: 0;
}

.lp-search--list ul.lp-list .lp-list-item .lp-item-content {
  padding: var(--lp-spacing-small);
}

.lp-search--list ul.lp-list .lp-list-item .lp-item-content h3 {
  margin: 0 0 0.4em 0;
}

.lp-search--list ul.lp-list .lp-list-item .lp-item-content h3 a {
  text-transform: uppercase;
}

.lp-search--list ul.lp-list .lp-list-item .lp-item-content .lp-item-content--sport,
.lp-search--list ul.lp-list .lp-list-item .lp-item-content--game {
  color: var(--lp-font-color--blue);
  font-family: var(--lp-font-family--heading);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 300;
  margin: 0;
}

.lp-search--list ul.lp-list .lp-image-meta {
  margin-bottom: 0.8em;
}

.lp-search--list ul.lp-list .lp-image-meta span {
  font-size: clamp(1.5rem, 1.6vw, 1.7rem);
}

.lp-search--list ul.lp-list .lp-item-content--game-info {
  display: flex;
}

.lp-search--list ul.lp-list .lp-item-content--sports {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: 0.33em;
}

.lp-search--list ul.lp-list .lp-item-content--sports h4.lp-item-content--sports {
  color: var(--lp-font-color--blue);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-weight: 400;
  margin: 0;
}

.lp-search--list ul.lp-list .lp-list-item--troop {
  position: relative;
}

.lp-search--list ul.lp-list .lp-list-item--troop .lp-item-content h3 {
  margin-bottom: 0.8em;
}

.lp-search--list ul.lp-list .lp-item-content--medals {
  display: grid;
  margin-left: auto;

  gap: 1rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.lp-search--list .lp-item-content--medals [class*='lp-tag-'] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  min-width: 2.5rem;
  width: 100%;

  aspect-ratio: 1 / 1;
  justify-content: center;
}

.lp-search--list .lp-tag-gold {
  background-color: var(--lp-color-gold);
  color: var(--lp-color-gold--contrast);
}

.lp-search--list .lp-tag-silver {
  background-color: var(--lp-color-silver);
  color: var(--lp-color-silver--contrast);
}

.lp-search--list .lp-tag-bronze {
  background-color: var(--lp-color-bronze);
  color: var(--lp-color-bronze--contrast);
}

.lp-search--list .lp-item-content--medals [class*='lp-tag-'] p.normal,
.lp-search--list table [class*='lp-tag-'] p.normal {
  font-family: var(--lp-font-family--heading);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  line-height: 1;
  margin: 0;
  margin-bottom: -0.2em;
}

.lp-search--list .lp-item-content--game-info:has(span:not(:empty)) {
  align-items: center;
  display: flex;
  margin-top: var(--lp-spacing-x-small);
}

.lp-search--list .lp-item-content--game-info > p.normal {
  font-size: clamp(1.5rem, 1.6vw, 1.7rem);
  margin: 0;
}

.lp-search--list .lp-item-content--game-info [class*='lp-tag-']:has(p.normal:empty),
.lp-search--list .lp-item-content--game-info .lp-item-content--participants:has(span:empty) {
  display: none;
}

.lp-search--list .lp-item-content--sports-wrapper {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: 0.5em;
  justify-content: space-between;
}

.lp-search--list ul.lp-list .lp-item-content--sports-wrapper .lp-item-content--medals {
  margin-left: initial;
}

.lp-search--list .lp-item-content--participants {
  align-items: center;
  display: flex;

  gap: var(--lp-spacing-x-small);
}

.lp-search--list .lp-item-content--participants p {
  align-items: center;
  display: flex;
  margin: 0;
  margin-bottom: -10px;

  gap: 0.3em;
}

.lp-search--list .lp-item-content--participants .lp-icon {
  height: 1.2em;
  margin-top: -6px;
  width: 1.2em;
}

/* Listning - listvy */

.lp-search--list .lp-table {
  border: 1px solid var(--lp-border-color);
  border-bottom: 0;
  width: 100%;
}

.lp-search--list .lp-table thead {
  background-color: #f8f8f8;
  position: sticky;
  top: 0;
  z-index: 1;
}

.lp-search--list .lp-table thead th {
  border-bottom: 1px solid var(--lp-border-color);
  padding: var(--lp-spacing-x-small);
  text-align: left;
}

.lp-search--list .lp-table thead th,
.lp-search--list .lp-table thead th a {
  font-size: clamp(1.5rem, 1.6vw, 1.7rem);
}

.lp-search--list .lp-table thead th a {
  text-decoration: none;
}

.lp-search--list .lp-table thead th a:hover {
  text-decoration: underline;
}

.lp-search--list .lp-table td {
  border-bottom: 1px solid var(--lp-border-color);
  padding: var(--lp-spacing-x-small);
}

.lp-search--list .lp-table .lp-clickable-area {
  transition: var(--lp-transition-default);
}

.lp-search--list .lp-table .lp-clickable-area:hover,
.lp-search--list .lp-table .lp-clickable-area:focus {
  background-color: rgba(192, 213, 255, 0.1);
}

.lp-search--list .lp-table td.lp-table-name a {
  color: var(--lp-font-color);
  display: inline-block;
  font-family: var(--lp-font-family--heading);
  font-size: var(--lp-font-size-medium);
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}

.lp-search--list .lp-table td.lp-table-name a:has(+ .lp-table-info) {
  margin-bottom: 0.3em;
}

.lp-search--list .lp-table td.lp-table-name:not(:has(.lp-table-info)) {
  padding-bottom: 1rem;
}

.lp-search--list .lp-table-sports td.lp-table-name a {
  margin-bottom: 0;
}

.lp-search--list .lp-table td.lp-table-name.lp-table-name-olympic-games {
  color: var(--lp-font-color--blue);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-search--list .lp-table .lp-table-info {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: 0.33em;
}

.lp-search--list .lp-table .lp-table-sport {
  color: var(--lp-font-color--blue);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin: 0;
  font-family: var(--lp-font-family--heading);
  font-weight: 300;
}

.lp-search--list .lp-table .lp-table-tag-tot {
  border: 1px solid var(--lp-color-gold);
  margin-right: 1.5rem;
  padding: 0.3em 0.3em 0.2em;
}

.lp-search--list .lp-table .lp-table-tag-tot p.normal {
  color: var(--lp-color-gold--contrast);
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  margin: 0;
}

.lp-search--list .lp-table [class*='lp-tag-']:has(:not(p:empty)){
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  max-width: 2.5rem;
  min-width: 2.5rem;
  width: 100%;

  aspect-ratio: 1 / 1;
  justify-content: center;
}

.lp-search--list .lp-table .lp-item-content--medals {
  display: flex;
  margin-left: auto;

  gap: 1rem;
}

.lp-search--list .lp-table .lp-table-games span,
.lp-search--list .lp-table .lp-table-city span {
  font-size: clamp(1.5rem, 1.6vw, 1.7rem);
}

.lp-search--list tbody .lp-table-days-left {
  border: 1px solid var(--lp-element-secondary--background);
  color: var(--lp-element-secondary--contrast);
  display: inline-block;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  left: 0;
  margin: 0;
  padding: 0.5em 0.5em 0.3em;
  /* position: absolute; */
  top: 0;
  z-index: 1;
}

/* Scrollbar tabell */

.lp-search--list .lp-table-wrapper {
  overflow-x: auto;
}

/* Paginering */

.lp-search--list .lp-pagination {
  align-items: baseline;
  display: flex;
  list-style: none;
  margin: 0;
  margin-top: var(--lp-spacing);
  padding: 0;

  flex-wrap: wrap;
  gap: 1rem;
}

.lp-search--list .lp-pagination li {
  display: flex;
}

.lp-search--list .lp-pagination li:has(.lp-ellipsis) {
  padding: 0.55em 1em 0.4em;
}

.lp-search--list .lp-pagination li:has(span.lp-prev),
.lp-search--list .lp-pagination li:has(span.lp-next) {
  display: none;
}

.lp-search--list .lp-pagination li a {
  background-color: var(--lp-element-primary--contrast);
  border: 1px solid var(--lp-element-secondary--background);
  color: var(--lp-element-primary--background);
  font-size: var(--lp-font-size-small);
  line-height: 1.5;
  padding: 0.55em 1em 0.4em;
  text-decoration: none;
  transition: var(--lp-transition-default);
}

.lp-search--list .lp-pagination li a.lp-active {
  background-color: var(--lp-element-primary--background);
  border-color: var(--lp-element-primary--background);
  color: var(--lp-element-primary--contrast);
}

.lp-search--list .lp-pagination li a:hover,
.lp-search--list .lp-pagination li a:focus {
  background-color: var(--lp-element-primary--background);
  border-color: var(--lp-element-primary--background);
  color: var(--lp-element-primary--contrast);
}

/* Olympiska spel */

.lp-search--list .lp-filter-time .lp-filter--group {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: 1rem;
}

.lp-search--list .lp-filters--container.lp-filter--container-olympic-games .lp-filter--row:nth-child(2) {
  display: grid;

  grid-template-columns: repeat(auto-fill,minmax(min(34rem,100%),1fr));
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image.lp-list-image--olympic-games {
  align-items: center;
  display: flex;
  max-height: 33rem;
  position: relative;

  justify-content: center;
}

.lp-search--list ul.lp-list .lp-list-item .lp-list-image.lp-list-image--olympic-games img {
  max-width: 20rem;

  object-fit: contain;
}

.lp-search--list .lp-list-item .lp-item-content--days-left {
  background-color: var(--lp-element-secondary--background);
  color: var(--lp-element-secondary--contrast);
  display: inline-block;
  font-size: clamp(1.4rem, 1.5vw, 1.6rem);
  left: 0;
  margin: 0;
  padding: 0.5em 0.5em 0.3em;
  position: absolute;
  top: 0;
  z-index: 1;
}

.lp-search--list .lp-item-content--olympic-games {
  border-top: 1px solid var(--lp-border-color);
}

/* Artiklar och pressmeddelanden */

.lp-search--list .lp-filter-time--separator {
  color: var(--lp-color-brand-contrast);
}

.lp-search--list .lp-filter--row .lp-filter-time .picker[aria-hidden='true'] {
  display: none;
}

.lp-search--list .lp-filters--container-articles .lp-filter.lp-filter-time .lp-filter--group {
  position: relative;
}

.lp-search--list .lp-filters--container-articles .lp-filter.lp-filter-time input.picker__input {
  flex: 1 1 1px;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker {
  background-color: var(--lp-body--background);
  border-radius: 3px;
  box-sizing: border-box;
  padding: var(--lp-spacing-small);
  position: absolute;
  top: 8rem;
  width: 100%;
  z-index: 1;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker table {
  margin-bottom: var(--lp-spacing-xx-small);
  width: 100%;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker table tbody td {
  text-align: center;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker__header {
  align-items: center;
  display: flex;
  margin-bottom: var(--lp-spacing-xx-small);
  position: relative;

  gap: 0.33em;
  justify-content: center;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev,
.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next {
  left: 0;
  padding: 0.95em 1.3em 0.85em;
  position: absolute;
  top: 0;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev:hover,
.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next:hover {
  cursor: pointer;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev:before,
.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next:after {
  background-color: var(--lp-font-color);
  content: '';
  height: 1em;
  left: 0;
  position: absolute;
  top: 0;
  transition: var(--lp-transition-default);
  width: 1em;

  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2028\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M16.59%207.371c-.216.088-.373.393-.324.629.023.11.642.757%202.673%202.792l2.643%202.648h-8.353c-8.295%200-8.353.001-8.507.095a.644.644%200%200%200-.224.261.545.545%200%200%200%20.211.658l.158.106h16.715l-2.671%202.673-2.671%202.672v.215c0%20.252.123.438.355.535.342.143.208.26%203.798-3.324l3.337-3.33-3.267-3.267c-1.796-1.797-3.333-3.299-3.413-3.338a.553.553%200%200%200-.46-.025%22%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2028\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M16.59%207.371c-.216.088-.373.393-.324.629.023.11.642.757%202.673%202.792l2.643%202.648h-8.353c-8.295%200-8.353.001-8.507.095a.644.644%200%200%200-.224.261.545.545%200%200%200%20.211.658l.158.106h16.715l-2.671%202.673-2.671%202.672v.215c0%20.252.123.438.355.535.342.143.208.26%203.798-3.324l3.337-3.33-3.267-3.267c-1.796-1.797-3.333-3.299-3.413-3.338a.553.553%200%200%200-.46-.025%22%2F%3E%3C%2Fsvg%3E');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev:before {
  transform: rotate(180deg);
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev:hover:before,
.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next:hover:after {
  transform: scale(1.2);
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--prev:hover:before {
  transform: rotate(180deg) scale(1.2);
}

.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next:after,
.lp-search--list .lp-filter--row .lp-filter-time .picker .picker__header .picker__nav--next {
  left: initial;
  right: 0;
}

.lp-search--list .lp-filter-time .picker .picker__day--outfocus {
  color: #767676;
}

.lp-search--list .lp-filter-time .picker .picker__weekday,
.lp-search--list .lp-filter-time .picker .picker__day {
  font-size: var(--lp-font-size-x-small);
}

.lp-search--list .lp-filter-time .picker .picker__day {
  font-weight: 400;
  padding: 0.2em;
  transition: font-weight 0.2s ease-in;
}

.lp-search--list .lp-filter-time .picker .picker__day:hover {
  cursor: pointer;
  font-weight: 600;
}

.lp-search--list .lp-filter-time .picker .picker__footer {
  display: grid;

  gap: 1rem;
  grid-template-columns: repeat(auto-fit,minmax(10rem, 1fr));
}

.lp-search--list .lp-filter-time .picker .picker__footer button {
  background-color: var(--lp-element-secondary--background);
  border: 0;
  border-radius: 3px;
  color: var(--lp-element-secondary--contrast);
  cursor: pointer;
  font-size: var(--lp-font-size-small);
  margin-bottom: 0;
  padding: 0.8em 1.3em 0.6em;
  transition: all 0.5s ease;
}

.lp-search--list .lp-filter-time .picker .picker__footer button:hover {
  background-color: var(--lp-color-blue);
  color: var(--lp-color-blue--contrast);
}

.lp-search--list .lp-article-list .lp-list-item {
  display: flex;
  flex-direction: column;
}

.lp-search--list .lp-article-list .lp-list-item .lp-item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.lp-search--list .lp-article-list .lp-list-item .lp-item-content .lp-tags {
  margin-top: auto;
}

.lp-search--list .lp-article-list .lp-list-item .lp-item-content p.normal {
  margin-top: 0;
}

.lp-search--list .lp-sorting .lp-filter--group .lp-filter--sorting {
  display: flex;
  gap: 1rem;
}

.lp-search--list .lp-sorting--wrapper {
  align-items: baseline;
  gap: 0 var(--lp-spacing-small);
  background-color: var(--lp-element-secondary--background);
  border-radius: var(--lp-border-radius);
  box-sizing: border-box;
  display: flex;
  margin-bottom: var(--lp-spacing-x-small);
  padding: 1.9rem 2rem 1.5rem;
  width: 100%;

  flex-wrap: wrap;
  justify-content: space-between;
}

.lp-search--list .lp-sorting--wrapper .lp-filter-delete {
  margin-left: auto;
}

.lp-search--list .lp-sorting--wrapper .lp-filter-delete:after {
  background-color: var(--lp-element-secondary--contrast);
  content: '';
  display: inline-block;
  height: 1em;
  margin-bottom: -0.2em;
  margin-left: 0.3em;
  width: 1em;

  -webkit-mask-image: var(--lp-icon-lp-close-circle);
  mask-image: var(--lp-icon-lp-close-circle);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.lp-search--list .lp-sorting--wrapper .lp-filter--number-of-hits {
  margin: 0;
}

.lp-search--list .lp-sorting--wrapper .lp-important {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  margin: 1.5rem 0 0;
  padding-top: 1.5rem;

  flex-basis: 100%;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  justify-content: space-between;
}

.lp-search--list .lp-sorting--wrapper .lp-important p.normal {
  display: flex;
  margin: 0;
  min-width: min(35rem, 100%);

  flex: 1 1 1px;
  flex-wrap: wrap;
  gap: 0.33em;
}

.lp-search--list .lp-filter--sorting input[type='radio'] + label {
  /* padding: 0.95em 0.33em 0.85em; */
  padding: 0;
  text-decoration: underline;
  transition: var(--lp-transition-default);

  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}

.lp-search--list .lp-filter--sorting input[type='radio'] + label:hover {
  text-underline-offset: 0.25em;
}

.lp-search--list .lp-filter--sorting input[type='radio']:checked + label {
  font-weight: 600;
  text-decoration: none;
}

.lp-search--list .lp-filter--sorting .lp-filter--group-name {
  padding: 0;
}

/* Meddelande */

.lp-search--list .lp-message {
  align-items: center;
  background-color: var(--lp-element-secondary--background);
  box-sizing: border-box;
  margin-bottom: var(--lp-spacing-x-small);
  padding: 2rem 2rem 1.7rem;
  text-align: center;
  width: 100%;
}

/*
---------------------------------------------------------
OS-GUIDEN
--------------------------------------------------------- */

.lp-search--game-guide .lp-filters--container .lp-filter {
  min-width: min(30rem, 100%);

  flex: 1 1 1px;
}

.lp-search--list .lp-search--game-guide .lp-filters--container {
  margin-bottom: var(--lp-spacing-x-large);
}