/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html [type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit;
}

@media only screen and (max-width: 819px) {
    .hidden-small {
        display:none !important
    }
}

@media only screen and (min-width: 820px) {
    .hidden-large {
        display:none !important
    }
}

#responsiveHelpers {
    position: absolute;
    bottom: 0;
    width: 3px;
    height: 1px
}

#responsiveHelpers .responsiveHelpers-small {
    width: 1px;
    height: 1px;
    display: none
}

@media only screen and (max-width: 819px) {
    #responsiveHelpers .responsiveHelpers-small {
        display:block
    }
}

.error-icon {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' focusable='false' width='100' height='100' viewBox='0 0 100 100'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(0, 0) scale(1)'%3e%3cpath d='M50 41.042a129.017 129.017 0 01-17.6-1.2 10.7 10.7 0 01-7.5-5 10.096 10.096 0 01-1.312-3.298C11.61 34.514 7 38.74 7 41c0 5.1 16.8 12.4 43 12.4S93 46.1 93 41c0-2.26-4.61-6.485-16.588-9.456a10.096 10.096 0 01-1.312 3.298 10.7 10.7 0 01-7.6 5 119.01 119.01 0 01-16.9 1.2H50zm25.283-16.86a27.501 27.501 0 00-50.566 0C8.94 27.482 0 33.547 0 41c0 9.734 14.574 15.883 32.462 18.27L15 81.9l3.4 2A62.2 62.2 0 0050 92.5a62 62 0 0032-8.9l3.4-2.1-17.227-22.317C85.77 56.736 100 50.619 100 41c0-7.453-8.94-13.517-24.717-16.818zM59.991 60.04c-3.296.239-6.647.359-9.991.359-3.125 0-6.256-.105-9.343-.314L25.5 79.8a55.3 55.3 0 0049.5-.3L59.991 60.041zM50 14.541a20.6 20.6 0 00-19.4 13.8 3.3 3.3 0 00.3 2.9 3.1 3.1 0 002.5 1.6 123.21 123.21 0 0017.2 1.2 107.72 107.72 0 0016-1.2 3.2 3.2 0 002.5-1.7 3.1 3.1 0 00.3-2.8 20.6 20.6 0 00-19.4-13.8zM20 46a4 4 0 100-8 4 4 0 000 8zm34 1.5a4 4 0 11-8 0 4 4 0 018 0zm28.5-5a4 4 0 11-8 0 4 4 0 018 0z' fill='%230E0E0F'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-position: center;
    background-size: 124px 124px;
    display: block;
    height: 84px;
    margin: 0 auto 30px auto;
    width: 124px
}

@media only screen and (max-width: 819px) {
    .error-icon {
        margin-top:20px
    }
}

.smooothicon {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Input-/-Field,-With-Icon-/-Filled,-With-label' transform='translate(-15.000000, -20.000000)'%3E%3Cg id='Icon-/-Placeholder-/-20px' transform='translate(15.000000, 20.000000)'%3E%3Cg id='Icon'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Ccircle id='Oval' stroke='%2349494A' stroke-width='1.5' cx='10' cy='10' r='9.25'%3E%3C/circle%3E%3Cpath d='M1,1 L19,19' id='Line' stroke='%2349494A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M1,1 L19,19' id='Line' stroke='%2349494A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' transform='translate(10.000000, 10.000000) scale(-1, 1) translate(-10.000000, -10.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center
}

.smooothicon-clear {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='22px' viewBox='0 0 32 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Keyboard-/-Number-pad,-With-placeholder' transform='translate(-286.000000, -319.000000)' stroke='%2349494A' stroke-width='2'%3E%3Cg id='Keyboard' transform='translate(0.000000, 85.000000)'%3E%3Cg id='Key' transform='translate(253.000000, 215.000000)'%3E%3Cg id='Icon' transform='translate(34.000000, 20.000000)'%3E%3Cpath d='M7.78098334,-2.27388753e-13 L28.5,-2.27788816e-13 L28.5,-2.31592523e-13 C29.3284271,-2.2953733e-13 30,0.671572875 30,1.5 L30,18.5 L30,18.5 C30,19.3284271 29.3284271,20 28.5,20 L7.78098334,20 L7.78098334,20 C7.29151265,20 6.83282847,19.7611835 6.55213546,19.3601935 L0.200711821,10.2867312 L0.200711821,10.2867312 C0.0801997675,10.1145711 0.0801997675,9.8854289 0.200711821,9.71326883 L6.55213546,0.639806483 L6.55213546,0.639806483 C6.83282847,0.238816467 7.29151265,-2.28384633e-13 7.78098334,-2.28039809e-13 Z' id='Button'%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round' transform='translate(17.000000, 10.000000) scale(-1, 1) translate(-17.000000, -10.000000) '%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-chevron-rounded-down {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%2349494A'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-chevron-rounded-up {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-90.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%2349494A'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-sad-robot {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 76.5 51.2' style='enable-background:new 0 0 76.5 51.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%2349494A;stroke-width:2.131;stroke-linecap:round;stroke-linejoin:round;} .st1{fill:%2349494A;} %3C/style%3E%3Ctitle%3E2017_Icon_Error%3C/title%3E%3Crect x='12.8' y='10' class='st0' width='50.9' height='39.1'/%3E%3Cpolyline class='st0' points='57.9,37.8 51.3,34.4 44.8,37.8 38.3,34.4 31.7,37.8 25.2,34.4 18.6,37.8 '/%3E%3Cpath class='st0' d='M12.8,36.3c-4.9,0-8.8-4-8.8-8.8s4-8.8,8.8-8.8'/%3E%3Cpath class='st0' d='M63.7,36.3c4.9,0,8.8-4,8.8-8.8s-4-8.8-8.8-8.8'/%3E%3Cline class='st0' x1='4' y1='27.5' x2='4' y2='4.2'/%3E%3Ccircle class='st1' cx='4' cy='4.2' r='2.9'/%3E%3Cline class='st0' x1='72.5' y1='27.5' x2='72.5' y2='4.2'/%3E%3Ccircle class='st1' cx='72.5' cy='4.2' r='2.9'/%3E%3Crect x='28.6' y='5.8' class='st0' width='19.3' height='4.2'/%3E%3Cline class='st0' x1='24' y1='19.9' x2='30.3' y2='26.2'/%3E%3Cline class='st0' x1='24' y1='26.2' x2='30.3' y2='19.9'/%3E%3Cline class='st0' x1='52.5' y1='19.9' x2='46.2' y2='26.2'/%3E%3Cline class='st0' x1='52.5' y1='26.2' x2='46.2' y2='19.9'/%3E%3C/svg%3E")
}

.smooothicon-hint {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%2349494A' d='M1.13 7.5a6.37 6.37 0 1 1 12.74 0 6.37 6.37 0 0 1-12.74 0zM0 7.5a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0z'/%3E%3Cpath fill='%2349494A' d='M7.13 9a1.12 1.12 0 1 0 0 2.25c.62 0 1.12-.5 1.12-1.12C8.25 9.5 7.75 9 7.13 9M8.16 4.18c.35.1.41.31.43.38.09.29.02.39-.39.8-.45.46-1.07 1.08-1.07 2.33a.56.56 0 1 0 1.12 0c0-.79.35-1.13.75-1.53.4-.41.96-.97.67-1.93A1.68 1.68 0 0 0 8.49 3.1a2.59 2.59 0 0 0-2.29.43.56.56 0 0 0-.07.79c.2.24.55.27.79.07.3-.24.84-.33 1.24-.21'/%3E%3C/svg%3E")
}

.smooothicon-chevron-rounded-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath fill='%2349494A' d='M1.75 13a.73.73 0 0 1-.52-.21.75.75 0 0 1-.02-1.06l4.08-4.21a.75.75 0 0 0 0-1.04L1.21 2.27a.75.75 0 0 1 .02-1.06.75.75 0 0 1 1.06.02l4.08 4.21c.84.87.84 2.24 0 3.12l-4.08 4.21a.76.76 0 0 1-.54.23'/%3E%3C/svg%3E")
}

.smooothicon-klarna {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='70px' height='15px' viewBox='0 0 70 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='[HPP]-L' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Success' transform='translate(-346.000000, -548.000000)' fill='%2349494A'%3E%3Cg id='Modal' transform='translate(230.000000, 127.000000)'%3E%3Cg id='Info-Bar'%3E%3Cpath d='M116,435.767932 L119.037975,435.767932 L119.037975,421 L116,421 L116,435.767932 Z M123.57384,429.333333 C125.810127,427.308017 127.244726,424.481013 127.244726,421 L124.227848,421 C124.227848,424.417722 122.308017,427.160338 119.438819,428.763713 L124.565401,435.767932 L128.299578,435.767932 L123.57384,429.333333 Z M129.897679,435.767932 L132.809072,435.767932 L132.809072,421 L129.897679,421 L129.897679,435.767932 Z M143.035865,425.556962 L145.820675,425.556962 L145.820675,435.767932 L143.035865,435.767932 L143.035865,434.860759 C142.276371,435.599156 141.242616,436 140.018987,436 C137.065401,436 134.723629,433.637131 134.723629,430.662447 C134.723629,427.687764 137.065401,425.324895 140.018987,425.324895 C141.242616,425.324895 142.276371,425.725738 143.035865,426.464135 L143.035865,425.556962 Z M140.314346,433.299578 C141.85443,433.299578 143.035865,432.118143 143.035865,430.662447 C143.035865,429.206751 141.85443,428.025316 140.314346,428.025316 C138.774262,428.025316 137.592827,429.206751 137.592827,430.662447 C137.592827,432.118143 138.774262,433.299578 140.314346,433.299578 Z M151.32173,426.886076 L151.32173,425.556962 L148.53692,425.556962 L148.53692,435.767932 L151.406118,435.767932 L151.406118,431.274262 C151.406118,429.35443 152.629747,428.637131 154.127637,428.637131 L154.127637,425.556962 C152.882911,425.514768 151.912447,425.915612 151.32173,426.886076 Z M162.054852,425.324895 C160.725738,425.324895 159.71308,425.810127 158.995781,426.654008 L158.995781,425.556962 L156.21097,425.556962 L156.21097,435.767932 L159.080169,435.767932 L159.080169,430.409283 C159.080169,428.827004 160.07173,427.940928 161.400844,427.940928 C162.729958,427.940928 163.721519,428.827004 163.721519,430.409283 L163.721519,435.767932 L166.590717,435.767932 L166.590717,429.881857 C166.590717,427.329114 164.966245,425.324895 162.054852,425.324895 Z M176.733122,425.556962 L179.517932,425.556962 L179.517932,435.767932 L176.733122,435.767932 L176.733122,434.860759 C175.973629,435.599156 174.939873,436 173.716245,436 C170.762658,436 168.420886,433.637131 168.420886,430.662447 C168.420886,427.687764 170.762658,425.324895 173.716245,425.324895 C174.939873,425.324895 175.973629,425.725738 176.733122,426.464135 L176.733122,425.556962 Z M174.011603,433.299578 C175.551688,433.299578 176.733122,432.118143 176.733122,430.662447 C176.733122,429.206751 175.551688,428.025316 174.011603,428.025316 C172.471519,428.025316 171.290084,429.206751 171.290084,430.662447 C171.290084,432.118143 172.471519,433.299578 174.011603,433.299578 Z M183.732068,435.936709 C184.78692,435.936709 185.651899,435.07173 185.651899,434.016878 C185.651899,432.962025 184.78692,432.097046 183.732068,432.097046 C182.677215,432.097046 181.812236,432.962025 181.812236,434.016878 C181.812236,435.07173 182.677215,435.936709 183.732068,435.936709 Z' id='Logo'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-paynow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='98' viewBox='0 0 68 98'%3E%3Cpath fill='%2349494A' d='M20.92 80.02a8.38 8.38 0 0 1-5.84-2.35L4.66 67.33C.43 63.08-.22 57.26 3.16 53.79l.34-.35a7.96 7.96 0 0 1 10.67-.72 1.87 1.87 0 0 1-2.32 2.93 4.23 4.23 0 0 0-5.66.38l-.34.35c-1.92 1.98-1.3 5.55 1.45 8.31L17.69 75a4.71 4.71 0 0 0 6.6-.12l.33-.36a4.7 4.7 0 0 0-.08-6.6 1.87 1.87 0 0 1-.02-2.64 1.86 1.86 0 0 1 2.64-.02 8.45 8.45 0 0 1 .16 11.85l-.34.36a8.44 8.44 0 0 1-6.06 2.55M24.35 48.95c-.93 0-1.74-.7-1.85-1.65l-4.25-34.98a9.76 9.76 0 0 1 1.25-7.35 8.12 8.12 0 0 1 5.11-3.77 8.85 8.85 0 0 1 10.55 6.84l7.4 31.65a1.87 1.87 0 0 1-3.64.85L31.53 8.96a5.2 5.2 0 0 0-6.14-4.11 4.54 4.54 0 0 0-2.72 2.1 6.12 6.12 0 0 0-.73 4.82l4.27 35.08a1.87 1.87 0 0 1-1.63 2.08l-.23.02'/%3E%3Cpath fill='%2349494A' d='M55.59 55.1a1.85 1.85 0 0 1-1.83-2.23l8.4-41.93c.57-2.65-1-5.3-3.56-6.06a5.54 5.54 0 0 0-6.61 3.95l-9.33 32a1.86 1.86 0 1 1-3.58-1.05l9.31-31.95a9.28 9.28 0 0 1 11.2-6.55 8.95 8.95 0 0 1 6.23 10.42l-8.4 41.9c-.18.89-.96 1.5-1.83 1.5M36.18 97.28C22.33 97.28 8 87.03 8 69.87a1.87 1.87 0 0 1 3.74 0c0 11.48 8.57 23.67 24.44 23.67a1.87 1.87 0 1 1 0 3.74M24.34 68.03a8.45 8.45 0 0 1-6.99-3.68L9.17 52.16c-3.3-5.01-2.78-10.85 1.2-13.58l.44-.3c2.68-1.56 7.75-3.01 12.65 4.12l6.85 10.2c.57.86.35 2.02-.51 2.6-.86.58-2.02.35-2.59-.51l-6.85-10.2c-3.23-4.71-5.75-4.1-7.58-3.03l-.32.21c-2.24 1.54-2.32 5.16-.18 8.42l8.17 12.16a4.7 4.7 0 0 0 6.49 1.25l.43-.28a4.64 4.64 0 0 0 1.81-2.56c.28-1 1.31-1.58 2.3-1.3 1 .27 1.58 1.3 1.31 2.29a8.38 8.38 0 0 1-3.33 4.66l-.44.29a8.3 8.3 0 0 1-4.68 1.43'/%3E%3Cpath fill='%2349494A' d='M36.21 97.55l-.44-.01a1.88 1.88 0 0 1-1.86-1.88 1.88 1.88 0 0 1 1.87-1.85h.43c16.84 0 26.14-9.2 27.66-27.35.79-9.31-3.12-10.25-3.29-10.28l-21.82-5.09c-.71-.2-6.24-1.6-7.59 2.94-.43 1.43-.75 3.08.09 4.6.93 1.67 3.11 2.98 6.49 3.91l14.28 3.19a1.87 1.87 0 0 1-.75 3.66c-.04-.01-5.05-.87-8.55 1.91-2.2 1.75-3.41 4.65-3.61 8.62a1.87 1.87 0 0 1-1.95 1.78 1.88 1.88 0 0 1-1.78-1.96c.25-5.1 1.95-8.93 5.04-11.39.51-.39 1.03-.74 1.56-1.04l-5.14-1.15c-4.48-1.22-7.43-3.14-8.86-5.72-1.71-3.1-.76-6.28-.4-7.48 1.94-6.53 8.77-6.45 12.11-5.48l21.63 5.04c.15.02 7.36 1.22 6.26 14.26-1.68 20.13-12.53 30.77-31.38 30.77'/%3E%3C/svg%3E")
}

.smooothicon-checkmark {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='10px' viewBox='0 0 12 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Switch-/-Checkbox-/-Active' transform='translate(-4.000000, -5.000000)' fill='%2349494A'%3E%3Cg id='Checkbox'%3E%3Cpath d='M8.4249,15.001 L8.4239,15.001 C7.7989,15.001 7.2049,14.678 6.7929,14.115 L4.1449,10.497 C3.9009,10.163 3.9729,9.694 4.3069,9.449 C4.6429,9.203 5.1099,9.278 5.3559,9.611 L8.0039,13.229 C8.1319,13.404 8.2809,13.501 8.4249,13.501 C8.5689,13.501 8.7189,13.404 8.8469,13.229 L14.6449,5.308 C14.8899,4.974 15.3579,4.899 15.6939,5.146 C16.0279,5.39 16.0999,5.859 15.8559,6.193 L10.0579,14.115 C9.6449,14.678 9.0499,15.001 8.4249,15.001' id='Checkmark'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-magnify {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon / 20px / Search / Black%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-/-20px-/-Search-/-Black'%3E%3Cg id='Icon'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M18.23,18.234 C18.058,18.405 17.83,18.5 17.586,18.5 C17.344,18.5 17.116,18.405 16.944,18.234 L13.765,15.056 C13.411,14.702 13.411,14.125 13.769,13.766 C13.941,13.595 14.169,13.5 14.413,13.5 C14.655,13.5 14.883,13.595 15.055,13.766 L18.234,16.944 C18.588,17.298 18.588,17.875 18.23,18.234 M1.5,6.981 C1.5,3.959 3.959,1.5 6.98,1.5 L7.019,1.5 C10.041,1.5 12.5,3.976 12.5,7.02 C12.5,10.042 10.024,12.5 6.98,12.5 C3.959,12.5 1.5,10.024 1.5,6.981 M19.294,15.883 L16.116,12.705 C15.661,12.251 15.055,12 14.413,12 C14.028,12 13.662,12.1 13.329,12.269 L12.447,11.387 C13.417,10.191 14,8.672 14,7.02 C14,3.149 10.868,0 7.019,0 L6.98,0 C3.131,0 0,3.131 0,6.981 C0,10.851 3.131,14 6.98,14 C8.648,14 10.18,13.416 11.385,12.446 L12.268,13.33 C12.1,13.662 12.001,14.026 12,14.409 C11.998,15.054 12.249,15.661 12.705,16.117 L15.883,19.295 C16.338,19.75 16.944,20 17.586,20 C18.23,20 18.835,19.75 19.29,19.295 C19.746,18.839 19.998,18.234 20,17.591 C20.001,16.946 19.751,16.339 19.294,15.883' id='Search' fill='%2349494A'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-caps-lock {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 37.7 37.7' style='enable-background:new 0 0 37.7 37.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%2349494A;stroke-width:2.13;stroke-linecap:round;stroke-linejoin:round;} %3C/style%3E%3Ctitle%3E2017_Caps_Lock_hint%3C/title%3E%3Cg%3E%3Cline class='st0' x1='18.9' y1='14.3' x2='22.3' y2='17.8'/%3E%3Cline class='st0' x1='15.4' y1='17.8' x2='18.8' y2='14.4'/%3E%3Cline class='st0' x1='18.8' y1='20.1' x2='18.8' y2='15.4'/%3E%3Cline class='st0' x1='16.5' y1='23.4' x2='21.2' y2='23.4'/%3E%3C/g%3E%3Cpath class='st0' d='M10.8,8.6h16.2c2.5,0,4.6,2,4.6,4.5v12.2c0,2.5-2,4.6-4.6,4.6H10.8c-2.5,0-4.5-2-4.5-4.6V13.2 C6.2,10.7,8.3,8.6,10.8,8.6z'/%3E%3C/svg%3E")
}

.smooothicon-chevron-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.24' height='12' viewBox='0 0 7.24 12'%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-miterlimit='50' d='M.62 11.5l6-5.5-6-5.5'/%3E%3C/svg%3E")
}

.smooothicon-close {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='8px' height='8px' viewBox='0 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eclose-icon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='[HPP]-L' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Hint-Message' transform='translate(-981.000000, -122.000000)'%3E%3Cg id='Modal' transform='translate(230.000000, 46.000000)'%3E%3Cg id='Block' transform='translate(350.000000, 65.000000)'%3E%3Cg id='close-icon' transform='translate(400.000000, 10.000000)'%3E%3Crect id='BG' x='0' y='0' width='10' height='10'%3E%3C/rect%3E%3Cpath d='M1.5,1.5 L8.5,8.5' id='Line' stroke='%2349494A' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M1.5,1.5 L8.5,8.5' id='Line-Copy' stroke='%2349494A' stroke-linecap='round' transform='translate(5.000000, 5.000000) scale(-1, 1) translate(-5.000000, -5.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-chevron-down {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='7px' viewBox='0 0 12 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dropdown-/-Field-/-Selection,-With-label' transform='translate(-304.000000, -27.000000)'%3E%3Cg id='Icon-/-Caret-/-Regular' transform='translate(310.000000, 30.000000) rotate(90.000000) translate(-310.000000, -30.000000) translate(300.000000, 20.000000)'%3E%3Cg id='Icon'%3E%3Crect id='Rectangle' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpolyline id='Line' stroke='%2349494A' stroke-linecap='round' points='7.5 15.5 13.5 10 7.5 4.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.smooothicon-maintenance {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='102.78' viewBox='0 0 106 102.78'%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M42.37 69.35l-24.6 8.39L1.5 61.5l8.32-24.63 24.6-8.37 16.27 16.24z'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M44.42 37.5L36.1 62.13l-24.6 8.39M35.5 62.5l6.55 6.53M69.79 78.5a12.96 12.96 0 0 1-5.78 21.66 12.94 12.94 0 0 1-12.51-3.34'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M64.76 73.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M57.76 66.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M50.76 59.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M51.27 96.23L28.5 73.5M69.27 78.23L46.5 55.5M48.5 26.89a23.82 23.82 0 0 1 1.76-4.39M64.89 57.31a24.73 24.73 0 0 1-4.39-1.81M83.95 55.5a24.69 24.69 0 0 1-4.45 1.84M96.31 40.5a24.73 24.73 0 0 1-1.81 4.39M94.5 22.5c.75 1.4 1.36 2.87 1.82 4.39M79.5 10.5a24 24 0 0 1 4.39 1.81M60.5 12.34a24.09 24.09 0 0 1 4.31-1.84M59.5 34a12.5 12.5 0 1 1 25 0 12.5 12.5 0 0 1-25 0zM72.68 1.5H67l-1.5 8.32'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M72.5 1.52l5.68-.02 1.55 8.31M72.73 65.79l-5.68.02-1.55-8.31'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M72.5 65.82l5.68-.01 1.5-8.31M42.5 27.73l6.56-1.23M103.82 33.68l-.01-5.68-8.31-1.5'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M103.81 33.5l.01 5.68-8.32 1.53M94.48 11.5l-4.03-4-6.95 4.81M95.27 11.5l4.02 4-4.79 6.97M57.5 57.85l3.37-2.35M49.52 11.5l-4.02 4.02 4.82 6.95'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M49.5 11.52l4-4.02 6.97 4.77M94.48 56.27l-4 4.02-6.98-4.79M95.32 56.47l4-4.03-4.82-6.94'/%3E%3C/svg%3E")
}

.hide {
    display: none
}

[data-ui-toggle] {
    cursor: pointer
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #343434;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,h2,h3,h4,h5,h6,.display {
    font-family: "Klarna Headline", sans-serif;
    font-weight: 700;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0;
    margin-top: 0;
    color: #343434
}

.display {
    font-size: 48px;
    line-height: 55px;
    letter-spacing: -.2px
}

h1 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -.2px
}

h1.small {
    font-size: 36px;
    line-height: 40px
}

h1.minor {
    font-family: "Klarna Headline", sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 35px
}

h1.form-header {
    margin-bottom: 10px
}

h2 {
    font-size: 18px;
    line-height: 25px
}

h2.light {
    font-family: "Klarna Headline", sans-serif;
    font-weight: 300
}

h3,h4,h5,h6 {
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .2px
}

p {
    margin: 0;
    padding: 0
}

.text-gray,.text-muted {
    color: #787878
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-warning {
    color: #E2AC62
}

.text-ellipsed {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

a {
    color: #171717;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none
}

a:hover {
    color: #6e9896
}

p {
    color: #787878
}

p a {
    color: #6e9896;
    border-bottom: 1px solid rgba(110,152,150,0.4)
}

p.legal a {
    color: #6e9896;
    text-decoration: underline
}

p.privacy-policy,p.data-security {
    color: #828289;
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
    hyphens: auto
}

p.privacy-policy a,p.data-security a {
    border-bottom: 1px solid rgba(120,120,120,0.4);
    color: #828289;
    font-size: 12px;
    line-height: 18px
}

p.privacy-policy {
    color: #787878;
    text-align: left
}

p.privacy-policy.checkbox label {
    margin-top: 0;
    margin-bottom: 0
}

p.data-security {
    margin-bottom: 20px
}

@media only screen and (min-width: 820px) {
    p.data-security {
        margin:0 0 50px
    }
}

p.sub-headline {
    margin-bottom: 25px
}

kbd {
    border: 1px solid #E4E4E5;
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 1px 2px;
    font-size: 13px
}

.paragraph {
    font-size: 16px;
    color: #787878;
    margin-bottom: 10px
}

.standard-help-text,.tan-help-text {
    margin-bottom: 20px;
    color: #787878
}

.standard-help-text p,.tan-help-text p {
    display: inline;
    margin-right: 5px
}

.caps-lock-hint {
    text-align: center;
    color: #E2AC62;
    font-size: 13px
}

@media only screen and (min-width: 820px) {
    .caps-lock-hint {
        text-align:left
    }
}

body#LoginPage .form-header,body#CompleteLoginPage .form-header,body#SelectAccountPage .form-header,body#ProvideTanPage .form-header {
    margin-bottom: 10px
}

.back-to-merchant.hidden {
    display: none
}

.banner {
    display: flex;
    width: 100%;
    height: 72px;
    margin-top: -60px;
    background-color: #fff
}

.banner .container {
    display: inline-flex;
    margin: auto;
    width: 820px
}

.banner .container .logo {
    display: inline-flex;
    margin: 0;
    text-align: center
}

.banner .container .logo img {
    max-height: 100%
}

@media only screen and (max-width: 819px) {
    .banner {
        margin-top:0;
        z-index: 2
    }

    .banner .container .logo {
        margin: 0 auto
    }
}

.banner.customer-61778 {
    background-size: contain;
    height: 60px
}

.banner.customer-61778 img {
    height: 60px
}

.banner.customer-65479 .logo img {
    height: 32px
}

.banner.customer-68668 .logo img {
    height: 50px
}

.banner.customer-70612 img {
    height: 31px
}

.transport-selection-order h1 p {
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    line-height: 25px;
    font-weight: 400
}

.form-change-bank {
    margin-top: -20px
}

.form-change-bank,.form-change-bank a {
    font-size: 14px
}

.bank-logo {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center;
    margin: auto;
    width: fit-content;
    max-width: 150px;
    margin-bottom: 15px
}

.bank-logo img {
    max-width: 100%;
    height: auto
}

.bank-logo.round {
    border-radius: 32.5px;
    height: 65px;
    width: 65px;
    overflow: hidden
}

select.shade option[disabled]:first-child,select.shade option[selected],select.hide-first>option:first-child {
    display: none
}

.floating-label {
    display: block;
    position: relative;
    margin-top: -1px;
    overflow: hidden
}

.floating-label label,.floating-label>span {
    position: absolute;
    left: 16px;
    top: 7.5px;
    cursor: text;
    font-size: 14px;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.floating-label select {
    color: #49494A;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.floating-label select::-ms-expand {
    display: none
}

.floating-label select:focus {
    border-color: #343434
}

.floating-label textarea {
    width: 100%
}

.floating-label input,.floating-label select,.floating-label textarea {
    border: 1px solid #D1D1D0;
    padding: 29px 15px 13px 15px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    color: #343434;
    font-weight: 500;
    border-radius: 3px;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none
}

.floating-label input::placeholder,.floating-label select::placeholder,.floating-label textarea::placeholder {
    opacity: 1;
    transition: all .2s
}

.floating-label input:placeholder-shown:not(:focus)::placeholder,.floating-label select:placeholder-shown:not(:focus)::placeholder,.floating-label textarea:placeholder-shown:not(:focus)::placeholder {
    opacity: 0
}

.floating-label input:placeholder-shown:not(:focus)+*,.floating-label select:placeholder-shown:not(:focus)+*,.floating-label textarea:placeholder-shown:not(:focus)+* {
    font-size: 100%;
    padding: 15px 5px;
    color: #9c9c9b;
    top: .25em
}

.floating-label input::placeholder,.floating-label select::placeholder,.floating-label textarea::placeholder {
    color: #787878
}

.floating-label input+span,.floating-label select+span,.floating-label textarea+span {
    color: #9c9c9b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.floating-label input:focus,.floating-label select:focus,.floating-label textarea:focus {
    outline: none
}

.floating-label select {
    padding: 20px 45px 20px 15px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787878'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px top 25px;
    background-size: 12px 6px;
    background-color: transparent;
    height: 60px
}

.floating-label.has-placeholder select {
    padding: 27px 45px 10px 15px
}

.floating-label.has-placeholder.nothing-selected span {
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    top: 0;
    left: 0;
    padding: 17px;
    color: #49494A
}

.floating-label.not-floating input,.floating-label.not-floating select,.floating-label.not-floating textarea {
    font-size: 100%;
    padding: 20px 15px 20px 15px
}

.floating-label.has-error input,.floating-label.has-error select,.floating-label.has-error textarea {
    border-color: #FC8064 !important;
    background-color: #FFD4C2
}

.floating-label.has-error input+span,.floating-label.has-error select+span,.floating-label.has-error textarea+span {
    color: #343434
}

.floating-label.has-error input:placeholder-shown:not(:focus)+*,.floating-label.has-error select:placeholder-shown:not(:focus)+*,.floating-label.has-error textarea:placeholder-shown:not(:focus)+* {
    color: #343434
}

.floating-label.has-error input:focus,.floating-label.has-error select:focus,.floating-label.has-error textarea:focus {
    background-color: #fff
}

.floating-label.has-error input.disabled,.floating-label.has-error select.disabled,.floating-label.has-error textarea.disabled {
    border-color: #D1D1D0 !important;
    background-color: #fff
}

.floating-label.has-error.focused:after {
    border-color: #FC8064
}

.floating-label.has-warning input,.floating-label.has-warning select,.floating-label.has-warning textarea {
    border-color: #E2AC62 !important;
    background-color: #FCE8BA
}

.floating-label.has-warning input+span,.floating-label.has-warning select+span,.floating-label.has-warning textarea+span {
    color: #343434
}

.floating-label.has-warning input:placeholder-shown:not(:focus)+*,.floating-label.has-warning select:placeholder-shown:not(:focus)+*,.floating-label.has-warning textarea:placeholder-shown:not(:focus)+* {
    color: #343434
}

.floating-label.has-warning input:focus,.floating-label.has-warning select:focus,.floating-label.has-warning textarea:focus {
    background-color: #fff
}

.floating-label.has-warning input.disabled,.floating-label.has-warning select.disabled,.floating-label.has-warning textarea.disabled {
    border-color: #D1D1D0 !important;
    background-color: #fff
}

.floating-label.has-warning.focused:after {
    border-color: #E2AC62
}

.floating-label.focused:after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #343434;
    border-radius: 3px;
    z-index: 1
}

.floating-label.focused.readonly:after {
    border-color: #D1D1D0
}

.floating-label.has-prefix {
    display: inline-flex;
    width: 100%
}

.floating-label.has-prefix input {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.floating-label.has-prefix:before {
    content: attr(data-prefix-text);
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 0;
    color: #787878;
    font-weight: 500;
    align-items: center;
    border: 1px solid #D1D1D0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right-width: 0;
    padding-left: 15px
}

.floating-label:not(.has-placeholder) select {
    padding-top: 10px;
    padding-bottom: 10px
}

.long-placeholder .floating-label input,.long-placeholder .floating-label select,.long-placeholder .floating-label textarea {
    font-size: 100%;
    padding: 20px 15px 20px 15px
}

.long-placeholder .floating-label span {
    color: transparent !important
}

.with-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Input-/-Field,-With-Icon-/-Filled,-With-label' transform='translate(-15.000000, -20.000000)'%3E%3Cg id='Icon-/-Placeholder-/-20px' transform='translate(15.000000, 20.000000)'%3E%3Cg id='Icon'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Ccircle id='Oval' stroke='%2387878A' stroke-width='1.5' cx='10' cy='10' r='9.25'%3E%3C/circle%3E%3Cpath d='M1,1 L19,19' id='Line' stroke='%23787878' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M1,1 L19,19' id='Line' stroke='%2387878A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' transform='translate(10.000000, 10.000000) scale(-1, 1) translate(-10.000000, -10.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px top 20px;
    background-size: 20px 20px;
    background-color: transparent
}

.with-icon input,.with-icon select {
    padding-left: 50px
}

.with-icon input+span,.with-icon select+span {
    left: 51px
}

.with-icon.with-icon-search {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23828289;%7d %3c/style%3e%3cg%3e%3cpath class='st0' d='M17.4,15.3l-4.5-4.5C13.6,9.7,14,8.4,14,7c0-3.9-3.1-7-7-7C3.1,0,0,3.1,0,7c0,3.9,3.1,7,7,7 c1.4,0,2.7-0.4,3.8-1.1l4.5,4.5c0.3,0.3,0.7,0.4,1.1,0.4c0,0,0,0,0,0c0.4,0,0.8-0.2,1.1-0.4c0.3-0.3,0.4-0.7,0.4-1.1 C17.8,15.9,17.7,15.6,17.4,15.3z M1,7c0-3.3,2.7-6,6-6s6,2.7,6,6c0,1.4-0.5,2.6-1.2,3.7c-0.1,0.2-0.3,0.3-0.4,0.5 c-0.1,0.1-0.1,0.1-0.2,0.2c-0.2,0.2-0.3,0.3-0.5,0.4C9.6,12.5,8.4,13,7,13C3.7,13,1,10.3,1,7z M16.7,16.7c-0.1,0.1-0.2,0.1-0.4,0.1 c0,0,0,0,0,0c-0.1,0-0.3-0.1-0.3-0.1l-4.4-4.4c0.1,0,0.1-0.1,0.1-0.1c0.1-0.1,0.3-0.3,0.4-0.4c0-0.1,0.1-0.1,0.1-0.1l4.4,4.4 c0.1,0.1,0.1,0.2,0.1,0.3C16.8,16.5,16.8,16.6,16.7,16.7z'/%3e%3cpath class='st0' d='M11,7c0,0.3,0.2,0.5,0.5,0.5S12,7.3,12,7c0-2.8-2.2-5-5-5C6.7,2,6.5,2.2,6.5,2.5S6.7,3,7,3C9.2,3,11,4.8,11,7z '/%3e%3c/g%3e%3c/svg%3e ")
}

.with-icon.with-icon-search.focused,.with-icon.with-icon-search.no-result {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23343434;%7d %3c/style%3e%3cg%3e%3cpath class='st0' d='M17.4,15.3l-4.5-4.5C13.6,9.7,14,8.4,14,7c0-3.9-3.1-7-7-7C3.1,0,0,3.1,0,7c0,3.9,3.1,7,7,7 c1.4,0,2.7-0.4,3.8-1.1l4.5,4.5c0.3,0.3,0.7,0.4,1.1,0.4c0,0,0,0,0,0c0.4,0,0.8-0.2,1.1-0.4c0.3-0.3,0.4-0.7,0.4-1.1 C17.8,15.9,17.7,15.6,17.4,15.3z M1,7c0-3.3,2.7-6,6-6s6,2.7,6,6c0,1.4-0.5,2.6-1.2,3.7c-0.1,0.2-0.3,0.3-0.4,0.5 c-0.1,0.1-0.1,0.1-0.2,0.2c-0.2,0.2-0.3,0.3-0.5,0.4C9.6,12.5,8.4,13,7,13C3.7,13,1,10.3,1,7z M16.7,16.7c-0.1,0.1-0.2,0.1-0.4,0.1 c0,0,0,0,0,0c-0.1,0-0.3-0.1-0.3-0.1l-4.4-4.4c0.1,0,0.1-0.1,0.1-0.1c0.1-0.1,0.3-0.3,0.4-0.4c0-0.1,0.1-0.1,0.1-0.1l4.4,4.4 c0.1,0.1,0.1,0.2,0.1,0.3C16.8,16.5,16.8,16.6,16.7,16.7z'/%3e%3cpath class='st0' d='M11,7c0,0.3,0.2,0.5,0.5,0.5S12,7.3,12,7c0-2.8-2.2-5-5-5C6.7,2,6.5,2.2,6.5,2.5S6.7,3,7,3C9.2,3,11,4.8,11,7z '/%3e%3c/g%3e%3c/svg%3e ")
}

.with-icon.with-icon-search.focused.no-result {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23E2AC62;%7d %3c/style%3e%3cg%3e%3cpath class='st0' d='M17.4,15.3l-4.5-4.5C13.6,9.7,14,8.4,14,7c0-3.9-3.1-7-7-7C3.1,0,0,3.1,0,7c0,3.9,3.1,7,7,7 c1.4,0,2.7-0.4,3.8-1.1l4.5,4.5c0.3,0.3,0.7,0.4,1.1,0.4c0,0,0,0,0,0c0.4,0,0.8-0.2,1.1-0.4c0.3-0.3,0.4-0.7,0.4-1.1 C17.8,15.9,17.7,15.6,17.4,15.3z M1,7c0-3.3,2.7-6,6-6s6,2.7,6,6c0,1.4-0.5,2.6-1.2,3.7c-0.1,0.2-0.3,0.3-0.4,0.5 c-0.1,0.1-0.1,0.1-0.2,0.2c-0.2,0.2-0.3,0.3-0.5,0.4C9.6,12.5,8.4,13,7,13C3.7,13,1,10.3,1,7z M16.7,16.7c-0.1,0.1-0.2,0.1-0.4,0.1 c0,0,0,0,0,0c-0.1,0-0.3-0.1-0.3-0.1l-4.4-4.4c0.1,0,0.1-0.1,0.1-0.1c0.1-0.1,0.3-0.3,0.4-0.4c0-0.1,0.1-0.1,0.1-0.1l4.4,4.4 c0.1,0.1,0.1,0.2,0.1,0.3C16.8,16.5,16.8,16.6,16.7,16.7z'/%3e%3cpath class='st0' d='M11,7c0,0.3,0.2,0.5,0.5,0.5S12,7.3,12,7c0-2.8-2.2-5-5-5C6.7,2,6.5,2.2,6.5,2.5S6.7,3,7,3C9.2,3,11,4.8,11,7z '/%3e%3c/g%3e%3c/svg%3e ")
}

.readonly,.disabled {
    background-color: #f6f6f6
}

.readonly input,.readonly select,.disabled input,.disabled select {
    color: #D1D1D0;
    border-color: #D1D1D0
}

.readonly input:focus,.readonly select:focus,.disabled input:focus,.disabled select:focus {
    border-color: #D1D1D0
}

.readonly input+span,.readonly select+span,.disabled input+span,.disabled select+span {
    color: #D1D1D0
}

.disabled {
    pointer-events: none
}

.dropdown {
    margin-bottom: 12px
}

.input-help-text {
    color: #828289;
    font-size: 12px;
    line-height: 20px
}

.input-help-text.terms {
    margin-top: 10px
}

.input-help-text.top {
    margin: 40px 0 10px 0
}

.input-help-text a {
    border-bottom: 1px solid rgba(120,120,120,0.4);
    color: #828289;
    font-size: 13px;
    line-height: 20px
}

.input-help-text .paragraph p {
    color: #828289;
    font-size: 12px;
    line-height: 20px
}

.upload {
    overflow: hidden
}

.upload input[type=file] {
    background-color: transparent;
    border: 1px solid #D1D1D0;
    border-radius: 2px;
    color: #787878;
    font-family: KlarnaSansLight, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    padding: 15px;
    -webkit-appearance: none;
    width: 100%
}

.upload input[type=file]:focus {
    outline: none;
    border-color: #343434
}

input.none-accessable-input-label {
    pointer-events: none;
    display: inline-block;
    padding: 0 !important;
    height: auto !important;
    border: 0 !important;
    font-size: 1em !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1em;
    max-width: 95%;
    user-select: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #FDFEEB inset;
    -webkit-text-fill-color: #333;
    border-color: #CFD74A
}

input:-webkit-autofill+span {
    color: #343434
}

.backend-form-element:last-child * {
    margin-bottom: 0
}

.backend-form-element .title,.backend-form-element .label {
    margin-bottom: 5px
}

.backend-form-element p.input-help-text,.backend-form-element .input-help-text p {
    text-align: center;
    color: #787878;
    background-color: #f6f6f6;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 15px
}

.backend-form-element .input-help-text+.input-help-text {
    margin-top: -20px
}

.password {
    position: relative
}

.password .caps-lock-hint {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    color: transparent;
    pointer-events: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 37.7 37.7' style='enable-background:new 0 0 37.7 37.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:none;stroke:%23828289;stroke-width:2.13;stroke-linecap:round;stroke-linejoin:round;} %3C/style%3E%3Ctitle%3E2017_Caps_Lock_hint%3C/title%3E%3Cg%3E%3Cline class='st0' x1='18.9' y1='14.3' x2='22.3' y2='17.8'/%3E%3Cline class='st0' x1='15.4' y1='17.8' x2='18.8' y2='14.4'/%3E%3Cline class='st0' x1='18.8' y1='20.1' x2='18.8' y2='15.4'/%3E%3Cline class='st0' x1='16.5' y1='23.4' x2='21.2' y2='23.4'/%3E%3C/g%3E%3Cpath class='st0' d='M10.8,8.6h16.2c2.5,0,4.6,2,4.6,4.5v12.2c0,2.5-2,4.6-4.6,4.6H10.8c-2.5,0-4.5-2-4.5-4.6V13.2 C6.2,10.7,8.3,8.6,10.8,8.6z'/%3E%3C/svg%3E");
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center
}

.confirmation-email {
    margin-bottom: 20px
}

.backend-form-element.password+.text {
    margin-top: 10px
}

.backend-form-element.text+.password {
    margin-top: 10px
}

.backend-form-element.text+.text {
    margin-top: 10px
}

.multi-input:after {
    content: '';
    display: block;
    clear: both
}

.multi-input .form-element {
    text-align: center
}

.multi-input .wrapper {
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

.multi-input .wrapper:after {
    content: '';
    display: block;
    clear: both
}

.multi-input input,.multi-input .separator,.multi-input .multi-input-label {
    float: left;
    height: 60px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #D1D1D0;
    margin-top: -1px
}

.multi-input input[type=password] {
    line-height: normal
}

.multi-input .separator,.multi-input .multi-input-label {
    margin-left: -1px;
    line-height: 60px
}

.multi-input .separator.borderless {
    border-color: transparent
}

@media only screen and (max-width: 819px) {
    .multi-input .separator.borderless {
        padding-left:5px;
        padding-right: 5px
    }
}

.multi-input input:last-child {
    border-right: 1px solid #D1D1D0
}

.multi-input input+.separator {
    border-left: 1px solid #D1D1D0
}

.multi-input input+input {
    margin-left: -1px
}

.multi-input .floating-label {
    position: relative;
    float: left;
    width: auto;
    height: 60px;
    margin-left: -1px;
    font-size: 16px
}

.multi-input .floating-label input {
    width: auto;
    margin-top: 0;
    border-radius: 2px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 16px
}

.multi-input .floating-label input+span {
    left: 13px
}

@media only screen and (max-width: 819px) {
    .multi-input .floating-label input {
        padding-left:8px;
        padding-right: 8px
    }

    .multi-input .floating-label input+span {
        left: 8px
    }
}

.multi-input .floating-label:first-child input {
    margin-top: 0
}

.multi-input .floating-label:last-child input {
    border-right: 1px solid #D1D1D0
}

.multi-input .floating-label.has-prefix {
    display: inline-flex
}

.multi-input .floating-label.has-prefix input {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.multi-input .floating-label.has-prefix:before {
    content: attr(data-prefix-text);
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 0;
    color: #787878;
    font-weight: 500;
    align-items: center;
    border: 1px solid #D1D1D0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right-width: 0;
    padding-left: 15px
}

.multi-input .multi-input-label {
    float: left;
    width: auto;
    height: 60px;
    border-left: 1px solid #D1D1D0
}

.multi-input:after {
    content: '';
    display: block;
    clear: both
}

.multi-input .form-element {
    padding-left: 1px;
    padding-top: 1px
}

.multi-input .form-element:after {
    content: '';
    display: block;
    clear: both
}

.multi-input .multi-input-column {
    float: left;
    font-size: 0;
    display: flex;
    min-width: 12%;
    flex-direction: column
}

.multi-input .multi-input-column * {
    font-size: 16px
}

.multi-input .multi-input-column .floating-label {
    float: none;
    display: inline-block
}

.multi-input .multi-input-column .multi-input-label {
    float: none;
    border: none;
    height: 20px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 20px;
    text-align: center
}

.multi-input .multi-input-column .floating-label+.multi-input-label {
    margin-top: 5px
}

.multi-input .multi-input-column input {
    width: 100%
}

.radio-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.radio-list li {
    border-bottom: 1px solid #E4E4E5
}

.radio-list li:last-child {
    border: 0
}

.radio-list li:before {
    content: ''
}

.radio-list label {
    position: relative;
    color: #49494A;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 20px 20px 20px 35px
}

.radio-list label.focused input[type=radio] {
    border-color: #343434
}

.radio-list label.focused:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -15px;
    width: calc(100% + 30px);
    height: 100%;
    background-color: rgba(52,52,48,0.05);
    z-index: 0
}

.radio-list input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #D1D1D0;
    box-shadow: inset 0 0 0 rgba(110,152,150,0);
    transform: translateY(-50%);
    transition: all .2s ease;
    outline: none;
    color: #fff;
    font-size: 13px
}

.radio-list input[type=radio]:active,.radio-list input[type=radio]:checked {
    border-color: #6e9896;
    box-shadow: inset 0 0 0 6px #6e9896;
    color: #fff;
    font-size: 13px
}

.radio-list input[type=radio]:active+label,.radio-list input[type=radio]:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='13px' viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon, Right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Selector-/-Regular-/-with-Description' transform='translate(-402.000000, -37.000000)'%3E%3Cg id='Selector'%3E%3Cg id='Icon-/-Selector-/-Checkmark' transform='translate(400.000000, 33.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpolyline id='Line' stroke='%236e9896' stroke-width='2' stroke-linecap='round' points='3 10 7 15 17 5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0px top 50%;
    background-size: 16px 13px
}

.radio-list input[type=radio]+label {
    border-top-width: 0
}

.radio-list input[type=radio]+label:first-of-type {
    border-top-width: 1px
}

.radio-list.inline-list li {
    display: inline-block;
    border: 0
}

.js-selector-direct .radio-list>li>label,.js-selector-direct-filterable .radio-list>li>label {
    padding-left: 0
}

.js-selector-direct .radio-list>li>label>input[type=radio],.js-selector-direct-filterable .radio-list>li>label>input[type=radio] {
    display: none
}

.checkbox label {
    margin: 0 0 20px 0;
    display: inline-block;
    position: relative;
    padding-left: 35px
}

.checkbox label.checkbox-first input[type=checkbox] {
    margin-right: 20px;
    left: 0;
    margin-top: -3px
}

.checkbox label.checkbox-end {
    padding-left: 0;
    padding-right: 35px
}

.checkbox label.checkbox-end input[type=checkbox] {
    margin-left: 20px;
    right: 0
}

.checkbox .label-small-text {
    font-size: 13px;
    line-height: 20px
}

input[type=checkbox] {
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    position: absolute;
    top: 3px;
    padding-left: 20px;
    border-radius: 3px;
    outline: none;
    width: 20px;
    height: 20px;
    vertical-align: sub
}

input[type=checkbox]:before,input[type=checkbox]:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateY(-50%)
}

input[type=checkbox]:before {
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #D1D1D0;
    box-shadow: inset 0 0 0 rgba(110,152,150,0);
    transition: all .2s ease
}

input[type=checkbox]:checked {
    background-color: #6e9896
}

input[type=checkbox]:checked:before {
    border-color: #6e9896;
    box-shadow: inset 0 0 0 10px #6e9896
}

input[type=checkbox]:checked:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='10px' viewBox='0 0 12 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Switch-/-Checkbox-/-Active' transform='translate(-4.000000, -5.000000)' fill='%23fff'%3E%3Cg id='Checkbox'%3E%3Cpath d='M8.4249,15.001 L8.4239,15.001 C7.7989,15.001 7.2049,14.678 6.7929,14.115 L4.1449,10.497 C3.9009,10.163 3.9729,9.694 4.3069,9.449 C4.6429,9.203 5.1099,9.278 5.3559,9.611 L8.0039,13.229 C8.1319,13.404 8.2809,13.501 8.4249,13.501 C8.5689,13.501 8.7189,13.404 8.8469,13.229 L14.6449,5.308 C14.8899,4.974 15.3579,4.899 15.6939,5.146 C16.0279,5.39 16.0999,5.859 15.8559,6.193 L10.0579,14.115 C9.6449,14.678 9.0499,15.001 8.4249,15.001' id='Checkmark'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 50% top 50%;
    background-size: 12px 10px
}

