/*
=========================================================
LP MODULES CSS
=========================================================
 * Innehåller åsidosättningar av Limepark-moduler
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
STATISTIK FÖR PRENUMERATIONSLÖSNINGEN
---------------------------------------------------------*/

body .lp-app-subscription-stats {
  --report-type-default-background-color: var(--table-background-color);
  --report-type-default-structure-line-color: #9e9684;
  --table-background-color: #fffbf5;
  --table-body-row-border-color: #e4dbc7;
}


/*
---------------------------------------------------------
POPUP-RUTA
---------------------------------------------------------*/

body .lp-app-popup__popup {
  --button-background-color: var(--modal-background-color);
  --button-border-color: var(--button-text-color);
  --button-border-width: 1px;
  --button-hover-background-color: #ffeeb2;
  --button-hover-border-color: var(--button-border-color);
  --button-link-background-color: #fdc800;
  --button-link-border-color: var(--button-link-background-color);
  --button-link-hover-background-color: #ffeeb2;
  --button-link-hover-border-color: var(--button-link-hover-background-color);
  --button-text-color: #222;
  --button-text-weight: bold;
  --modal-footer-background-color: #f5f4f1;
}

/*
---------------------------------------------------------
DIAGRAM
---------------------------------------------------------*/

body .sv-limepark-webapp-diagram .highcharts-color-1 .highcharts-data-label-color-1 text {
  fill: #333;
}

/*
---------------------------------------------------------
PRENUMERATION
---------------------------------------------------------*/

.limepark-subscription3-queue-manager__default {
  z-index: 9999;
}

.limepark-edit-subscription3__status-form__fieldset label {
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--env-font-size-medium);
  font-weight: 500;

  gap: 0.4em;
  justify-content: flex-start;
}

.limepark-edit-subscription3__status-form__fieldset label:not(:last-of-type) {
  margin-right: var(--env-spacing-small);
}

.limepark-edit-subscription3__status-form__fieldset input {
  background-color: #fff;
  border: var(--input-border);
  border-radius: 50%;
  color: currentcolor;
  cursor: pointer;
  display: inline-grid;
  font: inherit;
  height: 1.375em;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.2s ease-in-out;
  vertical-align: middle;
  width: 1.375em;

  appearance: none;
  flex-shrink: 0;
  place-content: center;
}

.limepark-edit-subscription3__status-form__fieldset input:before {
  background-color: var(--env-element-primary-background-color);
  border-radius: 50%;
  box-shadow: inset 1em 1em var(--env-element-primary-background-color);
  content: '';
  height: 0.75em;
  transform: scale(0);
  width: 0.75em;
}

.limepark-edit-subscription3__status-form__fieldset input:checked:before {
  transform: scale(1);
}

/* Justering av textstorlekar i inputfält */

.sv-limepark-delete-subscription3 input[type=text],
.sv-limepark-delete-subscription3 input[type=email],
.sv-limepark-delete-subscription3 input[type=url],
.sv-limepark-delete-subscription3 input[type=number],
.sv-limepark-delete-subscription3 textarea {
  color: #555;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 1rem 1.5rem;
}


.sv-limepark-edit-subscription3 input[type=text],
.sv-limepark-edit-subscription3 input[type=email],
.sv-limepark-edit-subscription3 input[type=url],
.sv-limepark-edit-subscription3 input[type=number],
.sv-limepark-edit-subscription3 textarea {
  color: #555;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 1rem 1.5rem;
}

.sv-limepark-create-subscription3 input[type=text],
.sv-limepark-create-subscription3 input[type=email],
.sv-limepark-create-subscription3 input[type=url],
.sv-limepark-create-subscription3 input[type=number],
.sv-limepark-create-subscription3 textarea {
  color: #555;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 1rem 1.5rem;
}


/*
---------------------------------------------------------
INKOMSTKALKYLATOR
---------------------------------------------------------*/

.lp-income-calculator form {
  max-width: 50rem;
}

