@charset "UTF-8";
/* ############### General ###############*/
body {
  margin: 0;
}

/* Colors */
:root {
  /* jp colors */
  --jpRacingGreen: #006860;
  --jpBlack: #000;
  --jpWhite: #fff;
  --jpBreakingYellow: #FDBF2D;
  --jpHotOrange: #D66813;
  --jpLokalPurple: #682463;
  --jpFinansRed: #a70a2c;
  --jpFeatureGreen: #248A88;
  --jpMediaGrey: #3F464A;
  --jpOpinionBeige: #DDD6C7;
  --jpRatingYellow: #EEAE36;
  --jpCTAGreen: #35B6AD;
  --jpAdvetorialBlue: #009CDD;
  --jpOpinionBackground: #EEEAE3;
  --jpWarningRed: #DA5054;
  --jpGrey1: #EEE;
  --jpGrey2: #DDD;
  --jpGrey3: #CCC;
  --jpGrey4: #BBB;
  --jpGrey5: #999;
  --jpGrey6: #666;
  --jpGrey7: #444;
  --jpGrey8: #222;
}

.jp-ia {
  /* define and rank colors for outlets (based on colors above) */
  --jpMain: var(--jpRacingGreen);
  --jpSecondary: var(--jpCTAGreen);
  --jpTertiary: var(--jpFeatureGreen);
  --jpMainFont: #111;
  --jpSecondaryFont: #fff;
  --finansMain: var(--jpFinansRed);
  --finansSecondary: #ff5071;
  --finansTertiary: #64061a;
  --finanMainFont: #fff;
  --finanSecondaryFont: #fff;
  --jplMain: var(--jpLokalPurple);
  --jplSecondary: #956692;
  --jplTertiary: #341232;
  --jplMainFont: #fff;
  --jplSecondaryFont: #fff;
  /* background- and border colors */
  --disabledBackground: #E5E5E5;
  --disabledBorder: var(--jpGrey4);
  --inputContour: var(--jpGrey5);
  --mainBackgroundColor: #fff;
  /* input elements colors */
  --toggleColor: #fff;
  --toggleSwitchBgColor: var(--jpGrey2);
  --stepperDisabledColor: var(--jpGrey3);
  --inputHoverBorder: #000;
  /* icons */
  --infoIconError: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23DA5054%3B%7D.b%7Bfill:%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='13.5' cy='13.5' r='13.5'/%3E%3Cg transform='translate(9.325 6.732)'%3E%3Cpath class='b' d='M29.882 28.272a9.441 9.441 0 0 0 .946-2.58c0-.241-.138-.344-.361-.344-.568 0-1.273.739-1.789 2.081l-1.049-.413c.809-2.219 2.3-3.251 3.561-3.251a1.857 1.857 0 0 1 2.081 2.012 10.4 10.4 0 0 1-.928 3.062 10.65 10.65 0 0 0-.929 2.7.3.3 0 0 0 .344.327c.55 0 1.307-.843 1.84-2.15l1.032.43c-.809 2.184-2.2 3.3-3.612 3.3a1.88 1.88 0 0 1-2.081-2.064A8.787 8.787 0 0 1 29.882 28.272Zm1.2-6.759a1.546 1.546 0 0 1 1.634-1.565 1.55 1.55 0 1 1-1.634 1.565Z' transform='translate(-27.629 -19.947)'/%3E%3C/g%3E%3C/svg%3E");
  --dropdownIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.9 10' xml:space='preserve'%3E%3Cpath style='fill:%23111' d='m3.5 4.3-1 1.4-1.1-1.4z'/%3E%3C/svg%3E");
  /* Fonts */
  font-family: var(--mainTextFontFamily);
  font-size: 16px;
  line-height: 18px;
  /* font sizes */
  --labelFontSizeSmall: 11px;
  --labelFontSizeMedium: 13px;
  --thickBorder: 2px;
  --thinBorder: 1px;
  /* default color settings - will be overwritten by outlet settings*/
  background-color: var(--mainBackgroundColor);
  color: var(--mainColorFont);
  --mainColor: var(--jpMain);
  --mainColorRgb: rgb(0, 104, 96);
  --secondaryColor: var(--jpSecondary);
  --mainColorFont: var(--jpMainFont);
  --secondaryColorFont: var(--jpWhite);
  --tertiaryColor: var(--jpTertiary);
  --footerFontColor: var(--jpGrey6);
  --infoIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2335b6ad;%7D.b%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='13.5' cy='13.5' r='13.5'/%3E%3Cg transform='translate(9.325 6.732)'%3E%3Cpath class='b' d='M29.882,28.272a9.441,9.441,0,0,0,.946-2.58c0-.241-.138-.344-.361-.344-.568,0-1.273.739-1.789,2.081l-1.049-.413c.809-2.219,2.3-3.251,3.561-3.251a1.857,1.857,0,0,1,2.081,2.012,10.4,10.4,0,0,1-.928,3.062,10.65,10.65,0,0,0-.929,2.7.3.3,0,0,0,.344.327c.55,0,1.307-.843,1.84-2.15l1.032.43c-.809,2.184-2.2,3.3-3.612,3.3a1.88,1.88,0,0,1-2.081-2.064A8.787,8.787,0,0,1,29.882,28.272Zm1.2-6.759a1.546,1.546,0,0,1,1.634-1.565,1.55,1.55,0,1,1-1.634,1.565Z' transform='translate(-27.629 -19.947)'/%3E%3C/g%3E%3C/svg%3E");
  --tableBorderColorDark: #000;
  --tableBorderColorLight: var(--jpGrey2);
  --tableStripeColor: var(--jpGrey1);
  --mainFontFamily:"GuardianSans",
  "Guardian Sans",
  Arial,
  Helvetica,
  sans-serif;
  --mainTextFontFamily:"GuardianTextSans",
  "Guardian Sans Text",
  Arial,
  Helvetica,
  sans-serif;
  --secondaryFontFamily: "GuardianEgyptian",
  "Guardian Egyptian",
  Georgia,
  serif;
  /* dark mode settings */
  /* selection color */
  /* overwrite box-sizing setting on jp.dk */
  /* ############### Widths ###############*/
  /* ############### Content ###############*/
  /* Headers */
  /* Text paragraphs */
  /* labels */
  /* large numbers (output) */
  /* Sections */
  /* do no add margin when part of grid */
  /* Links */
  /* Details/summary */
  /* Footer */
  /* ############### Grid ###############*/
  /* subgrid (2x1 on desktop, 2x1 on mobile) */
  /* ############### Content elements ###############*/
  /* Table */
  /* available options:
  - center aligned cell content (class: align-center, add to table)
  - striped table (striped-rows, add to container)
  - colored header (colored-header, add to table)
  - Fixed first column (fixed-first-column, add to table)
  - Fixed first row (fixed-first-row, add to table)
  - Border top/bottom of row (thin/thick, add to row)

  */
  /* ############### Buttons ###############*/
  /* sizes */
  /* color schemes */
  /* default */
  /* ############### Input elements ###############*/
  /* Text/number/dropdown input etc */
  /* class to add when input is invalid */
  /* hide arrow etc on android date/time pickers */
  /* labels for input elements */
  /* Initially hide .infotext--invalid elements */
  /* Override the display property for .infotext--invalid within .invalid-input */
  /* Range slider */
  /* 
      @preserve
      Range slider style by Yair Even Or / https://github.com/yairEO/ui-range
  Copyright 2019 Yair Even-Or

  Permission is hereby granted, free of charge, to any person obtaining a copy
  of this software and associated documentation files (the "Software"), to deal
  in the Software without restriction, including without limitation the rights
  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  copies of the Software, and to permit persons to whom the Software is
  furnished to do so, subject to the following conditions:

  The above copyright notice and this permission notice shall be included in
  all copies or substantial portions of the Software.

  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  THE SOFTWARE.
  @endpreserve
  */
  /* Multibutton */
  /* Stepper */
  /* Radio buttons */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a dark border */
  /* When the radio button is checked, add colors */
  /* disabled button */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
  /* Checkboxes */
  /* Customize the label (the container) */
  /* Toggle switch */
  /* Hide default HTML checkbox */
  /* The slider - boxy*/
  /* The slider - boxy*/
}
.jp-ia[data-outlet=finans] {
  --mainColor: var(--jpFinansRed);
  --mainColorRgb: rgb(167, 10, 44);
  --secondaryColor: var(--finansSecondary);
  --tertiaryColor: var(--finansTertiary);
  --mainTextFontFamily: "OpenSans", Arial, Helvetica, sans-serif;
  --mainFontFamily: "OpenSans", Arial, Helvetica, sans-serif;
  --inputContour: var(--jpGrey3);
  --secondaryFontFamily: "Trola", Georgia, serif;
  --infoIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ff194d%3B%7D.b%7Bfill:%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='13.5' cy='13.5' r='13.5'/%3E%3Cg transform='translate(9.325 6.732)'%3E%3Cpath class='b' d='M29.882 28.272a9.441 9.441 0 0 0 .946-2.58c0-.241-.138-.344-.361-.344-.568 0-1.273.739-1.789 2.081l-1.049-.413c.809-2.219 2.3-3.251 3.561-3.251a1.857 1.857 0 0 1 2.081 2.012 10.4 10.4 0 0 1-.928 3.062 10.65 10.65 0 0 0-.929 2.7.3.3 0 0 0 .344.327c.55 0 1.307-.843 1.84-2.15l1.032.43c-.809 2.184-2.2 3.3-3.612 3.3a1.88 1.88 0 0 1-2.081-2.064A8.787 8.787 0 0 1 29.882 28.272Zm1.2-6.759a1.546 1.546 0 0 1 1.634-1.565 1.55 1.55 0 1 1-1.634 1.565Z' transform='translate(-27.629 -19.947)'/%3E%3C/g%3E%3C/svg%3E") ;
}
.jp-ia[data-outlet=jplokal] {
  --mainColor: var(--jpLokalPurple);
  --mainColorRgb: rgb(104, 36, 99);
  --secondaryColor: var(--jplSecondary);
  --tertiaryColor: var(--jplTertiary);
  --infoIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23956692%3B%7D.b%7Bfill:%23fff%3B%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='13.5' cy='13.5' r='13.5'/%3E%3Cg transform='translate(9.325 6.732)'%3E%3Cpath class='b' d='M29.882 28.272a9.441 9.441 0 0 0 .946-2.58c0-.241-.138-.344-.361-.344-.568 0-1.273.739-1.789 2.081l-1.049-.413c.809-2.219 2.3-3.251 3.561-3.251a1.857 1.857 0 0 1 2.081 2.012 10.4 10.4 0 0 1-.928 3.062 10.65 10.65 0 0 0-.929 2.7.3.3 0 0 0 .344.327c.55 0 1.307-.843 1.84-2.15l1.032.43c-.809 2.184-2.2 3.3-3.612 3.3a1.88 1.88 0 0 1-2.081-2.064A8.787 8.787 0 0 1 29.882 28.272Zm1.2-6.759a1.546 1.546 0 0 1 1.634-1.565 1.55 1.55 0 1 1-1.634 1.565Z' transform='translate(-27.629 -19.947)'/%3E%3C/g%3E%3C/svg%3E") ;
}
@media (prefers-color-scheme: dark) {
  .jp-ia.use-dark-mode {
    /* dark mode colors */
    --background-grey: #121212;
    --background-focus-grey: #212121;
    --background-black: #111;
    --border-color: var(--jpGrey7);
    --font-white: #ededed;
    --mainColor: var(--jpMain);
    --mainColorRgb: rgb(0, 104, 96);
    --secondaryColor: var(--jpSecondary);
    --mainColorFont: var(--font-white);
    --secondaryColorFont: var(--font-white);
    --tertiaryColor: var(--jpTertiary);
    --footerFontColor: var(--jpGrey5);
    /* input elements colors */
    --toggleSwitchBgColor: var(--jpGrey5);
    --stepperDisabledColor: var(--jpGrey5);
    --inputHoverBorder: var(--jpGrey6);
    /* background- and border colors */
    --disabledBackground: var(--background-focus-grey);
    --disabledBorder: var(--jpGrey4);
    --inputContour: var(--jpGrey5);
    --mainBackgroundColor: var(--background-grey);
    --tableBorderColorDark: var(--font-white);
    --tableStripeColor: var(--jpGrey8) ;
  }
  .jp-ia.use-dark-mode[data-outlet=finans] {
    --mainColor: var(--jpFinansRed);
    --mainColorRgb: rgb(167, 10, 44);
    --secondaryColor: var(--finansSecondary);
    --tertiaryColor: var(--finansTertiary);
  }
  .jp-ia.use-dark-mode[data-outlet=jplokal] {
    --mainColor: var(--jpLokalPurple);
    --mainColorRgb: rgb(104, 36, 99);
    --secondaryColor: var(--jplSecondary);
    --tertiaryColor: var(--jplTertiary);
  }
}
.jp-ia ::-moz-selection {
  background-color: var(--mainColor);
  color: var(--secondaryColorFont);
}
.jp-ia ::selection {
  background-color: var(--mainColor);
  color: var(--secondaryColorFont);
}
.jp-ia, .jp-ia::after, .jp-ia::before {
  box-sizing: content-box;
}
.jp-ia.slim-width {
  margin: auto;
  width: 100%;
  max-width: 300px;
}
.jp-ia.text-width {
  margin: auto;
  width: 100%;
  max-width: 620px;
}
.jp-ia.article-width {
  margin: auto;
  width: 100%;
  max-width: 940px;
}
.jp-ia.grid-width {
  margin: auto;
  width: 100%;
  max-width: 1240px;
}
.jp-ia .top-header__wrapper {
  padding-bottom: 10px;
  padding-top: 0;
}
.jp-ia .top-header {
  color: var(--mainColorFont);
  border-bottom: 2px solid var(--mainColorFont);
  text-align: center;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0px 0px 20px 0px;
  font: 600 24px/28px CaslonIonic, var(--secondaryFontFamily), Georgia, serif;
}
.jp-ia h3 {
  line-height: 120%;
  font-family: var(--mainFontFamily);
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .jp-ia h3 {
    font-size: 20px;
  }
}
.jp-ia .txt-content p {
  line-height: 140%;
  margin-top: 16px;
}
.jp-ia .txt-content strong {
  font-weight: bold;
  color: var(--mainColor);
}
.jp-ia .label--small {
  font-size: var(--labelFontSizeSmall);
}
.jp-ia .label--medium {
  font-size: var(--labelFontSizeMedium);
}
.jp-ia .number--big {
  font-family: var(--secondaryFontFamily), Georgia, serif;
  font-size: 3em;
  font-weight: bold;
  margin: 25px 0;
  /* margin: 25px auto; */
  display: block;
  line-height: 1em;
}
.jp-ia section {
  margin: 24px 0;
  position: relative;
}
.jp-ia .main-grid section {
  margin: 0;
}
.jp-ia a:active,
.jp-ia a:hover,
.jp-ia a:visited,
.jp-ia a:link {
  color: var(--mainColor);
}
.jp-ia summary {
  cursor: pointer;
  margin-bottom: 8px;
}
.jp-ia .footer {
  line-height: 140%;
  font: 400 14px/18px var(--mainTextFontFamily);
  color: var(--footerFontColor);
}
.jp-ia .footer a:link {
  color: var(--footerFontColor);
  text-decoration-color: var(--footerFontColor);
}
.jp-ia .main-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 8px;
}
.jp-ia .gridElem--col-12,
.jp-ia .gridElem--full-width {
  grid-column: 1/-1;
}
.jp-ia .gridElem--col-2 {
  grid-column: span 2;
}
.jp-ia .gridElem--col-3 {
  grid-column: span 3;
}
.jp-ia .gridElem--col-4 {
  grid-column: span 4;
}
.jp-ia .gridElem--col-6 {
  grid-column: span 6;
}
.jp-ia .gridElem--col-8 {
  grid-column: span 8;
}
.jp-ia .gridElem--col-9 {
  grid-column: span 9;
}
.jp-ia .gridElem--col-10 {
  grid-column: span 10;
}
.jp-ia .gridElem--row-2 {
  grid-row: span 2;
}
.jp-ia .gridElem--row-3 {
  grid-row: span 3;
}
.jp-ia .gridElem--row-4 {
  grid-row: span 4;
}
@media screen and (max-width: 620px) {
  .jp-ia .gridElem--full-width-mobile {
    grid-column: 1/-1;
  }
  .jp-ia .gridElem--single-tow-mobile {
    grid-row: span 1;
  }
}
.jp-ia .sub-grid--2-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media screen and (max-width: 620px) {
  .jp-ia .sub-grid--2-2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.jp-ia .table__container {
  max-width: 100%;
}
.jp-ia .table__container .table__wrapper {
  overflow-x: auto;
}
.jp-ia .table__container .table__wrapper table {
  width: 100%;
  border-collapse: collapse;
  line-height: 120%;
  font-size: 15px;
  overflow: hidden;
}
.jp-ia .table__container .table__wrapper td,
.jp-ia .table__container .table__wrapper th {
  padding: 0.75em 0.5em;
}
.jp-ia .table__container .table__wrapper .align-center td,
.jp-ia .table__container .table__wrapper .align-center th {
  text-align: center;
}
.jp-ia .table__container .table__wrapper .align-left--first-row tr td:first-of-type,
.jp-ia .table__container .table__wrapper .align-left--first-row tr th:first-of-type {
  text-align: left;
}
.jp-ia .table__container .table__wrapper .striped-rows tr:nth-of-type(even) {
  background-color: var(--tableStripeColor);
}
.jp-ia .table__container .table__wrapper .striped-rows tr:nth-of-type(odd) {
  background-color: var(--mainBackgroundColor);
}
.jp-ia .table__container .table__wrapper .border-separators tbody tr {
  border-bottom: var(--thinBorder) solid var(--tableBorderColorLight);
}
.jp-ia .table__container .table__wrapper .fixed-first-column {
  border-collapse: separate;
  border-spacing: 0;
}
.jp-ia .table__container .table__wrapper .fixed-first-column tbody {
  display: table-row-group;
}
.jp-ia .table__container .table__wrapper .fixed-first-column th:first-child,
.jp-ia .table__container .table__wrapper .fixed-first-column td:first-child {
  position: sticky;
  left: 0;
}
.jp-ia .table__container .table__wrapper .fixed-first-column td:first-child {
  background: inherit;
  border-right: var(--thinBorder) var(--tableBorderColorDark) solid !important;
}
.jp-ia .table__container .table__wrapper .fixed-first-row thead {
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
  position: sticky;
  top: 0;
}
.jp-ia .table__container .table__wrapper .colored-header th {
  font-weight: 500;
  background-color: var(--mainColor);
  color: var(--secondaryColorFont);
  padding: 0.75em 0.5em;
}
.jp-ia .table__container .table__wrapper .colored-header tbody {
  border-top: none;
}
.jp-ia .table__container .table__wrapper tbody {
  border-bottom: var(--thinBorder) var(--jpGrey3) solid;
  border-top: var(--thinBorder) var(--jpGrey3) solid;
}
.jp-ia .table__container .table__wrapper .border-bottom--thick,
.jp-ia .table__container .table__wrapper .border-bottom--thick td {
  border-bottom: var(--thickBorder) var(--tableBorderColorDark) solid;
}
.jp-ia .table__container .table__wrapper .border-top--thick,
.jp-ia .table__container .table__wrapper .border-top--thick td {
  border-top: var(--thickBorder) var(--tableBorderColorDark) solid;
}
.jp-ia .table__container .table__wrapper .border-bottom--thin,
.jp-ia .table__container .table__wrapper .border-bottom--thin td {
  border-bottom: var(--thinBorder) var(--tableBorderColorDark) solid;
}
.jp-ia .table__container .table__wrapper .border-top--thin,
.jp-ia .table__container .table__wrapper .border-top--thin td {
  border-top: var(--thinBorder) var(--tableBorderColorDark) solid;
}
.jp-ia .table__container[data-sortable=true] th {
  cursor: pointer;
}
.jp-ia .table__container[data-sortable=true] th.sorting-active::after {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.7em;
  vertical-align: 0.2em;
}
.jp-ia .table__container[data-sortable=true] th.sorting-active[data-dir=desc]::after {
  content: "▼";
}
.jp-ia .table__container[data-sortable=true] th.sorting-active[data-dir=asc]::after {
  content: "▲";
}
.jp-ia .table__container[data-searchable=true] input {
  margin-bottom: 16px;
  padding-right: 36px;
  --searchIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='c-mega-menu-search__icon' viewBox='0 0 32 32' width='9px' height='9px'%3E%3Cpath fill='%23999' id='icon-search' d='M22.38,20.63a13.47,13.47,0,0,0,.79-1.18,12.38,12.38,0,1,0-12.23,6.23c.41,0,.82.06,1.24.06a12.69,12.69,0,0,0,7.64-2.55c4.29,3.19,9.4,7.59,10.65,8.55L32,30.2c-1.31-1.36-6.07-5.77-9.62-9.57m-10,2.53a9.77,9.77,0,1,1,9.77-9.77,9.77,9.77,0,0,1-9.77,9.77' transform='translate(0 -1)'%3E%3C/path%3E%3C/svg%3E");
  background: var(--searchIcon) no-repeat calc(100% - 12px) 50%;
  background-size: 20px 20px;
  background-color: var(--mainBackgroundColor);
}
.jp-ia .table__container[data-searchable=true] .no-result {
  font: 400 14px/18px var(--mainTextFontFamily);
  color: var(--footerFontColor);
  width: 100%;
  margin: 16px auto;
  text-align: center;
}
.jp-ia .accordion {
  line-height: 140%;
  -webkit-font-smoothing: antialiased;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-gap: 0px 8px;
  font-size: 0.8em;
  margin-bottom: 0px;
}
.jp-ia .accordion section {
  display: grid;
  grid-column: 1/-1;
  margin: 0;
  /* border-bottom: 1px solid var(--borderColor); */
}
.jp-ia .accordion section .accordion__content {
  display: grid;
}
.jp-ia .accordion section[data-columns="2"] .accordion__content {
  grid-template-columns: 1fr 1fr;
}
.jp-ia .accordion section[data-columns="3"] .accordion__content {
  grid-template-columns: 1fr 1fr 1fr;
}
.jp-ia .accordion section[data-columns="4"] .accordion__content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.jp-ia .accordion section label.accordion__header {
  grid-column: 1/-1;
  padding: 3px 0px 2px 0px;
  color: #fff;
  background: var(--mainColor);
  text-align: center;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
}
.jp-ia .accordion section.type--number {
  /* Label */
  /* Value */
}
.jp-ia .accordion section.type--number article {
  display: grid;
  padding: 0 10px;
  text-align: center;
  border-left: 1px solid var(--tableBorderColorLight);
  margin: 10px 0;
}
.jp-ia .accordion section.type--number article:first-of-type {
  border-left: none;
}
.jp-ia .accordion section.type--number article div:nth-child(1) {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 120%;
}
.jp-ia .accordion section.type--number article div:nth-child(2) {
  padding-top: 7px;
  font-size: 1.8em;
  font-family: var(--secondaryFontFamily), var(--mainFontFamily), Arial, sans-serif;
  font-weight: bold;
}
.jp-ia .accordion section.type--text article {
  margin: 10px 0;
}
.jp-ia .accordion[data-collapsible=true] section[data-collapsed=true] article {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0;
  margin: 0;
}
.jp-ia .accordion[data-collapsible=true] section[data-collapsed=true] {
  border: none;
}
.jp-ia .accordion[data-collapsible=true] section label.accordion__header {
  cursor: pointer;
  position: relative;
}
.jp-ia .accordion[data-collapsible=true] section[data-collapsed=true] label.accordion__header {
  margin-bottom: 8px;
}
.jp-ia .accordion[data-collapsible=true] section[data-collapsed=true] label.accordion__header::after {
  transform-origin: center center;
  transform: rotate(180deg);
  bottom: 0px;
}
.jp-ia .accordion[data-collapsible=true] section[data-collapsed=true] label.accordion__header:hover::after {
  opacity: 1;
}
.jp-ia .accordion[data-collapsible=true] section label.accordion__header::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-0.43 -0.04 274.8 156.27'%3E%3Cpath d='M31.3 150.3l106.1-106 106.1 106a18.4 18.4 0 0026-26l-119-119a18.5 18.5 0 00-26 0l-119 119a18.4 18.4 0 1026 26z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
  width: 12px;
  position: absolute;
  right: 10px;
  opacity: 0.5;
  bottom: 4px;
}
.jp-ia .btn--small,
.jp-ia .btn--medium,
.jp-ia .btn--big {
  display: block;
  font-family: var(--mainFontFamily), Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}