input[type=checkbox]:focus:before {
    border: 1px solid #D1D1D0;
    box-shadow: 0 0 0 5px rgba(52,52,52,0.07);
    background-color: transparent
}

button,.button {
    background: #EB6F93;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    height: 50px;
    line-height: 50px;
    margin: 0;
    min-width: 138px;
    outline: none;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    width: auto;
    position: relative;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width: 819px) {
    button.primary,.button.primary {
        min-width:100%;
        position: relative;
        margin: 50px auto 0;
        float: none
    }
}

button.loading,.button.loading {
    color: transparent;
    pointer-events: none
}

button:disabled,button.disabled,.button:disabled,.button.disabled {
    background: #EB6F93;
    opacity: .4;
    pointer-events: none
}

button:hover,.button:hover {
    background: #E16A8E;
    color: #fff
}

button:focus,.button:focus {
    box-shadow: inset 0 0 0px 5px rgba(255,255,255,0.2)
}

button:active,.button:active {
    background: #D76589
}

button:focus:active,.button:focus:active {
    box-shadow: none
}

button-secondary,.button-secondary {
    background: #fff;
    border: 1px solid #D1D1D0;
    color: #EB6F93
}

button-secondary:disabled,.button-secondary:disabled {
    background: #fff;
    color: #D1D1D0;
    border-color: #E4E4E5
}

button-secondary:disabled:hover,.button-secondary:disabled:hover {
    background: #fff;
    color: #D1D1D0;
    border: 1px solid #E4E4E5
}

button-secondary:hover,.button-secondary:hover {
    border-color: #E16A8E
}

button-secondary:focus,.button-secondary:focus {
    border-color: #c6c6c4;
    box-shadow: inset 0 0 0px 5px #f1f1f0
}

button-secondary:focus:hover,.button-secondary:focus:hover {
    background: #fff;
    color: #EB6F93
}

button-secondary:active,button-secondary:focus:active,.button-secondary:active,.button-secondary:focus:active {
    color: #fff;
    border-color: #D76589;
    background: #D76589
}

button-secondary:focus:active,.button-secondary:focus:active {
    box-shadow: none
}

button-secondary.loading,.button-secondary.loading {
    color: transparent;
    pointer-events: none
}

button-secondary.loading .loader-inline span,.button-secondary.loading .loader-inline span {
    animation-name: loading-gray
}

button-secondary.button-sticky,.button-secondary.button-sticky {
    border: 0;
    border-top: 1px solid #E4E4E5
}

button-tertiary,.button-tertiary {
    background-color: transparent;
    color: #EB6F93;
    border-color: transparent
}

button-tertiary:focus,.button-tertiary:focus {
    box-shadow: inset 0 0 0px 5px #f1f1f0
}

button-tertiary:focus:active,.button-tertiary:focus:active {
    color: #D76589;
    box-shadow: inset 0 0 0px 5px #f1f1f0
}

button-tertiary:hover,.button-tertiary:hover {
    color: #E16A8E;
    background-color: transparent
}

button-tertiary:active,.button-tertiary:active {
    color: #D76589;
    background-color: transparent
}

button-tertiary.disabled,button-tertiary:disabled,.button-tertiary.disabled,.button-tertiary:disabled {
    background-color: #fff
}

button-tertiary.loading,.button-tertiary.loading {
    color: transparent;
    pointer-events: none
}

button-tertiary.loading .loader-inline span,.button-tertiary.loading .loader-inline span {
    animation-name: loading-gray
}

button-sticky,.button-sticky {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block;
    margin-top: 60px
}

button-centered,.button-centered {
    margin: 0 auto;
    display: inline-block
}

button-expand,button-sticky,.button-expand,.button-sticky {
    width: 100%
}

.button-left {
    float: left
}

.button-right {
    float: right
}

.button-margin-top {
    margin-top: 60px
}

@media only screen and (max-width: 819px) {
    .button-margin-top {
        margin-top:0
    }
}

.button-row-horizontal {
    overflow: hidden;
    width: auto;
    margin: 10px auto;
    border-radius: 2px;
    display: inline-block
}

.button-row-horizontal .captcha-max-width {
    display: inline-block
}

.button-row-horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.button-row-horizontal li {
    display: inline-block
}

.button-row-horizontal li:before {
    content: ''
}

.button-row-horizontal a {
    width: 100%
}

.button-row-horizontal .button {
    height: 25px;
    line-height: 25px;
    min-width: initial;
    padding: 0 15px;
    overflow: initial;
    border-radius: 0;
    color: #49494A;
    background-color: #E4E4E5;
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: 100
}

ul.linked-list {
    padding: 0;
    margin: 0
}

ul.linked-list li {
    border-bottom: 1px solid #E4E4E5;
    color: #49494A;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0 20px 0 0;
    position: relative
}

ul.linked-list li:last-of-type {
    border-bottom: none
}

ul.linked-list li:before {
    content: ''
}