.lp-income-calculator .env-form-element__label {
  font-weight: 700;
}

.lp-income-calculator .env-button--primary {
  /* background: rgba(253, 200, 0, 1); */
  /* border: 1px solid rgba(253, 200, 0, 1);*/
  border-radius: 4px;
  /*color: #222;*/
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 2rem 0 4rem;
  max-width: 50rem;
  min-height: 4.8rem;
  padding: 1rem 3rem;
}

.lp-income-calculator .env-button--primary > .lp-icon {
  color: var(--lp-color-1-contrast);
  font-size: 4.8rem;
  margin-right: 2rem;
}

/*
.lp-income-calculator .env-button--primary:hover {
  background-color: #ffeeb2;
  border-color: #ffeeb2;
  color: #222;
}*/


/* Resultat */

.lp-income-calculator-results {
  display: grid;

  grid-gap: 3rem;
  grid-template-columns: repeat(auto-fill,minmax(34rem,1fr));
}

.lp-income-calculator-calculation {
  display: flex;
  flex-direction: column;
}

.lp-income-calculator-content {
  background-color: var(--lp-color-4);
  border-left: 5px solid var(--lp-color-brand);
  padding: 3rem;

  flex: 1 1 auto;
}

.lp-income-calculator-heading {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
}

.lp-income-calculator-content .lp-income-calculator-text:first-child {
  margin-top: 0;
}

.lp-income-calculator-heading,
.lp-income-calculator-text,
.lp-income-calculator-total-income,
.lp-income-calculator-monthly-income {
  text-align: center;
}

.lp-income-calculator-total-income,
.lp-income-calculator-monthly-income {
  margin: 1rem 0;
}

.lp-income-calculator-total-income {
  font-family: georgia, times, 'times new roman', serif;
  font-size: 4.2rem;
  line-height: 1.25;
}

.lp-income-calculator-total-income + .lp-income-calculator-text {
  margin-bottom: 3rem;
}

/* Löneskillnad ökad/minskad arbetstid */

.lp-income-calculator-salary-difference .lp-income-calculator-text:first-child {
  margin-top: 0;
}

.lp-income-calculator-monthly-income {
  font-size: 1.8rem;
  font-weight: 700;
}

.lp-income-calculator-monthly-income + .lp-income-calculator-text {
  margin: 0;
}


/*
---------------------------------------------------------
FILTRERBAR LISTNING
---------------------------------------------------------*/

body .lp-filterable-list {
  --lp-filterable-list__box-grid: repeat(auto-fill, minmax(30rem, 1fr));
  --lp-filterable-list__grid-gap: clamp(2rem, 2vw, 3rem);
  --lp-filterable-list__padding: var(--env-spacing-large);
}

.lp-filterable-list .lp-filterable-list-filter {
  background-color: var(--lp-background-color-section);
  border-bottom: 0;
  margin-bottom: 3rem;
  padding: 2rem;

  --lp-filterable-list__border-color: rgba(0,0,0,0.418);
}

.lp-filterable-list .lp-filterable-list-filter form > div:first-child {
  margin-top: 0;
}

.lp-filterable-list .lp-filterable-list-filter-info {
  margin-bottom: var(--lp-filterable-list__margin);
  margin-top: var(--lp-filterable-list__margin);
}

body .lp-filterable-list--template-list .lp-filterable-list-list {
  grid-gap: 0;
  grid-template-columns: 1fr;
}

body .lp-filterable-list-item-content__heading {
  font-size: 2.4rem;
}

body .lp-filterable-list__filter-status-component {
  background-color: var(--lp-color-5);
}

body .lp-filterable-list__filter-status-component,
body .lp-filterable-list-filter-info__reset {
  color: var(--lp-color-5-contrast);
}

body .lp-filterable-list-text-search input {
  border-width: 1px;
  max-width: 50rem;
  padding: 0.7em 1em;
  width: 100%;
}