.jp-ia .btn--small {
  border: none;
  height: 29px;
  padding: 1px 22px 0px;
}
.jp-ia .btn--medium {
  border: none;
  height: 33px;
  padding: 5px 22px;
}
.jp-ia .btn--big {
  border: none;
  height: 39px;
  padding: 1px 22px 0px;
}
.jp-ia .btn--default-weighted,
.jp-ia .btn--default-discrete:hover {
  background-color: var(--mainColor);
  color: var(--jpSecondaryFont);
}
.jp-ia .btn--default-weighted:hover {
  background-color: var(--tertiaryColor);
}
.jp-ia .btn--default-discrete {
  border: 1px solid var(--mainColor);
  background-color: var(--mainBackgroundColor);
  color: var(--mainColor);
}
.jp-ia .btn--cta-weighted,
.jp-ia .btn--cta-discrete:hover {
  background-color: var(--secondaryColor);
  color: var(--secondaryColorFont);
}
.jp-ia .btn--cta-weighted:hover {
  background-color: var(--mainColor);
}
.jp-ia .btn--cta-discrete {
  border: 1px solid var(--secondaryColor);
  background-color: var(--mainBackgroundColor);
  color: var(--secondaryColor);
}
.jp-ia .btn--warning-weighted,
.jp-ia .btn--warning-discrete:hover {
  background-color: var(--jpBlack);
  color: var(--secondaryColorFont);
}
.jp-ia .btn--warning-weighted:hover {
  background-color: var(--jpMediaGrey);
}
.jp-ia .btn--warning-discrete {
  border: 1px solid var(--jpBlack);
  background-color: var(--mainBackgroundColor);
  color: var(--jpBlack);
}
.jp-ia select,
.jp-ia input[type=text],
.jp-ia input[type=number],
.jp-ia input[type=date],
.jp-ia input[type=datetime-local],
.jp-ia input[type=month],
.jp-ia input[type=tel],
.jp-ia input[type=url],
.jp-ia input[type=time],
.jp-ia input[type=week],
.jp-ia input[type=color] {
  box-sizing: content-box;
  background-color: var(--mainBackgroundColor);
  border: 1px var(--inputContour) solid;
  border-radius: 4px;
  font-size: 13px;
  line-height: 16px;
  font-family: var(--mainTextFontFamily), Arial, Helvetica, sans-serif;
  font-style: medium;
  font-weight: 400;
  color: var(--mainColorFont);
  padding: 2px 10px;
  max-width: calc(100% - 22px);
}
.jp-ia .invalid-input input,
.jp-ia .invalid-input label,
.jp-ia .invalid-input .infotext {
  border-color: var(--jpWarningRed);
  color: var(--jpWarningRed) !important;
}
.jp-ia .invalid-input .infotext::before {
  background-image: var(--infoIconError) !important;
}
.jp-ia select {
  background: var(--dropdownIcon) no-repeat calc(100% - 4px) 50%;
  background-color: var(--mainBackgroundColor);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  min-height: 39px;
  padding-right: 32px;
  line-height: 140%;
}
.jp-ia input::-moz-placeholder {
  color: var(--inputContour);
}
.jp-ia select:disabled,
.jp-ia input::placeholder {
  color: var(--inputContour);
}
.jp-ia select,
.jp-ia input[type=text],
.jp-ia input[type=number],
.jp-ia input[type=date],
.jp-ia input[type=datetime-local],
.jp-ia input[type=month],
.jp-ia input[type=tel],
.jp-ia input[type=url],
.jp-ia input[type=time],
.jp-ia input[type=week],
.jp-ia input[type=color] {
  /* subtract padding/margin */
  min-height: 33px;
}
.jp-ia input[type=number] {
  text-align: right;
}
.jp-ia input[type=time],
.jp-ia input[type=date] {
  -webkit-appearance: none;
}
.jp-ia input[type=time]::-webkit-inner-spin-button,
.jp-ia input[type=time]::-webkit-calendar-picker-indicator,
.jp-ia input[type=date]::-webkit-inner-spin-button,
.jp-ia input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 620px) {
  .jp-ia input[type=text],
  .jp-ia input[type=number],
  .jp-ia input[type=date],
  .jp-ia input[type=datetime-local],
  .jp-ia input[type=month],
  .jp-ia input[type=tel],
  .jp-ia input[type=url],
  .jp-ia input[type=time],
  .jp-ia input[type=week],
  .jp-ia input[type=color] {
    min-height: 38px;
    padding: 2px 12px;
    max-width: calc(100% - 26px);
  }
  .jp-ia select {
    min-height: 38px;
    padding: 2px 32px 2px 12px;
    max-width: calc(100% - 46px);
  }
}
.jp-ia .input--has-label {
  position: relative;
  padding-top: 5px;
  margin-top: 4px;
}
.jp-ia .input--has-label label {
  color: #999;
  position: absolute;
  font-size: var(--labelFontSizeMedium);
  pointer-events: none;
  left: 11px;
  top: 15px;
  transition: 0.2s;
}
.jp-ia .input--has-label input:focus ~ label,
.jp-ia .input--has-label input:valid ~ label {
  top: -4px;
  left: 8px;
  font-size: var(--labelFontSizeSmall);
  color: var(--jpGrey5);
  background-color: var(--mainBackgroundColor);
  padding: 0 5px 0 5px;
}
@media screen and (max-width: 620px) {
  .jp-ia .input--has-label label {
    top: 18px;
  }
}
.jp-ia .infotext {
  margin-top: 4px;
  font-size: 11px;
  color: var(--jpGrey5);
}
.jp-ia .infotext::before {
  --infoTextIconSize: 12px;
  content: "";
  display: inline-block;
  height: var(--infoTextIconSize);
  width: calc(var(--infoTextIconSize) + 4px);
  margin-bottom: -0.1em;
  background-size: var(--infoTextIconSize);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-image: var(--infoIcon);
}
.jp-ia .infotext--invalid {
  display: none;
}
.jp-ia .invalid-input .infotext--invalid {
  display: block;
  /* or any other desired display value */
}
.jp-ia .range-slider input[type=range] {
  border: none;
  line-height: 100%;
  padding: 0;
  border-radius: 0;
  margin: 0;
}
.jp-ia .range-slider,
.jp-ia label[dir=rtl] .range-slider {
  width: clamp(150px, 100%, 940px);
  min-width: 150px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.jp-ia .range-slider[data-ticks=false] {
  --tickColor: transparent;
}
.jp-ia .range-slider[data-maxminlabels=false] {
  --min-max-opacity: 0;
  --show-min-max: none;
  margin-bottom: 0;
}
.jp-ia .range-slider {
  /* default colors */
  --tickColor: var(--jpGrey3);
  --primary-color: var(--mainColor);
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 "var(--mainFontFamily)", Arial;
  --fill-color: var(--primary-color);
  --progress-background: var(--jpGrey2);
  --progress-radius: 4px;
  --thumb-size: 22px;
  --thumb-color: var(--toggleColor);
  --thumb-border: 2px solid var(--mainColor);
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px "var(--mainFontFamily)", Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  /* --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
  0 0 0 99px var(--thumb-color) inset; */
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),
      0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness: 1px;
  --ticks-height: 5px;
  --thumb-radius: 4px;
  --ticks-gap: var(--ticks-height,
          0);
  --ticks-color: var(--tickColor);
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(var(--step),
          var(--too-many-ticks) * (var(--max) - var(--min)));
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
  /* cause of positioning bug in Safari*/
  /* --value-a: Clamp(var(--min),
      var(--value, 0),
      var(--max)); */
  /* fixing attempt - causes minor offset near max/min */
  --value-a: var(--value, 0);
  --value-b: var(--value, 0);
  /**/
  --text-value-a: var(--formatted-text-value, var(--text-value, ""));
  --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
  --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(-1,
          1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
          1);
  /* deactivate hiding of min/max labels */
  /* --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0)); */
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}
.jp-ia .range-slider[data-ticks-position=top] {
  --flip-y: 1;
}
.jp-ia .range-slider::before,
.jp-ia .range-slider::after {
  --offset: calc(var(--thumb-size) / 3);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  color: var(--tickColor);
  /* opacity: clamp(0, var(--at-edge), var(--min-max-opacity)); */
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
}
.jp-ia .range-slider::before {
  --before: 1;
  --at-edge: var(--thumb-close-to-min);
  counter-reset: x var(--min);
  left: var(--offset);
}
.jp-ia .range-slider::after {
  --at-edge: var(--thumb-close-to-max);
  counter-reset: x var(--max);
  right: var(--offset);
}
.jp-ia .range-slider__values {
  position: relative;
  top: 50%;
  line-height: 0;
  text-align: justify;
  width: 100%;
  pointer-events: none;
  margin: 0 auto;
  z-index: 5;
}
.jp-ia .range-slider__values::after {
  content: "";
  width: 100%;
  display: inline-block;
  height: 0;
  background: red;
}
.jp-ia .range-slider__progress {
  --start-end: calc(var(--thumb-size) / 2);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #eee);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}
.jp-ia .range-slider__progress::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-clip-path: var(--clip);
  clip-path: var(--clip);
  top: 0;
  bottom: 0;
  background: var(--fill-color, black);
  box-shadow: var(--progress-flll-shadow);
  z-index: 1;
  border-radius: inherit;
}
.jp-ia .range-slider__progress::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: var(--progress-shadow);
  pointer-events: none;
  border-radius: inherit;
}
.jp-ia .range-slider > input {
  -webkit-appearance: none;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - max(var(--track-height), var(--thumb-size)) / 2 + var(--ticks-gap) / 2 * var(--flip-y, -1));
  cursor: grab;
  outline: none;
  background: none;
}
.jp-ia .range-slider > input:not(:only-of-type) {
  pointer-events: none;
}
.jp-ia .range-slider > input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: var(--thumb-border);
  pointer-events: auto;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.jp-ia .range-slider > input::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: var(--thumb-border);
  pointer-events: auto;
  -moz-transition: 0.1s;
  transition: 0.1s;
}
.jp-ia .range-slider > input::-ms-thumb {
  appearance: none;
  height: var(--thumb-size);
  width: var(--thumb-size);
  transform: var(--thumb-transform);
  border-radius: var(--thumb-radius, 50%);
  background: var(--thumb-color);
  box-shadow: var(--thumb-shadow);
  border: var(--thumb-border);
  pointer-events: auto;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.jp-ia .range-slider > input:hover {
  --thumb-shadow: var(--thumb-shadow-hover);
}
.jp-ia .range-slider > input:hover + output {
  --value-background: var(--value-background-hover);
  --y-offset: -5px;
  color: var(--value-active-color);
  box-shadow: 0 0 0 3px var(--value-background);
}
.jp-ia .range-slider > input:active {
  --thumb-shadow: var(--thumb-shadow-active);
  cursor: grabbing;
  z-index: 2;
}
.jp-ia .range-slider > input:active + output {
  transition: 0s;
}
.jp-ia .range-slider > input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.jp-ia .range-slider > input:nth-of-type(1) + output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}
.jp-ia .range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
  --flip: calc(var(--thumbs-too-close) * -1);
}
.jp-ia .range-slider > input:nth-of-type(1) + output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.jp-ia .range-slider > input:nth-of-type(2) {
  --is-left-most: Clamp(1, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.jp-ia .range-slider > input:nth-of-type(2) + output {
  --value: var(--value-b);
}
.jp-ia .range-slider > input:only-of-type ~ .range-slider__progress {
  --clip-start: 0;
}
.jp-ia .range-slider > input + output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * - 1%);
  --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
  pointer-events: none;
  position: absolute;
  z-index: 5;
  background: var(--value-background);
  border-radius: 4px;
  padding: 0px 4px 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}