ul.linked-list li a,ul.linked-list li p {
    color: #49494A;
    display: block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

ul.linked-list li a:after,ul.linked-list li p:after {
    content: ' ';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath fill='%23787878' d='M1.75 13a.73.73 0 0 1-.52-.21.75.75 0 0 1-.02-1.06l4.08-4.21a.75.75 0 0 0 0-1.04L1.21 2.27a.75.75 0 0 1 .02-1.06.75.75 0 0 1 1.06.02l4.08 4.21c.84.87.84 2.24 0 3.12l-4.08 4.21a.76.76 0 0 1-.54.23'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 2px top 50%;
    background-size: 8px 13px;
    width: 20px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0
}

ul.linked-list li a.sublist-item,ul.linked-list li p.sublist-item {
    padding-left: 20px
}

ul.linked-list li p:after {
    background-image: none
}

.project-logo {
    align-items: center;
    background-color: #fff;
    border: 1px solid #E4E4E5;
    display: none;
    justify-content: center;
    margin: auto;
    width: auto;
    padding: 5px;
    max-width: 200px
}

.project-logo.visible {
    display: inline-flex
}

.project-logo.round {
    border-radius: 30px;
    height: 60px;
    width: 60px;
    padding: 0;
    overflow: hidden
}

.project-logo.round img {
    max-width: 60px !important;
    max-height: 60px !important
}

@media only screen and (max-width: 819px) {
    .project-logo.round {
        padding:0
    }

    .project-logo.round img {
        max-width: 100% !important
    }
}

.pattern-input .pad-lock {
    background-color: #fff;
    border: 1px solid #D1D1D0;
    border-radius: 10px;
    margin: auto;
    padding: 5px
}

.pattern-input .pad-lock input[type=password] {
    display: none
}

.pattern-input .pad-lock.width-1 {
    width: 61px
}

.pattern-input .pad-lock.height-1 {
    height: 61px
}

.pattern-input .pad-lock.width-2 {
    width: 112px
}

.pattern-input .pad-lock.height-2 {
    height: 112px
}

.pattern-input .pad-lock.width-3 {
    width: 163px
}

.pattern-input .pad-lock.height-3 {
    height: 163px
}

.pattern-input .pad-lock.width-4 {
    width: 214px
}

.pattern-input .pad-lock.height-4 {
    height: 214px
}

.pattern-input .pad-lock.width-5 {
    width: 265px
}

.pattern-input .pad-lock.height-5 {
    height: 265px
}

.pattern-input .pad-lock.width-6 {
    width: 316px
}

.pattern-input .pad-lock.height-6 {
    height: 316px
}

.pattern-input .pad-lock.width-7 {
    width: 367px
}

.pattern-input .pad-lock.height-7 {
    height: 367px
}

.pattern-input .pad-lock.width-8 {
    width: 418px
}

.pattern-input .pad-lock.height-8 {
    height: 418px
}

.pattern-input .pad-lock.width-9 {
    width: 469px
}

.pattern-input .pad-lock.height-9 {
    height: 469px
}

.pattern-input .pad-lock.width-10 {
    width: 520px
}

.pattern-input .pad-lock.height-10 {
    height: 520px
}

.pattern-input .pad-lock .lines {
    height: inherit;
    position: absolute;
    width: inherit
}

.pattern-input .pad-lock .lines .line {
    visibility: hidden;
    float: left
}

.pattern-input .pad-lock .lines.d-lines {
    padding: 18px 20px
}

.pattern-input .pad-lock .lines.d-lines .d-line {
    background: repeating-linear-gradient(-45deg, transparent, transparent 39px, #D1D1D0 20px, #D1D1D0 50px);
    height: 64px;
    margin: -2px -14px -12px 0;
    width: 64px
}

.pattern-input .pad-lock .lines.e-lines {
    padding: 22px 20px
}

.pattern-input .pad-lock .lines.e-lines .e-line {
    background: repeating-linear-gradient(45deg, transparent, transparent 39px, #D1D1D0 20px, #D1D1D0 50px);
    height: 64px;
    margin: -2px -14px -12px 0;
    width: 64px
}

.pattern-input .pad-lock .lines.h-lines {
    padding: 1px 17px
}

.pattern-input .pad-lock .lines.h-lines .h-line {
    background: linear-gradient(180deg, #D1D1D0 0, #D1D1D0 12px, transparent 12px, transparent);
    height: 14px;
    margin: 18px 3px;
    width: 44px
}

.pattern-input .pad-lock .lines.v-lines {
    padding: 20px 0 0 1px
}

.pattern-input .pad-lock .lines.v-lines .v-line {
    background: linear-gradient(90deg, #D1D1D0 0, #D1D1D0 12px, transparent 12px, transparent);
    height: 54px;
    width: 14px;
    margin: -1px 18px
}

.pattern-input .pad-lock .bullets {
    height: inherit;
    position: absolute;
    width: inherit
}

.pattern-input .pad-lock .bullets .bullet {
    background-image: linear-gradient(135deg, #eee, #ccc);
    border: 1px solid #aaa;
    border-radius: 20px;
    float: left;
    height: 40px;
    margin: 5px;
    width: 40px
}

.pattern-input .pad-lock .bullets .bullet.clicked {
    background-image: linear-gradient(135deg, #6e9896, #6e9896);
    border: 1px solid #49494A
}

.pattern-input .pad-lock .bullets .bullet.clicked.current {
    box-shadow: 1px 1px 10px rgba(0,0,0,0.5)
}

.js-flicker,.overlay-captcha,.simple-captcha,.challenge {
    text-align: center
}

.simple-captcha img {
    max-width: 100%;
    height: auto
}

.js-flicker .js-flicker-body {
    margin: auto;
    min-width: 50px;
    width: 172px;
    height: 120px;
    position: relative;
    background: #000;
    padding: 40px 0 0 0;
    border: solid 3px #6e9896
}

.js-flicker .js-flicker-body .flicker-info {
    text-align: center;
    color: #fff
}

.js-flicker .js-flicker-body .flicker-bars {
    height: 70%;
    width: 100%;
    position: absolute;
    display: none;
    left: 0;
    top: 22%
}

.js-flicker .js-flicker-body .flicker-bars div {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 100%;
    padding: 0;
    width: 15%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    visibility: visible
}

.js-flicker .js-flicker-body .flicker-arrows div {
    background: url(../../img/arrow-white.png?v=926f5f4ce8b62be9454a7c35a5224a4c) no-repeat center top;
    background-size: 100% 25px;
    cursor: w-resize;
    position: absolute;
    width: 15%;
    height: 25px;
    top: -3px
}

.js-flicker .js-flicker-body .flicker-arrows div.arrow-left {
    left: 2.5%;
    cursor: pointer
}

.js-flicker .js-flicker-body .flicker-arrows div.arrow-right {
    right: 2.5% !important
}

.js-flicker .flicker-info-reload-link {
    text-align: center;
    margin: 15px 0 5px
}

.js-flicker .flicker-info-reload-link a {
    text-align: left;
    margin: auto;
    background-color: transparent;
    color: #49494A;
    font-weight: 100;
    height: initial;
    line-height: initial;
    min-width: initial;
    padding: 0;
    font-size: 13px
}

.overlay-captcha {
    position: relative;
    margin: auto
}

.overlay-captcha>img {
    position: absolute
}

.overlay-captcha .captcha-background {
    left: 0
}

.overlay-captcha .resizable>img {
    max-width: none;
    max-height: none
}

.loader-inline {
    opacity: 0;
    position: absolute;
    display: flex;
    left: 0;
    top: 50%;
    height: 6px;
    width: 28px;
    overflow: hidden;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .2s ease
}

.loader-inline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 66px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 6' style='enable-background:new 0 0 11 6;' xml:space='preserve' fill='%23fff'%3E%3Ctitle%3ELoader%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cpath d='M8.9,3.4c0.7-1.2,1.2-1.9,2.1-1.9V0C9.2,0,8.4,1.4,7.7,2.6C6.9,3.8,6.5,4.5,5.5,4.5c-0.9,0-1.4-0.7-2.1-1.9 C2.7,1.4,1.8,0,0.1,0C0,0,0,0,0,0v1.5c0,0,0,0,0.1,0c0.9,0,1.4,0.7,2.1,1.9C2.9,4.6,3.8,6,5.5,6C7.3,6,8.2,4.6,8.9,3.4z'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 11px 6px;
    background-position: top left;
    transform: translate3D(0, 0, 0);
    animation-name: sineloader;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: .6s
}

.loader-inline span {
    display: none
}

.loader-inline.force-loader {
    opacity: 1
}

.loader-inline.dark-loader {
    position: relative;
    margin-top: 35px
}

.loader-box {
    position: relative;
    min-height: 6px;
    margin-top: 35px;
    margin-bottom: 35px
}

.button-secondary .loader-inline:before,.button-tertiary .loader-inline:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 6' style='enable-background:new 0 0 11 6;' xml:space='preserve' fill='%23EB6F93'%3E%3Ctitle%3ELoader%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cpath d='M8.9,3.4c0.7-1.2,1.2-1.9,2.1-1.9V0C9.2,0,8.4,1.4,7.7,2.6C6.9,3.8,6.5,4.5,5.5,4.5c-0.9,0-1.4-0.7-2.1-1.9 C2.7,1.4,1.8,0,0.1,0C0,0,0,0,0,0v1.5c0,0,0,0,0.1,0c0.9,0,1.4,0.7,2.1,1.9C2.9,4.6,3.8,6,5.5,6C7.3,6,8.2,4.6,8.9,3.4z'/%3E%3C/svg%3E")
}

body.loading .has-indicator {
    position: relative
}

body.loading .has-indicator .loader-inline {
    display: flex
}

body.loading button.primary {
    color: transparent;
    background-color: #EB6F93
}

body.loading button.primary .loader-inline {
    opacity: 1
}

@keyframes sineloader {
    from {
        transform: translate3D(0, 0, 0)
    }

    to {
        transform: translate3D(-11px, 0, 0)
    }
}

.left-loader {
    position: relative;
    width: 18px;
    height: 6px;
    margin-left: 6px
}

.loader-dots,.loader-inline {
    position: absolute;
    top: 50%;
    left: 5px;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-wrap: nowrap;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-left: 12px;
    background-image: none;
    animation-name: loading-dark;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    animation-delay: .2s;
    white-space: nowrap;
    overflow: visible
}

.loader-dots:before,.loader-dots:after,.loader-inline:before,.loader-inline:after {
    position: relative;
    content: '';
    display: inline-flex;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-image: none;
    animation-name: loading-dark;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.loader-dots:before,.loader-inline:before {
    margin-left: -12px;
    margin-right: 18px;
    animation-delay: unset
}

.loader-dots:after,.loader-inline:after {
    margin-left: 0;
    animation-delay: .4s
}

.loader-dots.force-loader,.loader-inline.force-loader {
    opacity: 1
}

@keyframes loading-white {
    0% {
        background-color: rgba(255,255,255,0)
    }

    25% {
        background-color: #fff
    }

    75% {
        background-color: rgba(255,255,255,0)
    }

    100% {
        background-color: rgba(255,255,255,0)
    }
}

@keyframes loading-dark {
    0% {
        background-color: rgba(23,23,23,0)
    }

    25% {
        background-color: #171717
    }

    75% {
        background-color: rgba(23,23,23,0)
    }

    100% {
        background-color: rgba(23,23,23,0)
    }
}

.loader-circle {
    width: 30px;
    height: 30px;
    transform: rotate(0) scale(1);
    animation: rotate 2s linear infinite
}

.loader-circle .path {
    stroke: #000000;
    stroke-linecap: square;
    animation: dash 1.5s ease-in-out infinite
}

.loader-circle.in-search {
    transform: rotate(0) scale(0.75);
    animation: rotate-in-search 2s linear infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg) scale(1)
    }
}

@keyframes rotate-in-search {
    100% {
        transform: rotate(360deg) scale(0.75)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.error-message {
    color: #FC8064;
    font-size: 13px;
    margin-bottom: 15px
}

.error-message ul {
    padding: 0;
    list-style-type: none
}

.error-message ul li:before {
    content: '';
    left: 0
}

.inline .captcha {
    display: inline;
    vertical-align: middle
}

ul,ol {
    margin: 0;
    padding: 0 15px;
    margin: 15px 0;
    text-align: left;
    list-style-type: none
}

ul li,ol li {
    position: relative
}

ul li:before,ol li:before {
    position: absolute;
    left: -15px;
    color: #EB6F93
}

ul li:before {
    content: '\2022';
    font-size: 18px;
    line-height: 28px
}

ol {
    counter-reset: listpoint
}

ol li {
    counter-increment: listpoint
}

ol li:before {
    content: counter(listpoint);
    color: #343434;
    font-weight: bold
}

.backend-form-element.list {
    background-color: #f2f2f1;
    padding: 20px 15px;
    border-radius: 3px
}

.backend-form-element.list .title,.backend-form-element.list .title h3 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size: 16px;
    text-transform: none
}

.backend-form-element.list ul,.backend-form-element.list ol {
    margin: 0 0 15px
}

.backend-form-element.list ul li,.backend-form-element.list ol li {
    padding-left: 15px
}

.backend-form-element.list ul li:before,.backend-form-element.list ol li:before {
    left: -5px
}

.backend-form-element.list ul li:last-child,.backend-form-element.list ol li:last-child {
    padding-bottom: 0
}

.backend-form-element.list ul kbd,.backend-form-element.list ol kbd {
    border-color: #fff;
    background-color: #fff
}

.backend-form-element.list+.backend-form-element.list {
    margin-top: 10px;
    margin-bottom: 10px
}

.certificates .certificate {
    display: inline-block;
    align-self: center;
    max-height: 40px;
    margin-right: 10px;
    text-decoration: none !important;
    border: none !important
}

.certificates .certificate:last-child {
    margin-right: 0
}

.certificates .certificate a {
    text-decoration: none !important;
    border: none !important
}

.certificates .certificate img {
    height: 40px;
    max-height: 100%;
    width: auto;
    vertical-align: middle
}

@media only screen and (max-width: 819px) {
    .certificates {
        display:none !important
    }
}

.label-with-postfix {
    position: relative;
    display: block
}

.label-with-postfix .postfix {
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    margin-top: 1px;
    margin-right: 1px;
    color: #D1D1D0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 700;
    background-color: #FCFCFC;
    border-color: transparent;
    border-left: 1px solid #E4E4E5;
    z-index: 0;
    pointer-events: none
}

.icon {
    margin: -10px;
    width: 120px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat
}

.icon-success {
    position: relative;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M60,105.4c-2.5,0-5-0.9-6.9-2.8c-0.1-0.1-6.5-6.8-6.5-6.8c-0.6-0.7-1.5-1-2.4-1c0,0-9.1,0.2-9.2,0.2 c-5.4,0-9.9-4.4-10-9.8c0-0.1,0.2-9.3,0.2-9.3c0-0.9-0.4-1.8-1-2.5l-6.5-6.2c-4-3.8-4.2-10.2-0.4-14.2c0.1-0.1,6.8-6.5,6.8-6.5 c0.7-0.6,1-1.5,1-2.4l-0.2-9c0.1-2.6,1-5.1,2.9-7.1c1.9-1.9,4.4-3,7-3.1c0.1,0,9.3,0.2,9.3,0.2c0.9,0,1.8-0.4,2.5-1l6.2-6.5 c3.8-4,10.2-4.2,14.2-0.4c0.1,0.1,6.5,6.8,6.5,6.8c0.6,0.7,1.5,1,2.4,1l9-0.2c2.7-0.1,5.2,0.9,7.1,2.8s3,4.4,3.1,7 c0,0.1-0.2,9.3-0.2,9.3c0,0.9,0.4,1.8,1,2.4l6.5,6.2c1.9,1.8,3,4.3,3.1,7s-0.9,5.2-2.8,7.2c-0.1,0.1-6.8,6.5-6.8,6.5 c-0.7,0.6-1,1.5-1,2.4l0.2,9c0.1,5.5-4.3,10.1-9.8,10.2c-0.1,0-9.3-0.2-9.3-0.2c-0.9,0-1.8,0.4-2.4,1l-6.2,6.5 C65.3,104.4,62.7,105.4,60,105.4z M44.2,88c2.7,0,5.4,1.1,7.3,3.1l6.3,6.6c1.3,1.2,3.4,1.2,4.6-0.1l6.2-6.5c2-2,4.7-3.2,7.5-3.1 c0,0,9,0.2,9.1,0.2c1.8,0,3.2-1.5,3.2-3.3L88.1,76c-0.1-2.8,1.1-5.5,3.1-7.5l6.6-6.3c1.2-1.3,1.2-3.4-0.1-4.6l-6.5-6.2 c-2-2-3.2-4.7-3.1-7.5l0,0l0.2-9c0-0.9-0.4-1.7-1-2.3s-1.4-0.9-2.3-0.9l-8.9,0.2c-2.8,0.1-5.5-1.1-7.5-3.1l-6.3-6.6 C61,21,58.9,21,57.7,22.3l-6.2,6.5c-1.9,2-4.5,3.1-7.3,3.1c-0.1,0-9.2-0.2-9.3-0.2c-0.9,0-1.7,0.4-2.3,1c-0.6,0.6-0.9,1.4-0.9,2.3 l0.3,9c0.1,2.8-1.1,5.5-3.1,7.5l-6.6,6.3c-0.6,0.6-0.9,1.5-0.9,2.3c0,0.9,0.4,1.7,1,2.3l6.5,6.2c2,2,3.2,4.7,3.1,7.5 c0,0-0.2,9-0.2,9.1c0,1.8,1.5,3.2,3.3,3.2C35,88.3,44.2,88,44.2,88z'/%3E%3Cpolygon points='55.3,76.4 42.1,61.8 47.1,57.3 54.9,65.9 73.3,42.2 78.6,46.3 '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.icon-success:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 16px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.5 39.5' style='enable-background:new 0 0 39.5 39.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill-opacity:0;stroke:%23000000;stroke-width:6.7633;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M32.9,14.9L29,19.3c-1.9,2.2-3.1,4.9-3.6,7.8l-0.8,5.8L20.2,29c-2.2-1.9-4.9-3.1-7.8-3.6l-5.8-0.8l3.8-4.4 c1.9-2.2,3.1-4.9,3.6-7.8l0.8-5.8l4.4,3.8c2.2,1.9,4.9,3.1,7.8,3.6L32.9,14.9z'/%3E%3Cpath class='st1' d='M32.9,14.9L29,19.3c-1.9,2.2-3.1,4.9-3.6,7.8l-0.8,5.8L20.2,29c-2.2-1.9-4.9-3.1-7.8-3.6l-5.8-0.8l3.8-4.4 c1.9-2.2,3.1-4.9,3.6-7.8l0.8-5.8l4.4,3.8c2.2,1.9,4.9,3.1,7.8,3.6L32.9,14.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    animation: rotating 3s linear infinite
}

.icon-shopping {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='100' width='100'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0, 0) scale(1)'%3E%3Cpath d='M42,4 C52.0261031,4 60.3290951,11.3775153 61.7765114,21.0000811 L82.9000001,21 L79.449,51 L92.6000001,51 L92.6000001,54.4000001 C92.7000001,54.6000001 93.7000001,79 97.5000001,90.4000001 L99.1000001,95 L36.9,95 L38.4,90.4000001 C38.6490567,89.65283 38.8860856,88.8498164 39.1116216,88.0014327 L19.1,88 C13.8444625,87.9968726 9.40073754,84.1086133 8.70000001,78.9000001 L1,21 L22.2234886,21.0000811 C23.670905,11.3775153 31.973897,4 42,4 Z M85.9,58.0000001 L50.1000001,58.0000001 C49.7,64.3000001 48.7,78.0000001 46.4,88.0000001 L89.6000001,88.0000001 C87.3000001,78.0000001 86.3000001,64.3000001 85.9,58.0000001 Z M72.368,51 L75.1000001,28 L9,28 L15.7,78 C15.9037326,79.7200582 17.3679601,81.0120236 19.1,81 L40.5876467,81.0007029 C42.6097385,69.1191637 43.222833,54.5543341 43.3,54.4000001 L43.3,51 L72.368,51 Z M42,11 C35.8527839,11 30.7021027,15.2666734 29.3478287,21.000148 L54.6521713,21.000148 C53.2978974,15.2666734 48.1472162,11 42,11 Z' fill='rgba(23, 23, 23, 1)'%3E%3C/path%3E%3Cpath d='M68.0000001,75.5000001 C61.0964407,75.5000001 55.5000001,69.9035594 55.5000001,63.0000001 L62.5000001,63.0000001 C62.5000001,66.0375661 64.962434,68.5000001 68.0000001,68.5000001 C71.0375661,68.5000001 73.5000001,66.0375661 73.5000001,63.0000001 L80.5000001,63.0000001 C80.5000001,69.9035594 74.9035594,75.5000001 68.0000001,75.5000001 Z' fill='rgba(23, 23, 23, 1)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}

.icon-cactus {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='100px' height='100px' viewBox='0 0 100 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIllustration%3c/title%3e%3cg id='--↳-▪️Ebay-Refresh-Summary-Page-DUMMY' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='DBT-Transaction-Summary-Refreshed' transform='translate(-20.000000, -228.000000)' fill='%23171717'%3e%3cg id='Illustration' transform='translate(20.000000, 228.000000)'%3e%3cpath d='M48.8,-8.8817842e-16 L52.3166281,9.20955044 C57.2404477,9.83645148 61.7342299,11.840516 65.3996316,14.823401 L74.3000001,10.5 L70.0632935,19.7541771 C72.7675204,23.483796 74.5054037,27.9597331 74.9094455,32.8144904 L85.0000001,36.3 L75,40.118 L75,50.845 L85.0000001,54.3000001 L75,58.118 L75,70 L90,70.0000001 L90,77.0000001 L87.5,77.0000001 C85.7679601,76.9879765 84.3037327,78.279942 84.1000001,80.0000001 L84.1000001,80.2000001 L81.8000001,91.1000001 C81.0150766,96.1918353 76.6518393,99.9620112 71.5,100 L28.5,100 C23.3481608,99.9620112 18.9849235,96.1918353 18.2,91.1000001 L15.9,80.0000001 C15.6962674,78.279942 14.2320399,76.9879765 12.5,77.0000001 L10,77.0000001 L10,70.0000001 L23,70 L23,58.195 L12.8,54.3000001 L23,50.776 L23,40.195 L12.8,36.3 L23.096569,32.7433966 C23.502499,28.021807 25.1703282,23.6607886 27.7612028,19.9991951 L23.5,10.5 L32.5262515,14.8839429 C36.188569,11.881205 40.6856524,9.8589405 45.6164983,9.21815288 L48.8,-8.8817842e-16 Z M77.5000001,77.0000001 L22.4,77.0000001 C22.5911799,77.6197623 22.7250748,78.2557631 22.8,78.9000001 L25.1,90.0000001 C25.3037326,91.7200582 26.7679601,93.0120236 28.5,93.0000833 L71.5000001,93.0000833 C73.23204,93.0120236 74.6962675,91.7200582 74.9,90.0000001 L74.9,89.8000001 L77.1000001,78.9000001 C77.1749252,78.2557631 77.3088201,77.6197623 77.5000001,77.0000001 Z M39.7722267,18.3874192 L39.6841726,18.4366928 C33.9036484,21.6948676 30,27.8915609 30,35 L30,70 L37.5,70 L37.5,27.3 C37.5,23.9266241 38.3424487,20.850583 39.7722267,18.3874192 Z M49,19.5 C46.9,19.5 44.5,22.9 44.5,27.3 L44.5,70 L53.5,70 L53.5,27.3 C53.5,22.9 51.1,19.5 49,19.5 Z M58.2279185,18.3874504 L58.3535402,18.6083834 C59.7068241,21.0334656 60.5,24.0267606 60.5,27.3 L60.5,70 L68,70 L68,35 C68,27.8555854 64.0567392,21.6321685 58.2279185,18.3874504 Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.icon-checkmark {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.9951 33.6L13.8586 29.572L3.19514 23.8L14.0951 17.8C16.1678 16.6746 17.8698 14.9726 18.9951 12.9L24.9951 2L30.9951 12.9C31.2012 13.2795 31.4266 13.6466 31.6701 14H33.4951C34.4482 14.0116 35.3598 13.6105 35.9951 12.9L42.4951 6.2C44.4561 4.15867 47.1645 3.00486 49.9951 3.00486C52.8258 3.00486 55.5341 4.15867 57.4951 6.2L63.8951 12.9C64.5381 13.6 65.4447 13.9989 66.3951 14L75.6951 13.7C81.5494 13.7 86.2951 18.4458 86.2951 24.3L85.9951 33.6C85.9963 34.5505 86.3952 35.4571 87.0951 36.1L93.7951 42.5C95.8365 44.461 96.9903 47.1694 96.9903 50C96.9903 52.8306 95.8365 55.539 93.7951 57.5L87.0951 63.9C86.3952 64.543 85.9963 65.4495 85.9951 66.4L86.1258 69.927L96.7951 75.8L85.8951 81.7C83.8225 82.8254 82.1205 84.5274 80.9951 86.6L74.9951 97.5L68.9951 86.6C68.8846 86.3964 68.7684 86.1963 68.6469 86H66.3951C65.4447 86.0011 64.5381 86.4 63.8951 87.1L57.4951 93.8C55.5283 95.8335 52.8241 96.9873 49.9951 97C47.1661 96.9873 44.462 95.8335 42.4951 93.8L36.0951 87.1C35.4522 86.4 34.5456 86.0011 33.5951 86L24.2951 86.3C18.4409 86.3 13.6951 81.5542 13.6951 75.7L13.9951 66.4C13.994 65.4496 13.5951 64.543 12.8951 63.9L6.19514 57.5C4.15381 55.539 3 52.8306 3 50C3 47.1694 4.15381 44.461 6.19514 42.5L12.8951 36.1C13.5951 35.457 13.994 34.5505 13.9951 33.6ZM61.4776 80.2832L53.1951 75.8L64.0951 69.8C66.1678 68.6746 67.8698 66.9726 68.9951 64.9L74.9951 54L79.7476 62.6337C80.3088 61.203 81.1716 59.8929 82.2951 58.8L88.9951 52.4C90.3174 51.0732 90.3174 48.9268 88.9951 47.6L82.2951 41.2C80.1887 39.1511 78.9988 36.3385 78.9951 33.4L79.2951 24.2C79.3231 23.2634 78.9634 22.3569 78.3008 21.6943C77.6383 21.0318 76.7317 20.672 75.7951 20.7L66.5951 21C63.6733 21.0116 60.867 19.8603 58.7951 17.8L52.3951 11C51.0683 9.67776 48.922 9.67776 47.5951 11L41.1951 17.7C40.519 18.3951 39.7598 18.9904 38.9402 19.4762L46.7951 23.8L35.8951 29.7C33.8225 30.8254 32.1205 32.5274 30.9951 34.6L24.9951 45.5L20.3543 37.0691C19.7991 38.6155 18.8961 40.0319 17.6951 41.2L10.9951 47.6C9.6729 48.9268 9.6729 51.0732 10.9951 52.4L17.6951 58.8C19.8016 60.8489 20.9915 63.6615 20.9951 66.6L20.6951 75.8C20.6672 76.7366 21.0269 77.6431 21.6895 78.3057C22.352 78.9682 23.2586 79.328 24.1951 79.3L33.3951 79C36.3127 79.01 39.1112 80.1581 41.1951 82.2L47.5951 89C48.922 90.3222 51.0683 90.3222 52.3951 89L58.7951 82.3C59.5874 81.4855 60.4938 80.808 61.4776 80.2832ZM24.9951 31C23.3159 27.9738 20.8214 25.4793 17.7951 23.8C20.8064 22.0564 23.2932 19.535 24.9951 16.5C26.697 19.535 29.1839 22.0564 32.1951 23.8C29.1689 25.4793 26.6744 27.9738 24.9951 31ZM45.0951 66.9L31.3951 51.9L36.5951 47.1L44.6951 56.1L63.6951 31.6L69.1951 35.9L45.0951 66.9ZM67.7951 75.8C70.8214 77.4793 73.3159 79.9738 74.9951 83C76.6744 79.9738 79.1689 77.4793 82.1951 75.8C79.1839 74.0564 76.697 71.535 74.9951 68.5C73.2932 71.535 70.8064 74.0564 67.7951 75.8Z' fill='%230E0E0F'/%3e%3c/svg%3e")
}

.icon-progress {
    margin: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #F0EEEA
}

.icon-progress .check {
    margin: 0;
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eRadio%3c/title%3e%3cg id='--↳-▪️Loading-predection' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='DBT---Login/Predictio-02-Copy' transform='translate(-1060.000000, -404.000000)' fill='%23171717'%3e%3cg id='Transaction-list-/-Regular-/-Progress-bar-Copy-4' transform='translate(660.000000, 379.000000)'%3e%3cg id='Icon' transform='translate(400.000000, 25.000000)'%3e%3cpath d='M17.704,2.19 L7.429,15.302 L2.134,10.007 L0.72,11.421 L6.812,17.514 C7.001,17.703 7.255,17.807 7.519,17.807 C7.539,17.807 7.559,17.806 7.58,17.805 C7.865,17.788 8.13,17.649 8.307,17.424 L19.278,3.424 L17.704,2.19 Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.icon-progress .check.animate {
    animation: popup 800ms
}

@keyframes popup {
    0% {
        transform: scale(0)
    }

    20% {
        transform: scale(1)
    }

    60% {
        transform: scale(1.8)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.spacer-xs {
    display: block;
    margin: 0;
    padding: 0;
    height: 5px
}

.spacer-s {
    display: block;
    margin: 0;
    padding: 0;
    height: 10px
}

.spacer-m {
    display: block;
    margin: 0;
    padding: 0;
    height: 15px
}

.spacer-l {
    display: block;
    margin: 0;
    padding: 0;
    height: 20px
}

.spacer-xl {
    display: block;
    margin: 0;
    padding: 0;
    height: 30px
}

.spacer-xxl {
    display: block;
    margin: 0;
    padding: 0;
    height: 50px
}

.multi-captcha-wrapper .multi-captcha-title {
    text-align: left;
    padding-right: 25%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    margin-bottom: 25px
}

.multi-captcha-wrapper .multi-captcha-title.no-image {
    padding-right: 0;
    text-align: center
}

.multi-captcha-wrapper .multi-captcha {
    position: relative
}

.multi-captcha-wrapper .multi-captcha .captcha {
    width: 100%;
    height: auto;
    display: block
}

.multi-captcha-wrapper .multi-captcha .tile-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: stretch;
    align-items: center;
    justify-content: stretch
}

.multi-captcha-wrapper .multi-captcha-tile {
    position: relative;
    display: flex;
    text-align: center;
    align-self: stretch;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.75);
    cursor: pointer;
    transform: scale3d(1, 1, 1);
    transition: all .2s ease
}

.multi-captcha-wrapper .multi-captcha-tile:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 7px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background-color: #6e9896;
    border: 1px solid #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='10px' viewBox='0 0 12 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECheckmark%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Switch-/-Checkbox-/-Active' transform='translate(-4.000000, -5.000000)' fill='%23fff'%3E%3Cg id='Checkbox'%3E%3Cpath d='M8.4249,15.001 L8.4239,15.001 C7.7989,15.001 7.2049,14.678 6.7929,14.115 L4.1449,10.497 C3.9009,10.163 3.9729,9.694 4.3069,9.449 C4.6429,9.203 5.1099,9.278 5.3559,9.611 L8.0039,13.229 C8.1319,13.404 8.2809,13.501 8.4249,13.501 C8.5689,13.501 8.7189,13.404 8.8469,13.229 L14.6449,5.308 C14.8899,4.974 15.3579,4.899 15.6939,5.146 C16.0279,5.39 16.0999,5.859 15.8559,6.193 L10.0579,14.115 C9.6449,14.678 9.0499,15.001 8.4249,15.001' id='Checkmark'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 12px 10px;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale3d(0, 0, 0);
    transition: transform .1s ease
}

.multi-captcha-wrapper .multi-captcha-tile.checked {
    box-shadow: inset 0 0 0 10px rgba(255,255,255,0.75)
}

.multi-captcha-wrapper .multi-captcha-tile.checked:after {
    transform: scale3d(1, 1, 1)
}

.avatar {
    border-radius: 50px;
    overflow: hidden;
    display: inline-flex;
    width: 50px;
    height: 50px;
    margin-right: 25px;
    background-color: #f0eeeb;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.avatar>img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    background-color: white;
}

.avatar-size-large {
    width: 70px;
    height: 70px;
    border-radius: 70px;
    margin-bottom: 20px
}

.avatar-size-large>img {
    width: 70px;
    height: 70px
}

.avatar-toggle:after {
    content: '';
    position: absolute;
    top: 0;
    right: 23px;
    width: 12px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E20px / Navigation / Chevron / Bottom / Default%3C/title%3E%3Cg id='⚙️-FOR-DEV' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='09_TAN-Copy' transform='translate(-339.000000, -112.000000)'%3E%3Cg id='List-selector-/-Logo-/-Detail' transform='translate(0.000000, 80.000000)'%3E%3Cg id='12px-/-Chevron-/-Bottom-/-Default' transform='translate(335.000000, 25.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M9.99433333,12.8853333 C9.77733333,12.8853333 9.56033333,12.8153333 9.37933333,12.6743333 L4.24633333,8.67433333 L5.47633333,7.09633333 L9.99433333,10.6163333 L14.5053333,7.09733333 L15.7353333,8.67333333 L10.6093333,12.6733333 C10.4293333,12.8153333 10.2113333,12.8853333 9.99433333,12.8853333' id='Icon' fill='%23171717' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 12px 6px;
    background-position: center;
    background-repeat: no-repeat
}

.content-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    z-index: 0;
    pointer-events: none;
    transition: .4s ease background-color
}

@media only screen and (max-width: 819px) {
    .content-backdrop {
        position:fixed
    }
}

.content-backdrop.toggled {
    pointer-events: auto;
    background-color: rgba(0,0,0,0.5)
}

.toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
    float: right;
    bottom: 30px
}

.toggle input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9c9c9b;
    transition: .3s
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: .3s
}

input:checked+.slider {
    background-color: #6e9896
}

input:disabled+.slider {
    background-color: #49494A
}

input:checked+.slider:before {
    transform: translateX(20px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.meter {
    box-shadow: rgba(0,0,0,0.1) 0 1px 2px inset;
    position: relative;
    border-radius: 0;
    background-color: #f6f6f6;
    height: 20px;
    padding: 0;
    border-color: #e9e9e9 #e9e9e9 #e2e2e2;
    border-style: solid;
    border-width: 1px
}

.meter>span {
    content: "";
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    animation-support: animation,compact(slim 2s linear infinite, false, false, false, false, false, false, false, false, false);
    background: linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 50px 50px;
    box-shadow: rgba(255,255,255,0.3) 0 2px 9px inset,rgba(0,0,0,0.4) 0 -2px 6px inset;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #2ac052
}

.meter .animate {
    content: "";
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    animation-support: animation,compact(slim 2s linear infinite, false, false, false, false, false, false, false, false, false);
    background: linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 50px 50px
}

.meter .primary {
    border-left-radius: 0;
    border-right-radius: 0;
    background-color: #EB6F93;
    position: relative
}

.meter .primary:after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.1));
    border-left-radius: 0;
    border-right-radius: 0;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.meter .secondary {
    border-left-radius: 0;
    border-right-radius: 0;
    background-color: #6e9896;
    position: relative
}

.meter .secondary:after {
    background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.1));
    border-left-radius: 0;
    border-right-radius: 0;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

#ProgressModal {
    position: fixed
}

ul.accordion {
    list-style-type: none;
    margin: 40px 0 35px 0;
    max-width: 100%;
    padding: 0;
    width: 100%
}

ul.accordion li.accordion-item:before {
    content: ''
}

ul.accordion li.accordion-item:last-of-type {
    border-bottom: 1px solid #E4E4E5
}

ul.accordion li.accordion-item a {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787878'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px top 50%;
    background-size: 12px 7px;
    background-color: transparent;
    border-top: 1px solid #E4E4E5;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    height: 60px;
    padding-right: 10px;
    align-items: center;
    color: #49494A;
    display: flex;
    width: 100%
}

ul.accordion li.accordion-item.open-item a {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-90.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787878'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.account-selector label {
    color: #49494A;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 20px 0 20px 0;
    position: relative;
    border-top: 1px solid #E4E4E5
}

.account-selector label:last-child {
    border-bottom: 1px solid #E4E4E5
}

.account-selector label.focused input[type=radio] {
    border-color: #343434
}

.account-selector label.focused:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -15px;
    width: calc(100% + 30px);
    height: 100%;
    background-color: rgba(52,52,48,0.05);
    z-index: 0
}