body .lp-filterable-list-filter select {
  padding: 0.5em 0.8em;
}

.lp-filterable-list-category-field__label,
.lp-filterable-list-text-search__label label {
  display: inline-block;
  margin-bottom: 0.3em;
}

.lp-filterable-list-category input[type='checkbox'] + label,
.lp-filterable-list-category input[type='radio'] + label {
  background-color: #fff;
}

.lp-filterable-list-categories {
  align-items: center;
  display: flex;

  flex-wrap: wrap;
  gap: var(--lp-filterable-list__grid-gap);
}

body .lp-filterable-list-categories > div:not(:last-child) {
  margin-bottom: 0;
}

body .lp-filterable-list-item-date {
  font-size: 1.4rem;
}

.lp-filterable-list-item-category {
  isolation: isolate;
}

.lp-filterable-list--template-list .lp-filterable-list-item {
  justify-content: space-between;
}

.lp-filterable-list-text-search__label,
.lp-filterable-list-category-field__heading,
.lp-filterable-list-category-field__label {
  font-weight: 600;
}

.lp-filterable-list-date__field input {
  border-width: 1px;
}

/* Listvy */

body .lp-filterable-list--template-list .lp-filterable-list-image__wrapper {
  background-color: transparent;
  box-sizing: border-box;
  max-width: 15rem;
  padding: var(--lp-filterable-list__padding);
  padding-left: 0;
  width: 25%;

  order: 2;
}

body .lp-filterable-list--template-list .lp-filterable-list-image__wrapper img {
  height: auto !important;
  position: static;
  width: 100% !important;

  object-fit: contain;
}


.lp-filterable-list--template-list .lp-filterable-list-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
}