.jp-ia .range-slider > input + output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}
.jp-ia .multi-btn__container {
  display: flex;
  /* sizes */
  /* colors */
}
.jp-ia .multi-btn__container > button {
  display: block;
  font-family: var(--mainFontFamily), Arial, Helvetica, sans-serif;
  font-style: medium;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  margin: 0;
  border: 1px solid var(--mainColor);
  background-color: var(--mainBackgroundColor);
  color: var(--mainColor);
  border-radius: 4px;
  margin-right: 8px;
}
.jp-ia .multi-btn__container.multi-btn--small > button {
  min-height: 29px;
  padding: 1px 11px 0px;
}
.jp-ia .multi-btn__container.multi-btn--medium > button {
  min-height: 33px;
  padding: 5px 11px;
}
.jp-ia .multi-btn__container.multi-btn--big > button {
  min-height: 39px;
  padding: 1px 11px 0px;
}
.jp-ia .multi-btn__container > button[data-active=true],
.jp-ia .multi-btn__container > button:hover {
  background-color: var(--mainColor);
  color: var(--secondaryColorFont);
}
.jp-ia .multi-btn__container > button[data-active=true]:hover {
  background-color: var(--tertiaryColor);
}
.jp-ia .multi-btn__container > button:last-of-type {
  margin-right: 0;
}
.jp-ia .stepper__container {
  display: flex;
  justify-content: space-between;
  --toggleSize: 20px;
  width: 100%;
  min-width: 50px;
  max-width: 80px;
}
.jp-ia .stepper__container > input[type=text] {
  font-weight: bold;
  min-height: 1em;
  border: none;
  width: auto;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 25px;
  font-size: 1em;
  text-align: center;
}
.jp-ia .stepper__container button {
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  padding: 0;
  width: var(--toggleSize);
  height: var(--toggleSize);
  text-align: center;
  color: var(--secondaryColorFont, #fff);
  font-size: 0.9em;
  font-weight: bold;
  background-color: var(--mainColor);
  border-radius: 4px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.jp-ia .stepper__container button.stepper__toggle--disabled {
  cursor: default;
  background-color: var(--stepperDisabledColor);
}
.jp-ia .radio-btn__container {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
}
.jp-ia .radio-btn__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.jp-ia .radio-btn__container .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: var(--mainBackgroundColor);
  border-radius: 50%;
  box-sizing: border-box;
  border: var(--inputContour) 1px solid;
}
.jp-ia .radio-btn__container:hover input ~ .checkmark {
  border: var(--inputHoverBorder) 1px solid;
}
.jp-ia .radio-btn__container input:checked ~ .checkmark {
  background-color: var(--mainBackgroundColor);
  border: var(--mainColor) 1px solid;
}
.jp-ia .radio-btn__container input[type=radio]:disabled + .checkmark {
  background-color: var(--disabledBackground);
  border: var(--disabledBorder) 1px solid;
}
.jp-ia .radio-btn__container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.jp-ia .radio-btn__container input:checked ~ .checkmark:after {
  display: block;
}
.jp-ia .radio-btn__container .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mainColor);
}
.jp-ia .checkbox__container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* disabled checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.jp-ia .checkbox__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.jp-ia .checkbox__container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--mainBackgroundColor);
  border: var(--inputContour) 2px solid;
  box-sizing: border-box;
  border-radius: 2px;
}
.jp-ia .checkbox__container input[type=checkbox]:hover + .checkmark {
  border: var(--inputHoverBorder) 2px solid;
}
.jp-ia .checkbox__container input[type=checkbox]:disabled + .checkmark {
  background-color: var(--disabledBackground);
  border: var(--disabledBorder) 2px solid;
}
.jp-ia .checkbox__container :hover input ~ .checkmark {
  background-color: #ccc;
}
.jp-ia .checkbox__container input:checked ~ .checkmark {
  background-color: var(--mainBackgroundColor);
}
.jp-ia .checkbox__container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.jp-ia .checkbox__container input:checked ~ .checkmark:after {
  display: block;
}
.jp-ia .checkbox__container .checkmark:after {
  box-sizing: content-box;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid var(--mainColor);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.jp-ia .toggle-switch__container > label {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-right: 8px;
}
.jp-ia .toggle-switch__container > label input[type=checkbox] {
  opacity: 0;
  width: 0;
  min-height: 0;
  height: 0;
}
.jp-ia .toggle-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggleSwitchBgColor);
  transition: 0.4s;
  border-radius: 4px;
}
.jp-ia .toggle-switch__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: var(--toggleColor);
  transition: 0.4s;
  border-radius: 2px;
}
.jp-ia .toggle-switch__slider--round {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggleSwitchBgColor);
  transition: 0.4s;
  border-radius: 10px;
}
.jp-ia .toggle-switch__slider--round:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: var(--toggleColor);
  transition: 0.4s;
  border-radius: 7px;
}
.jp-ia input:checked + .toggle-switch__slider,
.jp-ia input:checked + .toggle-switch__slider--round {
  background-color: var(--mainColor);
}
.jp-ia input:checked + .toggle-switch__slider:before,
.jp-ia input:checked + .toggle-switch__slider--round:before {
  transform: translateX(20px);
}