.account-selector .description,.account-selector .iban {
    margin: 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.account-selector .description {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    color: #49494A
}

.account-selector .iban {
    color: #787878
}

.account-selector input[type=radio] {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #D1D1D0;
    box-shadow: inset 0 0 0 rgba(110,152,150,0);
    background-color: #fff;
    transform: translateY(-50%);
    transition: all .2s ease;
    z-index: 1
}

.account-selector input[type=radio]:checked {
    border-color: #6e9896;
    box-shadow: inset 0 0 0 6px #6e9896;
    color: #fff;
    outline: none
}

.account-selector input[type=radio]+label {
    border-top-width: 0
}

.alert-box {
    position: relative;
    padding: 17px 32px 15px 15px;
    background-color: #f6f6f6;
    color: #343434;
    font-size: 16px;
    line-height: 20px;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 3px
}

.alert-box h2,.alert-box .header {
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important
}

.alert-box a,.alert-box p {
    color: #343434;
    font-size: 16px
}

.alert-box .sub-header {
    margin-bottom: 10px
}

.alert-box .close {
    position: absolute;
    width: 8px;
    height: 8px;
    color: transparent;
    top: 16px;
    right: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='8px' height='8px' viewBox='0 0 8 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eclose-icon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='[HPP]-L' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Hint-Message' transform='translate(-981.000000, -122.000000)'%3E%3Cg id='Modal' transform='translate(230.000000, 46.000000)'%3E%3Cg id='Block' transform='translate(350.000000, 65.000000)'%3E%3Cg id='close-icon' transform='translate(400.000000, 10.000000)'%3E%3Crect id='BG' x='0' y='0' width='10' height='10'%3E%3C/rect%3E%3Cpath d='M1.5,1.5 L8.5,8.5' id='Line' stroke='%2387878A' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M1.5,1.5 L8.5,8.5' id='Line-Copy' stroke='%23343434' stroke-linecap='round' transform='translate(5.000000, 5.000000) scale(-1, 1) translate(-5.000000, -5.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px
}

.alert-box.error {
    background-color: #FFD4C2
}

.alert-box.notice {
    background-color: #FCE8BA
}

.alert-box.success {
    background-color: #DAEEBC
}

.alert-box li {
    margin-bottom: 10px
}

.alert-box li:before {
    color: #343434;
    line-height: 20px
}

.alert-box ul.links {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0
}

.alert-box ul.links li {
    list-style: none
}

.alert-box ul.links li:before {
    content: "";
    display: none
}

.alert-box ul.links li a {
    font-size: 16px;
    text-decoration: underline
}

.bank-search {
    position: relative
}

.bank-search .show-more.styled {
    text-align: center;
    color: #6e9896;
    cursor: pointer
}

.bank-search .show-more.styled:after {
    content: '';
    background: none
}

.bank-search .hidden {
    display: none
}

.bank-search.loading .loader-inline {
    opacity: 1
}

.bank-search.loading .loader-circle.in-search {
    opacity: 1
}

.bank-search.loading .search-control {
    opacity: 0
}

.bank-search .single-display {
    margin-top: 10px;
    border: none !important
}

.bank-search .loader-inline {
    top: 32px;
    right: 20px;
    left: initial
}

@media only screen and (max-width: 819px) {
    .bank-search .loader-inline {
        right:10px
    }
}

.bank-search .loader-inline:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 6' style='enable-background:new 0 0 11 6;' xml:space='preserve' fill='%239C9C9B'%3E%3Ctitle%3ELoader%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cpath d='M8.9,3.4c0.7-1.2,1.2-1.9,2.1-1.9V0C9.2,0,8.4,1.4,7.7,2.6C6.9,3.8,6.5,4.5,5.5,4.5c-0.9,0-1.4-0.7-2.1-1.9 C2.7,1.4,1.8,0,0.1,0C0,0,0,0,0,0v1.5c0,0,0,0,0.1,0c0.9,0,1.4,0.7,2.1,1.9C2.9,4.6,3.8,6,5.5,6C7.3,6,8.2,4.6,8.9,3.4z'/%3E%3C/svg%3E")
}

.bank-search .loader-circle.in-search {
    position: absolute;
    opacity: 0;
    top: 16px;
    right: 20px;
    left: initial;
    transition: opacity .4s ease
}

.bank-search #BankSearcherResultsContent p.margin {
    margin-top: 40px
}

.bank-search.has-results #BankSearcherResultsContent {
    padding: 0;
    border: 1px solid #D1D1D0;
    border-top-width: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.bank-search.has-results #BankSearcherResultsContent ul.linked-list li {
    padding-right: 0
}

.bank-search.has-results #BankSearcherResultsContent ul.linked-list li a {
    padding-left: 20px
}

.bank-search.has-results #BankSearcherResultsContent ul.linked-list li a:focus {
    background-color: rgba(52,52,48,0.05)
}

.bank-search.has-results #BankSearcherResultsContent ul.linked-list li a:after,.bank-search.has-results #BankSearcherResultsContent ul.linked-list li p:after {
    width: 60px;
    background-position: center
}

.bank-search .no-search-results {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    color: #49494A;
    margin-top: 20px
}

.bank-search .linked-list a {
    position: relative;
    font-weight: 300;
    outline: none
}

.bank-search .linked-list a:focus:before {
    position: absolute;
    content: '';
    top: 0px;
    left: -20px;
    width: calc(100% + 40px);
    height: 100%;
    background-color: rgba(52,52,48,0.05);
    z-index: 0
}

.bank-search li .highlight {
    color: #222;
    font-weight: 600
}

.return-action.hidden {
    display: none
}

.with-icon-search.no-result {
    background-color: #FCE8BA
}

.with-icon-search.no-result.focused {
    background-color: #fff
}

.with-icon-search.no-result.focused:after {
    border-color: #E2AC62
}

.with-icon-search.no-result span:not(.no-result) {
    display: none
}

.with-icon-search.no-result span.no-result {
    left: 51px;
    display: block
}

.with-icon-search span.no-result {
    display: none
}

#BankCodeSearch.no-result {
    border-color: #E2AC62 !important
}

#BankCodeSearch.no-result.disabled {
    border-color: #D1D1D0 !important;
    background-color: #fff
}

.inline-bank-search.bank-search-kob {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch
}

.inline-bank-search.bank-search-kob .bank-search {
    order: 1;
    flex-grow: 5
}

.inline-bank-search.bank-search-kob .bank-search label.floating-label {
    border: none;
    background-color: #f0eeeb;
    border-radius: 50px
}

.inline-bank-search.bank-search-kob .bank-search label.floating-label.focused:after {
    border: none
}

.inline-bank-search.bank-search-kob .bank-search label.floating-label span.no-result {
    white-space: nowrap
}

.inline-bank-search.bank-search-kob .bank-search label.floating-label input {
    border-radius: 50px;
    border-color: transparent
}

.inline-bank-search.bank-search-kob .bank-search .search-control {
    position: absolute;
    top: 22px;
    right: 22px;
    transition: opacity .4s ease
}

.inline-bank-search.bank-search-kob .bank-search .search-control .search-control-delete {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-size: cover;
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3C!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EIcon / 20px / Close / Black%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg id="Icon-/-20px-/-Close-/-Black"%3E%3Cg id="Close"%3E%3Crect id="BG" x="0" y="0" width="20" height="20"%3E%3C/rect%3E%3Cpath d="M11.06075,9.99975 L18.78075,2.27975 C19.07375,1.98675 19.07375,1.51275 18.78075,1.21975 C18.48775,0.92675 18.01275,0.92675 17.71975,1.21975 L9.99975,8.93875 L2.28075,1.21975 C1.98775,0.92675 1.51275,0.92675 1.21975,1.21975 C0.92675,1.51275 0.92675,1.98675 1.21975,2.27975 L8.93975,9.99975 L1.21975,17.71975 C0.92675,18.01275 0.92675,18.48675 1.21975,18.77975 C1.36675,18.92675 1.55775,18.99975 1.74975,18.99975 C1.94275,18.99975 2.13375,18.92675 2.28075,18.77975 L9.99975,11.06075 L17.71975,18.77975 C17.86675,18.92675 18.05775,18.99975 18.24975,18.99975 C18.44275,18.99975 18.63375,18.92675 18.78075,18.77975 C19.07375,18.48675 19.07375,18.01275 18.78075,17.71975 L11.06075,9.99975 Z" id="Cross" fill="%2387878a"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E')
}

.inline-bank-search.bank-search-kob .country-icon-select {
    order: 2;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.inline-bank-search.bank-search-kob #MultipaysSessionSenderCountryId {
    max-width: 60px;
    overflow: hidden;
    appearance: none
}

.inline-bank-search.bank-search-kob #MultipaysSessionSenderCountryId option {
    color: black
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-size: cover;
    background-position: center center;
    outline: none;
    border: 15px solid #f0eeeb;
    color: transparent;
    cursor: pointer
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-de {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='600' viewBox='0 0 5 3'%3E%3Cdesc%3EFlag of Germany%3C/desc%3E%3Crect id='black_stripe' width='5' height='3' y='0' x='0' fill='%23000'/%3E%3Crect id='red_stripe' width='5' height='2' y='1' x='0' fill='%23D00'/%3E%3Crect id='gold_stripe' width='5' height='1' y='2' x='0' fill='%23FFCE00'/%3E%3C/svg%3E%0A")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-at {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNkODFlMDUiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMjAwaDkwMHYyMDBoLTkwMHoiLz4NCjwvc3ZnPg0K")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-it {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAzIDIiPg0KPHBhdGggZmlsbD0iIzAwOTI0NiIgZD0ibTAsMGgxdjJoLTF6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMSwwaDF2MmgtMXoiLz4NCjxwYXRoIGZpbGw9IiNjZTJiMzciIGQ9Im0yLDBoMXYyaC0xeiIvPg0KPC9zdmc+DQo")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-es {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImJvcmRlci1yYWRpdXM6NTAlIj48cGF0aCBmaWxsPSIjZDgwMDI3IiBkPSJNMCAwaDUxMnYxMjhsLTM5LjggMTMwLjNMNTEyIDM4NHYxMjhIMFYzODRsMzcuOC0xMjRMMCAxMjh6Ii8+PHBhdGggZmlsbD0iI2ZmZGE0NCIgZD0iTTAgMTI4aDUxMnYyNTZIMHoiLz48L3N2Zz4=")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-se {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBzdHlsZT0iYm9yZGVyLXJhZGl1czo1MCUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA1MmI0IiBkPSJNMCAwaDEzMy42bDM1LjMgMTYuN0wyMDAuMyAwSDUxMnYyMjIuNmwtMjIuNiAzMS43IDIyLjYgMzUuMVY1MTJIMjAwLjNsLTMyLTE5LjgtMzQuNyAxOS44SDBWMjg5LjRsMjIuMS0zMy4zTDAgMjIyLjZ6Ii8+PHBhdGggZmlsbD0iI2ZmZGE0NCIgZD0iTTEzMy42IDB2MjIyLjZIMHY2Ni44aDEzMy42VjUxMmg2Ni43VjI4OS40SDUxMnYtNjYuOEgyMDAuM1YweiIvPjwvc3ZnPg==")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-nl {
    background-image: url("data:image/svg+xml,%3Csvg id='nl' xmlns='http://www.w3.org/2000/svg' width='900' height='600' viewBox='0 0 9 6'%3E%3Cpath fill='%2321468B' d='M0 0h9v6H0z'/%3E%3Cpath fill='%23FFF' d='M0 0h9v4H0z'/%3E%3Cpath fill='%23AE1C28' d='M0 0h9v2H0z'/%3E%3C/svg%3E")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-fi {
    background-image: url("data:image/svg+xml,%3Csvg id='fi' xmlns='http://www.w3.org/2000/svg' width='180' height='110'%3E %3Crect width='180' height='110' fill='%23fff'/%3E %3Crect width='180' height='30' y='40' fill='%23002F6C'/%3E %3Crect width='30' height='110' x='50' fill='%23002F6C'/%3E %3C/svg%3E")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-fr {
    background-image: url("data:image/svg+xml,%3Csvg id='fr' xmlns='http://www.w3.org/2000/svg' width='90' height='60'%3E%3Crect width='90' height='60' fill='%23ED2939'/%3E%3Crect width='60' height='60' fill='%23fff'/%3E%3Crect width='30' height='60' fill='%23002395'/%3E%3C/svg%3E")
}

.inline-bank-search.bank-search-kob select.rounded-flag-icon.flag-be {
    background-image: url("data:image/svg+xml,%3Csvg id='be' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 584.64 506.69'%3E %3Crect id='rect558' style='fill-rule:evenodd;stroke-width:1pt;fill:%23000000' height='506.69' width='194.88' y='0.00004' x='0'/%3E %3Crect id='rect559' style='fill-rule:evenodd;stroke-width:1pt;fill:%23ffd90c' height='506.69' width='194.88' y='0' x='194.88'/%3E %3Crect id='rect560' style='fill-rule:evenodd;stroke-width:1pt;fill:%23f31830' height='506.69' width='194.88' y='0' x='389.76'/%3E %3C/svg%3E")
}

.box-selector {
    display: flex;
    width: 100%;
    border-style: solid;
    border-color: #969391;
    border-width: 1px;
    border-radius: 5px;
    margin-bottom: 30px
}

.box-selector a,.box-selector span {
    position: relative;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
    width: 50%;
    padding: 10px;
    height: 80px;
    font-weight: 500;
    font-size: 16px;
    color: #171717
}

.box-selector a:focus,.box-selector span:focus {
    outline: none;
    box-shadow: inset 0px 0px 0px 5px #bbb8b5
}

.box-selector a.active:after,.box-selector a:hover:after,.box-selector span.active:after,.box-selector span:hover:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-style: solid;
    border-radius: 5px;
    border-width: 3px
}

.box-selector a:hover:after {
    border-color: #487b94;
    cursor: pointer
}

#cookie-modal-extended {
    display: none
}

@media only screen and (max-width: 819px) {
    #cookie-modal-extended {
        padding-bottom:40px
    }
}

#cookie-modal-extended .data-security {
    margin-top: 25px
}

#cookie-modal-extended .cookie-modal-accept-all {
    margin-bottom: 25px
}

#modal-button-container {
    display: flex;
    margin-bottom: 10px
}

#modal-button-container button {
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 820px) {
    #modal-button-container button:first-child {
        margin-right:10px
    }

    #modal-button-container button:last-child {
        margin-left: 10px
    }
}

@media only screen and (max-width: 819px) {
    #modal-button-container {
        flex-direction:column
    }

    #modal-button-container button:first-child {
        margin-bottom: 10px
    }
}

button.cookie-modal-deny-all {
    border: 1px solid black
}

.touchevents .keypad-input {
    display: none
}

.keypad-input {
    background-color: #fff;
    padding: 20px 0;
    transition: background-color .4s ease
}

.keypad-input.row {
    max-width: 375px
}

.keypad-input.attention {
    background-color: rgba(110,152,150,0.5)
}

.keypad-input .button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 33.333%;
    min-width: 33.333%;
    width: 105px;
    height: 63px;
    line-height: 63px;
    padding: 0;
    float: left;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    color: #49494A;
    font-size: 28px;
    background-color: transparent;
    cursor: pointer
}

.keypad-input .button.all-clear {
    font-size: 16px
}

.keypad-input .button.clearer {
    color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='22px' viewBox='0 0 32 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Keyboard-/-Number-pad,-With-placeholder' transform='translate(-286.000000, -319.000000)' stroke='%2349494A' stroke-width='2'%3E%3Cg id='Keyboard' transform='translate(0.000000, 85.000000)'%3E%3Cg id='Key' transform='translate(253.000000, 215.000000)'%3E%3Cg id='Icon' transform='translate(34.000000, 20.000000)'%3E%3Cpath d='M7.78098334,-2.27388753e-13 L28.5,-2.27788816e-13 L28.5,-2.31592523e-13 C29.3284271,-2.2953733e-13 30,0.671572875 30,1.5 L30,18.5 L30,18.5 C30,19.3284271 29.3284271,20 28.5,20 L7.78098334,20 L7.78098334,20 C7.29151265,20 6.83282847,19.7611835 6.55213546,19.3601935 L0.200711821,10.2867312 L0.200711821,10.2867312 C0.0801997675,10.1145711 0.0801997675,9.8854289 0.200711821,9.71326883 L6.55213546,0.639806483 L6.55213546,0.639806483 C6.83282847,0.238816467 7.29151265,-2.28384633e-13 7.78098334,-2.28039809e-13 Z' id='Button'%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round' transform='translate(17.000000, 10.000000) scale(-1, 1) translate(-17.000000, -10.000000) '%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 22px
}

.keypad-input .captcha-keypad {
    width: calc(100% + 3px)
}

.keypad-input .captcha-keypad .button {
    margin: -1px 0 0 -1px;
    border: 1px solid #F2F2F1;
    border-radius: 0
}

.keypad-input .captcha-keypad .button:not(.clearer):not(.all-clear) {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent
}

.keypad-input .captcha-keypad.dark-keypad .button {
    color: #fff;
    background-color: #9C9C9B;
    border-color: #fff
}

.keypad-input .captcha-keypad.dark-keypad .button.clearer {
    color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='22px' viewBox='0 0 32 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Keyboard-/-Number-pad,-With-placeholder' transform='translate(-286.000000, -319.000000)' stroke='%23fff' stroke-width='2'%3E%3Cg id='Keyboard' transform='translate(0.000000, 85.000000)'%3E%3Cg id='Key' transform='translate(253.000000, 215.000000)'%3E%3Cg id='Icon' transform='translate(34.000000, 20.000000)'%3E%3Cpath d='M7.78098334,-2.27388753e-13 L28.5,-2.27788816e-13 L28.5,-2.31592523e-13 C29.3284271,-2.2953733e-13 30,0.671572875 30,1.5 L30,18.5 L30,18.5 C30,19.3284271 29.3284271,20 28.5,20 L7.78098334,20 L7.78098334,20 C7.29151265,20 6.83282847,19.7611835 6.55213546,19.3601935 L0.200711821,10.2867312 L0.200711821,10.2867312 C0.0801997675,10.1145711 0.0801997675,9.8854289 0.200711821,9.71326883 L6.55213546,0.639806483 L6.55213546,0.639806483 C6.83282847,0.238816467 7.29151265,-2.28384633e-13 7.78098334,-2.28039809e-13 Z' id='Button'%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round' transform='translate(17.000000, 10.000000) scale(-1, 1) translate(-17.000000, -10.000000) '%3E%3C/path%3E%3Cpath d='M13,14 L21,6' id='Line' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

label.language-selector {
    position: relative
}

label.language-selector:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 7px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='7px' viewBox='0 0 12 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dropdown-/-Field-/-Selection,-With-label' transform='translate(-304.000000, -27.000000)'%3E%3Cg id='Icon-/-Caret-/-Regular' transform='translate(310.000000, 30.000000) rotate(90.000000) translate(-310.000000, -30.000000) translate(300.000000, 20.000000)'%3E%3Cg id='Icon'%3E%3Crect id='Rectangle' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpolyline id='Line' stroke='%23979797' stroke-linecap='round' points='7.5 15.5 13.5 10 7.5 4.5'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 5px 5px;
    background-color: transparent
}

label.language-selector select.language-selector {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    top: 0
}

.return-action {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 60px;
    margin-bottom: 10px;
    max-width: 100%;
    padding: 20px;
    width: 60px
}

@media only screen and (max-width: 819px) {
    .return-action {
        left:0;
        margin-left: 0
    }
}

.return-action.sublist-fake-back {
    display: block
}

button.return-action {
    padding: 20px;
    line-height: initial;
    min-width: initial
}

.top-bank-selector:first-child {
    padding-top: 10px
}

.top-bank-selector label {
    color: #49494A;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 20px 20px 20px 0;
    position: relative;
    border-bottom: 1px solid #E4E4E5
}

.top-bank-selector label:last-child {
    border-top: 1px solid #E4E4E5
}

.top-bank-selector .description,.top-bank-selector .iban {
    margin: auto 0;
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.top-bank-selector .description {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    color: #49494A
}

.top-bank-selector .iban {
    color: #787878
}

.top-bank-selector input[type=radio] {
    display: none
}

.top-bank-selector input[type=radio]+label {
    border-top-width: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath fill='%23787878' d='M1.75 13a.73.73 0 0 1-.52-.21.75.75 0 0 1-.02-1.06l4.08-4.21a.75.75 0 0 0 0-1.04L1.21 2.27a.75.75 0 0 1 .02-1.06.75.75 0 0 1 1.06.02l4.08 4.21c.84.87.84 2.24 0 3.12l-4.08 4.21a.76.76 0 0 1-.54.23'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px top 50%;
    background-size: 8px 13px
}

.top-bank-selector .show-less,.top-bank-selector .show-more {
    cursor: pointer;
    padding: 20px 0;
    display: block
}

#WizardForm.sublist-selected h1 {
    position: relative;
    color: transparent
}

#WizardForm.sublist-selected h1:after {
    content: attr(data-sublist-text);
    position: absolute;
    width: 100%;
    left: 0;
    color: #343434
}

#WizardForm.sublist-selected .sub-headline {
    position: relative;
    color: transparent
}

#WizardForm.sublist-selected .sub-headline:after {
    content: attr(data-sublist-text);
    position: absolute;
    width: 100%;
    left: 0;
    color: #787878
}

#WizardForm.sublist-selected .floating-label.dropdown,#WizardForm.sublist-selected .bank-search,#WizardForm.sublist-selected .js-top-banks,#WizardForm.sublist-selected button.primary,#WizardForm.sublist-selected .show-less {
    display: none
}

#WizardForm.sublist-selected .js-all-banks.hide.top-bank-selector,#WizardForm.sublist-selected .js-more-banks.top-bank-selector {
    display: none !important
}

.top-banks-multistep {
    margin-bottom: 20px
}

.top-banks-multistep .multistep-selectors label {
    padding-top: 5px
}

.top-banks-multistep .multistep-selectors label:last-of-type .description {
    border-bottom-color: #E4E4E5
}

.top-banks-multistep a.show-more,.top-banks-multistep a.show-less {
    display: inline-block;
    font-weight: 500;
    padding: 20px 0
}

.sidebar {
    display: none;
    position: relative;
    width: 300px;
    font-size: 13px;
    line-height: 20px;
    flex: 0 0 auto;
    min-height: 465px;
    padding: 70px 50px 50px 50px;
    text-align: center;
    background-color: #f6f6f6;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.sidebar .small {
    font-size: 12px
}

.sidebar .more {
    text-align: left;
    display: none
}

.sidebar .less {
    position: relative
}

.sidebar .less .amount {
    word-break: break-word
}

@media only screen and (min-width: 820px) {
    .sidebar {
        display:block;
        background-color: #F0EEEA;
        padding-bottom: 125px
    }

    .sidebar .less,.sidebar .more {
        display: none;
        flex-direction: column;
        justify-content: flex-start
    }

    .sidebar .less .klarna-logo,.sidebar .more .klarna-logo {
        font-size: 20px;
        line-height: 16px;
        color: #787878;
        font-family: "Klarna Headline", sans-Serif;
        display: block;
        text-align: center;
        font-weight: 700;
        margin: 0 auto
    }

    .sidebar .less {
        display: block
    }

    .sidebar .less img {
        max-width: 120px;
        max-height: 60px
    }

    .sidebar .less .project-logo {
        margin-bottom: 15px
    }

    .sidebar .less .merchant-name {
        color: #49494A;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
        margin: 0 0 15px 0
    }

    .sidebar .less .amount {
        position: relative;
        color: #49494A;
        font-family: "Klarna Headline", sans-Serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 16px;
        margin-top: 12px;
        margin-bottom: 0;
        cursor: pointer
    }

    .sidebar .less .amount:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='12px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%2349494A'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px;
        background-color: transparent;
        margin-left: 7px;
        transform: translateY(-50%) rotateZ(0deg);
        transition: transform .2s ease
    }

    .sidebar .less .amount.opened:after {
        transform: translateY(-50%) rotateZ(-180deg)
    }

    .sidebar .less .holder,.sidebar .less .bank-account {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px
    }

    .sidebar .less .recipient {
        color: #787878;
        margin-top: 15px
    }

    .sidebar .less .bank-account {
        color: #787878
    }

    .sidebar .less .bank-account:last-of-type {
        margin-bottom: 5px
    }

    .sidebar .less .show-more {
        display: inline-block;
        margin-top: 7px
    }

    .sidebar address {
        color: #787878;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        margin: -15px 0 0 0
    }

    .sidebar .more {
        text-align: center;
        display: none;
        height: auto
    }

    .sidebar .more.opened {
        display: block
    }

    .sidebar .more address {
        margin: 0;
        margin-bottom: 15px
    }

    .sidebar .more .sidebar-bottom {
        line-height: 16px
    }

    .sidebar .more .transaction-id-raw {
        text-align: center;
        position: relative;
        bottom: 0;
        color: #49494A;
        font-size: 12px
    }

    .sidebar .more .merchant-name {
        color: #49494A;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin: 0
    }

    .sidebar .more .headline {
        color: #787878;
        display: inline-block;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-top: 15px
    }

    .sidebar .more p {
        margin: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px
    }

    .sidebar .more .amount {
        color: #49494A
    }

    .sidebar .more .reason {
        color: #49494A
    }

    .sidebar .more input[readonly] {
        background-color: #f6f6f6;
        border: 0;
        color: #49494A;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        line-height: 20px;
        width: 100%
    }
}

.sidebar a.admin-link {
    font-size: 13px;
    pointer-events: auto
}

.sidebar .project-logo.broken-image {
    background-color: #cdcdd0;
    border-color: #cdcdd0
}

.sidebar .project-logo.broken-image:before {
    content: attr(data-company-initials) ".";
    color: #fff;
    text-indent: 5px;
    letter-spacing: -2px;
    font-family: "Klarna Headline", Arial, sans-serif;
    font-weight: bold;
    font-size: 38px
}

@media only screen and (max-width: 819px) {
    .sidebar .project-logo.broken-image:before {
        font-size:28px;
        text-indent: 3px
    }
}

@media only screen and (max-width: 819px) {
    .sidebar {
        position:absolute;
        display: block;
        top: 60px;
        padding: 5px 20px;
        width: 100%;
        max-width: 560px;
        max-height: 60px;
        min-height: 1px;
        z-index: 996;
        background-color: #fff;
        border-radius: 0;
        cursor: pointer;
        transition: all .4s ease;
        outline: none;
        overflow: hidden;
        border-bottom: 1px solid #E4E4E5;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

    .sidebar .less {
        font-size: 16px;
        line-height: 25px
    }

    .sidebar .less .sidebar-top {
        border-bottom: 1px solid transparent;
        display: flex;
        justify-content: space-between
    }

    .sidebar .less .sidebar-top .project-logo {
        margin-left: 0;
        width: auto;
        max-width: 80px
    }

    .sidebar .less .sidebar-top .project-logo.round {
        border-radius: 40px;
        height: 40px;
        width: 40px;
        overflow: hidden
    }

    .sidebar .less .sidebar-top .project-logo.square {
        padding: 3px
    }

    .sidebar .less .holder,.sidebar .less .bank-account {
        display: none
    }

    .sidebar.up .less .sidebar-top {
        border-color: #E4E4E5
    }

    .sidebar .sidebar-top {
        height: 55px;
        line-height: 50px;
        vertical-align: middle;
        width: 100%;
        z-index: 9999
    }

    .sidebar .sidebar-top .project-logo {
        float: left;
        width: 40px;
        height: 40px;
        margin-top: 5px;
        margin-right: 15px;
        flex: 0 0 auto
    }

    .sidebar .sidebar-top .project-logo img {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .sidebar .sidebar-top .merchant-name {
        float: left;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-weight: 400;
        color: #49494A;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(100% - 125px);
        flex: 1 1 auto;
        padding-right: 15px;
        text-align: left
    }

    .sidebar .sidebar-top .amount {
        position: relative;
        float: right;
        padding-right: 25px;
        color: #49494A;
        flex: 0 0 auto;
        pointer-events: none
    }

    .sidebar .sidebar-top .amount:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0px;
        width: 12px;
        height: 6px;
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787878'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 12px 7px;
        background-color: transparent;
        transition: transform .4s ease
    }

    .sidebar .sidebar-top .headline,.sidebar .sidebar-top address {
        color: #787878;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin: 0
    }

    .sidebar .sidebar-top .show-more {
        display: none
    }

    .sidebar .sidebar-bottom {
        display: none
    }

    .sidebar .more {
        padding: 20px 0;
        height: 100%;
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: all .4s ease
    }

    .sidebar .more .transaction-id-raw {
        position: relative;
        bottom: 0;
        color: #49494A;
        font-size: 12px
    }

    .sidebar .more .js-showless {
        pointer-events: auto
    }

    .sidebar .more .transaction-id-raw {
        text-align: left
    }

    .sidebar .more .sidebar-top {
        height: auto;
        color: #828289;
        line-height: initial;
        flex-flow: row nowrap
    }

    .sidebar .more .sidebar-top .merchant-name {
        float: none;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
        color: #49494A
    }

    .sidebar .more .sidebar-top .headline {
        margin-top: 20px
    }

    .sidebar .more .sidebar-top .amount {
        float: none;
        color: #49494A
    }

    .sidebar .more .sidebar-top .amount:after {
        display: none
    }

    .sidebar .more .sidebar-top .reason {
        color: #49494A
    }

    .sidebar.hide-sidebar-mobile {
        display: none
    }
}

.sidebar .transaction-id-raw {
    background-color: transparent;
    box-shadow: none;
    color: #b5b5b7;
    border: none;
    padding: 0;
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 819px) {
    .sidebar .transaction-id-raw.soft {
        display:none
    }
}

.sidebar .recipient-account,.sidebar .sender-account {
    margin-top: 20px
}

.sidebar .recipient-account .holder,.sidebar .recipient-account .bank-account,.sidebar .sender-account .holder,.sidebar .sender-account .bank-account {
    color: #49494A
}

@media only screen and (max-width: 819px) {
    .sidebar .recipient-account,.sidebar .sender-account {
        text-align:left;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.mobile-sidebar-backdrop {
    position: fixed;
    pointer-events: none;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(73,73,74,0);
    transition: background-color .4s ease;
    z-index: 0
}

.mobile-sidebar-shown .mobile-sidebar-backdrop {
    position: fixed;
    pointer-events: auto;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(73,73,74,0.5);
    z-index: 1
}

.mobile-sidebar-shown .sidebar {
    height: auto;
    min-height: 60px;
    max-height: none;
    border-bottom-color: transparent
}

.mobile-sidebar-shown .sidebar .more {
    opacity: 1;
    transition: all .4s ease
}

.mobile-sidebar-shown .sidebar .amount:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-90.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787878'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 12px 6px
}

.mobile-recipients {
    text-align: center;
    border-top: 1px solid #E4E4E5;
    border-bottom: 1px solid #E4E4E5;
    margin: 0 10px;
    padding: 20px 0;
    font-size: 13px;
    line-height: 20px
}

@media only screen and (min-width: 820px) {
    .mobile-recipients {
        display:none
    }
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux.hide-sidebar-mobile:not(.theme-minimal) body .main .sidebar {
        display:none
    }

    html.liquorice-ux.hide-sidebar-mobile:not(.theme-minimal) body .main .content {
        padding-top: 95px
    }
}

.content {
    flex: 0 1 auto;
    width: 100%;
    padding: 135px 20px 20px 20px;
    position: relative
}

@media only screen and (min-width: 820px) {
    .content {
        padding:70px 50px 50px 50px;
        max-width: 520px
    }
}

#ErrorPage .content {
    text-align: center
}

@media only screen and (max-width: 819px) {
    #ErrorPage .content {
        padding-top:40px
    }
}