body .lp-filterable-list--template-list .lp-filterable-list-item-content {
  margin: 1rem 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

body .lp-filterable-list--template-list .lp-filterable-list-image__wrapper {
  padding-right: 0;
}

.lp-filterable-list--template-list .lp-filterable-list-image__wrapper--no-image {
  display: none;
}

.lp-filterable-list-item-content > .lp-filterable-list-item-content__description:last-child {
  margin-bottom: 0;
}

/* Hover */

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

.lp-filterable-list-item-content,
.lp-filterable-list-item-category {
  transition: all 0.3s ease;
}

.lp-filterable-list-item-content {
  border-radius: 4px;

  flex-grow: 1;
}

.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content {
  background-color: var(--lp-color-2);
}

.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-category {
  background-color: #fff;
}

/*
---------------------------------------------------------
APP: STEGNAVIGATION
--------------------------------------------------------- */

body {
  /* Pilnavigation - Knappnavigation för Start, Föregående och Nästa  */
  --lp-app-stepper-navigation__direction-button-background-color: var(--lp-color-1);
  --lp-app-stepper-navigation__direction-button-hover-background-color: var(--lp-color-1-dark);
  --lp-app-stepper-navigation__direction-button-hover-text-color: var(--lp-color-1-contrast);
  --lp-app-stepper-navigation__direction-button-text-color: var(--lp-color-1-contrast);
  /* Grafik - Cirkelillustration som indikerar hur långt man har kommit. */
  --lp-app-stepper-navigation__graphic-hole-color: transparent;
  --lp-app-stepper-navigation__graphic-ring-color: var(--lp-color-1-contrast);
  --lp-app-stepper-navigation__graphic-segment-color: var(--lp-color-1);
  /* Guider - Tabbnavigation med guider som innehåller stegnavigationer. */
  --lp-app-stepper-navigation__guides-background-color: var(--lp-color-1);
  --lp-app-stepper-navigation__guides-current-background-color: #f2f0eb;
  --lp-app-stepper-navigation__guides-current-text-color: #222;
  --lp-app-stepper-navigation__guides-hover-background-color: rgba(0, 0, 0, 0.15);
  --lp-app-stepper-navigation__guides-hover-text-color: var(--lp-app-stepper-navigation__guides-text-color);
  --lp-app-stepper-navigation__guides-text-color: #222;
  --lp-app-stepper-navigation__steps-dots-color: var(--lp-app-stepper-navigation__steps-index-background-color);
  --lp-app-stepper-navigation__steps-index-background-color: var(--lp-color-1);
  --lp-app-stepper-navigation__steps-index-current-background-color: var(--lp-color-4);
  --lp-app-stepper-navigation__steps-index-current-text-color: var(--lp-color-4-contrast);
  --lp-app-stepper-navigation__steps-index-text-color: var(--lp-color-1-contrast);
  /* Steg - Stegnavigation med prickade linjer mellan varje steg. */
  --lp-app-stepper-navigation__steps-name-text-color: inherit;
}

/*
---------------------------------------------------------
FILTRERBAR LISTNING - CIRKULÄR & PUBLIKATIONER
--------------------------------------------------------- */


.lp-filterable-list-list--cirkular,
.lp-filterable-list-list--publications,
.lp-filterable-list-list--learning-examples,
.lp-filterable-list-list--aid,
.lp-filterable-list-list--handling {
  margin: 0;
  padding: 0;

  --lp-filterable-list__border-radius: 0;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item,
.lp-filterable-list-list--publications .lp-filterable-list-item,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item,
.lp-filterable-list-list--aid .lp-filterable-list-item,
.lp-filterable-list-list--handling .lp-filterable-list-item {
  border: 0;
  border-bottom: 1px solid var(--lp-filterable-list__border-color);
}


.lp-filterable-list-list--cirkular .lp-filterable-list-item-content,
.lp-filterable-list-list--publications .lp-filterable-list-item-content,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content,
.lp-filterable-list-list--aid .lp-filterable-list-item-content,
.lp-filterable-list-list--handling .lp-filterable-list-item-content {
  margin: 1rem 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__heading,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__heading,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__heading,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__heading,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__heading {
  font-size: 2.2rem;
  margin-bottom: 0.5em;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__heading a {
  text-decoration: underline;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__heading a:hover,
.lp-filterable-list-list--cirkular .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__heading a:hover,
.lp-filterable-list-list--aid .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__heading a:hover,
.lp-filterable-list-list--publications .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__heading a:hover,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a,
.lp-filterable-list-list--handling .lp-filterable-list-item.lp-filterable-list--clickable-area:hover .lp-filterable-list-item-content__heading a {
  text-decoration: none;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__description,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__description,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__description,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__description,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__description {
  margin: 0;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__details,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__details,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__details,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__details,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__details {
  margin-top: 1em;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__details > p,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__details > p,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__details > p,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__details > p,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__details > p {
  font-size: 1.4rem;
  margin-bottom: 0;
  margin-top: 0.3em;
}

.lp-filterable-list-list--cirkular .lp-filterable-list-item-content__details > p span,
.lp-filterable-list-list--publications .lp-filterable-list-item-content__details > p span,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item-content__details > p span,
.lp-filterable-list-list--aid .lp-filterable-list-item-content__details > p span,
.lp-filterable-list-list--handling .lp-filterable-list-item-content__details > p span {
  font-weight: 700;
  margin-right: 0.3em;
}

.lp-filterable-list-list--publications .lp-filterable-list-item,
.lp-filterable-list-list--learning-examples .lp-filterable-list-item,
.lp-filterable-list-list--handling .lp-filterable-list-item {
  display: block;
}

.lp-filterable-list-list--publications .lp-filterable-list-image__wrapper,
.lp-filterable-list-list--learning-examples .lp-filterable-list-image__wrapper,
.lp-filterable-list-list--handling .lp-filterable-list-image__wrapper {
  background-color: transparent;
  float: right;
  height: auto;
  margin: var(--lp-filterable-list__padding) 1rem var(--lp-filterable-list__padding) var(--lp-filterable-list__padding);
  padding: 0;
  position: static;
}

.lp-filterable-list-list--publications .lp-filterable-list-image {
  height: auto !important;
  position: static;
  width: clamp(9rem, 13vw,13rem) !important;
}

.lp-filterable-list-list--learning-examples .lp-filterable-list-image {
  height: auto !important;
  position: static;
  width: clamp(14rem, 18vw,18rem) !important;
}

/*
---------------------------------------------------------
PRENUMERATION
--------------------------------------------------------- */

.sv-limepark-create-subscription3 .limepark-create-subscription3__button:hover,
.sv-limepark-create-subscription3 .limepark-create-subscription3__button:focus-visible,
.sv-limepark-edit-subscription3 .limepark-edit-subscription3__button:hover,
.sv-limepark-edit-subscription3 .limepark-edit-subscription3__button:focus-visible,
.sv-limepark-delete-subscription3 .limepark-delete-subscription3__button:hover,
.sv-limepark-delete-subscription3 .limepark-delete-subscription3__button:focus-visible {
  background-color: var(--env-element-primary-background-color-dark);
  border-color: var(--env-element-primary-background-color-dark);
  text-decoration: none;
  transition: none;
}

.sv-limepark-create-subscription3 .limepark-create-subscription3__button:focus,
.sv-limepark-edit-subscription3 .limepark-edit-subscription3__button:focus,
.sv-limepark-delete-subscription3 .limepark-delete-subscription3__button:focus {
  text-decoration: none;
}

/*
---------------------------------------------------------
QUIZ
--------------------------------------------------------- */

.sv-limepark-quiz .limepark-quiz__app {
  /* Fråga & beskrivning */
  --lp-quiz-block-background-color: var(--lp-background-color-section); /* Bakgrundsfärg */
  --lp-quiz-block-font-color: var(--lp-font-color); /* Textfärg */
  /* Svar/Knapp */
  --lp-quiz-element-background-color: var(--lp-color-brand); /* Bakgrundsfärg */
  --lp-quiz-element-border-color: var(--lp-color-brand); /* Kantlinje */
  /* Fel svar */
  --lp-quiz-element-danger-background-color: var(--lp-color-danger);
  --lp-quiz-element-danger-border-color: var(--lp-color-danger);
  --lp-quiz-element-danger-font-color: var(--lp-color-danger-contrast);
  /* Svar - hover/fokus */
  --lp-quiz-element-hover-background-color: var(--lp-color-brand-hover); /* Bakgrundsfärg */
  --lp-quiz-element-hover-border-color: var(--lp-color-brand-hover); /* Kantlinje */
  --lp-quiz-element-hover-text-color: var(--lp-color-brand-hover-contrast); /* Textfärg */
  /* Rätt svar */
  --lp-quiz-element-success-background-color: var(--lp-color-success);
  --lp-quiz-element-success-border-color: var(--lp-color-success);
  --lp-quiz-element-success-font-color: var(--lp-color-success-contrast);
  --lp-quiz-element-text-color: var(--lp-color-brand-contrast); /* Textfärg */
}

.sv-limepark-quiz .limepark-quiz__container__title {
  color: var(--lp-quiz-block-font-color);
}

.sv-limepark-quiz .limepark-quiz__question__description {
  color: var(--lp-quiz-block-font-color);
}

.sv-limepark-quiz .limepark-quiz__single-text-option__item button {
  background-color: var(--lp-quiz-element-background-color);
  border-color: var(--lp-quiz-element-border-color);
  color: var(--lp-quiz-element-text-color);
}

.sv-limepark-quiz .limepark-quiz__single-text-option__item button:not(:disabled):hover,
.sv-limepark-quiz .limepark-quiz__single-text-option__item button:not(:disabled):focus {
  background-color: var(--lp-quiz-element-hover-background-color);
  border-color: var(--lp-quiz-element-hover-border-color);
  color: var(--lp-quiz-element-hover-text-color);
  text-decoration: underline;
}

.sv-limepark-quiz .limepark-quiz__button {
  background-color: var(--lp-quiz-element-background-color);
  border-color: var(--lp-quiz-element-border-color);
  color: var(--lp-quiz-element-text-color);
}

.sv-limepark-quiz .limepark-quiz__button:hover,
.sv-limepark-quiz .limepark-quiz__button:focus {
  background-color: var(--lp-quiz-element-hover-background-color);
  border-color: var(--lp-quiz-element-hover-border-color);
  color: var(--lp-quiz-element-hover-text-color);
  text-decoration: underline;
}

.sv-limepark-quiz .limepark-quiz__single-text-option__item button svg,
.sv-limepark-quiz .limepark-quiz__single-text-option__item button + svg {
  display: none;
}

.sv-limepark-quiz .limepark-quiz__single-text-option__item.limepark-quiz__single-text-option__item--correct button {
  border-color: var(--lp-quiz-element-success-border-color);
}

.sv-limepark-quiz .limepark-quiz__single-text-option__item.limepark-quiz__single-text-option__item--incorrect button {
  border-color: var(--lp-quiz-element-danger-border-color);
}

.sv-limepark-quiz .limepark-quiz__question-comment__heading-wrapper {
  gap: 0.6em;
}

.sv-limepark-quiz .limepark-quiz__question-comment__heading-wrapper svg {
  height: 1.1em;
}

.sv-limepark-quiz .limepark-quiz__result-summary__heading {
  margin: var(--lp-quiz-spacing-l) 0 var(--lp-quiz-spacing-xs);
}

.sv-limepark-quiz .limepark-quiz__result-summary__heading {
  color: var(--lp-font-color);
}

/*
---------------------------------------------------------
MINA PRENUMERATIONER
--------------------------------------------------------- */

.skr-my-subscriptions__wrapper {
  margin-bottom: 3rem;
}

.skr-my-subscriptions__list-item:after {
  background-color: var(--lp-border-color);
  bottom: -8px;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.skr-my-subscriptions {
  border: 1px solid var(--lp-border-color);
  /* border-bottom: 0; */
  border-radius: 4px 4px 0 0;
  padding: 0.5rem 1rem;
}

.skr-my-subscriptions__wrapper:not(:has(.sv-script-portlet + .sv-text-portlet)) .skr-my-subscriptions {
  border-radius: 4px;
}

.skr-my-subscriptions__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.skr-my-subscriptions__list-item {
  border-radius: 4px;
  line-height: 1.3;
  margin: 0.5rem 0 1.5rem;
  padding: 1.4rem 1rem;
  position: relative;
  transition: all 0.3s ease;
}

.skr-my-subscriptions__list-item:last-child {
  margin-bottom: 0.5rem;
}

.skr-my-subscriptions__list-item:last-child:after {
  content: none;
}

.skr-my-subscriptions__list-item.lp-clickable-area:hover {
  background-color: var(--lp-color-2);
}

.skr-my-subscriptions__list-item__link {
  font-family: 'Open Sans',Arial,Helvetica,sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
}

.skr-my-subscriptions__wrapper .sv-text-portlet a {
  align-items: center;
  border: 1px solid var(--lp-border-color);
  border-radius: 0 0 4px 4px;
  color: #222;
  display: flex;
  font-size: 1.4rem;
  margin-top: -1px;
  padding: 2rem 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.skr-my-subscriptions__wrapper .sv-text-portlet a:before {
  margin-top: -1px !important;
}

.skr-my-subscriptions__wrapper .sv-text-portlet .normal {
  max-width: 100%;
}

.skr-my-subscriptions__wrapper .sv-text-portlet a:hover {
  background-color: var(--lp-color-2);
  text-decoration: underline!important;
}

.skr-my-subscriptions__empty-text {
  margin: 0;
  padding: 2rem 1rem;
}

/*
---------------------------------------------------------
TIDSLINJE
---------------------------------------------------------*/
div .lp-timeline--default-css .lp-timeline-line__dot {
  background-color: var(--lp-filterable-list__line-color);
}