/* ############### Other elements ###############*/
/* Tooltips */
/* Styling of tooltips (different color schemes implemented by using css variables) */
/* THEME: DEFAULT/JP */
.tippy-box {
  color: var(--jpWhite);
  font-family: "GuardianTextSans", Arial, Helvetica, sans-serif;
}

.tippy-box[data-theme~=default],
.tippy-box[data-theme~=jp] {
  background-color: var(--jpRacingGreen);
  color: var(--jpWhite);
  font-family: "GuardianTextSans", Arial, Helvetica, sans-serif;
}

.tippy-box[data-theme~=default][data-placement^=top] > .tippy-arrow::before,
.tippy-box[data-theme~=jp][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--jpRacingGreen);
}

.tippy-box[data-theme~=default][data-placement^=bottom] > .tippy-arrow::before,
.tippy-box[data-theme~=jp][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--jpRacingGreen);
}

.tippy-box[data-theme~=default][data-placement^=left] > .tippy-arrow::before,
.tippy-box[data-theme~=jp][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--jpRacingGreen);
}

.tippy-box[data-theme~=default][data-placement^=right] > .tippy-arrow::before,
.tippy-box[data-theme~=jp][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--jpRacingGreen);
}

.jp-info-icon::after {
  content: "";
  display: inline-block;
  height: 1em;
  width: calc(0.9em + 7px);
  margin-left: 8px;
  margin-bottom: -0.1em;
  background-size: 0.9em 0.9em;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-image: var(--infoIcon);
}

/* THEME: FINANS */
.tippy-box[data-theme~=finans] {
  background-color: var(--jpFinansRed);
  font-family: "OpenSans", Arial, Helvetica, sans-serif;
}

.tippy-box[data-theme~=finans][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--jpFinansRed);
}

.tippy-box[data-theme~=finans][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--jpFinansRed);
}

.tippy-box[data-theme~=finans][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--jpFinansRed);
}

.tippy-box[data-theme~=finans][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--jpFinansRed);
}

/* THEME: JP LOKAL */
.tippy-box[data-theme~=jplokal] {
  background-color: var(--jpLokalPurple);
}

.tippy-box[data-theme~=jplokal][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--jpLokalPurple);
}

.tippy-box[data-theme~=jplokal][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--jpLokalPurple);
}

.tippy-box[data-theme~=jplokal][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--jpLokalPurple);
}

.tippy-box[data-theme~=jplokal][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--jpLokalPurple);
}/*# sourceMappingURL=style.css.map */