@media only screen and (max-width: 819px) {
    #ErrorPage .sidebar+.content {
        padding-top:135px
    }
}

#ErrorPage p.text-light {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #787878
}

#ErrorPage ul li {
    margin-bottom: 5px
}

#ErrorPage .form-actions {
    margin-top: 50px
}

#ErrorPage .klarna-logo {
    font-size: 20px;
    line-height: 16px;
    color: #828289;
    font-family: "Klarna Headline", sans-serif;
    font-weight: 700;
    margin: 0;
    margin-top: 50px
}

.faq-list {
    color: #787878
}

.faq-list p,.faq-list ul li {
    margin-bottom: 25px
}

.imprint .content-box {
    padding: 30px;
    display: none
}

.imprint .content-box h1 {
    display: none
}

.imprint .tabs {
    width: 100%;
    border-bottom: 1px solid #cdcdd0;
    padding: 0 10px;
    height: 50px;
    clear: both
}

.imprint .tabs ul {
    margin: 0;
    padding: 0;
    clear: both
}

.imprint .tabs ul li {
    float: left;
    display: inline-block;
    text-align: center;
    list-style: none;
    height: 50px;
    cursor: pointer;
    margin: 0 20px;
    padding: 5px 0;
    border-bottom: 3px solid transparent
}

.imprint .tabs ul li:before {
    content: '';
    display: none
}

.imprint .tabs ul li.active {
    border-bottom: 3px solid #6B8992
}

.footer {
    text-align: center;
    width: 100%;
    background-color: #fff;
    display: block;
    padding: 0 0 15px
}

@media only screen and (min-width: 820px) {
    .footer {
        display:flex;
        min-height: 60px;
        line-height: 60px;
        margin-top: 50px;
        align-self: flex-end;
        justify-self: flex-end;
        justify-content: space-between;
        margin-bottom: 0;
        padding: 0 45px
    }
}

.footer .left a {
    border-bottom: 1px solid #6e9896;
    font-size: 13px;
    white-space: nowrap
}

.footer ul.center {
    list-style-type: none;
    text-align: center;
    margin: 0 auto;
    padding: 0
}

@media only screen and (max-width: 819px) {
    .footer ul.center {
        line-height:initial
    }
}

.footer ul.center li {
    margin-left: 30px;
    display: inline-block
}

.footer ul.center li:first-child {
    margin-left: 0
}

@media only screen and (max-width: 819px) {
    .footer ul.center li {
        float:none;
        display: inline-block;
        margin: 0;
        padding: 0 10px;
        line-height: 42px
    }
}

.footer ul.center li:before {
    content: ''
}

.footer ul.center li a,.footer ul.center li span {
    color: #828289;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size: 13px;
    line-height: 25px
}

.footer .transaction-id-raw {
    background-color: transparent;
    box-shadow: none;
    color: #b5b5b7;
    font-size: 12px
}

@media only screen and (min-width: 820px) {
    .footer .transaction-id-raw {
        display:none
    }
}

html.in-iframe {
    height: auto;
    width: auto;
    max-width: 100vw
}

@media only screen and (max-width: 819px) {
    html.in-iframe {
        height:100%
    }
}

html.in-iframe .template-default {
    min-height: initial
}

.in-iframe #ErrorPage .klarna-logo {
    margin-bottom: 20px
}

.in-iframe body.loading {
    max-height: 100vh
}

.in-iframe .content {
    padding: 85px 20px 20px 20px
}

.in-iframe #AbortPage .content {
    padding: 85px 20px 20px 20px
}

.in-iframe .footer {
    padding: 10px 0 0 0;
    font-size: 12px !important
}

.in-iframe .footer span,.in-iframe .footer a {
    font-size: 12px !important
}

.in-iframe .mobile-sidebar-shown .mobile-sidebar-backdrop {
    background-color: rgba(255,255,255,0.5)
}

.in-iframe .content-wrapper {
    padding: 0 40px
}

@media only screen and (max-width: 819px) {
    .in-iframe .content-wrapper {
        padding:0 20px
    }
}

.in-iframe button.primary {
    margin-top: 0
}

.in-iframe aside.up {
    box-shadow: 0 3px 3px rgba(0,0,0,0.2)
}

.in-iframe .header {
    border-bottom: 0 !important
}

.in-iframe .imprint .content-box {
    padding: 0
}

.in-iframe .modal-overlay .modal-content .modal-padded-content {
    padding: 15px 40px
}

.in-iframe .modal-overlay .modal-content .modal-padded-content ul.accordion {
    margin: 0
}

.in-iframe .modal-overlay .modal-content .modal-padded-content ul.accordion li.accordion-item:first-of-type a {
    border-top-width: 0
}

.in-iframe .modal-overlay .modal-content .modal-padded-content ul.accordion li.accordion-item:last-of-type {
    border-bottom-width: 0
}

.in-iframe .imprint .tabs {
    width: calc(100% - 80px);
    margin: 0 40px;
    padding: 0;
    border-color: #E4E4E5
}

.in-iframe .imprint .tabs ul li {
    margin: 0;
    padding: 5px 20px
}

.detached-flow #preRedirect .return-action {
    display: none
}

.detached-flow #preRedirect .content-wrapper {
    max-width: 375px;
    margin: 0 auto
}

.detached-flow #preRedirect .main {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='90px' height='20px' viewBox='0 0 90 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo-/-Klarna-/-Full,-Gray' fill='%23787878'%3E%3Cg id='Logo'%3E%3Cpath d='M0,19.629604 L0,0 L4.50371484,0 L4.50371484,19.629604 L0,19.629604 Z M15.7523174,0 C15.7523174,4.24966116 14.0962199,8.20292637 11.1453191,11.1413619 L17.3706236,19.6303954 L11.807956,19.6303954 L5.04229281,10.4047249 L6.78841721,9.09706077 C9.68411472,6.9279093 11.344961,3.61235049 11.344961,0 L15.7523174,0 Z M18.6834321,19.6242617 L22.9366548,19.6242617 L22.9366548,0.0037593613 L18.6834321,0.0037593613 L18.6834321,19.6242617 Z M60.2514815,5.68692435 C58.6282288,5.68692435 57.0920351,6.19087662 56.064938,7.58124672 L56.064938,6.05276956 L52.018876,6.05276956 L52.018876,19.6242617 L56.1146012,19.6242617 L56.1146012,12.4919619 C56.1146012,10.4280725 57.4986397,9.41739793 59.1650261,9.41739793 C60.9509205,9.41739793 61.9776219,10.4842651 61.9776219,12.4638656 L61.9776219,19.6242617 L66.0363471,19.6242617 L66.0363471,10.9933618 C66.0363471,7.83490468 63.5250937,5.68692435 60.2514815,5.68692435 M35.7920875,6.92019272 C34.6440973,6.1370584 33.2584759,5.67683343 31.7640308,5.67683343 C27.808787,5.67683343 24.6024475,8.8831729 24.6024475,12.8384167 C24.6024475,16.7936605 27.808787,20 31.7640308,20 C33.2584759,20 34.6440973,19.539775 35.7920875,18.7568386 L35.7920875,19.6242617 L39.8557592,19.6242617 L39.8557592,6.05197812 L35.7920875,6.05197812 L35.7920875,6.92019272 Z M32.0964375,16.3304676 C30.0630188,16.3304676 28.4144399,14.7669691 28.4144399,12.8384167 C28.4144399,10.9098644 30.0630188,9.34676151 32.0964375,9.34676151 C34.1300541,9.34676151 35.778633,10.9098644 35.778633,12.8384167 C35.778633,14.7669691 34.1300541,16.3304676 32.0964375,16.3304676 L32.0964375,16.3304676 Z M46.1420049,7.81986724 L46.1420049,6.05217598 L41.9815791,6.05217598 L41.9815791,19.6242617 L46.1513044,19.6242617 L46.1513044,13.2875615 C46.1513044,11.149672 48.468456,10.0004947 50.0762755,10.0004947 C50.0926979,10.0004947 50.1081311,10.0020775 50.1245536,10.0022754 L50.1245536,6.05296742 C48.4743918,6.05296742 46.9565992,6.75952949 46.1420049,7.81986724 M78.6620631,6.92019272 C77.5140729,6.1370584 76.1284514,5.67683343 74.6338085,5.67683343 C70.6785647,5.67683343 67.4722252,8.8831729 67.4722252,12.8384167 C67.4722252,16.7936605 70.6785647,20 74.6338085,20 C76.1284514,20 77.5140729,19.539775 78.6620631,18.7568386 L78.6620631,19.6242617 L82.7255369,19.6242617 L82.7255369,6.05197812 L78.6620631,6.05197812 L78.6620631,6.92019272 Z M74.9664131,16.3304676 C72.9327965,16.3304676 71.2844155,14.7669691 71.2844155,12.8384167 C71.2844155,10.9098644 72.9327965,9.34676151 74.9664131,9.34676151 C77.0000297,9.34676151 78.6484107,10.9098644 78.6484107,12.8384167 C78.6484107,14.7669691 77.0000297,16.3304676 74.9664131,16.3304676 Z M87.0397008,14.8103006 C88.4482742,14.8103006 89.5903285,15.9521572 89.5903285,17.3609284 C89.5903285,18.7693038 88.4482742,19.9113582 87.0397008,19.9113582 C85.6311275,19.9113582 84.489271,18.7693038 84.489271,17.3609284 C84.489271,15.9521572 85.6311275,14.8103006 87.0397008,14.8103006 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top 25px;
    background-size: 70px 15px;
    text-align: left
}

.detached-flow #preRedirect .main .pre-redirect-cta {
    position: fixed;
    bottom: 20px;
    width: calc(100% - 40px)
}

.detached-flow #preRedirect .footer {
    padding: 0 0 70px
}

.detached-flow #preRedirect .footer .certificates {
    display: none
}

.detached-flow .footer .certificates {
    display: none
}

.modal-overlay {
    align-items: center;
    background-color: rgba(73,73,74,0.75);
    display: none;
    justify-content: center;
    height: 100%;
    left: 0;
    position: fixed;
    pointer-events: none;
    top: 0;
    bottom: 0;
    right: 0;
    flex-direction: column;
    opacity: 0;
    width: 100%;
    z-index: 998
}

@media only screen and (max-width: 819px) {
    .modal-overlay {
        transform:translateY(60px);
        transition: all .4s ease
    }
}

.modal-overlay.modal-shown {
    display: flex;
    transition: opacity .4s ease
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown {
        transition:all .4s ease
    }
}

.modal-overlay.modal-shown.in {
    opacity: 1;
    pointer-events: auto
}

.modal-overlay.modal-shown.in .modal-container .logo-container {
    z-index: 1000;
    position: relative;
    display: flex;
    justify-content: center;
    top: 43px;
    height: 20px
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown.in .modal-container .logo-container {
        top:23px
    }
}

.modal-overlay.modal-shown.in .modal-container .logo-container.whitelabel {
    position: absolute;
    top: 0;
    height: 60px;
    left: 50%;
    transform: translateX(-50%)
}

.modal-overlay.modal-shown.in .modal-container .logo-container+.modal-close-button {
    background-image: none
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown.in .modal-container {
        height:100%;
        width: 100%
    }

    .modal-overlay.modal-shown.in .modal-container.compact {
        height: fit-content;
        bottom: 0;
        position: absolute
    }

    .modal-overlay.modal-shown.in .modal-container.compact .modal-close-button {
        height: 60px;
        padding-top: 0
    }

    .modal-overlay.modal-shown.in .modal-container.compact .modal-content {
        height: fit-content
    }
}

.modal-overlay.modal-shown.in .modal-content {
    transform: translateY(-60px)
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown.in .modal-content {
        margin-top:60px;
        transform: translateY(0);
        padding-bottom: env(safe-area-inset-bottom, 0)
    }
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown.in {
        transform:translateY(0)
    }
}

.modal-overlay.modal-shown.in .modal-close-button {
    background-color: #fff
}

.modal-overlay.modal-shown.in .modal-close-button .close-action {
    transform: translateY(0);
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media only screen and (max-width: 819px) {
    .modal-overlay.modal-shown.in .modal-close-button .close-action {
        background-color:#fff
    }
}

.modal-overlay .modal-close-button {
    position: relative;
    top: 0;
    height: 60px;
    width: 520px;
    z-index: 999
}

@media only screen and (max-width: 819px) {
    .modal-overlay .modal-close-button {
        position:absolute;
        width: 100%;
        height: calc(60px + env(safe-area-inset-top,0));
        padding-top: env(safe-area-inset-top, 0)
    }

    .modal-overlay .modal-close-button .close-action {
        position: fixed;
        right: 0
    }

    .modal-overlay .modal-close-button .close-action.kp-close {
        right: auto;
        left: 0
    }
}

.modal-overlay .modal-close-button .close-action {
    display: block;
    float: right;
    height: 60px;
    margin-bottom: 10px;
    max-width: 100%;
    padding: 20px;
    width: 60px;
    transform: translateY(60px);
    transition: transform .4s ease
}

.modal-overlay .modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(69,69,75,0.19);
    max-height: 75vh;
    overflow-y: auto;
    width: 520px;
    padding-top: 60px;
    transform: translateY(0)
}

.modal-overlay .modal-content .modal-padded h1 {
    margin-top: 15px
}

.modal-overlay .modal-content .modal-padded-content {
    padding: 0 60px
}

.modal-overlay .modal-content .modal-padded-content-centered {
    text-align: center
}

.modal-overlay .modal-content .modal-padded-content b,.modal-overlay .modal-content .modal-padded-content strong {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    color: #49494A
}

.modal-overlay .modal-content .modal-padded-content table {
    margin: 0 auto 30px auto;
    text-align: left
}

.modal-overlay .modal-content .modal-padded-content table.dsgvo {
    padding: 10px;
    background: #f8f8f8
}

@media only screen and (max-width: 819px) {
    .modal-overlay .modal-content .modal-padded-content {
        padding:0 20px
    }
}

.modal-overlay .modal-content .modal-padded-top {
    padding-top: 60px
}

.modal-overlay .modal-content .modal-padded-bottom {
    padding-bottom: 60px
}

.modal-overlay .modal-content h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 40px
}

.modal-overlay .modal-content p {
    line-height: 26px;
    margin-bottom: 25px
}

@media only screen and (max-width: 819px) {
    .modal-overlay .modal-content {
        max-height:initial;
        height: calc(100% - 60px);
        width: 100%;
        padding-top: 60px
    }
}

@media only screen and (max-width: 819px) {
    .modal-overlay {
        align-items:flex-start
    }
}

.kp-button {
    color: #E16A8E;
    font-weight: bold;
    margin: 0 auto
}

.loader {
    margin: 20px auto 40px;
    text-align: center
}

.loader .dot {
    height: 6px;
    width: 6px;
    border-radius: 6px;
    background: #49494A;
    display: inline-block;
    margin: auto 3px;
    animation-name: pulsate;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite
}

.loader .dot-2 {
    animation-delay: .33s
}

.loader .dot-3 {
    animation-delay: .66s
}

@keyframes pulsate {
    from {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: .25;
        transform: scale(0.9)
    }
}

#AddressPage .info {
    margin: 20px 0
}

#AddressPage .rel {
    position: relative
}

#AddressPage .agree {
    height: 100px
}

#AddressPage .x-row {
    position: absolute
}

#AddressPage .small-x-row {
    width: 10%
}

#AddressPage .half-x-row {
    width: 50%
}

#AddressPage .medium-x-row {
    width: 25%
}

#AddressPage .large-x-row {
    width: 75%
}

#AddressPage .huge-x-row {
    width: 90%
}

#AddressPage .small-offset {
    left: 10%;
    line-height: 20px
}

#AddressPage .half-offset {
    left: 50%
}

#AddressPage .medium-offset {
    left: 25%
}

#AddressPage .x-row-height {
    height: 61px
}

#AddressPage .big-height {
    height: 70px
}

#AddressPage .no-left-border {
    border-left: none
}

#AddressPage .birthday {
    position: relative
}

#AddressPage .birthday .calendar {
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ECombined Shape%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon-/-20px-/-Calendar-/-Gray' fill='%23787878'%3E%3Cpath d='M17.75,18.5 L2.25,18.5 C1.837,18.5 1.5,18.164 1.5,17.75 L1.5,8 L18.5,8 L18.5,17.75 C18.5,18.164 18.163,18.5 17.75,18.5 L17.75,18.5 Z M1.5,4.25 C1.5,3.836 1.837,3.5 2.25,3.5 L5.25,3.5 L5.25,4.25 C5.25,4.664 5.586,5 6,5 C6.414,5 6.75,4.664 6.75,4.25 L6.75,3.5 L13.25,3.5 L13.25,4.25 C13.25,4.664 13.586,5 14,5 C14.414,5 14.75,4.664 14.75,4.25 L14.75,3.5 L17.75,3.5 C18.163,3.5 18.5,3.836 18.5,4.25 L18.5,6.5 L1.5,6.5 L1.5,4.25 Z M17.75,2 C18.99,2 20,3.009 20,4.25 L20,6.75 L20,7.25 L20,17.75 C20,18.991 18.99,20 17.75,20 L2.25,20 C1.01,20 0,18.991 0,17.75 L0,7.25 L0,6.75 L0,4.25 C0,3.009 1.01,2 2.25,2 L5.25,2 L5.25,0.75 C5.25,0.336 5.586,0 6,0 C6.414,0 6.75,0.336 6.75,0.75 L6.75,2 L13.25,2 L13.25,0.75 C13.25,0.336 13.586,0 14,0 C14.414,0 14.75,0.336 14.75,0.75 L14.75,2 L17.75,2 Z M12.25,14.5 L11,14.5 L11,10.75 C11,10.336 10.664,10 10.25,10 L7.75,10 C7.336,10 7,10.336 7,10.75 C7,11.164 7.336,11.5 7.75,11.5 L9.5,11.5 L9.5,14.5 L7.75,14.5 C7.336,14.5 7,14.836 7,15.25 C7,15.664 7.336,16 7.75,16 L10.25,16 L12.25,16 C12.664,16 13,15.664 13,15.25 C13,14.836 12.664,14.5 12.25,14.5 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
    content: ' ';
    left: 15px;
    top: 50%;
    margin-top: -10px
}

#AddressPage .birthday span {
    padding-left: 40px
}

#AddressPage .birthday input {
    padding-left: 55px
}

#AddressPage .small-block a,#AddressPage .small-block {
    text-align: left;
    font-size: 13px;
    color: #49494A;
    text-decoration: underline
}

#AddressPage .bottom-left-round {
    border-bottom-left-radius: 5px
}

#AddressPage .top-left-round {
    border-top-left-radius: 5px
}

#AddressPage .top-right-round {
    border-top-right-radius: 5px
}

#AddressPage .bottom-right-round {
    border-bottom-right-radius: 5px
}

#AddressPage .button-margin-top {
    margin-top: 40px
}

#AddressPage .floating-label input,#AddressPage .floating-label select,#AddressPage .floating-label textarea {
    border-radius: 0
}

#AddressPage .floating-label select {
    height: 62px
}

.payment-details {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #E4E4E5;
    height: 70px;
    overflow: hidden;
    z-index: 1;
    transition: .4s all ease;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.payment-details-row {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    height: 70px;
    background-color: #fff
}

.payment-details-row:first-child {
    justify-content: space-between
}

.payment-details-row .recipient-infos {
    overflow: hidden
}

.payment-details-row .recipient-infos p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.payment-details-row .recipient-infos .headline {
    font-weight: 500
}

.payment-details-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 22px;
    background-color: #fff
}

.payment-details-toggle:after {
    content: '';
    width: 36px;
    height: 4px;
    background-color: rgba(203,205,204,0.5);
    border-radius: 100px
}

.payment-details.toggled {
    height: 162px;
    border-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.payment-details.toggled>* {
    z-index: 2
}

.payment-details.toggled .avatar-toggle:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E20px / Navigation / Chevron / Bottom / Default%3C/title%3E%3Cg id='⚙️-FOR-DEV' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='11_TAN-Modal' transform='translate(-339.000000, -112.000000)'%3E%3Cg id='List-selector-/-Logo-/-Detail' transform='translate(0.000000, 80.000000)'%3E%3Cg id='12px-/-Chevron-/-Top-/-Default' transform='translate(335.000000, 25.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M9.37933333,7.324 C9.56033333,7.183 9.77733333,7.113 9.99433333,7.113 C10.2113333,7.113 10.4293333,7.183 10.6093333,7.325 L15.7353333,11.325 L14.5053333,12.901 L9.99433333,9.382 L5.47633333,12.902 L4.24633333,11.324 L9.37933333,7.324 Z' id='Icon' fill='%23171717' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

body .main .interstitial {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    z-index: 999
}

@media only screen and (max-width: 819px) {
    body .main .interstitial {
        max-height:100vh
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

body .main .interstitial .header {
    border-color: transparent;
    background-position: center top 24px
}

body .main .interstitial-content {
    position: absolute;
    top: 60px;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #ffffff;
    padding: 30px 50px
}

@media only screen and (max-width: 819px) {
    body .main .interstitial-content {
        padding-top:35px;
        padding-left: 20px;
        padding-right: 20px
    }
}

body .main .interstitial-content .circle {
    position: relative;
    border-radius: 70px;
    overflow: hidden;
    display: inline-flex;
    width: 70px;
    height: 70px;
    background-color: #F2F2F1;
    margin-bottom: 25px
}

body .main .interstitial-content .circle::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F2F2F1, #f9f9f9, #F2F2F1);
    animation: progress 1s ease-in-out infinite
}

body .main .interstitial-content .bar {
    position: relative;
    width: 250px;
    height: 12px;
    border-radius: 15px;
    background-color: #F2F2F1;
    margin-bottom: 23px;
    overflow: hidden
}

body .main .interstitial-content .bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F2F2F1, #f9f9f9, #F2F2F1);
    animation: progress 1s ease-in-out infinite
}

body .main .interstitial-content .bar+.bar {
    width: 300px
}

body .main .interstitial-content .bar+.bar+.bar {
    width: 180px
}

body .main .interstitial .bank-connection-loader {
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: -50px;
    z-index: 999;
    display: none
}

body .main .interstitial .bank-connection-loader .avatar {
    margin: 0
}

body .main .interstitial .bank-connection-loader .loader-inline {
    position: relative;
    top: initial;
    left: initial;
    margin: 0 35px;
    transform: initial
}

@keyframes progress {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(100%, 0, 0)
    }
}

body.loading .interstitial {
    z-index: 999;
    pointer-events: auto;
    opacity: 1
}

body.loading .interstitial .header {
    background-color: #fff
}

body.loading .interstitial:not(.bank-connection) {
    z-index: 887
}

body.loading.backwards .main .bank-connection-loader {
    display: none
}

body.loading.backwards .main .skeleton {
    display: block
}

body.loading#LoginPage.forwards .main .bank-connection-loader,body.loading#CompleteLoginPage.forwards .main .bank-connection-loader,body.loading#ProvideTanPage.forwards .main .bank-connection-loader {
    display: flex
}

body.loading#LoginPage.forwards .main .skeleton,body.loading#CompleteLoginPage.forwards .main .skeleton,body.loading#ProvideTanPage.forwards .main .skeleton {
    display: none
}

.progress-skeleton {
    position: relative
}

.progress-skeleton .back,.progress-skeleton .continue {
    position: absolute;
    left: 0;
    right: 0;
    visibility: hidden
}

.progress-skeleton .back.visible,.progress-skeleton .continue.visible {
    visibility: visible
}

.progress-skeleton .row {
    padding-bottom: 10px
}

.progress-skeleton .row div.row-element {
    float: left
}

.progress-skeleton .row div.row-element.icon {
    margin-top: 10px
}

.progress-skeleton .row div.row-element.progress-text {
    margin-left: 20px
}

.progress-skeleton .row div.row-element.progress-text p,.progress-skeleton .row div.row-element.progress-text span,.progress-skeleton .row div.row-element.progress-text button {
    font-size: 12px;
    line-height: 20px;
    color: #787573
}

.progress-skeleton .row div.row-element.progress-text .received {
    position: absolute;
    padding-top: 2px
}

@media only screen and (max-width: 334px) {
    .progress-skeleton .row div.row-element.progress-text .received {
        margin-top:-10px
    }
}

.progress-skeleton .row div.row-element.progress-text span.pseudo {
    position: absolute;
    height: 10px;
    background-color: #F0EEEA;
    margin-top: 10px
}

.progress-skeleton .row div.row-element.progress-text span.pseudo.secondary {
    margin-top: 25px
}

.progress-skeleton .row div.row-element.progress-text span.pseudo.large {
    width: calc(65%)
}

.progress-skeleton .row div.row-element.progress-text span.pseudo.medium {
    width: calc(42%)
}

.progress-skeleton .row div.row-element.progress-text span.pseudo.small {
    width: calc(25%)
}

.logo-container {
    position: absolute;
    bottom: 70px
}

@media only screen and (max-width: 819px) {
    .logo-container {
        display:flex;
        flex-direction: column
    }
}

.logo-container.whitelabel {
    height: auto;
    bottom: 85px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.logo-container img {
    height: 15px;
    display: block
}

.logo-container img.whitelabel {
    height: 22px
}

.logo-container .powered-by {
    font-style: italic;
    font-size: 9px;
    line-height: initial
}

.logo-container .logo-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

body#AbortPage .form-description {
    color: #787878;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 30px
}

body#AbortPage .need-feedback {
    margin-top: 30px;
    margin-bottom: 40px
}

body#AbortPage .additional-reason.hidden {
    display: none
}

@media only screen and (max-width: 819px) {
    body#AbortPage .sidebar {
        display:none
    }

    body#AbortPage .abort-buttons {
        text-align: center
    }

    body#AbortPage .abort-buttons button.primary {
        width: 100%;
        min-width: 200px;
        margin-top: 0;
        margin-bottom: 20px
    }

    body#AbortPage .abort-buttons .button-tertiary {
        width: 100%;
        min-width: 200px;
        background-color: #fff;
        color: #EB6F93
    }
}

body#AbortPage #abort-helptext {
    background-color: #f6f6f6;
    margin: 10px 0
}

.ajax-auto-continue.auto-open-bankid {
    display: flex;
    flex-direction: column
}

.ajax-auto-continue.auto-open-bankid .paragraph {
    order: 3
}

.ajax-auto-continue.auto-open-bankid .paragraph:first-child {
    order: 1
}

@media only screen and (max-width: 819px) {
    .ajax-auto-continue.auto-open-bankid .simple-captcha {
        display:flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        order: 2;
        padding: 15px;
        min-height: 40vh
    }

    .ajax-auto-continue.auto-open-bankid .simple-captcha img {
        display: block;
        padding: 0;
        margin: auto;
        max-width: 60%
    }
}

.ajax-auto-continue.auto-open-bankid a.psu-auth-link[href^="bankid:///"] {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Lager_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 315.9 298.8' style='enable-background:new 0 0 315.9 298.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%2300A5C3;%7D .st2%7Bfill:%23C6C6C6;%7D%0A%3C/style%3E%3Cpath class='st0' d='M99.7,156l13.2-83.2c-5.2,0-14.1,0-14.1,0c-6.6,0-15.1-3.7-17.6-10.5c-0.8-2.3-2.7-10.2,8.2-17.9 c3.9-2.7,6.4-5.7,6.9-8c0.5-2.4-0.1-4.5-1.8-6.1c-2.4-2.3-7.1-3.6-13.1-3.6c-10.1,0-17.2,5.8-17.9,10c-0.5,3.1,1.9,5.6,4,7.2 c6.3,4.7,7.8,11.5,3.9,17.9c-4,6.6-12.7,10.9-22,11c0,0-9.2,0-14.4,0c-1.2,8.1-20.8,132.3-22.3,142.1h78.1 c0.7-4.4,4.3-27.9,9.2-58.9H99.7z'/%3E%3Cpath class='st1' d='M204.2,0h-79.5l-10.6,67.3l13.5,0c7.4,0,14.4-3.4,17.4-8.3c1-1.6,1.4-3,1.4-4.3c0-2.8-1.9-4.9-3.8-6.3 c-5.2-3.9-6.3-8-6.3-10.9c0-0.6,0-1.1,0.1-1.6c1.1-7.1,10.7-14.8,23.4-14.8c7.6,0,13.4,1.8,16.9,5.1c3.1,2.9,4.3,7,3.4,11.3 c-1.1,5.1-6.2,9.3-9.1,11.4c-7.7,5.4-6.7,10.1-6.2,11.5c1.6,4.2,7.7,6.9,12.4,6.9h20.6c0,0,0,0,0,0.1c28,0.2,43,13.1,38.3,43.1 c-4.4,27.9-25.8,39.9-51.3,40.1l-10.1,64.4h14.9c62.9,0,114.3-40.4,124.4-104.2C326.5,31.7,276.3,0,204.2,0z'/%3E%3Cpath class='st2' d='M204.2,0h-79.5l-10.6,67.3l13.5,0c7.4,0,14.4-3.4,17.4-8.3c1-1.6,1.4-3,1.4-4.3c0-2.8-1.9-4.9-3.8-6.3 c-5.2-3.9-6.3-8-6.3-10.9c0-0.6,0-1.1,0.1-1.6c1.1-7.1,10.7-14.8,23.4-14.8c7.6,0,13.4,1.8,16.9,5.1c3.1,2.9,4.3,7,3.4,11.3 c-1.1,5.1-6.2,9.3-9.1,11.4c-7.7,5.4-6.7,10.1-6.2,11.5c1.6,4.2,7.7,6.9,12.4,6.9h20.6c0,0,0,0,0,0.1c28,0.2,43,13.1,38.3,43.1 c-4.4,27.9-25.8,39.9-51.3,40.1l-10.1,64.4h14.9c62.9,0,114.3-40.4,124.4-104.2C326.5,31.7,276.3,0,204.2,0z'/%3E%3Cpath class='st2' d='M8.4,243.6h31.9c13.6,0,16.9,6.9,15.9,13.2c-0.8,5.1-4.3,8.9-10.3,11.4c7.6,2.9,10.6,7.4,9.5,14.5 c-1.4,8.9-9.1,15.5-19.2,15.5H0L8.4,243.6z M29.5,266.2c6.2,0,9.1-3.3,9.7-7.2c0.6-4.2-1.3-7.1-7.5-7.1h-5.5L24,266.2H29.5z M26.1,289.8c6.4,0,10.1-2.6,11-7.9c0.7-4.6-1.9-7.3-8.1-7.3h-6.2l-2.4,15.3H26.1z'/%3E%3Cpath class='st2' d='M100.1,298.6c-8.3,0.6-12.3-0.3-14.3-3.9c-4.4,2.7-9.3,4.1-14.5,4.1c-9.4,0-12.7-4.9-11.8-10.3 c0.4-2.6,1.9-5.1,4.3-7.2c5.2-4.5,18-5.1,23-8.5c0.4-3.8-1.1-5.2-5.8-5.2c-5.5,0-10.1,1.8-18,7.2l1.9-12.4c6.8-4.9,13.4-7.2,21-7.2 c9.7,0,18.3,4,16.7,14.6l-1.9,12c-0.7,4.2-0.5,5.5,4.2,5.6L100.1,298.6z M85.7,279.8c-4.4,2.8-12.6,2.3-13.5,8.1 c-0.4,2.7,1.3,4.7,4,4.7c2.6,0,5.8-1.1,8.4-2.9c-0.2-1-0.1-2,0.2-3.9L85.7,279.8z'/%3E%3Cpath class='st2' d='M115.7,255.9h16.6l-0.9,5.5c5.3-4.5,9.3-6.2,14.5-6.2c9.3,0,13.6,5.7,12.1,15l-4.3,27.9h-16.6l3.6-23.1 c0.7-4.2-0.6-6.2-3.8-6.2c-2.6,0-5,1.4-7.3,4.5l-3.8,24.7h-16.6L115.7,255.9z'/%3E%3Cpath class='st2' d='M170.9,243.6h16.6l-4.2,26.8l15.9-14.5h20.5l-20.4,18l16.4,24.2h-20.9l-12.6-19.5h-0.2l-3,19.5h-16.6 L170.9,243.6z'/%3E%3Cg%3E%3Cpath class='st0' d='M229.7,243.6h19.1l-8.4,54.5h-19.1L229.7,243.6z'/%3E%3Cpath class='st0' d='M258.1,243.6h27.3c21.1,0,27.2,15.3,25.2,28c-1.9,12.4-11.7,26.5-30.2,26.5h-30.8L258.1,243.6z M275.8,285.1 c9.3,0,14.4-4.6,15.9-14.3c1.1-7.2-1.1-14.3-11.4-14.3h-5.1l-4.4,28.6H275.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: top 50% right 15px;
    padding-right: 45px
}

