/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Footer/Footer.css ***!
  \**********************************************************************************************************************************************************/
.broker footer, .broker #description {
  font-family: "Roboto Slab", "sans-serif";
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/Header/Header.css ***!
  \**********************************************************************************************************************************************************/
.broker header, .broker #headline {
  font-family: "Roboto Slab", "sans-serif";
}

/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/roboto-slab/300.css ***!
  \**********************************************************************************************************************************************************************/
/* roboto-slab-cyrillic-ext-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(99913c5e22530b1c1f4e.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* roboto-slab-cyrillic-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(4d586858dad48dfb176d.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* roboto-slab-greek-ext-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(0c231e1b198f4bf6d6ae.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* roboto-slab-greek-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(1c522315358724993cba.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* roboto-slab-vietnamese-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(72ab4097ec352889ece1.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
/* roboto-slab-latin-ext-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(ba38f397e9179d9e4470.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* roboto-slab-latin-300-normal*/
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(8bf0426238d6d432eb92.woff2) format('woff2'), url(aae0e3e6966690c3bcbf.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/finland-selector/App.css ***!
  \******************************************************************************************************************************************************/

.finland-selector {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
  .finland-selector .finland-error {
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;

    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
  }

  .finland-selector .finland-bankid {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
  }

  .finland-selector .option {
    border: 1px solid #ccc;
    background: #FFF; /* Guard against colored backgrounds */
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 4px);
    box-sizing: border-box;
  }
  .finland-selector .option:focus-visible {
    border: 1px solid #999;
    outline: none;
  }
  .finland-selector .option.option-mpki-telia-1 {
    margin-top: 8px;
    text-decoration: none;
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    display: flex;
    flex-flow: row;
    gap: 8px;
  }
  .finland-selector .option.option-mpki-telia-emulator-1 {
    margin-top: 8px;
    text-decoration: none;
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    display: flex;
    flex-flow: row;
    gap: 8px;
  }

  .finland-selector .option.option-cancel {
    margin-top: 8px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    height: auto;
    width: auto;
    align-self: flex-start;
    padding: 8px 12px;
  }
    .finland-selector .option.option-cancel svg {
      width: 14px;
      height: 14px;
    }

  .finland-selector .option img {
    max-height: 34px;
    max-width: calc(100% - 65px);
  }
  
  .finland-selector .finland-display-name {
    text-align: center;
    font-family: "Roboto Slab", "sans-serif";
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin: 16px 0px;
  }

.finland-terms {
  max-width: 400px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  margin-top: 30px;
  text-align: center;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/criipto-verify-react-3/dist/criipto-verify-react.css ***!
  \*******************************************************************************************************************************************************************************************/
.criipto-eid-btn {
  padding: 6px 24px 6px 16px;
  height: 60px;
  box-sizing: border-box;
  text-decoration: none;
  border: 0;

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;

  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;

  color: #FFF;
  background: #604FED;
}

@media (max-width: 320px) {
  .criipto-eid-btn {
    padding-right: 6px;
    padding-left: 6px;
  }
}

.criipto-eid-btn:hover, .criipto-eid-btn:active {
  color: #FFF;
}

.criipto-eid-btn .criipto-eid-logo {
  width: 88px;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.criipto-eid-btn .criipto-eid-logo img {
  max-width: 100%;
  max-height: 100%;
}

.criipto-eid-btn.criipto-eid-btn--dk-mitid {
  background: #0060E6;
}
.criipto-eid-btn.criipto-eid-btn--dk-mitid:hover {
  background: #0051C3;
}

.criipto-eid-btn.criipto-eid-btn--dk-nemid {
  background: #0B6062;
}
.criipto-eid-btn.criipto-eid-btn--dk-nemid:hover {
  background: #094E50;
}

.criipto-eid-btn.criipto-eid-btn--se-bankid {
  background: #235971;
}
.criipto-eid-btn.criipto-eid-btn--se-bankid:hover {
  background: #1C485B;
}

.criipto-eid-btn.criipto-eid-btn--no-bankid {
  background: #39134C;
}
.criipto-eid-btn.criipto-eid-btn--no-bankid:hover {
  background: #2A0E38;
}

.criipto-eid-btn.criipto-eid-btn--no-vipps {
  background: #FF5B24;
}
.criipto-eid-btn.criipto-eid-btn--no-vipps:hover {
  background: #E85321;
}

.criipto-eid-btn.criipto-eid-btn--de-sofort {
  background: #EF809F;
}
.criipto-eid-btn.criipto-eid-btn--de-sofort:hover {
  background: #DE7794;
}

.criipto-eid-btn.criipto-eid-btn--de-yes {
  background: #4B47FA;
}
.criipto-eid-btn.criipto-eid-btn--de-yes:hover {
  background: #4340E0;
}

.criipto-eid-btn.criipto-eid-btn--nl-digid {
  background: #333333;
}
.criipto-eid-btn.criipto-eid-btn--nl-digid:hover {
  background: #111111;
}

.criipto-eid-btn.criipto-eid-btn--be-eid {
  background: #87CEA3;
}
.criipto-eid-btn.criipto-eid-btn--be-eid:hover {
  background: #78B891;
}

.criipto-eid-btn.criipto-eid-btn--itsme {
  background: #FD4825;
}
.criipto-eid-btn.criipto-eid-btn--itsme:hover {
  background: #E44020;
}

.criipto-eid-btn.criipto-eid-btn--fi {
  background: #333333;
}
.criipto-eid-btn.criipto-eid-btn--fi:hover {
  background: #111111;
}

.criipto-eid-btn.criipto-eid-btn--disabled, .criipto-eid-btn.criipto-eid-btn--disabled:hover {
  background: #D0D3EB;
}

.criipto-eid-btn .criipto-eid-loader::before {
  left: -18px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingFirst 1.5s infinite;
}

.criipto-eid-btn .criipto-eid-loader {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 18px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingSecond 1.5s infinite linear;
}

.criipto-eid-btn .criipto-eid-loader::before, .criipto-eid-btn .criipto-eid-loader::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}
.criipto-eid-btn .criipto-eid-loader::after {
  left: 18px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingLast 1.5s infinite;
}

@keyframes dotFlashingFirst {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  33% {
    background-color: rgba(255, 255, 255, 1);
  }
  66%, 100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes dotFlashingSecond {
  0%, 33% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  66% {
    background-color: rgba(255, 255, 255, 1);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes dotFlashingLast {
  0%, 66% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 1);
  }
}
.criipto-se-bankid-qr {
  background: #235971;
  padding: 16px;
}

.criipto-se-bankid-qr--help-text {
  color: #FFF;
  padding-bottom: 16px;
  display: flex;
  flex-flow: row;
  gap: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  align-items: center;
}

.criipto-se-bankid-qr--help-text img {
  height: 30px;
}
.criipto-eid-selector {
  display: flex;
  gap: 8px;
  flex-flow: column;
  padding: 20px;
  
  max-width: 500px;
}
.criipto-auth-popup-backdrop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.criipto-auth-popup-backdrop-background {
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.criipto-auth-popup-backdrop-content {
  width: 350px;
  z-index: 11;
  color: #FFF;
  display: flex;
  align-items: center;
  flex-direction: column;
}


/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/auth-method-selector/App.css ***!
  \**********************************************************************************************************************************************************/
.criipto-eid-selector {
  display: flex;
  gap: 8px;
  flex-flow: column;
  max-width: none;
}

.criipto-eid-selector .criipto-qr-code {
  display: none;
  background: rgb(186 188 215);
  color: rgb(16 24 40);
  padding: 24px;
}
.criipto-eid-selector .criipto-qr-code p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: rgb(16 24 40);
  margin: 0;
}

.criipto-eid-selector .criipto-qr-code button {
  background: transparent;
  display: inline;
  color: rgb(16 24 40);
  text-decoration: underline;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

@media (min-width: 896px) {
  .criipto-eid-selector {
    padding: 0px;
  }
  .criipto-eid-selector .criipto-qr-code {
    display: block;
  } 
}

.criipto-eid-selector .criipto-qr-element {
  margin-top: 16px;
}

.criipto-eid-selector .criipto-eid-btn.criipto-cancel-btn {
  cursor: pointer;
  text-align: center;
  border: 1px solid #ccc;
  background: transparent;
  color: #000;
}

.criipto-eid-btn .criipto-eid-logo svg {
  max-width: 100%;
  max-height: 100%;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/criipto-verify-react-4/dist/criipto-verify-react.css ***!
  \*******************************************************************************************************************************************************************************************/
.criipto-eid-btn {
  padding: 6px 24px 6px 16px;
  height: 60px;
  box-sizing: border-box;
  text-decoration: none;
  border: 0;

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;

  font-family: 'IBM Plex Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;

  color: #FFF;
  background: #604FED;
}

@media (max-width: 320px) {
  .criipto-eid-btn {
    padding-right: 6px;
    padding-left: 6px;
  }
}

.criipto-eid-btn:hover, .criipto-eid-btn:active {
  color: #FFF;
}

.criipto-eid-btn .criipto-eid-logo {
  width: 88px;
  height: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.criipto-eid-btn .criipto-eid-logo img {
  max-width: 100%;
  max-height: 100%;
}

.criipto-eid-btn.criipto-eid-btn--dk-mitid {
  background: #0060E6;
}
.criipto-eid-btn.criipto-eid-btn--dk-mitid:hover {
  background: #0051C3;
}

.criipto-eid-btn.criipto-eid-btn--dk-nemid {
  background: #0B6062;
}
.criipto-eid-btn.criipto-eid-btn--dk-nemid:hover {
  background: #094E50;
}

.criipto-eid-btn.criipto-eid-btn--se-bankid {
  background: #235971;
}
.criipto-eid-btn.criipto-eid-btn--se-bankid:hover {
  background: #1C485B;
}

.criipto-eid-btn.criipto-eid-btn--no-bankid {
  background: #39134C;
}
.criipto-eid-btn.criipto-eid-btn--no-bankid:hover {
  background: #2A0E38;
}

.criipto-eid-btn.criipto-eid-btn--no-vipps {
  background: #FF5B24;
}
.criipto-eid-btn.criipto-eid-btn--no-vipps:hover {
  background: #E85321;
}

.criipto-eid-btn.criipto-eid-btn--de-sofort {
  background: #EF809F;
}
.criipto-eid-btn.criipto-eid-btn--de-sofort:hover {
  background: #DE7794;
}

.criipto-eid-btn.criipto-eid-btn--de-yes {
  background: #4B47FA;
}
.criipto-eid-btn.criipto-eid-btn--de-yes:hover {
  background: #4340E0;
}

.criipto-eid-btn.criipto-eid-btn--nl-digid {
  background: #333333;
}
.criipto-eid-btn.criipto-eid-btn--nl-digid:hover {
  background: #111111;
}

.criipto-eid-btn.criipto-eid-btn--be-eid {
  background: #87CEA3;
}
.criipto-eid-btn.criipto-eid-btn--be-eid:hover {
  background: #78B891;
}

.criipto-eid-btn.criipto-eid-btn--itsme {
  background: #FD4825;
}
.criipto-eid-btn.criipto-eid-btn--itsme:hover {
  background: #E44020;
}

.criipto-eid-btn.criipto-eid-btn--fi {
  background: #333333;
}
.criipto-eid-btn.criipto-eid-btn--fi:hover {
  background: #111111;
}

.criipto-eid-btn.criipto-eid-btn--disabled, .criipto-eid-btn.criipto-eid-btn--disabled:hover {
  background: #D0D3EB;
}

.criipto-eid-btn .criipto-eid-loader::before {
  left: -18px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingFirst 1.5s infinite;
}

.criipto-eid-btn .criipto-eid-loader {
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: 18px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingSecond 1.5s infinite linear;
}

.criipto-eid-btn .criipto-eid-loader::before, .criipto-eid-btn .criipto-eid-loader::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}
.criipto-eid-btn .criipto-eid-loader::after {
  left: 18px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  animation: dotFlashingLast 1.5s infinite;
}

@keyframes dotFlashingFirst {
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  33% {
    background-color: rgba(255, 255, 255, 1);
  }
  66%, 100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes dotFlashingSecond {
  0%, 33% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  66% {
    background-color: rgba(255, 255, 255, 1);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes dotFlashingLast {
  0%, 66% {
    background-color: rgba(255, 255, 255, 0.2);
  }
  100% {
    background-color: rgba(255, 255, 255, 1);
  }
}
.criipto-se-bankid-qr {
  background: #235971;
  padding: 16px;
}

.criipto-se-bankid-qr--help-text {
  color: #FFF;
  padding-bottom: 16px;
  display: flex;
  flex-flow: row;
  gap: 16px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  align-items: center;
}

.criipto-se-bankid-qr--help-text img {
  height: 30px;
}

.criipto-se-bankid-qr-canvas {
  display: block;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  line-height: 0;
  box-sizing: border-box;
  width: 100%;
  background: transparent;
  cursor: pointer;
}

.criipto-se-bankid-qr-canvas img {
  max-width: 100%;
  max-height: 100%;
}

.criipto-se-bankid-qr-fullscreen {
  width: 100svw;
  height: 100svh;
  max-width: 100svw;
  max-height: 100svh;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: white;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 0;
}

.criipto-se-bankid-qr-fullscreen .criipto-se-bankid-qr-canvas {
  margin: 0 auto;
  width: auto;
  height: 100%;
}

.criipto-eid-selector {
  display: flex;
  gap: 8px;
  flex-flow: column;
  padding: 20px;
  
  max-width: 500px;
}
.criipto-auth-popup-backdrop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.criipto-auth-popup-backdrop-background {
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.criipto-auth-popup-backdrop-content {
  width: 350px;
  z-index: 11;
  color: #FFF;
  display: flex;
  align-items: center;
  flex-direction: column;
}


/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/DanishMitID.css ***!
  \*********************************************************************************************************************************************************/
.broker.broker-select-login .frame {
    color: #716f6c;
  }
  
  .broker.broker-select-login .frame .content {
    padding: 25px;
  }
  
  .broker.broker-select-login .frame a {
    color: #666461;
  }
  
  .broker .button {
    font-size: 18px;
    font-weight: 400;
  }
  
  .broker.broker-mitid #frame {
    display: flex;
    justify-content: center;
    flex-flow: column;
  }

  @media (min-width: 750px) {
    .broker.broker-mitid #frame {
        max-width: 416px;
    }
  }

  .broker.broker-mitid.screen-danishmitid-brokerlandingpage #frame {
    background: transparent;
  }

  .broker.broker-mitid #coreClientParent {
    display: block;
    min-height: 588px;
    box-shadow: 0px 0px 10px 0px rgba(12, 12, 12, 0.10);
    margin: 8px 8px 8px 8px;
  }
  
  .broker.broker-select-login .button-login {
    display: block;
    width: 100%;
    margin-bottom: 22px;
    height: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    border: 0;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
  }
  
  .broker.broker-select-login .button-login .logo {
    width: 160px;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .broker.broker-select-login .button-login .text {
    padding-left: 15px;
  }
  
  .broker.broker-select-login .button-vipps {
    background-color: #e26d38;
  }
  .broker.broker-select-login .button-vipps .logo {
    border-color: #e68255;
  }
  
  .broker.broker-select-login .button-dknemid {
    background-color: #447677;
  }
  .broker.broker-select-login .button-dknemid .logo {
    border-color: #618b8c;
  }
  
  .broker.broker-select-login .button-sebankid {
    background-color: #5b99b9;
  }
  
  .broker.broker-select-login .button-sebankid .logo {
    border-color: #73a9c4;
  }
  
  .broker.broker-select-login .button-nobankid {
    background-color: #39134d;
  }
  
  .broker.broker-select-login .button-nobankid .logo {
    border-color: #563767;
  }
  
  .broker .frame.with-header {
    border-top-left-radius: 7.5px;
    border-top-right-radius: 7.5px;
  }
  
  .broker .frame.with-header header {
      height: 73px;
      border-radius: 7.5px;
      border: 1px solid #e0dad3;
      background-color: #e2ded9;
      font-size: 28px;
      font-weight: 300;
      line-height: 25px;
      color: #666461;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .broker .frame {
    min-height: auto;
  }
  
  
  @media (min-width: 750px) {
      .broker.broker-mitid .frame {
          overflow-y: hidden;
      }
  }
  .broker.broker-mitid .mitid-border {
    padding: 10px;
  }
  @media (min-width: 750px) {
    .broker.broker-mitid .mitid-border {
        border: 1px solid #ccc;
        padding: 31px;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }
  }
  
  .mitid-border.centered-horizontal {
      display: flex;
      justify-content: center;
      flex-flow: column;
  }
  
  @media (min-width: 750px) {
      .dkmitid .dkmitid-cvr-select {
          height: auto;
          min-height: auto;
      }
  }
  
  .broker.broker-mitid .form-group label, .broker.broker-mitid .form-group input, .broker.broker-mitid .button {
      font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
  }
  
  .broker.broker-mitid .frame-error p, .broker.broker-mitid .frame-error label {
      width: 100%;
      font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
  }
  
      .broker.broker-mitid .frame-error p.error {
          color: red;
      }
      .broker.broker-mitid .frame-error p.trace {
        color: grey;
        font-size: 80%;
    }
  
      .broker.broker-mitid .form-group .input-text {
          border-radius: .25rem;
          outline: none;
          height: 48px;
          width: 100%;
          padding: 0 1rem;
          font-weight: 500 !important;
          font-size: 1rem;
          letter-spacing: 0;
          border: 1px solid rgba(0, 0, 0, .4);
          box-sizing: border-box;
          color: #333;
          margin-bottom: .8rem;
      }
  
      .broker.broker-mitid .form-group .input-text:hover {
          border: 2px solid #0060e6 !important;
          position: relative;
          right: 1px;
      }
  
      .broker.broker-mitid .form-group .input-text:focus {
          background: rgba(0,96,230,.05) !important;
          border: 2px solid #0060e6 !important;
          position: relative;
          right: 1px;
      }
  
  .broker.broker-mitid .form-group label {
      display: inline-block;
      font-weight: 700;
      margin-bottom: 8px;
      font-size: .875rem;
      line-height: 24px;
      text-transform: uppercase;
      letter-spacing: .2px;
      color: #333;
  }
  
  .broker.broker-mitid .form-group.checkbox {
      display: flex;
      gap: 8px;
  }
  
  .broker.broker-mitid .form-group .input-checkbox {
      width: 18px;
      height: 18px;
      display: inline-block;
      border: #001c44 solid 2px;
      border-radius: 3px;
      box-sizing: border-box;
  }
  
  
  .broker.broker-mitid .button {
      position: relative;
      width: 100%;
      cursor: pointer;
      letter-spacing: 0;
      line-height: 1.5rem;
      border-radius: 6px;
      border: none;
      display: inline-flex;
      align-items: center;
      text-align: center;
      box-sizing: border-box;
      -webkit-flex-shrink: 0;
      outline: none;
      font-weight: 600;
      font-size: .875rem;
      vertical-align: middle;
      margin-bottom: .8rem;
      padding: .25rem .75rem .25rem 1rem;
      text-transform: uppercase;
      letter-spacing: .8px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-radius: 6px;
      height: 3rem;
      font-weight: bold;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      text-decoration: none;
  }
  
  
  .broker.broker-mitid .button-primary {
      background: #0060e6;
      color: #fff;
  }
  
      .broker.broker-mitid .button-primary svg {
          fill: #fff;
      }
  
      .broker.broker-mitid .button-primary:hover {
          background: #004cb8;
      }
  
      .broker.broker-mitid .button-primary:disabled, .broker.broker-mitid .button-primary:disabled:hover {
          background: #e5e5e5;
          color: #fff;
      }
  
  .broker.broker-mitid .button-default {
      background: #FFF;
      outline: 1px solid #919191;
      border-radius: 4px;
      color: #071B41;
      text-transform: none;
      padding: 11px 17px;
      height: auto;
      min-height: 3rem;
      text-align: left;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      margin: 0;
      gap: 16px;
  }
      .broker.broker-mitid .button-default .text {
          flex-grow: 1;
      }
  
      .broker.broker-mitid .button-default svg {
          color: #071B41;
          fill: #071B41;
      }
  
      .broker.broker-mitid .button-default:hover {
          color: #0060E6;
          outline: 2px solid #0060E6;
      }
  
          .broker.broker-mitid .button-default:hover svg {
              color: #0060E6;
              fill: #0060E6;
          }
  
      .broker.broker-mitid .button-default:disabled, .broker.broker-mitid .button-default:disabled:hover {
          background: #e5e5e5;
          color: #fff;
      }
  
  .dkmitid-cvr-select p {
      margin-bottom: 8px;
  }
  .dkmitid-cvr-select .dkmitid-cvr-select-groups {
      display: flex;
      flex-flow: column;
      gap: 24px;
  }
  
  .broker.broker-mitid .dkmitid-cpr-form .form-group.checkbox {
      display: flex;
      flex-flow: row;
      align-items: center;
      position: relative;
  }
  
  .broker.broker-mitid .form-group.checkbox label {
      display: inline-block;
      margin-bottom: 0;
      font-weight: 500;
      color: #001c44;
      text-transform: none;
      font-size: 16px;
      position: relative;
      top: -1px;
  }
  
  .broker.broker-mitid .form-group.checkbox .input-checkbox {
      opacity: 0;
      cursor: pointer;
      position: absolute;
      top: 0px;
      left: 0px;
  }
  
  .broker.broker-mitid .form-group.checkbox .input-checkbox + .checkmark {
      width: 18px;
      height: 18px;
      display: block;
      border: #001c44 solid 2px;
      border-radius: 3px;
      box-sizing: border-box;
      margin-left: 2px;
      margin-right: 13px;
  }
  
  .broker.broker-mitid .form-group.checkbox .input-checkbox:hover + .checkmark {
      border-color: #0060e6;
  }
  
  .broker.broker-mitid .form-group.checkbox .input-checkbox:checked + .checkmark {
      background-image: url(d6ae527bf1da189b551d.svg);
      background-size: 18px 18px;
      border: none !important;
  }
  
  ul.company-list {
      list-style-type: none;
      margin: 0px 0px 0px 0px;
      padding: 0px;
      display: flex;
      flex-flow: column;
      gap: 10px;
  }
  
  .dkmitid .dkmitid-cvr-select p {
      font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
  }
  
  .broker-mitid.appswitch-done p {
      font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
      font-weight: 500;
      font-size: 20px;
      text-align: center;
      padding: 10px;
  }
  
  .broker-mitid.appswitch-done #frame {
      display: flex;
      align-items: center;
      justify-content: center;
  }
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/CvrSelect.css ***!
  \*******************************************************************************************************************************************************/
.company-selector {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 0 10px 30px;
}

.dkmitid .company-selector h2 {
    font-size: 20px;
    font-weight: 100;
    border-bottom: solid 1px #d6d6d6;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;}

.dkmitid .company-selector .company-list ul {
    padding: 0;
}

.dkmitid .company-selector .company-list ul li {
    list-style: none;
    padding: 10px 0 0 30px;
}

.dkmitid .company-selector .company-list ul li:first-child {
    padding-top: 0;
}

.dkmitid .company-selector .company-list ul li input[type="radio"] {
    margin: 4px 0 0 -30px;
    float: left;
}

.dkmitid .company-selector .company-list ul li .note {
    color: grey;
}

.dkmitid .company-selector .left {
    float: left;
}

.dkmitid .company-selector .company-buttons {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    padding-top: 12px;
}

.dkmitid .company-selector .company-button-continue {
    background-color: white;
    border-color: black;
    height: 36px;
    padding: 0 20px !important;
    margin: 0;
    min-width: 115px;
}

.dkmitid .company-selector .error {
    color: red
}

.dkmitid_cvrselect_api_error_warning {
    background-color: #fffedb;
    display: flex;
    padding: 10px 12px 12px 12px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-bottom: 8px;
}

.dkmitid_cvrselect_api_error_warning svg {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
}

.dkmitid_cvrselect_api_error_warning p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    flex: 1 0 0;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.14px;
    color: #25262b;
    white-space: pre-wrap;
    margin-bottom: 0;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/ibm-plex-sans/400.css ***!
  \************************************************************************************************************************************************************************/
/* ibm-plex-sans-cyrillic-ext-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(56b6c5df575156819cfa.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* ibm-plex-sans-cyrillic-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(2f77d85fb008b53d005a.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* ibm-plex-sans-greek-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(3a057227a4ac726b71f5.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* ibm-plex-sans-vietnamese-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(2e4166a1b8ecf1ee5e45.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
/* ibm-plex-sans-latin-ext-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(77bcbc5ecc8f4f2bbe06.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* ibm-plex-sans-latin-400-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(4d32b6c22a800bdf8260.woff2) format('woff2'), url(ac37447d88dc924364ce.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/Terms.module.css ***!
  \**********************************************************************************************************************************************************/
.ryMwRktRFXEhgaTX4Mo6 {
  color: #5A6192;
  font-family: IBM Plex Sans;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;

  max-width: 400px;
  margin: 0px auto 0px auto;
  padding: 14px 0px;

  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 12px;
}

.ryMwRktRFXEhgaTX4Mo6 .ydBv_cfEuEWLutiPGdtc {
  margin-top: 7px;
}

.ryMwRktRFXEhgaTX4Mo6 a, .ryMwRktRFXEhgaTX4Mo6 a:visited {
  text-decoration: underline;
  color: #5A6192;
}
/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/BrokerLandingPage.module.css ***!
  \**********************************************************************************************************************************************************************/
.kvowTZRfamKDpPbdOiYr {
  display: none;
}
.kvowTZRfamKDpPbdOiYr.R8DEt6j1NVdqGCknCD8x {
  display: block;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/components/LocalIdPTabs.module.css ***!
  \****************************************************************************************************************************************************************************/
.bLoymO2NseifghyGvNbz {
  border-bottom: 2px solid transparent;
  display: flex;
  flex-flow: row;
  gap: 8px;
  padding-top: 12px;
  margin: 0px 8px -8px 8px;
  z-index: 10;
}

.Ykm51PNiOJRtl7oT77_q {
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  padding: 0px 16px 7px 16px;
}

.Ykm51PNiOJRtl7oT77_q.RumqUkhQGDC9wMrAL5D3 {
    border-bottom: 2px solid #0060E6;
  }

.adlNrEl4y0WXXnSHzaoG img {
  height: 11.28px;
}
.bLNYR7ir6_c3Gyyif0xG img {
  height: 15.838px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/ibm-plex-sans/700.css ***!
  \************************************************************************************************************************************************************************/
/* ibm-plex-sans-cyrillic-ext-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(eb9f70f4c982e9432671.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* ibm-plex-sans-cyrillic-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(51aa7aad223cc9fb0fd3.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* ibm-plex-sans-greek-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(2b0a928418c8f8878236.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* ibm-plex-sans-vietnamese-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(7f5f30a20638d168526f.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
/* ibm-plex-sans-latin-ext-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(8500c1cbe3deb0f4ac49.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* ibm-plex-sans-latin-700-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(db8b76340f5e9fb22749.woff2) format('woff2'), url(d4eefc4dc1f95ff0547e.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/ibm-plex-sans/600.css ***!
  \************************************************************************************************************************************************************************/
/* ibm-plex-sans-cyrillic-ext-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(7a5e759883b08ebf2bc5.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* ibm-plex-sans-cyrillic-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(3705fee7c787a45e9ebe.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* ibm-plex-sans-greek-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(636e10e782086ff4b02a.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* ibm-plex-sans-vietnamese-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(7876fc64a674fe0c6c4f.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
/* ibm-plex-sans-latin-ext-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(73090c8b2d71cf4cbe65.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* ibm-plex-sans-latin-600-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(343ea5304f9ab1a7567b.woff2) format('woff2'), url(10428b83d16ec0dd1c67.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/ibm-plex-sans/500.css ***!
  \************************************************************************************************************************************************************************/
/* ibm-plex-sans-cyrillic-ext-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(17bc5885bfaace64d52f.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
/* ibm-plex-sans-cyrillic-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(bc2fa1551a7f6dd6fac1.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
/* ibm-plex-sans-greek-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(930522bca3ae8f9319b4.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0370-03FF;
}
/* ibm-plex-sans-vietnamese-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(6c8c3310116a9bf473a5.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}
/* ibm-plex-sans-latin-ext-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(4df16cd5d175486b7a6c.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* ibm-plex-sans-latin-500-normal*/
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(51f75d450b3474fa5f0e.woff2) format('woff2'), url(dfe890c7aba797c40f35.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/LocalIdp.module.css ***!
  \*************************************************************************************************************************************************************/
.vdkmnS80Fx52DcOPYubk {
  background: white;
  padding: 24px 16px;
  gap: 16px;
  display: flex;
  flex-flow: column;
  margin: 8px 8px 8px 8px;

  box-shadow: 0px 0px 10px 0px rgba(12, 12, 12, 0.10);
}

.bpLw6HRNn8Chrs9_oo5O {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
}

.bpLw6HRNn8Chrs9_oo5O img {
    height: 18px;
    margin-bottom: 3px;
  }

.bpLw6HRNn8Chrs9_oo5O h2 {
    font-family: "IBM Plex Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    margin: 0;
    padding: 0;
  }

.mxBsDW_lptsL_37bDxMx {
  position: relative;
}

.mxBsDW_lptsL_37bDxMx input {
    display: block;
    border: 2px solid #285EDE;
    border-radius: 4px;
    background: #F4F7FD;
    height: 48px;
    width: 100%;
    outline: none;
    padding: 0px 40px 0px 12px;
    box-sizing: border-box;

    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #262E52;
  }

.mxBsDW_lptsL_37bDxMx input:placeholder-shown {
    font-weight: 600;
    color: #333;
  }

.mxBsDW_lptsL_37bDxMx .vP2Q_ijz9B_avslkVZPj {
    position: absolute;
    top: 50%;
    right: 8px;
    cursor: pointer;
    height: 32px;
    width: 32px;
    margin-top: -16px;

    display: flex;
    align-items: center;
    justify-content: center;
  }

:is(.mxBsDW_lptsL_37bDxMx .vP2Q_ijz9B_avslkVZPj):hover {
      background-color: rgba(96, 79, 237, 0.10);
      border-radius: 50%;
    }

.guXWT9UKtUB6T270_EeC {
  overflow-y: auto;
  flex-grow: 1;
  min-height: 250px;
  max-height: 340px;
  position: relative;
}

.guXWT9UKtUB6T270_EeC ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

.guXWT9UKtUB6T270_EeC .sqog_lxQehBJelqCkMN5 {
    width: 100%;
    height: 44px;
    background: linear-gradient(189deg, rgba(248, 248, 248, 0.00) 7.16%, rgba(0, 0, 0, 0.07) 102.92%);
    position: sticky;
    bottom: 0px;
  }

.QBnPNJaIvpjNP4AKDp31 {
  border: 1px solid #FFF;
  border-bottom: 1px solid rgba(90, 97, 146, 0.20);
  cursor: pointer;
  text-decoration: none;
  display: block;
  display: flex;
  flex-flow: column;
}

.QBnPNJaIvpjNP4AKDp31 .dlnq0gXnX_dfYdA5DtxM {
    padding: 10px 12px 12px 12px;

    font-family: "IBM Plex Sans";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    color: #5A6192;
    text-decoration: none;
    box-sizing: border-box;
  }

.QBnPNJaIvpjNP4AKDp31 strong {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    color: #000;
  }

.QBnPNJaIvpjNP4AKDp31 .GpUCFMikkOYujfLPxSGh {
    white-space: nowrap;
  }

.QBnPNJaIvpjNP4AKDp31 .R4iY6MXyXdQ4YcqT2kj3 {
    display: flex;
    flex-flow: row;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 2px;
  }

.QBnPNJaIvpjNP4AKDp31:hover {
    border: 1px solid #0060E6;
    background: #F3F7FF;
    color: #0060E6;
  }

.QBnPNJaIvpjNP4AKDp31:hover strong {
      color: #0060E6;
    }

.QBnPNJaIvpjNP4AKDp31.lJSjQmwrx5htqb7ePIpz {
    border: 1px solid rgba(90, 97, 146, 0.20);
    gap: 2px;
    margin-bottom: 16px;
  }

.QBnPNJaIvpjNP4AKDp31.lJSjQmwrx5htqb7ePIpz:hover {
      border: 1px solid #0060E6;
    }

.QBnPNJaIvpjNP4AKDp31.lJSjQmwrx5htqb7ePIpz .nfKVwZPdIgm011KSe_Y1 {
      padding: 4px 12px;
      background: #385BEA;
      align-self: flex-start;

      color: #FFF;
      font-family: "IBM Plex Sans";
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 19px; /* 146.154% */
      letter-spacing: -0.26px;
    }

@keyframes Xe3r_gdOgKcJWaqHBbqU {
  0% {
    /* transform:  translate(0px, 0px) rotate(0deg); transform-origin: 0.5px 5.6px; */
    width: 1px;
  }
  50% {
    /* transform:  translate(0px, 0px) rotate(0deg); transform-origin: 108.5px 5.6px; */
    width: 217px;
  }
  100% {
    width: 1px;
  }
} 

.kvMfv9VKIMoLmhKsOAku {
  min-height: 24.8rem;
  justify-content: center;
  align-items: center;
} 

.kvMfv9VKIMoLmhKsOAku .Xe3r_gdOgKcJWaqHBbqU {
    width: 217px;
  } 

:is(.kvMfv9VKIMoLmhKsOAku .Xe3r_gdOgKcJWaqHBbqU) .e9mOJsUCYRGqoS8g2Bc_ {
      height: 12px;
      background: rgb(96, 79, 237);
      width: 1px;
      animation: Xe3r_gdOgKcJWaqHBbqU 3s linear 0s forwards infinite;
    } 

.kvMfv9VKIMoLmhKsOAku {

  color: #000;

  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.4px; /* 140% */
  letter-spacing: -0.48px;
}

.gVHx794N8P32D00N7_P3 {
  color: #333;
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;

  display: flex;
  flex-flow: row;
  align-items: center;
  cursor: pointer;
  gap: 16px;
}

.gVHx794N8P32D00N7_P3 input {
    accent-color: rgba(40, 94, 222, 1);
    height: 16px;
    margin: 0px 0px 0px 10px;
  }

.gVHx794N8P32D00N7_P3 label {
    cursor: pointer;
  }
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DanishMitID/SessionStale.module.css ***!
  \*****************************************************************************************************************************************************************/
.UhOmjzGuLH8kkfcDlJXi {
  font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;

  display: inline-block;
  font-weight: 700;
  margin-bottom: 8px;
  font-size: .875rem;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: .2px;
  color: #333;
}

.mZUITuXCYlFqWMMnj42q {
  font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
}

.HpFWdS_gUb1xUJa7yicA {
  font-family: "IBM Plex Sans",Arial,Helvetica,FreeSans,sans,sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #001c44;
  text-decoration: none;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/SwedishBankID/SwedishBankID.unified.css ***!
  \*********************************************************************************************************************************************************************/
.default-hidden, .sebankid .default-hidden {
  display: none;
}

.desktop-show {
  display: none;
}

@media (min-width: 750px) {
  .desktop-show, .sebankid .desktop-show {
      display: block;
  }

  span.desktop-show {
      display: inline;
  }
}

.is-android .is-android-show {
  display: inherit;
}

.is-android .is-android-hide {
  display: none;
}

.is-ios .is-ios-hide {
  display: none;
}

.is-not-ios .is-not-ios-show {
  display: block;
}

.has-error .has-error-hide, .has-error .is-android-show.has-error-hide {
  display: none;
}

.has-error .has-error-show {
  display: block;
}

.has-error span.has-error-show {
  display: inline;
}


body.sebankid {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.sebankid p {
  margin: 0px 0px 10px 0px;
}

.sebankid .frame {
  padding: 10px;
}

.sebankid .form-group label {
  margin-bottom: 10px;
}

.sebankid .form-group label, .sebankid .form-group .input-text {
  width: 100%;
  display: block
}

.sebankid .form-group .input-text {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 1px;
  outline: none;
  box-sizing: border-box;
}

.sebankid .form-group .input-text:hover, .sebankid .form-group .input-text:focus {
  border-color: #727272;
}

.sebankid .form-group + .button {
  margin-top: 10px;
}

.sebankid .button {
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  min-width: 160px;
  text-decoration: none;
}

.sebankid .button.button-primary {
  background: #225971;
  color: #FFF;
}

.sebankid .text-center {
  text-align: center;
}

.sebankid p.error {
  color: #D0021B;
}

.sebankid .form-group .input-text.invalid + .input-validation-error {
  display: inline;
  color: #D0021B;
  font-size: 75%;
}

.sebankid .frame .qr-code {
  width: 240px;
  height: 240px;
  padding-bottom: 10px;
}

.sebankid .sebankid-another-device-qr img, .sebankid .sebankid-another-device-qr canvas {
  width: 100%;
}

.sebankid .sebankid-another-device-qr #sebankid_anotherdevice_ssn_formgroup {
  margin-top: 10px;
}

.sebankid .spinner,
.sebankid .spinner:after {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.sebankid .spinner {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(34,89,113, 0.2);
  border-right: 1.1em solid rgba(34,89,113, 0.2);
  border-bottom: 1.1em solid rgba(34,89,113, 0.2);
  border-left: 1.1em solid #225971;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/SwedishBankID/SwedishBankID.2025-04-01.css ***!
  \************************************************************************************************************************************************************************/
.default-hidden, .sebankid .default-hidden {
    display: none;
}

.desktop-show {
    display: none;
}

@media (min-width: 750px) {
    .desktop-show, .sebankid .desktop-show {
        display: block;
    }

    span.desktop-show {
        display: inline;
    }
}

.is-android .is-android-show {
    display: inherit;
}

.is-android .is-android-hide {
    display: none;
}

.is-ios .is-ios-hide {
    display: none;
}

.is-not-ios .is-not-ios-show {
    display: block;
}

.has-error .has-error-hide, .has-error .is-android-show.has-error-hide {
    display: none;
}

.has-error .has-error-show {
    display: block;
}

.has-error span.has-error-show {
    display: inline;
}


body.sebankid {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.sebankid.version-2025-04-01 p {
        margin: 0px 0px 10px 0px;
    }

.sebankid.version-2025-04-01 .frame {
        padding: 10px;
    }

.sebankid.version-2025-04-01 .form-group label {
        margin-bottom: 10px;
    }

.sebankid.version-2025-04-01 .form-group label,.sebankid.version-2025-04-01 .form-group .input-text {
        width: 100%;
        display: block
    }

.sebankid.version-2025-04-01 .form-group .input-text {
        display: block;
        width: 100%;
        height: 40px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 1px;
        outline: none;
        box-sizing: border-box;
    }

.sebankid.version-2025-04-01 .button {
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
        padding: 10px 12px;
        border: 0;
        border-radius: 4px;
        font-size: 14px;
        line-height: 1.42857143;
        text-align: center;
        min-width: 160px;
        text-decoration: none;
    }

.sebankid.version-2025-04-01 .form-group .input-text:hover,.sebankid.version-2025-04-01 .form-group .input-text:focus {
        border-color: #727272;
    }

.sebankid.version-2025-04-01 .form-group + .button {
        margin-top: 10px;
    }

.sebankid.version-2025-04-01 .button.button-primary {
        background: #225971;
        color: #FFF;
    }

.sebankid.version-2025-04-01 .text-center {
        text-align: center;
    }

.sebankid.version-2025-04-01 p.error {
        color: #D0021B;
    }

.sebankid.version-2025-04-01 .form-group .input-text.invalid + .input-validation-error {
        display: inline;
        color: #D0021B;
        font-size: 75%;
    }

.sebankid.version-2025-04-01 .qr-code {
        width: 240px;
        height: 240px;
        padding: 0;
        padding-bottom: 10px;
        display: block;
        border: 0;
        outline: none;
        margin: 0 auto;
        line-height: 0;
        box-sizing: border-box;
        background: transparent;
        cursor: pointer;
    }

.sebankid.version-2025-04-01 .qr-code img,.sebankid.version-2025-04-01 .qr-code canvas {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }

.sebankid.version-2025-04-01 .qr-code-fullscreen {
        width: 100svw;
        height: 100svh;
        max-width: 100svw;
        max-height: 100svh;
        position: fixed;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
        background: white;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        border: 0;
    }

.sebankid.version-2025-04-01 .qr-code-fullscreen .qr-code {
        margin: 0 auto;
        width: auto;
        height: 100%;
        max-width: 100svmin;
        max-height: 100svmin;
        aspect-ratio: 1/1;
    }

.sebankid.version-2025-04-01 .spinner,.sebankid.version-2025-04-01 .spinner:after {
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }

.sebankid.version-2025-04-01 .spinner {
        margin: 0px auto;
        font-size: 10px;
        position: relative;
        text-indent: -9999em;
        border-top: 1.1em solid rgba(34,89,113, 0.2);
        border-right: 1.1em solid rgba(34,89,113, 0.2);
        border-bottom: 1.1em solid rgba(34,89,113, 0.2);
        border-left: 1.1em solid #225971;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
    }
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/DutchIdin/SelectBank.module.css ***!
  \*************************************************************************************************************************************************************/
body.screen-dutchidin-selectbank {
  background: #FBFBFB;
}

.broker .mzvOleCTkVDJKXlKI3DV {
    padding: 0px 24px;
    background: transparent;
  }

@media (min-width: 750px) {
    .broker .mzvOleCTkVDJKXlKI3DV {
      overflow-y: unset;
      padding: 0px;
    }
  }

.ilILLpJ_HYJfDDX424L2.broker #headline {
    display: block;
    margin-top: 24px;
    margin-bottom: 32px;

    color: #000;

    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 37.2px */
    letter-spacing: -0.9px;
  }

@media (min-width: 750px) {
    .ilILLpJ_HYJfDDX424L2.broker #headline {
      margin-top: 48px;
    }
  }

.dYWlx0UM09gCTTC0FFxA {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.xG8Iw5QXJshvve0twWYl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 4px);

  height: 60px;
  padding: 0px 24px;
  box-sizing: border-box;

  border-radius: 2px;
  background: #FFF;

  /* eID & bank btn dropshadow */
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}

.xG8Iw5QXJshvve0twWYl:hover {
    background: rgba(96, 79, 237, 0.10)
  }

.xG8Iw5QXJshvve0twWYl:focus,.xG8Iw5QXJshvve0twWYl:active,.xG8Iw5QXJshvve0twWYl:focus-visible {
    background: #FFF;
    box-shadow: 0px 0px 0px 4px rgba(0, 9, 129, 0.14);
    outline: none;
  }

.wThzlFkE0rmf7LmvRkpv {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wThzlFkE0rmf7LmvRkpv .aEMpSZ_GVmCS6UdvZf1N {
    display: flex;
    height: 40px;
    box-sizing: border-box;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    text-decoration: none;

    border: 1px solid rgba(90, 97, 146, 0.30);
    box-shadow: 0px 1px 2px 0px rgba(38, 46, 82, 0.05);

    color: #424974;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }

:is(.wThzlFkE0rmf7LmvRkpv .aEMpSZ_GVmCS6UdvZf1N):hover {
      background: rgba(96, 79, 237, 0.10)
    }

:is(.wThzlFkE0rmf7LmvRkpv .aEMpSZ_GVmCS6UdvZf1N):focus,:is(.wThzlFkE0rmf7LmvRkpv .aEMpSZ_GVmCS6UdvZf1N):active,:is(.wThzlFkE0rmf7LmvRkpv .aEMpSZ_GVmCS6UdvZf1N):focus-visible {
      background: #FFF;
      box-shadow: 0px 0px 0px 4px rgba(0, 9, 129, 0.14);
      outline: none;
    }
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/GermanAdesso/SelectFlow.module.css ***!
  \****************************************************************************************************************************************************************/
.kXLciP3uLKGzhVcc1Mri {
  display: flex;
  width: 400px;
  flex-direction: column;
  align-items: center;
  padding: 0 48px;
  margin: 0 auto;
}

@media (max-width: 500px) {
  :scope .kXLciP3uLKGzhVcc1Mri {
    width: auto;
    padding: 16px;
  }
}

.broker {
  background-color: #FBFBFB;
}

.broker .fltQDPKd_nwqLGrCHr6s {
    background-color: transparent;
  }

@media (min-width: 750px) {
    .broker .fltQDPKd_nwqLGrCHr6s {
      overflow-y: unset;
    }
  }

.fltQDPKd_nwqLGrCHr6s {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

#headline.desktop-show.default-hidden.ShDbSg7HE5TKBEfu289l {
  display: flex;
}

.ShDbSg7HE5TKBEfu289l {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  overflow-wrap: break-word;
}

h1#headline.ShDbSg7HE5TKBEfu289l {
  margin-bottom: 56px;
}

.ShDbSg7HE5TKBEfu289l span {
  color: #1D4A73;
  text-align: center;
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.96px;
}

.PrBRbByLQf9E_4hPfmcc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.pI9SAbUrl9HGk6ZvaFFy {
  display: flex;
  align-items: center;
  border-radius: 24px;
  background: #3375B1;
  align-self: stretch;
}

.pI9SAbUrl9HGk6ZvaFFy a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 24px;
  gap: 16px;
  align-self: stretch;
  text-decoration: none;
}

.aQJ9FXYin7KDUAVSpKsH {
  display: flex;
  height: 36px;
  padding: 2px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.aQJ9FXYin7KDUAVSpKsH svg {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.pI9SAbUrl9HGk6ZvaFFy a span {
  color: var(--Brand-color-White, #FFF);
  background-color: transparent;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.BSrbWvgcwqkYvlzCdm29 {
  width: 142.105px;
  height: 36px;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/SwedishFrejaID/SwedishFrejaID.2025-04-01.css ***!
  \**************************************************************************************************************************************************************************/
.sefrejaid.version-2025-04-01, .sefrejaid.version-initial, .sefrejaid.version-unified {
  background: #FAF9FA;
}

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .frame {
    background: #FAF9FA;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) a {
    text-decoration: none;
    text-decoration-line: none;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .underline {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    align-self: stretch;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) body {
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    background: #FAF9FA;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_selectdevice_frame {
    display: flex;
    width: 100%;
    padding: 0 18px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: auto;
    min-height: 400px;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_selectdevice_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_selectdevice_header) span {
      align-self: stretch;
      color: #3E3A94;
      text-align: center;
      font-family: Montserrat;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%; /* 38.4px */
      letter-spacing: -0.96px;
    }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-mobile {
    display: flex;
    padding: 18px 72px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 14px;
    background: #3E3A93;
    display: flex;
    gap: 16px;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-mobile) .sefrejaid-logo {
      display: flex;
      width: 20px;
      height: 20px;
      justify-content: center;
      align-items: center;
    }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-mobile) span {
      color: #FFF;
      font-family: Montserrat;
      font-size: 15px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px; /* 133.333% */
    }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-desktop {
    display: block;
    align-self: stretch;
    padding: 10px;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-desktop) span {
      color: #3E3A94;
      text-align: center;
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%; /* 16.8px */
      letter-spacing: -0.42px;
    }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_switch_view_button {
    display: block;
    padding: 10px;
    cursor: pointer;
    align-self: stretch;
    color: #3E3A94;
    background: #FAF9FA;
    border: none;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.42px;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-cancel-button {
    display: block;
    padding: 10px;
    margin-top: 12px;
    cursor: pointer;
    color: #3E3A94;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.42px;
    width: 100%;
    box-sizing: border-box;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-qrcode-container {
    display: flex;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #FFF;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-qrcode-container) .qr-code {
      width: 199px;
      height: 199px;
      aspect-ratio: 1/1;
      padding-bottom: 0;
    }

@media (max-width: 500px) {
    :is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) body {
      display: flex;
      padding: 56px 24px 24px 24px;
      flex-direction: column;
      align-items: center;
      gap: 32px;
      flex: 1 0 0;
      align-self: stretch;
    }

    :is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_selectdevice_frame {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 56px;
      flex: 1 0 0;
      align-self: stretch;
    }

    :is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid-startapp-mobile {
      padding: 18px 30px;
    }
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .qr-code {
    width: 240px;
    height: 240px;
    padding: 0;
    padding-bottom: 10px;
    display: block;
    border: 0;
    outline: none;
    margin: 0 auto;
    line-height: 0;
    box-sizing: border-box;
    background: transparent;
    cursor: pointer;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .qr-code img,:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .qr-code canvas {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .qr-code-fullscreen {
    width: 100svw;
    height: 100svh;
    max-width: 100svw;
    max-height: 100svh;
    box-sizing: border-box;
    position: fixed;
    padding: 0;
    margin: 0;
    background: white;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 0;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .qr-code-fullscreen .qr-code {
    margin: 0 auto;
    width: auto;
    height: 100%;
    max-width: 100svmin;
    min-width: 100svmin;
    aspect-ratio: 1/1;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .spinner,:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .spinner:after {
    border-radius: 50%;
    width: 25px;
    height: 25px;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) .spinner {
    margin: 10px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(34,89,113, 0.2);
    border-right: 1.1em solid rgba(34,89,113, 0.2);
    border-bottom: 1.1em solid rgba(34,89,113, 0.2);
    border-left: 1.1em solid #225971;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame {
    background: #FAF9FA;
    display: flex;
    min-height: 400px;
    width: 100%;
    padding: 0 18px;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content {
      display: flex;
      width: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 56px;
      flex: 1 0 0;
    }

:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_icon {
        display: flex;
        height: 40px;
        justify-content: center;
        align-items: center;
      }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_icon) svg {
          color: #F13A3A;
          text-align: center;
          font-family: "Font Awesome 6 Sharp";
          font-size: 40px;
          font-style: normal;
          font-weight: 300;
          line-height: normal;
        }

:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_texts {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
      }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_texts) #sefrejaid_error_header {
          color: #3E3A94;
          text-align: center;
          font-family: Montserrat;
          font-size: 32px;
          font-style: normal;
          font-weight: 500;
          line-height: 120%; /* 38.4px */
          letter-spacing: -0.96px;
        }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_texts) #sefrejaid_error_message {
          color: #3E3A94;
          text-align: center;
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 120%; /* 16.8px */
          letter-spacing: -0.42px;
        }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_error_frame) #sefrejaid_error_content) #sefrejaid_error_texts) p.error {
          color: #F13A3A;
          text-align: center;
          font-family: Montserrat;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 120%; /* 16.8px */
          letter-spacing: -0.42px;
        }

:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame {
    background: #FAF9FA;
    display: flex;
    min-height: 400px;
    width: 100%;
    padding: 0 18px;
  }

:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame) #sefrejaid_cancel_content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 56px;
      flex: 1 0 0;
      align-self: stretch;
    }

:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame) #sefrejaid_cancel_content) #sefrejaid_cancel_icon {
        display: flex;
        height: 40px;
        justify-content: center;
        align-items: center;
      }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame) #sefrejaid_cancel_content) #sefrejaid_cancel_icon) svg {
          color: #3E3A93;
          text-align: center;
          font-family: "Font Awesome 6 Sharp";
          font-size: 40px;
          font-style: normal;
          font-weight: 300;
          line-height: normal;
        }

:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame) #sefrejaid_cancel_content) #sefrejaid_cancel_texts {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        align-self: stretch;
      }

:is(:is(:is(:is(.sefrejaid.version-2025-04-01,.sefrejaid.version-initial,.sefrejaid.version-unified) #sefrejaid_cancel_frame) #sefrejaid_cancel_content) #sefrejaid_cancel_texts) #sefrejaid_cancel_message {
          color: #3E3A94;
          text-align: center;
          font-family: Montserrat;
          font-size: 32px;
          font-style: normal;
          font-weight: 500;
          line-height: 120%; /* 38.4px */
          letter-spacing: -0.96px;
        }

@-webkit-keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/montserrat/500.css ***!
  \*********************************************************************************************************************************************************************/
/* montserrat-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(08ff551982b9abf630ff.woff2) format('woff2'), url(9f2c3a9e5beaf9408411.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(b701f38346f6d7cbafff.woff2) format('woff2'), url(acd960aaeb8f214351f9.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(f8b7fcaeccd685703aa2.woff2) format('woff2'), url(7d7107078c95be1d259b.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(91891e01d96209caa267.woff2) format('woff2'), url(c40003ec0c664ddfe8a7.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-500-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(f03befcb0404b9b1747f.woff2) format('woff2'), url(2f4a3db6e1ac2d366123.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/@fontsource/montserrat/700.css ***!
  \*********************************************************************************************************************************************************************/
/* montserrat-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(7d92c8b85c66f1cece22.woff2) format('woff2'), url(4290c9c6d0e21ec5c5b2.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(a22f10575dcc18a887d2.woff2) format('woff2'), url(54793177bd05c18a69dd.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(cd83d7401bc6127f0d5c.woff2) format('woff2'), url(3492a03ebd83c21d6fcc.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* montserrat-latin-ext-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(35ae035fb77247440b26.woff2) format('woff2'), url(6c3c83e763b9c70c4bc7.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* montserrat-latin-700-normal */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(f26608f1996828b9e0d4.woff2) format('woff2'), url(8ee8b516892b1fa0a70b.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/screen-entry.css ***!
  \**********************************************************************************************************************************************/
body {
    
}

#criipto_react_root, #storybook-root {
  height: 100%;
}

@media (min-width: 750px) {
  #criipto_react_root, #storybook-root {
    height: auto;
  }
}

/*# sourceMappingURL=screen-entry.b1a181530a92df67a14d.css.map*/