html {
    height: 100%;
    width: 100%
}

@media only screen and (max-width: 819px) {
    body {
        width:100%
    }
}

.success-image {
    margin: 0 auto 30px;
    width: 100px
}

@media only screen and (max-width: 819px) {
    .success-image {
        margin-top:20px
    }
}

.take-action-image {
    margin: 0 auto 20px;
    width: 100px
}

@media only screen and (max-width: 819px) {
    .take-action-image {
        margin-top:20px
    }
}

.redirect-button {
    margin: 65px auto 0
}

.centered-content {
    text-align: center
}

.template-default {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    background-color: #FCFCFC;
    background-size: cover;
    background-attachment: fixed;
    background-position: top center
}

@media only screen and (min-width: 820px) {
    .template-default {
        padding-top:70px;
        justify-content: center
    }
}

@media only screen and (max-width: 819px) {
    .template-default {
        background-image:none !important;
        background-color: #fff !important;
        justify-content: space-between
    }
}

.template-default .main {
    margin: 0 auto;
    display: flex;
    background-color: #fff;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-width: 0;
    transition: opacity .5s
}

.template-default .main.small {
    max-width: 520px !important
}

@media only screen and (max-width: 819px) {
    .template-default .main {
        max-width:560px;
        display: block;
        padding-top: 0px
    }
}

@media only screen and (min-width: 820px) {
    .template-default .main {
        width:820px;
        margin: auto;
        border-radius: 8px;
        border: 1px solid #E4E4E5;
        background-image: none;
        padding-bottom: 0
    }
}

.template-default .main .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #E4E4E5;
    height: 60px;
    z-index: 2;
    display: flex;
    justify-content: center
}

.template-default .main .header .logo-container {
    top: 23px
}

.template-default .main .header .logo-container.whitelabel {
    top: 20px
}

@media only screen and (min-width: 820px) {
    .template-default .main .header .logo-container {
        visibility:hidden
    }
}

.template-default .main .header .hide-loader,.template-default .main .header .back-to-merchant {
    position: absolute;
    right: 0;
    margin-right: 20px
}

.template-default .footer {
    display: block
}

.template-default .footer .disclaimer {
    text-align: center;
    border-radius: 10px;
    background: #F0EEEA;
    font-size: 12px;
    max-width: 380px;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 0 20px 0 20px
}

@media only screen and (min-width: 820px) {
    html:not(.theme-minimal) .template-default .main .header {
        border:none
    }
}

@media only screen and (min-width: 820px) {
    body.country-se,body.country-fi {
        padding-top:115px
    }

    body .wait-box .header .logo-container {
        visibility: hidden
    }
}

body#MaintenancePage h1 {
    margin-bottom: 10px
}

body#MaintenancePage .maintenance-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='102.78' viewBox='0 0 106 102.78'%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M42.37 69.35l-24.6 8.39L1.5 61.5l8.32-24.63 24.6-8.37 16.27 16.24z'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M44.42 37.5L36.1 62.13l-24.6 8.39M35.5 62.5l6.55 6.53M69.79 78.5a12.96 12.96 0 0 1-5.78 21.66 12.94 12.94 0 0 1-12.51-3.34'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M64.76 73.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M57.76 66.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M50.76 59.5c3.22 3.23 1.8 9.98-3.23 15.03-5.03 5.05-11.77 6.45-15.03 3.23M51.27 96.23L28.5 73.5M69.27 78.23L46.5 55.5M48.5 26.89a23.82 23.82 0 0 1 1.76-4.39M64.89 57.31a24.73 24.73 0 0 1-4.39-1.81M83.95 55.5a24.69 24.69 0 0 1-4.45 1.84M96.31 40.5a24.73 24.73 0 0 1-1.81 4.39M94.5 22.5c.75 1.4 1.36 2.87 1.82 4.39M79.5 10.5a24 24 0 0 1 4.39 1.81M60.5 12.34a24.09 24.09 0 0 1 4.31-1.84M59.5 34a12.5 12.5 0 1 1 25 0 12.5 12.5 0 0 1-25 0zM72.68 1.5H67l-1.5 8.32'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M72.5 1.52l5.68-.02 1.55 8.31M72.73 65.79l-5.68.02-1.55-8.31'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M72.5 65.82l5.68-.01 1.5-8.31M42.5 27.73l6.56-1.23M103.82 33.68l-.01-5.68-8.31-1.5'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M103.81 33.5l.01 5.68-8.32 1.53M94.48 11.5l-4.03-4-6.95 4.81M95.27 11.5l4.02 4-4.79 6.97M57.5 57.85l3.37-2.35M49.52 11.5l-4.02 4.02 4.82 6.95'/%3E%3Cpath fill='none' stroke='%2349494A' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='50' stroke-width='3' d='M49.5 11.52l4-4.02 6.97 4.77M94.48 56.27l-4 4.02-6.98-4.79M95.32 56.47l4-4.03-4.82-6.94'/%3E%3C/svg%3E");
    background-color: transparent;
    background-position: center;
    background-size: 110px 110px;
    background-repeat: no-repeat;
    display: block;
    height: 110px;
    margin: 0 auto 20px auto;
    width: 110px
}

@media only screen and (max-width: 819px) {
    body#MaintenancePage .maintenance-icon {
        margin-top:20px
    }
}

body#MaintenancePage .content {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='70px' height='15px' viewBox='0 0 70 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='[HPP]-L' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Success' transform='translate(-346.000000, -548.000000)' fill='%23787878'%3E%3Cg id='Modal' transform='translate(230.000000, 127.000000)'%3E%3Cg id='Info-Bar'%3E%3Cpath d='M116,435.767932 L119.037975,435.767932 L119.037975,421 L116,421 L116,435.767932 Z M123.57384,429.333333 C125.810127,427.308017 127.244726,424.481013 127.244726,421 L124.227848,421 C124.227848,424.417722 122.308017,427.160338 119.438819,428.763713 L124.565401,435.767932 L128.299578,435.767932 L123.57384,429.333333 Z M129.897679,435.767932 L132.809072,435.767932 L132.809072,421 L129.897679,421 L129.897679,435.767932 Z M143.035865,425.556962 L145.820675,425.556962 L145.820675,435.767932 L143.035865,435.767932 L143.035865,434.860759 C142.276371,435.599156 141.242616,436 140.018987,436 C137.065401,436 134.723629,433.637131 134.723629,430.662447 C134.723629,427.687764 137.065401,425.324895 140.018987,425.324895 C141.242616,425.324895 142.276371,425.725738 143.035865,426.464135 L143.035865,425.556962 Z M140.314346,433.299578 C141.85443,433.299578 143.035865,432.118143 143.035865,430.662447 C143.035865,429.206751 141.85443,428.025316 140.314346,428.025316 C138.774262,428.025316 137.592827,429.206751 137.592827,430.662447 C137.592827,432.118143 138.774262,433.299578 140.314346,433.299578 Z M151.32173,426.886076 L151.32173,425.556962 L148.53692,425.556962 L148.53692,435.767932 L151.406118,435.767932 L151.406118,431.274262 C151.406118,429.35443 152.629747,428.637131 154.127637,428.637131 L154.127637,425.556962 C152.882911,425.514768 151.912447,425.915612 151.32173,426.886076 Z M162.054852,425.324895 C160.725738,425.324895 159.71308,425.810127 158.995781,426.654008 L158.995781,425.556962 L156.21097,425.556962 L156.21097,435.767932 L159.080169,435.767932 L159.080169,430.409283 C159.080169,428.827004 160.07173,427.940928 161.400844,427.940928 C162.729958,427.940928 163.721519,428.827004 163.721519,430.409283 L163.721519,435.767932 L166.590717,435.767932 L166.590717,429.881857 C166.590717,427.329114 164.966245,425.324895 162.054852,425.324895 Z M176.733122,425.556962 L179.517932,425.556962 L179.517932,435.767932 L176.733122,435.767932 L176.733122,434.860759 C175.973629,435.599156 174.939873,436 173.716245,436 C170.762658,436 168.420886,433.637131 168.420886,430.662447 C168.420886,427.687764 170.762658,425.324895 173.716245,425.324895 C174.939873,425.324895 175.973629,425.725738 176.733122,426.464135 L176.733122,425.556962 Z M174.011603,433.299578 C175.551688,433.299578 176.733122,432.118143 176.733122,430.662447 C176.733122,429.206751 175.551688,428.025316 174.011603,428.025316 C172.471519,428.025316 171.290084,429.206751 171.290084,430.662447 C171.290084,432.118143 172.471519,433.299578 174.011603,433.299578 Z M183.732068,435.936709 C184.78692,435.936709 185.651899,435.07173 185.651899,434.016878 C185.651899,432.962025 184.78692,432.097046 183.732068,432.097046 C182.677215,432.097046 181.812236,432.962025 181.812236,434.016878 C181.812236,435.07173 182.677215,435.936709 183.732068,435.936709 Z' id='Logo'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom 27px;
    background-size: 70px 15px;
    padding-bottom: 125px
}

.tooltip {
    position: absolute;
    display: none;
    z-index: 999;
    background: #5d5d5e;
    font-size: .8em;
    box-sizing: border-box;
    color: #fff;
    padding: 10px;
    line-height: 1.4em;
    max-width: 300px;
    border-radius: 4px
}

.tooltip:after {
    content: "";
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    top: -8px;
    right: calc(50% - 8px);
    bottom: auto;
    left: auto;
    border-width: 0 8px 8px;
    border-color: #5d5d5e transparent
}

.has-tip,.has-info {
    cursor: help;
    pointer-events: none
}

.has-tip:after,.has-info:after {
    margin-left: 5px;
    pointer-events: auto;
    content: "";
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-color: transparent;
    display: inline-block;
    vertical-align: sub
}

.has-tip-far:after,.has-info-far:after {
    margin-left: 2px
}

.has-tip:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='%2349494A' d='M1.13 7.5a6.37 6.37 0 1 1 12.74 0 6.37 6.37 0 0 1-12.74 0zM0 7.5a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0z'/%3E%3Cpath fill='%2349494A' d='M7.13 9a1.12 1.12 0 1 0 0 2.25c.62 0 1.12-.5 1.12-1.12C8.25 9.5 7.75 9 7.13 9M8.16 4.18c.35.1.41.31.43.38.09.29.02.39-.39.8-.45.46-1.07 1.08-1.07 2.33a.56.56 0 1 0 1.12 0c0-.79.35-1.13.75-1.53.4-.41.96-.97.67-1.93A1.68 1.68 0 0 0 8.49 3.1a2.59 2.59 0 0 0-2.29.43.56.56 0 0 0-.07.79c.2.24.55.27.79.07.3-.24.84-.33 1.24-.21'/%3E%3C/svg%3E")
}

.has-info {
    position: relative;
    margin-left: 5px
}

.has-info:after {
    position: absolute;
    top: 2px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcon / 20px / Info / Gray Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Atoms' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Icon' transform='translate(-216.000000, -265.000000)'%3E%3Cg id='Icon-/-20px-/-Info-/-Gray-Copy' transform='translate(226.000000, 275.000000) scale(1, -1) translate(-226.000000, -275.000000) translate(216.000000, 265.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M10,18.5 C5.313,18.5 1.5,14.687 1.5,10 C1.5,5.313 5.313,1.5 10,1.5 C14.687,1.5 18.5,5.313 18.5,10 C18.5,14.687 14.687,18.5 10,18.5 M10,0 C15.514,0 20,4.486 20,10 C20,15.514 15.514,20 10,20 C4.486,20 0,15.514 0,10 C0,4.486 4.486,0 10,0 Z M10.7506469,9.9627 L10.7506469,5.8627 C10.7506469,5.4487 10.4146469,5.1127 10.0006469,5.1127 C9.5866469,5.1127 9.2506469,5.4487 9.2506469,5.8627 L9.2506469,9.9627 C9.2506469,10.3767 9.5866469,10.7127 10.0006469,10.7127 C10.4146469,10.7127 10.7506469,10.3767 10.7506469,9.9627 Z M10.0006469,12.013 C9.4346469,12.013 8.9756469,12.472 8.9756469,13.038 C8.9756469,13.604 9.4346469,14.063 10.0006469,14.063 C10.5656469,14.063 11.0246469,13.604 11.0246469,13.038 C11.0246469,12.472 10.5656469,12.013 10.0006469,12.013 Z' id='Combined-Shape' fill='%2349494A' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

body#UnbookedTransactionsPage .unbooked-transaction {
    border-bottom: 1px solid #E4E4E5;
    margin: 0;
    padding: 25px 20px 25px 0;
    position: relative
}

body#UnbookedTransactionsPage .unbooked-transaction .first-row {
    margin-bottom: 5px
}

body#UnbookedTransactionsPage .unbooked-transaction .first-row p:last-of-type {
    color: #49494A
}

body#UnbookedTransactionsPage .unbooked-transaction .headline {
    color: #787878;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

body#UnbookedTransactionsPage .unbooked-transaction .value {
    color: #49494A;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding-bottom: 10px
}

body#UnbookedTransactionsPage .unbooked-transaction .value:last-of-type {
    padding-bottom: 0
}

body#UnbookedTransactionsPage .unbooked-transaction .amount {
    position: absolute;
    right: 0;
    top: 25px
}

body#WaitPage:before {
    content: '';
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='90px' height='20px' viewBox='0 0 90 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo-/-Klarna-/-Full,-Gray' fill='%2349494A'%3E%3Cg id='Logo'%3E%3Cpath d='M0,19.629604 L0,0 L4.50371484,0 L4.50371484,19.629604 L0,19.629604 Z M15.7523174,0 C15.7523174,4.24966116 14.0962199,8.20292637 11.1453191,11.1413619 L17.3706236,19.6303954 L11.807956,19.6303954 L5.04229281,10.4047249 L6.78841721,9.09706077 C9.68411472,6.9279093 11.344961,3.61235049 11.344961,0 L15.7523174,0 Z M18.6834321,19.6242617 L22.9366548,19.6242617 L22.9366548,0.0037593613 L18.6834321,0.0037593613 L18.6834321,19.6242617 Z M60.2514815,5.68692435 C58.6282288,5.68692435 57.0920351,6.19087662 56.064938,7.58124672 L56.064938,6.05276956 L52.018876,6.05276956 L52.018876,19.6242617 L56.1146012,19.6242617 L56.1146012,12.4919619 C56.1146012,10.4280725 57.4986397,9.41739793 59.1650261,9.41739793 C60.9509205,9.41739793 61.9776219,10.4842651 61.9776219,12.4638656 L61.9776219,19.6242617 L66.0363471,19.6242617 L66.0363471,10.9933618 C66.0363471,7.83490468 63.5250937,5.68692435 60.2514815,5.68692435 M35.7920875,6.92019272 C34.6440973,6.1370584 33.2584759,5.67683343 31.7640308,5.67683343 C27.808787,5.67683343 24.6024475,8.8831729 24.6024475,12.8384167 C24.6024475,16.7936605 27.808787,20 31.7640308,20 C33.2584759,20 34.6440973,19.539775 35.7920875,18.7568386 L35.7920875,19.6242617 L39.8557592,19.6242617 L39.8557592,6.05197812 L35.7920875,6.05197812 L35.7920875,6.92019272 Z M32.0964375,16.3304676 C30.0630188,16.3304676 28.4144399,14.7669691 28.4144399,12.8384167 C28.4144399,10.9098644 30.0630188,9.34676151 32.0964375,9.34676151 C34.1300541,9.34676151 35.778633,10.9098644 35.778633,12.8384167 C35.778633,14.7669691 34.1300541,16.3304676 32.0964375,16.3304676 L32.0964375,16.3304676 Z M46.1420049,7.81986724 L46.1420049,6.05217598 L41.9815791,6.05217598 L41.9815791,19.6242617 L46.1513044,19.6242617 L46.1513044,13.2875615 C46.1513044,11.149672 48.468456,10.0004947 50.0762755,10.0004947 C50.0926979,10.0004947 50.1081311,10.0020775 50.1245536,10.0022754 L50.1245536,6.05296742 C48.4743918,6.05296742 46.9565992,6.75952949 46.1420049,7.81986724 M78.6620631,6.92019272 C77.5140729,6.1370584 76.1284514,5.67683343 74.6338085,5.67683343 C70.6785647,5.67683343 67.4722252,8.8831729 67.4722252,12.8384167 C67.4722252,16.7936605 70.6785647,20 74.6338085,20 C76.1284514,20 77.5140729,19.539775 78.6620631,18.7568386 L78.6620631,19.6242617 L82.7255369,19.6242617 L82.7255369,6.05197812 L78.6620631,6.05197812 L78.6620631,6.92019272 Z M74.9664131,16.3304676 C72.9327965,16.3304676 71.2844155,14.7669691 71.2844155,12.8384167 C71.2844155,10.9098644 72.9327965,9.34676151 74.9664131,9.34676151 C77.0000297,9.34676151 78.6484107,10.9098644 78.6484107,12.8384167 C78.6484107,14.7669691 77.0000297,16.3304676 74.9664131,16.3304676 Z M87.0397008,14.8103006 C88.4482742,14.8103006 89.5903285,15.9521572 89.5903285,17.3609284 C89.5903285,18.7693038 88.4482742,19.9113582 87.0397008,19.9113582 C85.6311275,19.9113582 84.489271,18.7693038 84.489271,17.3609284 C84.489271,15.9521572 85.6311275,14.8103006 87.0397008,14.8103006 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom 60px;
    background-size: 70px 15px
}

body#WaitPage .wait-description {
    position: fixed;
    text-align: center;
    top: 50%;
    right: 0;
    left: 50%;
    height: auto;
    line-height: 20px;
    max-width: 335px;
    width: 70%;
    z-index: 999;
    transform: translateY(-50%) translateX(-50%)
}

body#WaitPage .wait-description h2 {
    font-family: "Klarna Headline", sans-Serif;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: -20px
}

body#WaitPage .wait-description .loader-inline {
    position: relative;
    display: block;
    margin-top: 35px
}

body#WaitPage .wait-description .loader-inline:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 6' style='enable-background:new 0 0 11 6;' xml:space='preserve' fill='%23343434'%3E%3Ctitle%3ELoader%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cpath d='M8.9,3.4c0.7-1.2,1.2-1.9,2.1-1.9V0C9.2,0,8.4,1.4,7.7,2.6C6.9,3.8,6.5,4.5,5.5,4.5c-0.9,0-1.4-0.7-2.1-1.9 C2.7,1.4,1.8,0,0.1,0C0,0,0,0,0,0v1.5c0,0,0,0,0.1,0c0.9,0,1.4,0.7,2.1,1.9C2.9,4.6,3.8,6,5.5,6C7.3,6,8.2,4.6,8.9,3.4z'/%3E%3C/svg%3E")
}

body#WaitPage h2 .colored {
    font-family: "Klarna Headline", sans-serif;
    font-weight: 700
}

body#WaitPage h2 .colored-pink {
    color: #EB6F93
}

body#WaitPage .footer {
    display: none
}

#bottom-link {
    position: fixed;
    width: 300px;
    bottom: 30px;
    text-align: center;
    color: #828289;
    z-index: 999;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size: 13px;
    line-height: 20px;
    left: 50%;
    margin-left: -150px
}

#bottom-link .underline {
    border-bottom: 1px solid #E4E4E5;
    display: inline-block;
    height: 20px
}

.wait-box {
    display: none
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

.loadicon {
 margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0{fill:%23333330;} %3C/style%3E%3Cg id='Ebene_1_Kopie'%3E%3Cpath class='st0' d='M128.6,102.8l-4-0.9l9.1-45.4c1.1-5.2-2-10.3-7-11.8c-5.6-1.4-11.2,1.9-12.7,7.4l-8.4,28.7L99,52.2v-0.1 c-1.1-5.5-6.6-8.9-11.9-7.7c-2.4,0.6-4.5,2.2-5.8,4.3c-1.6,2.5-2,5.5-1.4,8.3l3.9,31.6c-4.9-5.1-9.7-3.6-12.3-2L71,86.9 c-4.4,3-5.2,8.9-2.4,14.2c-2,0.2-4.1,1.1-5.7,2.7l-0.3,0.5c-3.9,4-3.1,10.6,1.7,15.3l3.7,3.9c0.5,18.3,15.5,29.4,30.4,30.2 c0.3,0.2,0.7,0.3,1.1,0.3h0.5c21.4,0,33.7-12,35.7-35C137.1,104.2,128.9,102.8,128.6,102.8z M84.8,51.1c0.7-1.1,1.8-2,3.1-2.4l0,0 c3.3-0.7,6.4,1.4,6.9,4.7l8.4,35.9c0.1,0.2,0.2,0.5,0.3,0.7c0.2,0.5,0.7,0.9,1.2,1.1c1.1,0.3,2.3-0.3,2.6-1.5L118,53.3 c0.9-3.3,4.2-5.2,7.5-4.5c3,0.9,4.7,3.9,4.1,6.9l-9.1,45.3L104,97.1c-3.2-0.9-9.2-1.1-12.4,3.3l-3.1-4.5l-4.8-39.3 C83.4,54.6,83.8,52.7,84.8,51.1z M73.2,90.5l0.3-0.2c2-1.2,4.9-1.9,8.6,3.4l7.7,11.5c-0.3,1.7-0.5,4.2,0.9,6.6 c0.2,0.5,0.6,0.9,0.9,1.4c-0.3,0.7-0.9,1.4-1.6,1.8l-0.5,0.3c-2.4,1.6-5.7,1-7.4-1.4l-6.5-9.5c-0.1-0.5-0.3-0.9-0.7-1.2 c-0.1-0.1-0.2-0.1-0.2-0.2l-1.9-2.8C70.5,96.3,70.6,92.2,73.2,90.5z M65.6,107.2l0.5-0.5c1.5-1.6,3.9-1.9,5.8-0.9l6.9,10.3 c1.8,2.6,4.8,4.2,8,4.2c0.1,0,0.2,0,0.3,0c1.9,2,2,5.3,0,7.4l-0.3,0.5c-2,2-5.3,2.2-7.5,0.1l-7.4-7.3l0,0l-4.4-4.3 C64.1,113.5,63.4,109.5,65.6,107.2z M131.6,118.7c-1.7,20.2-11.9,30.7-30.4,31c-0.3-0.1-0.7-0.2-1-0.2c-15.5,0-24.8-10.1-27.2-21.1 l3.2,3.2c1.8,1.7,4.2,2.7,6.6,2.6c2.6,0,5.1-1,6.9-2.8l0.3-0.5c3.1-3.2,3.5-8,1.2-11.6c0.2-0.1,0.5-0.2,0.7-0.3l0.5-0.3 c1-0.7,1.8-1.6,2.5-2.6c1.6,0.9,3.5,1.8,5.9,2.4l5.8,1.4c-0.6,0.3-1.1,0.7-1.8,1.1c-3.5,2.8-5.5,7.2-5.7,13c0,1.1,0.8,2.2,2,2.3 c1.1,0,2.2-0.9,2.3-2c0.2-4.5,1.6-7.8,4.1-9.8c4-3.2,9.7-2.2,9.8-2.2c1.1,0.2,2.2-0.6,2.4-1.6c0.3-1.1-0.5-2.3-1.6-2.6l-16.2-3.6 c-2.6-0.7-4.7-1.7-6-2.8c-0.1-0.2-0.3-0.5-0.6-0.6c-0.3-0.3-0.6-0.7-0.8-1.1c-0.9-1.7-0.6-3.6-0.1-5.2c1.6-5.1,7.8-3.5,8.6-3.3 l18,4.2c0.3,0.2,0.8,0.3,1.2,0.3c0.1,0,0.2,0,0.3,0l5.3,1.2C128.1,107,132.5,108.1,131.6,118.7z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left, top right;
    overflow: hidden
}

body.loading .wait-box {
    opacity: 0;
    animation: fadeIn .2s .2s linear both;
    z-index: 999;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff
}

body.loading .wait-box .wait-content {
    position: absolute;
    max-width: 335px;
    width: 70%;
    margin: auto;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translateY(-50%) translateX(-50%)
}

body.loading .wait-box .wait-content h2 {
    font-family: "Klarna Headline", sans-Serif;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: -20px
}

@media only screen and (max-width: 819px) {
    body.loading .wait-box .wait-content h2 {
        font-size:16px;
        line-height: 20px
    }
}

body.loading .wait-box .wait-content .loader-inline {
    position: relative;
    display: block;
    margin-top: 35px
}

body.loading .wait-box .wait-content .loader-inline:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 6' style='enable-background:new 0 0 11 6;' xml:space='preserve' fill='%23343434'%3E%3Ctitle%3ELoader%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cpath d='M8.9,3.4c0.7-1.2,1.2-1.9,2.1-1.9V0C9.2,0,8.4,1.4,7.7,2.6C6.9,3.8,6.5,4.5,5.5,4.5c-0.9,0-1.4-0.7-2.1-1.9 C2.7,1.4,1.8,0,0.1,0C0,0,0,0,0,0v1.5c0,0,0,0,0.1,0c0.9,0,1.4,0.7,2.1,1.9C2.9,4.6,3.8,6,5.5,6C7.3,6,8.2,4.6,8.9,3.4z'/%3E%3C/svg%3E")
}

body.loading .wait-box div#bottom-mobile {
    position: absolute;
    bottom: 0;
    padding-bottom: 20px;
    width: 100%
}

@media only screen and (min-width: 820px) {
    body.loading .wait-box div#bottom-mobile {
        visibility:hidden
    }
}

body.loading .wait-box div#bottom-desktop {
    position: absolute;
    bottom: 0;
    padding-bottom: 50px;
    width: 100%;
    padding-right: 40px
}

@media only screen and (max-width: 819px) {
    body.loading .wait-box div#bottom-desktop {
        visibility:hidden
    }
}

@media only screen and (max-width: 819px) {
    body.loading .wait-box .check-payment-status {
        display:block;
        margin-left: auto;
        margin-right: auto
    }
}

.template-wide {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: #FCFCFC
}

@media only screen and (min-width: 820px) {
    .template-wide {
        padding-top:70px
    }
}

.template-wide .main {
    margin: auto;
    display: flex;
    background-color: #fff;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width: 820px) {
    .template-wide .main {
        max-width:1400px;
        border-radius: 8px;
        border: 1px solid #E4E4E5
    }
}

.template-wide .sidebar {
    display: none
}

.template-wide .content {
    width: 100%
}

@media only screen and (min-width: 820px) {
    .template-wide .content {
        max-width:1400px
    }
}

html.liquorice-ux {
    padding-top: 0
}

html.liquorice-ux h1 {
    max-width: 100%;
    color: #171717;
    font-weight: 700;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: -0.2px;
    text-rendering: geometricprecision;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none
}

html.liquorice-ux h1.text-center {
    text-align: center
}

html.liquorice-ux h1,html.liquorice-ux h2,html.liquorice-ux h3,html.liquorice-ux h4,html.liquorice-ux h5,html.liquorice-ux h6,html.liquorice-ux .display {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important
}

html.liquorice-ux p {
    text-align: left
}

html.liquorice-ux p.sub-headline {
    text-align: left
}

html.liquorice-ux p a {
    color: #171717;
    text-decoration: underline;
    border-bottom: none
}

html.liquorice-ux p a.link-in-text {
    text-decoration: none
}

html.liquorice-ux p a.link-in-text>span {
    font-size: inherit;
    text-decoration: underline
}

html.liquorice-ux ul li:before,html.liquorice-ux ol li:before {
    color: #171717
}

html.liquorice-ux p.privacy-policy,html.liquorice-ux p.data-security {
    color: #787573;
    font-size: 12px;
    line-height: 20px
}

html.liquorice-ux p.privacy-policy a,html.liquorice-ux p.data-security a {
    font-size: inherit
}

html.liquorice-ux .text-center {
    text-align: left
}

html.liquorice-ux body {
    background-size: cover;
    background-color: #fffefc;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    text-rendering: geometricprecision;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    direction: ltr
}

@media only screen and (min-width: 820px) {
    html.liquorice-ux body {
        padding-top:60px
    }
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body {
        padding-top:env(safe-area-inset-top, 0);
        padding-bottom: env(safe-area-inset-bottom, 0)
    }
}

html.liquorice-ux body .with-skeleton {
    margin-bottom: 15px
}

html.liquorice-ux body#WaitPage {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body#WaitPage {
        height:calc(100% - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0));
        background-image: none !important
    }
}

html.liquorice-ux body#WaitPage:before {
    display: none
}

html.liquorice-ux body#WaitPage .main {
    opacity: 0;
    transition: none;
    transform: translateY(20px);
    animation: appear .4s ease forwards;
    animation-delay: .3s
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body#WaitPage .main {
        height:100%
    }
}

@keyframes appear {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

html.liquorice-ux body#WaitPage .main .loader-trx-id {
    position: absolute;
    bottom: 50px;
    left: 50px;
    height: 14px;
    width: 200px;
    background-color: rgba(120,120,120,0.15)
}

html.liquorice-ux body#WaitPage .main .header {
    background-position: center top 24px;
    border-bottom-color: transparent
}

html.liquorice-ux body#WaitPage .main .content {
    height: inherit;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding-top: 0
}

html.liquorice-ux body#WaitPage .main .content .loader-circle {
    width: 100px;
    height: 100px;
    order: 10
}

html.liquorice-ux body#WaitPage .main .content .loader-circle .path {
    stroke-width: 2
}

html.liquorice-ux body#WaitPage .main .content #wait-text {
    max-width: 70%;
    text-align: center
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body#WaitPage .main .sidebar {
        border-color:transparent
    }
}

html.liquorice-ux body#WaitPage .footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: transparent;
    color: #828289;
    font-size: 13px;
    line-height: 25px
}

html.liquorice-ux body.loading .wait-box {
    position: fixed;
    top: env(safe-area-inset-top, 0);
    left: 0;
    padding-top: 60px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - env(safe-area-inset-top,0));
    background-size: cover;
    background-attachment: fixed;
    background-position: top center
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body.loading .wait-box {
        padding-top:0
    }

    html.liquorice-ux body.loading .wait-box .main {
        height: 100%
    }

    html.liquorice-ux body.loading .wait-box .main .header {
        position: relative;
        order: 10;
        background-position: center top 24px;
        border-bottom-color: transparent;
        background-image: none;
        margin-top: -30px;
        margin-right: -60px
    }

    html.liquorice-ux body.loading .wait-box .main .header .logo-container {
        visibility: hidden
    }

    html.liquorice-ux body.loading .wait-box .sidebar {
        display: none
    }
}

html.liquorice-ux body.loading .wait-box .flex-size-wrapper {
    height: auto
}

html.liquorice-ux body.loading .wait-box .footer {
    font-size: 13px;
    line-height: 25px;
    align-items: center;
    justify-content: flex-end
}

html.liquorice-ux body.loading .wait-box .footer li {
    color: transparent;
    line-height: 60px
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body.loading .wait-box .footer li {
        border-color:transparent
    }
}

html.liquorice-ux body.loading button.primary {
    color: transparent;
    font-size: 0;
    background-color: #171717;
    z-index: 888;
    pointer-events: none
}

html.liquorice-ux body.loading button.has-indicator .loader-inline {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: calc(50% - 12px);
    animation-name: loading-white;
    transform: translateX(-50%) translateY(-50%)
}

html.liquorice-ux body.loading button.has-indicator .loader-inline:before,html.liquorice-ux body.loading button.has-indicator .loader-inline:after {
    animation-name: loading-white
}

html.liquorice-ux body .main {
    position: relative;
    border-radius: 0;
    border: none
}

@media only screen and (min-width: 820px) {
    html.liquorice-ux body .main {
        box-shadow:rgba(0,0,0,0.15) 0px 3px 15px 6px
    }
}

html.liquorice-ux body .main .sidebar {
    border-radius: 0
}

html.liquorice-ux body .main .sidebar .more,html.liquorice-ux body .main .sidebar .less {
    text-align: left
}

html.liquorice-ux body .main .sidebar .less .sidebar-top {
    align-items: center
}

html.liquorice-ux body .main .sidebar .transaction-id-raw {
    text-align: left;
    padding-left: 50px;
    outline: 0;
    color: #787878
}

html.liquorice-ux body .main .sidebar #TransactionIdRawAdditionalInfo {
    padding-left: 0
}

html.liquorice-ux body .main .sidebar .merchant-name {
    font-weight: 500
}

html.liquorice-ux body .main .sidebar .recipient-account p,html.liquorice-ux body .main .sidebar .sender-account p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

html.liquorice-ux body .main .sidebar .has-tip {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    line-height: 1 !important
}

html.liquorice-ux body .main .sidebar .has-tip:after {
    flex-shrink: 0;
    background-size: contain;
    margin-left: 6px
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body .main .content {
        padding:145px 20px 20px 20px
    }
}

html.liquorice-ux body .main .content .centered-content {
    text-align: left
}

html.liquorice-ux body .main .content .float-control {
    min-height: 20px
}

html.liquorice-ux body .main .content .content-wrapper {
    word-break: break-word;
}

html.liquorice-ux body .main .content .content-wrapper .header {
    background-position: center top 24px
}

html.liquorice-ux body .main .content .content-wrapper .header .logo-container {
    position: relative;
    display: flex;
    justify-content: center;
    top: 0
}

html.liquorice-ux body .main .content .content-wrapper .header .hide-loader,html.liquorice-ux body .main .content .content-wrapper .header .return-action,html.liquorice-ux body .main .content .content-wrapper .header .back-to-merchant {
    cursor: pointer;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px
}

html.liquorice-ux body .main .content .content-wrapper .header .hide-loader img,html.liquorice-ux body .main .content .content-wrapper .header .return-action img,html.liquorice-ux body .main .content .content-wrapper .header .back-to-merchant img {
    visibility: hidden
}

html.liquorice-ux body .main .content .content-wrapper .header .return-action {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18px' height='16px' viewBox='0 0 18 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='---Desktop-(current-&-open-banking)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.4.2-enter-TAN-show-details' transform='translate(-551.000000, -158.000000)'%3E%3Crect fill='%23FCFCFC' x='0' y='0' width='1280' height='1160'%3E%3C/rect%3E%3Cg id='Header' transform='translate(530.000000, 136.000000)'%3E%3Cg id='20px-/-Navigation-/-Back-/-Black'%3E%3Cg transform='translate(20.000000, 20.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M18.387,9.89 C17.674,8.588 16.363,7.81 14.878,7.81 L4.235,7.81 L7.868,3.451 L6.331,2.17 L1.331,8.17 C1.023,8.541 1.023,9.08 1.331,9.451 L6.331,15.451 L7.868,14.17 L4.235,9.81 L14.878,9.81 C15.62,9.81 16.276,10.199 16.632,10.85 C16.989,11.501 16.963,12.263 16.619,12.808 L13.647,16.584 L15.219,17.822 L18.248,13.966 C19.048,12.716 19.1,11.192 18.387,9.89' id='Icon' fill='%2317120F' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

html.liquorice-ux body .main .content .content-wrapper .header .hide-loader,html.liquorice-ux body .main .content .content-wrapper .header .back-to-merchant {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='20' width='20'%3E%3Cpath d='M10.872,10.004 C11.321,9.864 11.747,9.631 12.102,9.275 L17.704,3.674 L16.29,2.26 L10.688,7.861 C10.298,8.252 9.665,8.252 9.274,7.861 L3.704,2.291 L2.29,3.705 L7.86,9.275 C8.224,9.639 8.66,9.875 9.121,10.013 C8.665,10.148 8.237,10.375 7.892,10.721 L2.29,16.322 L3.704,17.736 L9.307,12.135 C9.684,11.757 10.34,11.757 10.72,12.135 L16.29,17.705 L17.704,16.291 L12.134,10.721 C11.779,10.366 11.34,10.137 10.872,10.004' fill='rgba(23, 23, 23, 1)' style='transition: fill 0.2s ease 0s;'%3E%3C/path%3E%3C/svg%3E")
}

html.liquorice-ux body .main .content [data-animation-file] {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px 0
}

html.liquorice-ux body .main .content .loader {
    text-align: left;
    margin: 0
}

html.liquorice-ux body .footer {
    background-color: #fffefc
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body .footer {
        background-color:#fff
    }
}

html.liquorice-ux body .footer a {
    color: #487b94;
    border-color: transparent
}

html.liquorice-ux body .footer .left a {
    font-weight: 500
}

html.liquorice-ux body .footer .center li {
    padding: 0 5px
}

html.liquorice-ux body .footer .center li span,html.liquorice-ux body .footer .center li a {
    color: #787573;
    border-color: transparent
}

html.liquorice-ux body .footer .center li span>span,html.liquorice-ux body .footer .center li a>span {
    color: #787573;
    border-color: transparent
}

html.liquorice-ux body .footer .center li span[data-modal-id="js-about"],html.liquorice-ux body .footer .center li a[data-modal-id="js-about"] {
    border-color: transparent
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body .footer .center li span,html.liquorice-ux body .footer .center li a {
        font-size:11px
    }
}

html.liquorice-ux body .footer .center li .language-selector>span {
    color: #787573;
    border-color: transparent
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body .footer .center li .language-selector>span {
        font-size:11px
    }
}

html.liquorice-ux body .footer .center li .language-selector:after {
    width: 9px;
    height: 9px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23787573'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 9px;
    background-color: transparent
}

html.liquorice-ux body button,html.liquorice-ux body .button {
    border-radius: 0;
    color: #fff;
    background-color: #171717;
    text-decoration: none;
    -webkit-font-smoothing: initial
}

html.liquorice-ux body button.primary,html.liquorice-ux body button-primary,html.liquorice-ux body .button.primary,html.liquorice-ux body .button-primary {
    color: #fff;
    background-color: #171717
}

html.liquorice-ux body button.button-centered,html.liquorice-ux body .button.button-centered {
    width: 100%
}

html.liquorice-ux body button-tertiary,html.liquorice-ux body .button-tertiary {
    color: #171717;
    background-color: transparent
}

html.liquorice-ux body button.has-indicator .loader-inline,html.liquorice-ux body .button.has-indicator .loader-inline {
    position: absolute
}

html.liquorice-ux body button.return-action,html.liquorice-ux body .button.return-action {
    background-color: transparent
}

html.liquorice-ux body button-text,html.liquorice-ux body .button-text {
    display: inline;
    padding: initial;
    margin: initial;
    min-width: initial;
    height: initial;
    line-height: initial;
    background-color: transparent;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #171717
}

html.liquorice-ux body button-text>span.link,html.liquorice-ux body .button-text>span.link {
    text-decoration: underline;
    font-weight: 300;
    font-size: 16px
}

html.liquorice-ux body button-text:hover,html.liquorice-ux body .button-text:hover {
    color: #6e9896
}

html.liquorice-ux body#AbortPage #WizardForm h1 {
    margin-bottom: 9px
}

html.liquorice-ux body#AbortPage .main .content {
    padding-top: 100px
}

html.liquorice-ux body#AbortPage #abort-helptext.hidden {
    display: none
}

html.liquorice-ux body#AbortPage .error-icon {
    margin-bottom: 26px;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' focusable='false' width='100' height='100' viewBox='0 0 100 100'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(0, 0) scale(1)'%3e%3cpath d='M34.003 27.452c-.182-3.448.508-8.584 2.985-12.783-2.074 6.482-1.111 14.22 5.22 18.945l11.803 9.895c1.778 5.854 3.245 13.382 2.14 20.312-.864 5.415-3.286 10.514-8.677 14.268.197-2.811.243-6.003.14-9.418-.208-6.911-1.039-15.017-2.647-23.275l-6.87 1.338c1.533 7.879 2.324 15.608 2.52 22.148.2 6.625-.218 11.76-.953 14.572l-1.736 6.644 6.396-2.499c12.07-4.716 17.273-13.476 18.74-22.676 1.423-8.927-.66-18.159-2.682-24.5l-.308-.967L46.539 28.11l-.09-.066c-3.99-2.934-4.564-8.924-1.547-14.04 1.44-2.442 3.554-4.327 6.042-5.219 2.395-.858 5.422-.902 9.034.781.428.26.836.538 1.22.83 2.572 1.957 3.853 4.36 3.853 6.652 0 1.439-.364 2.277-.838 3.07-.195.327-.348.554-.537.834a39.82 39.82 0 00-.497.753c-.402.625-.889 1.444-1.235 2.445-.775 2.238-.09 4.438.471 5.744a14.772 14.772 0 002.117 3.456l.017.02.017.02c5.121 5.964 8.028 12.674 8.784 15.074 2.993 9.593 2.108 19.166-.318 27.345-2.152 7.259-5.469 13.25-8.11 16.919H26.09c.46-.599.931-1.225 1.403-1.867 1.523-2.075 3.102-4.393 4.305-6.58.601-1.093 1.145-2.218 1.539-3.309.372-1.03.696-2.257.67-3.51V27.545l-.005-.092zM16.091 93.917l.005-.005.022-.025.092-.106.362-.421c.315-.369.768-.904 1.312-1.564a116.948 116.948 0 003.968-5.078c1.443-1.965 2.82-4.007 3.814-5.81.496-.903.86-1.681 1.089-2.315.113-.313.181-.559.219-.74.034-.168.035-.243.035-.243l-.001-.05V27.725c-.22-4.486.644-11.172 4.112-16.882C34.75 4.867 41.132.174 51.21.174c5.323 0 10.408 1.746 14.227 4.652a18.528 18.528 0 013.79 3.844h8.89l.18.02c3.894.403 8.802 4.217 8.712 12.62l-.037 3.463H69.543l-.213.32-.001.002c-.109.163-.2.3-.262.397-.248.384-.384.636-.466.836l.005.037c.023.163.093.421.24.765a7.826 7.826 0 001.05 1.723c5.818 6.783 9.14 14.357 10.133 17.515l.002.007c3.516 11.267 2.415 22.31-.288 31.424a66.654 66.654 0 01-1.542 4.582c3.565.928 6.094 2.96 7.77 5.352 2.164 3.085 2.75 6.515 2.846 8.308l.197 3.687H10.986l5.105-5.81zm55.943-76.144h7.463c-.227-.6-.495-1.013-.727-1.292a2.767 2.767 0 00-.809-.678 1.674 1.674 0 00-.312-.133h-5.668a13.49 13.49 0 01.053 2.103zm1.225 74.955a64.61 64.61 0 002.065-3.789c2.63.349 4.049 1.575 4.916 2.812.222.316.415.645.582.977h-7.563zM57.047 17.486a2.658 2.658 0 100-5.316 2.658 2.658 0 000 5.316z' fill='%230E0E0F'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-size: contain
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body#AbortPage .error-icon {
        margin-left:auto;
        margin-right: auto
    }
}

html.liquorice-ux body#AbortPage .form-description {
    color: #171717
}

html.liquorice-ux body#AbortPage .abort-buttons {
    margin-top: auto;
    gap: 15px;
    display: flex
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body#AbortPage .abort-buttons {
        flex-direction:column
    }
}

html.liquorice-ux body#AbortPage .abort-buttons button.primary {
    margin-left: 0
}

html.liquorice-ux body#AbortPage .abort-buttons .button-tertiary {
    margin-left: auto;
    margin-right: 0;
    color: #171717;
    font-weight: 500;
    background-color: #EAEAEA
}

html.liquorice-ux body .bank-search .loader-inline {
    opacity: 0;
    position: absolute;
    top: 31px;
    right: 37px;
    transition: opacity .2s ease
}

html.liquorice-ux body .bank-search .loader-inline:before,html.liquorice-ux body .bank-search .loader-inline:after {
    background-image: none
}

html.liquorice-ux body .bank-search.loading .loader-inline {
    opacity: 1
}

html.liquorice-ux body .bank-search .with-icon.with-icon-search {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='20' width='20'%3E%3Cpath d='M12.496,11 C10.015,11 7.996,8.981 7.996,6.5 C7.996,4.019 10.015,2 12.496,2 C14.977,2 16.996,4.019 16.996,6.5 C16.996,8.981 14.977,11 12.496,11 Z M4.814,17.641 C4.456,18.056 3.837,18.121 3.402,17.785 C3.175,17.61 3.034,17.357 3.005,17.073 C2.976,16.788 3.062,16.513 3.249,16.296 L6.231,12.828 L7.548,12.828 L7.89,14.064 L4.814,17.641 Z M12.496,0 C8.912,0 5.996,2.916 5.996,6.5 C5.996,8.163 6.629,9.678 7.661,10.828 L5.313,10.828 L1.733,14.991 C1.193,15.619 0.931,16.452 1.016,17.276 C1.1,18.101 1.525,18.863 2.181,19.369 C2.731,19.793 3.383,20 4.03,20 C4.885,20 5.732,19.64 6.33,18.945 L10.102,14.559 L9.461,12.244 C10.368,12.725 11.4,13 12.496,13 C16.08,13 18.996,10.084 18.996,6.5 C18.996,2.916 16.08,0 12.496,0 Z' fill='rgba(23, 23, 23, 1)' style='transition: fill 0.2s ease 0s;'%3E%3C/path%3E%3C/svg%3E");
    background-position: left 15px top 20px
}

html.liquorice-ux body .account-selector label {
    padding-left: 0
}

html.liquorice-ux body .account-selector label:first-child {
    border-top-color: transparent
}

html.liquorice-ux body .account-selector label:last-child {
    border-bottom-color: transparent
}

html.liquorice-ux body .account-selector label.focused:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid #969391
}

html.liquorice-ux body .account-selector label.focused:before {
    background-color: rgba(52,52,48,0.025)
}

html.liquorice-ux body .account-selector .description {
    color: #171717
}

html.liquorice-ux body .account-selector .description,html.liquorice-ux body .account-selector .iban {
    padding: 0;
    line-height: 1.4
}

html.liquorice-ux p {
    max-width: 100%;
    color: #171717;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 3px;
    padding-top: 2px;
    text-rendering: geometricprecision;
    text-size-adjust: none
}

html.liquorice-ux p.text-muted {
    color: #787878;
    font-size: 14px;
    line-height: 1.4
}

html.liquorice-ux p.text-muted a,html.liquorice-ux p.text-muted button {
    font-size: 14px;
    color: #787878;
    text-decoration: none
}

html.liquorice-ux p.text-muted a>span.link,html.liquorice-ux p.text-muted button>span.link {
    color: #6e9896;
    text-decoration: underline;
    font-weight: 300;
    font-size: 14px
}

html.liquorice-ux p.text-muted a:hover,html.liquorice-ux p.text-muted button:hover {
    color: #787878
}

html.liquorice-ux p.text-muted a:hover>span.link,html.liquorice-ux p.text-muted button:hover>span.link {
    color: #6e9896
}

html.liquorice-ux .backend-form {
    margin-bottom: 20px
}

html.liquorice-ux .backend-form-element p.input-help-text,html.liquorice-ux .backend-form-element .input-help-text p {
    font-size: 16px;
    color: #171717;
    background-color: #F0EEEA
}

html.liquorice-ux .modal-overlay .modal-close-button {
    border-bottom: 1px solid #E4E4E5
}

html.liquorice-ux .modal-overlay .modal-close-button .close-action {
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='20' width='20'%3E%3Cpath d='M10.872,10.004 C11.321,9.864 11.747,9.631 12.102,9.275 L17.704,3.674 L16.29,2.26 L10.688,7.861 C10.298,8.252 9.665,8.252 9.274,7.861 L3.704,2.291 L2.29,3.705 L7.86,9.275 C8.224,9.639 8.66,9.875 9.121,10.013 C8.665,10.148 8.237,10.375 7.892,10.721 L2.29,16.322 L3.704,17.736 L9.307,12.135 C9.684,11.757 10.34,11.757 10.72,12.135 L16.29,17.705 L17.704,16.291 L12.134,10.721 C11.779,10.366 11.34,10.137 10.872,10.004' fill='rgba(23, 23, 23, 1)' style='transition: fill 0.2s ease 0s;'%3E%3C/path%3E%3C/svg%3E");
    background-color: transparent
}

html.liquorice-ux .modal-overlay .modal-close-button .close-action img {
    visibility: hidden
}

html.liquorice-ux .modal-overlay.modal-shown.in .modal-close-button .close-action {
    background-color: transparent
}

html.liquorice-ux .modal-overlay .modal-content {
    padding-top: 20px;
    border-radius: 0;
    margin-top: 40px
}

@media only screen and (min-width: 820px) {
    html.liquorice-ux .modal-overlay .modal-content {
        margin-top:55px
    }
}

html.liquorice-ux .cookie-banner .links .button {
    border-radius: 0;
    color: #fff;
    background: #000
}

html.liquorice-ux .cookie-banner .links .button-tertiary {
    color: #fff;
    background-color: transparent
}

html.liquorice-ux input[type=checkbox] {
    border-radius: 5px
}

html.liquorice-ux input[type=checkbox]:before {
    border-radius: 5px;
    border-color: #969391
}

html.liquorice-ux input[type=checkbox]:focus {
    border-color: #969391
}

html.liquorice-ux input[type=checkbox]:focus:before {
    border: 1px solid #969391;
    box-shadow: 0 0 0 3px #fff,0 0 0 5px #969391;
    background-color: transparent
}

html.liquorice-ux input[type=checkbox]:checked {
    background-color: #487b94
}

html.liquorice-ux input[type=checkbox]:checked:before {
    border-color: #487b94;
    box-shadow: inset 0 0 0 10px #487b94
}

html.liquorice-ux input[type=checkbox]:checked:focus:before {
    box-shadow: 0 0 0 3px #fff,0 0 0 5px #487b94
}

html.liquorice-ux .alert-box {
    padding: 15px 42px 15px 15px;
    line-height: 20px
}

html.liquorice-ux .alert-box p {
    font-size: 14px
}

html.liquorice-ux .alert-box ul.links li a {
    font-size: 14px
}

html.liquorice-ux .alert-box .close {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='20' width='20'%3E%3Cpath d='M10.872,10.004 C11.321,9.864 11.747,9.631 12.102,9.275 L17.704,3.674 L16.29,2.26 L10.688,7.861 C10.298,8.252 9.665,8.252 9.274,7.861 L3.704,2.291 L2.29,3.705 L7.86,9.275 C8.224,9.639 8.66,9.875 9.121,10.013 C8.665,10.148 8.237,10.375 7.892,10.721 L2.29,16.322 L3.704,17.736 L9.307,12.135 C9.684,11.757 10.34,11.757 10.72,12.135 L16.29,17.705 L17.704,16.291 L12.134,10.721 C11.779,10.366 11.34,10.137 10.872,10.004' fill='rgba(23, 23, 23, 1)' style='transition: fill 0.2s ease 0s;'%3E%3C/path%3E%3C/svg%3E");
    background-size: 20px
}

html.liquorice-ux .alert-box.error {
    background-color: #ffccc4
}

html.liquorice-ux .floating-label input,html.liquorice-ux .floating-label select,html.liquorice-ux .floating-label textarea {
    border-color: #969391;
    border-radius: 5px
}

html.liquorice-ux .floating-label .separator {
    border-color: #969391
}

html.liquorice-ux .floating-label.focused:after {
    border-radius: 5px
}

html.liquorice-ux .multi-input .wrapper .floating-label input,html.liquorice-ux .multi-input .wrapper .floating-label select,html.liquorice-ux .multi-input .wrapper .floating-label textarea {
    border-radius: 2px
}

html.liquorice-ux .multi-input .wrapper .floating-label.focused:after {
    border-radius: 2px
}

html.liquorice-ux .multi-input .wrapper .floating-label:last-child input {
    border-color: #969391
}

html.liquorice-ux .multi-input .wrapper .separator {
    border-color: #969391
}

html.liquorice-ux input:-webkit-autofill {
    -webkit-box-shadow: unset;
    -webkit-text-fill-color: unset;
    background-color: unset
}

html.liquorice-ux .floating-label.has-error input,html.liquorice-ux .floating-label.has-error select,html.liquorice-ux .floating-label.has-error textarea {
    background-color: #fff6f5 !important;
    border-color: #f74b45 !important
}

html.liquorice-ux .floating-label.has-error input+span,html.liquorice-ux .floating-label.has-error select+span,html.liquorice-ux .floating-label.has-error textarea+span {
    color: #f74b45 !important
}

html.liquorice-ux .error-message {
    color: #f74b45 !important
}

html.liquorice-ux input[type=radio] {
    border-color: #8d8987
}

html.liquorice-ux input[type=radio]:checked {
    border-color: #487b94;
    box-shadow: inset 0 0 0 6px #487b94
}

html.liquorice-ux .keypad-input .button {
    color: #171717;
    background-color: #fff
}

html.liquorice-ux .keypad-input .button.clearer {
    color: transparent
}

html.liquorice-ux .button-row-horizontal .captcha-resizer li {
    margin: 0 7.5px
}

html.liquorice-ux .button-row-horizontal .captcha-resizer .button {
    display: inline-flex;
    align-items: center;
    background-color: #f0eeeb;
    color: #171717;
    font-weight: 500;
    font-size: 14px;
    height: 38px;
    border-radius: 24px
}

html.liquorice-ux #ErrorPage .main {
    display: flex;
    flex-direction: row;
    margin-top: auto;
    margin-bottom: 0;
    height: 100%
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux #ErrorPage .main {
        margin-top:0;
        margin-bottom: 0
    }
}

html.liquorice-ux #ErrorPage .content {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux #ErrorPage .content {
        padding-top:135px
    }
}

html.liquorice-ux #ErrorPage .content .error-icon {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' focusable='false' width='100' height='100' viewBox='0 0 100 100'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(0, 0) scale(1)'%3e%3cpath d='M95.373 18.265c-3.853-3.937-8.707-4.815-13.05-4.506C84.677 8.137 84.6 2.377 84.59 1.576V1.5l-6.864.196v.008c.004.36.116 11.507-6.568 15.188l1.325 2.377 1.91 3.701.004-.001c.292-.147 10.708-5.365 16.075.1l4.901-4.804zM4 37.579c0 16.137 10.595 29.8 25.207 34.411l-6.678 8.794 3.236 2.06a25.981 25.981 0 0010.082 3.664c-.285 1.252-.94 1.768-2.435 2.904-2.451 1.862-4.706 4.02-4.706 9.608h6.863c0-1.261-.156-1.788-.023-2.227.147-.483.644-.86 2.081-1.99 2.22-1.742 4.31-3.678 5.03-8.239a26.666 26.666 0 0010.657-3.72l3.137-2.06-6.447-8.51c15.1-4.31 26.153-18.212 26.153-34.695a30.88 30.88 0 00-.392-5.196 5.588 5.588 0 014.51 1.274l4.411-5.196a11.863 11.863 0 00-14.804-.784l-1.764 1.372.49 2.157c.427 2.098.657 4.232.686 6.373.013 13.867-9.723 25.833-23.304 28.639-13.58 2.806-27.262-4.321-32.746-17.058-5.484-12.737-1.258-27.574 10.113-35.51 11.37-7.937 26.755-6.787 36.82 2.752l1.568 1.47 2.157-.784c3.333-1.47 9.02-6.176 6.569-13.725L63.902 5.52a3.53 3.53 0 01-1.078 4.117A35.49 35.49 0 0040.078 1.5C20.153 1.5 4 17.653 4 37.58zm28.824 41.146l3.88-5.224a36.54 36.54 0 005.677.084l3.874 5.14a19.413 19.413 0 01-6.765 1.177 19.316 19.316 0 01-6.666-1.177z' fill='%230E0E0F'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    background-size: contain
}

html.liquorice-ux #ErrorPage .content h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 120%;
    margin-bottom: 16.66667px
}

html.liquorice-ux #ErrorPage .content p {
    text-align: center
}

html.liquorice-ux #ErrorPage .content .klarna-logo {
    display: none
}

html.liquorice-ux #ErrorPage .footer {
    margin-bottom: 0;
    margin-top: auto
}

html.liquorice-ux.in-iframe {
    height: auto;
    width: 100%
}

html.liquorice-ux.in-iframe .template-default {
    min-height: 100%
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux.in-iframe .main {
        max-width:unset !important;
        border-color: transparent
    }

    html.liquorice-ux.in-iframe .main .content #WizardForm {
        height: auto
    }
}

html.liquorice-ux.in-iframe .main .content {
    padding: 70px 0px 40px 0px
}

html.liquorice-ux.in-iframe #WaitPage {
    height: 100vh;
    background-color: #fff !important
}

html.liquorice-ux.in-iframe #WaitPage .main .content,html.liquorice-ux.in-iframe .wait-box .main .content {
    padding-left: 40px;
    padding-right: 40px
}

html.liquorice-ux.in-iframe #WaitPage .main .content .data-security.text-center,html.liquorice-ux.in-iframe .wait-box .main .content .data-security.text-center {
    padding: 0 40px
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux.in-iframe body .main .content {
        padding:85px 20px 20px 20px
    }
}

html.liquorice-ux.in-iframe body .footer .center li {
    margin-bottom: 0
}

html.liquorice-ux.in-iframe .loadicon {
    width: 100px;
    background-size: 200px;
    background-position: center
}

html.liquorice-ux.in-iframe .loader-inline {
    display: inline-flex;
    right: 5px
}

html.liquorice-ux.in-iframe .loader-inline:before {
    background-image: none
}

html.liquorice-ux.in-iframe .data-security.text-center {
    padding: 0 20px
}

html.liquorice-ux.in-iframe .alert-box {
    margin-left: 40px;
    margin-right: 40px
}

html.liquorice-ux .label-with-postfix .postfix {
    height: 60px;
    line-height: 58px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

html.liquorice-ux .loader-box {
    display: inline-flex;
    left: 5px
}

html.liquorice-ux .loader-box .loader-inline {
    display: flex;
    margin-top: 0
}

html.liquorice-ux .loader-box .loader-inline:before,html.liquorice-ux .loader-box .loader-inline:after {
    background-image: none
}

.selector-direct,.multistep-selectors {
    position: relative;
    margin-top: 15px
}

.selector-direct label,.multistep-selectors label {
    position: relative;
    color: #171717;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' height='20' width='20'%3E%3Cpath d='M12.677,10.605 L8.677,15.738 L7.1,14.509 L10.62,9.991 L7.1,5.48 L8.677,4.25 L12.677,9.376 C12.959,9.737 12.959,10.244 12.677,10.605 Z' fill='rgba(150, 147, 145, 1)' style='transition: fill 0.2s ease 0s;'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center right;
    -webkit-tap-highlight-color: transparent
}

.selector-direct label:last-of-type .description,.multistep-selectors label:last-of-type .description {
    border-bottom-color: transparent
}

.selector-direct label.hidden,.multistep-selectors label.hidden {
    display: none
}

.selector-direct .description,.multistep-selectors .description {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-weight: 500;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    height: 75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #E4E4E5
}

.selector-direct .iban,.multistep-selectors .iban {
    color: #787878
}

.selector-direct input[type=radio],.multistep-selectors input[type=radio] {
    visibility: hidden;
    position: absolute;
    -webkit-tap-highlight-color: purple
}

.selector-direct input[type=radio]:checked+label,.multistep-selectors input[type=radio]:checked+label {
    background-color: #fbfbfb
}

.selector-direct input[type=radio].hidden,.multistep-selectors input[type=radio].hidden {
    display: none
}

.selector-direct .js-expand-list,.multistep-selectors .js-expand-list {
    display: inline-block;
    padding: 25px 25px 45px 0;
    font-size: 14px;
    color: #487B94;
    font-weight: 500;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='12px' height='6px' viewBox='0 0 12 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Echevron-right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(6.000000, 3.000000) rotate(-270.000000) translate(-6.000000, -3.000000) translate(3.000000, -3.000000)' fill-rule='nonzero' fill='%23487B94'%3E%3Cpath d='M0.75,12 C0.555620064,12.002027 0.36845938,11.9264429 0.23,11.79 C-0.0680512388,11.5027323 -0.0770026692,11.0283065 0.21,10.73 L4.29,6.52 C4.56938298,6.22962289 4.56938298,5.77037711 4.29,5.48 L0.21,1.27 C-0.0770026692,0.97169353 -0.0680512388,0.497267717 0.23,0.21 C0.52830647,-0.0770026692 1.00273228,-0.0680512388 1.29,0.23 L5.37,4.44 C6.21,5.31 6.21,6.68 5.37,7.56 L1.29,11.77 C1.14806113,11.915884 0.953536677,11.998737 0.75,12' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px top 28px;
    background-size: 12px 7px;
    background-color: transparent
}

html.liquorice-ux {
    scroll-behavior: smooth
}

html.liquorice-ux body .main .content .button,html.liquorice-ux body .main .content button.primary,html.liquorice-ux body .main .content .button.primary,html.liquorice-ux body .main .content .button-primary,html.liquorice-ux body .main .content .button-tertiary,html.liquorice-ux body .main .content .cookie-modal-save,html.liquorice-ux body .main .modal-content .button,html.liquorice-ux body .main .modal-content button.primary,html.liquorice-ux body .main .modal-content .button.primary,html.liquorice-ux body .main .modal-content .button-primary,html.liquorice-ux body .main .modal-content .button-tertiary,html.liquorice-ux body .main .modal-content .cookie-modal-save,html.liquorice-ux body .modal-overlay .content .button,html.liquorice-ux body .modal-overlay .content button.primary,html.liquorice-ux body .modal-overlay .content .button.primary,html.liquorice-ux body .modal-overlay .content .button-primary,html.liquorice-ux body .modal-overlay .content .button-tertiary,html.liquorice-ux body .modal-overlay .content .cookie-modal-save,html.liquorice-ux body .modal-overlay .modal-content .button,html.liquorice-ux body .modal-overlay .modal-content button.primary,html.liquorice-ux body .modal-overlay .modal-content .button.primary,html.liquorice-ux body .modal-overlay .modal-content .button-primary,html.liquorice-ux body .modal-overlay .modal-content .button-tertiary,html.liquorice-ux body .modal-overlay .modal-content .cookie-modal-save {
    border-radius: 8px
}

html.liquorice-ux body .main .content p.abort-buttons,html.liquorice-ux body .main .modal-content p.abort-buttons,html.liquorice-ux body .modal-overlay .content p.abort-buttons,html.liquorice-ux body .modal-overlay .modal-content p.abort-buttons {
    margin-top: 40px
}

html.liquorice-ux body .main .content p.abort-buttons .button-tertiary,html.liquorice-ux body .main .modal-content p.abort-buttons .button-tertiary,html.liquorice-ux body .modal-overlay .content p.abort-buttons .button-tertiary,html.liquorice-ux body .modal-overlay .modal-content p.abort-buttons .button-tertiary {
    font-weight: 500;
    background-color: #EAEAEA
}

html.liquorice-ux body .main .flex-size-wrapper,html.liquorice-ux body .modal-overlay .flex-size-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media only screen and (max-width: 819px) {
    html.liquorice-ux body {
        min-height:100%;
        background-color: #EAEAEA !important;
        justify-content: initial
    }

    html.liquorice-ux body .main {
        display: flex;
        height: 100%;
        flex-grow: 1;
        background-color: #fff;
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey
    }

    html.liquorice-ux body .main .sidebar {
        width: calc(100% - 40px);
        left: 20px;
        border: 1px solid #EAEAEA;
        border-radius: 20px;
        margin-top: 20px;
        padding: 5px 6px;
        transition: none;
        max-height: 40px
    }

    html.liquorice-ux body .main .sidebar.up {
        background-color: #EAEAEA;
        border-radius: 20px;
        max-height: 100%
    }

    html.liquorice-ux body .main .sidebar.up .less .project-logo {
        margin-left: 8px
    }

    html.liquorice-ux body .main .sidebar.up .less .merchant-name {
        padding-left: 8px
    }

    html.liquorice-ux body .main .sidebar.up .less .project-logo+.merchant-name {
        padding-left: 0
    }

    html.liquorice-ux body .main .sidebar .sidebar-top {
        padding-right: 10px;
        height: auto;
        border-color: transparent
    }

    html.liquorice-ux body .main .sidebar .sidebar-top .project-logo {
        margin: 0;
        height: 28px;
        width: 28px;
        transition: all .2s ease
    }

    html.liquorice-ux body .main .sidebar .sidebar-top .project-logo.square {
        width: auto;
        border-radius: 16px
    }

    html.liquorice-ux body .main .sidebar .sidebar-top .merchant-name {
        font-weight: 600;
        padding-left: 4px;
        transition: all .2s ease
    }

    html.liquorice-ux body .main .sidebar .sidebar-top p {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        color: #5F6163
    }

    html.liquorice-ux body .main .sidebar .sidebar-top p.headline {
        color: #0E0E0F;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold
    }

    html.liquorice-ux body .main .sidebar .sidebar-top address {
        font-size: 14px;
        color: #5F6163
    }

    html.liquorice-ux body .main .sidebar .more,html.liquorice-ux body .main .sidebar .recipient-account {
        padding: 10px
    }

    html.liquorice-ux body .main .sidebar .more .merchant-name,html.liquorice-ux body .main .sidebar .recipient-account .merchant-name {
        color: #0E0E0F;
        font-weight: bold;
        padding-left: 0
    }

    html.liquorice-ux body .main .sidebar .logo-container {
        display: none
    }

    html.liquorice-ux body .main h1.text-center,html.liquorice-ux body .main .form-header {
        text-align: center;
        margin-bottom: 24px !important
    }

    html.liquorice-ux body .main .content .content-wrapper .header {
        display: flex;
        align-items: center;
        background-color: transparent
    }

    html.liquorice-ux body .main .content .content-wrapper .header .return-action {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='18px' height='16px' viewBox='0 0 18 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='---Desktop-(current-&-open-banking)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2.4.2-enter-TAN-show-details' transform='translate(-551.000000, -158.000000)'%3E%3Crect fill='' x='0' y='0' width='1280' height='1160'%3E%3C/rect%3E%3Cg id='Header' transform='translate(530.000000, 136.000000)'%3E%3Cg id='20px-/-Navigation-/-Back-/-Black'%3E%3Cg transform='translate(20.000000, 20.000000)'%3E%3Crect id='Footprint' x='0' y='0' width='20' height='20'%3E%3C/rect%3E%3Cpath d='M18.387,9.89 C17.674,8.588 16.363,7.81 14.878,7.81 L4.235,7.81 L7.868,3.451 L6.331,2.17 L1.331,8.17 C1.023,8.541 1.023,9.08 1.331,9.451 L6.331,15.451 L7.868,14.17 L4.235,9.81 L14.878,9.81 C15.62,9.81 16.276,10.199 16.632,10.85 C16.989,11.501 16.963,12.263 16.619,12.808 L13.647,16.584 L15.219,17.822 L18.248,13.966 C19.048,12.716 19.1,11.192 18.387,9.89' id='Icon' fill='%2317120F' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }

    html.liquorice-ux body .main .content .content-wrapper .header .return-action,html.liquorice-ux body .main .content .content-wrapper .header .back-to-merchant {
        position: relative;
        padding: 0;
        display: flex;
        margin: 0;
        height: 40px;
        width: 60px;
        flex-shrink: 0
    }

    html.liquorice-ux body .main .content .content-wrapper .header .return-action {
        margin-right: auto;
        margin-left: 0
    }

    html.liquorice-ux body .main .content .content-wrapper .header .back-to-merchant {
        margin-right: 0;
        margin-left: auto
    }

    html.liquorice-ux body .main .content .content-wrapper .header .logo-container {
        position: absolute;
        top: 0;
        height: 60px;
        margin-left: 0;
        width: calc(100% - 120px);
        margin-right: auto;
        flex-shrink: 0;
        align-items: center
    }

    html.liquorice-ux body .main .content #WizardForm {
        display: flex;
        height: 100%;
        flex-direction: column
    }

    html.liquorice-ux body .main .content #WizardForm button.primary,html.liquorice-ux body .main .content #WizardForm .button,html.liquorice-ux body .main .content #WizardForm .button-primary {
        margin-top: auto;
        margin-bottom: 0;
        flex-shrink: 0
    }

    html.liquorice-ux body .footer {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey
    }

    html.liquorice-ux.in-iframe .footer {
        max-width: 560px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent
    }

    html.liquorice-ux .modal-overlay .modal-container {
        display: flex;
        flex-direction: column;
        position: relative
    }

    html.liquorice-ux .modal-overlay .modal-close-button {
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='90px' height='20px' viewBox='0 0 90 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo-/-Klarna-/-Full,-Gray' fill='%23787878'%3E%3Cg id='Logo'%3E%3Cpath d='M0,19.629604 L0,0 L4.50371484,0 L4.50371484,19.629604 L0,19.629604 Z M15.7523174,0 C15.7523174,4.24966116 14.0962199,8.20292637 11.1453191,11.1413619 L17.3706236,19.6303954 L11.807956,19.6303954 L5.04229281,10.4047249 L6.78841721,9.09706077 C9.68411472,6.9279093 11.344961,3.61235049 11.344961,0 L15.7523174,0 Z M18.6834321,19.6242617 L22.9366548,19.6242617 L22.9366548,0.0037593613 L18.6834321,0.0037593613 L18.6834321,19.6242617 Z M60.2514815,5.68692435 C58.6282288,5.68692435 57.0920351,6.19087662 56.064938,7.58124672 L56.064938,6.05276956 L52.018876,6.05276956 L52.018876,19.6242617 L56.1146012,19.6242617 L56.1146012,12.4919619 C56.1146012,10.4280725 57.4986397,9.41739793 59.1650261,9.41739793 C60.9509205,9.41739793 61.9776219,10.4842651 61.9776219,12.4638656 L61.9776219,19.6242617 L66.0363471,19.6242617 L66.0363471,10.9933618 C66.0363471,7.83490468 63.5250937,5.68692435 60.2514815,5.68692435 M35.7920875,6.92019272 C34.6440973,6.1370584 33.2584759,5.67683343 31.7640308,5.67683343 C27.808787,5.67683343 24.6024475,8.8831729 24.6024475,12.8384167 C24.6024475,16.7936605 27.808787,20 31.7640308,20 C33.2584759,20 34.6440973,19.539775 35.7920875,18.7568386 L35.7920875,19.6242617 L39.8557592,19.6242617 L39.8557592,6.05197812 L35.7920875,6.05197812 L35.7920875,6.92019272 Z M32.0964375,16.3304676 C30.0630188,16.3304676 28.4144399,14.7669691 28.4144399,12.8384167 C28.4144399,10.9098644 30.0630188,9.34676151 32.0964375,9.34676151 C34.1300541,9.34676151 35.778633,10.9098644 35.778633,12.8384167 C35.778633,14.7669691 34.1300541,16.3304676 32.0964375,16.3304676 L32.0964375,16.3304676 Z M46.1420049,7.81986724 L46.1420049,6.05217598 L41.9815791,6.05217598 L41.9815791,19.6242617 L46.1513044,19.6242617 L46.1513044,13.2875615 C46.1513044,11.149672 48.468456,10.0004947 50.0762755,10.0004947 C50.0926979,10.0004947 50.1081311,10.0020775 50.1245536,10.0022754 L50.1245536,6.05296742 C48.4743918,6.05296742 46.9565992,6.75952949 46.1420049,7.81986724 M78.6620631,6.92019272 C77.5140729,6.1370584 76.1284514,5.67683343 74.6338085,5.67683343 C70.6785647,5.67683343 67.4722252,8.8831729 67.4722252,12.8384167 C67.4722252,16.7936605 70.6785647,20 74.6338085,20 C76.1284514,20 77.5140729,19.539775 78.6620631,18.7568386 L78.6620631,19.6242617 L82.7255369,19.6242617 L82.7255369,6.05197812 L78.6620631,6.05197812 L78.6620631,6.92019272 Z M74.9664131,16.3304676 C72.9327965,16.3304676 71.2844155,14.7669691 71.2844155,12.8384167 C71.2844155,10.9098644 72.9327965,9.34676151 74.9664131,9.34676151 C77.0000297,9.34676151 78.6484107,10.9098644 78.6484107,12.8384167 C78.6484107,14.7669691 77.0000297,16.3304676 74.9664131,16.3304676 Z M87.0397008,14.8103006 C88.4482742,14.8103006 89.5903285,15.9521572 89.5903285,17.3609284 C89.5903285,18.7693038 88.4482742,19.9113582 87.0397008,19.9113582 C85.6311275,19.9113582 84.489271,18.7693038 84.489271,17.3609284 C84.489271,15.9521572 85.6311275,14.8103006 87.0397008,14.8103006 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center bottom 22px;
        background-size: 70px 15px;
        margin: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }

    html.liquorice-ux .modal-overlay.modal-shown.in .modal-container .logo-container {
        position: absolute;
        width: 100%
    }

    html.liquorice-ux .mobile-sidebar-backdrop {
        max-width: 560px;
        left: 50%;
        transform: translateX(-50%)
    }

    html.liquorice-ux .mobile-sidebar-shown .mobile-sidebar-backdrop {
        background-color: rgba(52,52,52,0.5);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        top: 0;
        z-index: 2
    }

    html.liquorice-ux .form-header {
        text-align: center;
        margin-bottom: 16px
    }

    html.liquorice-ux .floating-label input,html.liquorice-ux .floating-label select,html.liquorice-ux .floating-label textarea {
        background-color: white;
        border-radius: 8px;
        border-color: #C7C9CC
    }

    html.liquorice-ux .floating-label.focused:after {
        border-radius: 8px
    }

    html.liquorice-ux .wait-box {
        background-color: rgba(52,52,52,0.5);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        justify-content: center
    }

    html.liquorice-ux .wait-box .main {
        background-color: transparent;
        border: none
    }

    html.liquorice-ux .wait-box .main .content {
        display: flex;
        justify-content: center;
        padding: 0 40px 20px 40px !important
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper {
        background-color: #fff;
        border-radius: 16px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        height: inherit;
        margin: auto 0;
        box-shadow: rgba(0,0,0,0.15) 0px 3px 15px 6px;
        padding: 30px
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper h1 {
        text-align: center;
        max-width: 75%;
        order: 5;
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 0;
        margin-top: 20px
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper .loader-circle {
        width: 100px;
        height: 100px;
        order: 10
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper .loader-circle .path {
        stroke-width: 2
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper .fallback-wait-text {
        order: -1;
        line-height: 120%;
        margin: 0;
        padding: 0;
        height: auto
    }

    html.liquorice-ux .wait-box .main .content .content-wrapper .fallback-wait-text>br {
        display: none
    }

    html.liquorice-ux .wait-box .footer {
        background-color: transparent;
        color: #fff;
        border: none
    }

    html.liquorice-ux .wait-box .footer li {
        color: #fff
    }

    html.liquorice-ux #SelectCountryPage .sidebar {
        display: none
    }

    html.liquorice-ux #SelectCountryPage .main .content {
        padding: 85px 20px 20px 20px
    }

    html.liquorice-ux #WaitPage .content {
        height: inherit;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        padding-top: 0
    }

    html.liquorice-ux #WaitPage .content .loader-circle {
        width: 100px;
        height: 100px;
        order: 10
    }

    html.liquorice-ux #WaitPage .content .loader-circle .path {
        stroke-width: 2
    }

    html.liquorice-ux #WaitPage .content #wait-text {
        max-width: 80%;
        text-align: center
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content {
        padding: 80px 40px 20px 40px !important
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content .content-wrapper .loader-circle {
        order: 2
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content .content-wrapper h1 {
        text-align: center;
        max-width: 75%;
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 20px;
        margin-top: 20px;
        order: 1
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content .content-wrapper .check-payment-status {
        position: relative;
        margin-top: 30px;
        order: -1
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content .content-wrapper button.primary {
        margin-top: auto
    }

    html.liquorice-ux #TransactionSummaryPage .content {
        display: flex;
        align-items: center;
        justify-content: center
    }

    html.liquorice-ux #TransactionSummaryPage .content .centered-content {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        height: inherit
    }

    html.liquorice-ux #TransactionSummaryPage .content .centered-content .icon-shopping,html.liquorice-ux #TransactionSummaryPage .content .centered-content .icon-checkmark {
        background-size: 50px
    }

    html.liquorice-ux #TransactionSummaryPage .content .centered-content #MultipaysSessionGoForm p {
        text-align: center
    }

    html.liquorice-ux #TransactionSummaryPage .content .centered-content .loader-circle {
        width: 100px;
        height: 100px;
        margin-bottom: -100px;
        order: -1
    }

    html.liquorice-ux #TransactionSummaryPage .content .centered-content .loader-circle .path {
        stroke-width: 2
    }

    html.liquorice-ux #TransactionSummaryPage .content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    html.liquorice-ux #TransactionSummaryPage .wait-box .content {
        justify-content: center
    }

    html.liquorice-ux #TransactionSummaryPage .wait-box .content .content-wrapper {
        flex-direction: column-reverse
    }

    html.liquorice-ux #ErrorPage .main {
        max-width: 560px !important
    }

    html.liquorice-ux #ErrorPage .main .content {
        text-align: center;
        align-items: center;
        justify-content: center
    }

    html.liquorice-ux #ErrorPage .main .content .error-icon {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px
    }

    html.liquorice-ux #ErrorPage .main .content p {
        text-align: center;
        max-width: 75%
    }
}

@media only screen and (min-width: 820px) {
    html.liquorice-ux body .main {
        border-radius:12px
    }

    html.liquorice-ux body .main .sidebar {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px
    }

    html.liquorice-ux body .main .sidebar .project-logo.square {
        border-radius: 8px
    }

    html.liquorice-ux body .main .content {
        padding: 70px 50px 40px 50px
    }

    html.liquorice-ux body .main .content .content-wrapper .header {
        border-top-right-radius: 12px
    }

    html.liquorice-ux body .wait-box {
        background-color: rgba(52,52,52,0.5);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px)
    }

    html.liquorice-ux body .wait-box .main {
        width: auto;
        text-align: center
    }

    html.liquorice-ux body .wait-box .main .sidebar {
        display: none
    }

    html.liquorice-ux body .wait-box .main .content .content-wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center
    }

    html.liquorice-ux body .wait-box .main .content .content-wrapper h1 {
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 0;
        margin-top: 20px
    }

    html.liquorice-ux body .wait-box .main .content .content-wrapper h1.text-center {
        text-align: center
    }

    html.liquorice-ux body .wait-box .main .content .content-wrapper .loader-circle {
        width: 100px;
        height: 100px
    }

    html.liquorice-ux body .wait-box .footer {
        background-color: transparent;
        color: #fff
    }

    html.liquorice-ux body .wait-box .footer li {
        color: #fff;
        line-height: 60px
    }

    html.liquorice-ux .modal-overlay .modal-container {
        display: flex;
        flex-direction: column;
        position: relative
    }

    html.liquorice-ux .modal-overlay .modal-close-button {
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='90px' height='20px' viewBox='0 0 90 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELogo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Logo-/-Klarna-/-Full,-Gray' fill='%23787878'%3E%3Cg id='Logo'%3E%3Cpath d='M0,19.629604 L0,0 L4.50371484,0 L4.50371484,19.629604 L0,19.629604 Z M15.7523174,0 C15.7523174,4.24966116 14.0962199,8.20292637 11.1453191,11.1413619 L17.3706236,19.6303954 L11.807956,19.6303954 L5.04229281,10.4047249 L6.78841721,9.09706077 C9.68411472,6.9279093 11.344961,3.61235049 11.344961,0 L15.7523174,0 Z M18.6834321,19.6242617 L22.9366548,19.6242617 L22.9366548,0.0037593613 L18.6834321,0.0037593613 L18.6834321,19.6242617 Z M60.2514815,5.68692435 C58.6282288,5.68692435 57.0920351,6.19087662 56.064938,7.58124672 L56.064938,6.05276956 L52.018876,6.05276956 L52.018876,19.6242617 L56.1146012,19.6242617 L56.1146012,12.4919619 C56.1146012,10.4280725 57.4986397,9.41739793 59.1650261,9.41739793 C60.9509205,9.41739793 61.9776219,10.4842651 61.9776219,12.4638656 L61.9776219,19.6242617 L66.0363471,19.6242617 L66.0363471,10.9933618 C66.0363471,7.83490468 63.5250937,5.68692435 60.2514815,5.68692435 M35.7920875,6.92019272 C34.6440973,6.1370584 33.2584759,5.67683343 31.7640308,5.67683343 C27.808787,5.67683343 24.6024475,8.8831729 24.6024475,12.8384167 C24.6024475,16.7936605 27.808787,20 31.7640308,20 C33.2584759,20 34.6440973,19.539775 35.7920875,18.7568386 L35.7920875,19.6242617 L39.8557592,19.6242617 L39.8557592,6.05197812 L35.7920875,6.05197812 L35.7920875,6.92019272 Z M32.0964375,16.3304676 C30.0630188,16.3304676 28.4144399,14.7669691 28.4144399,12.8384167 C28.4144399,10.9098644 30.0630188,9.34676151 32.0964375,9.34676151 C34.1300541,9.34676151 35.778633,10.9098644 35.778633,12.8384167 C35.778633,14.7669691 34.1300541,16.3304676 32.0964375,16.3304676 L32.0964375,16.3304676 Z M46.1420049,7.81986724 L46.1420049,6.05217598 L41.9815791,6.05217598 L41.9815791,19.6242617 L46.1513044,19.6242617 L46.1513044,13.2875615 C46.1513044,11.149672 48.468456,10.0004947 50.0762755,10.0004947 C50.0926979,10.0004947 50.1081311,10.0020775 50.1245536,10.0022754 L50.1245536,6.05296742 C48.4743918,6.05296742 46.9565992,6.75952949 46.1420049,7.81986724 M78.6620631,6.92019272 C77.5140729,6.1370584 76.1284514,5.67683343 74.6338085,5.67683343 C70.6785647,5.67683343 67.4722252,8.8831729 67.4722252,12.8384167 C67.4722252,16.7936605 70.6785647,20 74.6338085,20 C76.1284514,20 77.5140729,19.539775 78.6620631,18.7568386 L78.6620631,19.6242617 L82.7255369,19.6242617 L82.7255369,6.05197812 L78.6620631,6.05197812 L78.6620631,6.92019272 Z M74.9664131,16.3304676 C72.9327965,16.3304676 71.2844155,14.7669691 71.2844155,12.8384167 C71.2844155,10.9098644 72.9327965,9.34676151 74.9664131,9.34676151 C77.0000297,9.34676151 78.6484107,10.9098644 78.6484107,12.8384167 C78.6484107,14.7669691 77.0000297,16.3304676 74.9664131,16.3304676 Z M87.0397008,14.8103006 C88.4482742,14.8103006 89.5903285,15.9521572 89.5903285,17.3609284 C89.5903285,18.7693038 88.4482742,19.9113582 87.0397008,19.9113582 C85.6311275,19.9113582 84.489271,18.7693038 84.489271,17.3609284 C84.489271,15.9521572 85.6311275,14.8103006 87.0397008,14.8103006 Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center bottom 22px;
        background-size: 70px 15px;
        margin: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        transform: translateY(0)
    }

    html.liquorice-ux .modal-overlay .modal-close-button .close-action {
        transform: translateY(0)
    }

    html.liquorice-ux .modal-overlay .modal-content {
        margin: 0;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        transform: translateY(0)
    }

    html.liquorice-ux .modal-overlay .modal-content h1 {
        text-align: center
    }

    html.liquorice-ux .modal-overlay .modal-content .modal-padded-bottom {
        padding-bottom: 20px
    }

    html.liquorice-ux .modal-overlay.modal-shown.in .modal-close-button {
        margin: 0;
        transform: translateY(0)
    }

    html.liquorice-ux .modal-overlay.modal-shown.in .modal-content {
        transform: translateY(0)
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content-wrapper .loader-circle {
        order: 2
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content-wrapper h1 {
        text-align: center;
        max-width: 75%;
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 20px;
        margin-top: 20px;
        order: 1
    }

    html.liquorice-ux #PreRedirectPage.loading .wait-box .content-wrapper .check-payment-status {
        position: relative;
        margin-top: 30px;
        order: -1
    }

    #WizardForm {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    #WizardForm button.primary,#WizardForm .button.primary,#WizardForm .button-primary {
        width: auto;
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 0;
        margin-top: auto
    }

    #TransactionSummaryPage .content .content-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #TransactionSummaryPage .content .content-wrapper .icon-shopping,#TransactionSummaryPage .content .content-wrapper .icon-checkmark {
        background-size: 50px
    }

    #TransactionSummaryPage .content .content-wrapper #MultipaysSessionGoForm p {
        text-align: center
    }

    #TransactionSummaryPage .content .content-wrapper .loader-circle {
        width: 100px;
        height: 100px;
        margin-bottom: -100px;
        order: -1
    }

    #TransactionSummaryPage .content .content-wrapper .loader-circle .path {
        stroke-width: 2
    }

    html:not(.theme-minimal) .template-default .main .header {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }
}

.bank-search-kob .bank-search label.floating-label input {
    background-color: transparent
}

.bank-search-kob .bank-search label.floating-label.focused input {
    background-color: transparent
}

.bank-search-kob .bank-search label.floating-label.no-result {
    background-color: #fffbd3
}

.bank-search-kob .bank-search label.floating-label.no-result input {
    border-color: #827220
}

.modal-overlay {
    background-color: rgba(52,52,52,0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.take-action-image {
    margin: 20px auto 20px;
    align-self: center;
    display: block
}

#TopBanks .selector-direct .description,#TopBanks .multistep-selectors .description {
    padding: 10px 25px 10px 0;
    display: block;
    line-height: 55px
}

#TopBanks a.show-more,#TopBanks a.show-less {
    width: 100%;
    text-align: center;
    padding: 40px 0
}

#TopBanks.loading .avatar>img {
    opacity: 0
}

#TopBanks.loading .selector-direct label,#TopBanks.loading .multistep-selectors label {
    background-image: none
}

#TopBanks.loading .selector-direct .description:after,#TopBanks.loading .multistep-selectors .description:after {
    content: attr(data-label);
    position: absolute;
    background-color: #f0eeeb;
    border-radius: 50px;
    text-transform: uppercase;
    left: 71px;
    top: calc(50% - 12.5px);
    height: 25px;
    max-width: 74%;
    line-height: 20px;
    color: transparent
}

html.theme-minimal body {
    padding-top: 0
}

html.theme-minimal body.loading .main .content {
    min-height: 500px;
    max-height: 100vh;
    overflow: hidden
}

html.theme-minimal .main {
    width: 100%;
    max-width: 520px
}

html.theme-minimal .main .content {
    padding-top: 90px
}

html.theme-minimal .main .content :not(.interstitial) .header {
    z-index: 2;
    background-color: #fff;
    border-color: transparent
}

html.theme-minimal .main .content .float-control.minimal {
    display: flex;
    margin-bottom: 35px
}

html.theme-minimal .main .content .float-control.minimal .footer {
    display: inline-flex;
    align-self: flex-end;
    width: auto;
    height: auto;
    min-height: initial;
    margin: 0 0 0 auto;
    padding: 0;
    line-height: initial
}

html.theme-minimal .main .content .float-control.minimal .footer ul.right {
    margin: 0
}

html.theme-minimal .main .content .float-control.minimal .footer ul.right li {
    padding: 0;
    line-height: initial
}

html.theme-minimal .main .content .float-control.minimal .footer ul.right li.certificates {
    display: none
}

html.theme-minimal #SelectCountryPage .main .content .float-controll.minimal {
    margin-bottom: 0
}

html.theme-minimal #ProvideTanPage .main .content {
    padding-top: 160px
}

html.theme-minimal .wait-box .main .content {
    min-height: 520px
}

@media only screen and (max-width: 819px) {
    html.theme-minimal body .main .content {
        padding-top:90px
    }
}

html.theme-minimal #WaitPage .main {
    width: 100%;
    max-width: 520px;
    min-height: 520px
}

html.theme-minimal #WaitPage .main .content .interstitial {
    opacity: 1;
    animation: none
}

.row {
    max-width: none;
    width: auto
}

.row:after {
    content: '';
    display: block;
    clear: both
}

.medium-4,.large-4 {
    float: left;
    max-width: 33%;
    width: 33%
}

.small-6 {
    float: left;
    max-width: 50%;
    width: 50%
}

.medium-8 {
    float: left;
    max-width: 66.6%;
    width: 66.6%
}

#TestGetPage input,#TestGetPage select,#TestGetPage textarea {
    width: 100%
}

#TestGetPage fieldset {
    border-radius: 8px;
    border: 1px solid #E4E4E5
}

#TestGetPage .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#TestGetPage input[type=checkbox] {
    position: relative;
    width: auto
}

.gradient-diagonal {
    background: #ac63ce;
    background: linear-gradient(155deg, #ffbb40 0%, #f8bdc7 44%, #a3509a 100%)
}

.cake-debug-output {
    width: 100%
}