@charset "UTF-8";

.breadcrumb-section .breadcrumb {
    --bs-breadcrumb-padding-x: .25em
}

.card-shadow {
    background-color: #fff;
    border: none;
    border-radius: .5rem;
    box-shadow: 0 6px 27px 2px rgba(40, 0, 95, .15);
    transition: box-shadow calc(var(--prefersMotion) * .3s) ease-in-out
}

.card-shadow:focus,
.card-shadow:hover {
    box-shadow: 0 12px 30px 2px rgba(40, 0, 95, .3)
}

.card-frosty {
    background-color: #fff;
    border: none;
    border-radius: .5rem;
    box-shadow: 0 6px 27px 2px rgba(40, 0, 95, .15);
    transition: box-shadow calc(var(--prefersMotion) * .3s) ease-in-out
}

.card-frosty:focus,
.card-frosty:hover {
    box-shadow: 0 12px 30px 2px rgba(40, 0, 95, .3)
}

.card-frosty {
    background-color: rgba(255, 255, 255, .6)
}

@keyframes psc-loading {
    0% {
        -webkit-mask-position: 41.5% center;
        mask-position: 41.5% center
    }

    15% {
        -webkit-mask-position: 24% center;
        mask-position: 24% center
    }

    15.01% {
        -webkit-mask-position: 75% center;
        mask-position: 75% center
    }

    25% {
        -webkit-mask-position: 41.5% center;
        mask-position: 41.5% center
    }

    100% {
        -webkit-mask-position: 41.5% center;
        mask-position: 41.5% center
    }
}

.balance-checker {
    position: relative;
    min-height: 500px;
    text-align: center;
    overflow: hidden
}

.balance-checker:before {
    content: "";
    display: block;
    width: 91px;
    height: 51px;
    background: url("https://www.paysafecard.com/typo3conf/ext/theme/Resources/Public/images/icons/balance-checker-coin.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 42px;
    right: 30px;
    transform: rotate(-45deg)
}

@media (min-width:1400px) {
    .balance-checker:before {
        left: calc(50% + 650px);
        right: auto
    }
}

.balance-checker .container-xl {
    position: relative;
    padding-top: 8.75rem;
    padding-bottom: 12rem
}

.balance-checker .container-xl:after,
.balance-checker .container-xl:before {
    content: "";
    display: block;
    width: 100px;
    height: 56px;
    background: url("https://www.paysafecard.com/typo3conf/ext/theme/Resources/Public/images/icons/balance-checker-coin.svg") no-repeat;
    background-size: 100%;
    position: absolute
}

.balance-checker .container-xl:before {
    width: 168px;
    height: 94px;
    bottom: 32px;
    left: -40px;
    transform: rotate(-32deg)
}

.balance-checker .container-xl:after {
    width: 113px;
    height: 63px;
    bottom: 36px;
    right: -30px;
    transform: rotate(21deg)
}

@media (min-width:1200px) {
    .balance-checker .container-xl {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .balance-checker .container-xl:before {
        top: 190px;
        bottom: auto;
        left: -48px;
        transform: rotate(16deg)
    }

    .balance-checker .container-xl:after {
        width: 148px;
        height: 82px;
        top: 290px;
        bottom: auto;
        transform: rotate(43deg)
    }
}

.balance-checker .h1,
.balance-checker .h2,
.balance-checker h1,
.balance-checker h2 {
    margin-bottom: 2.125rem;
    font-weight: 600;
    font-size: 2rem
}

@media (min-width:768px) {

    .balance-checker .h1,
    .balance-checker .h2,
    .balance-checker h1,
    .balance-checker h2 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        font-size: 2.5rem
    }
}

.balance-checker .balance-checker__text {
    margin-bottom: 2.125rem;
    font-size: 1.125rem
}

.balance-checker .balance-checker__block .form__row .form__row__input {
    position: relative;
    margin: 0
}

.balance-checker .balance-checker__block .form__row .form__row__input.form__row__input--progress {
    position: relative
}

.balance-checker .balance-checker__block .form__row .form__row__input.form__row__input--progress:after {
    clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%, 0 50%);
    background: #0036c2;
    --ps-loading-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='283' height='142'%3E%3Cg fill='%23A44141' fill-rule='evenodd'%3E%3Cpath d='M-.443 71.166 70.268.456l70.71 70.71-70.71 70.71z'/%3E%3Cpath d='M140.971.005 282.976 0v141.872L140.971 142z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--ps-loading-mask) 41.5% center no-repeat;
    mask: var(--ps-loading-mask) 41.5% center no-repeat;
    -webkit-mask-size: auto 150%;
    mask-size: auto 150%;
    animation: psc-loading infinite 2s .3s ease-in;
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%)
}

.balance-checker .balance-checker__block .form__row .form__row__input.form__row__input--progress span {
    position: absolute;
    transform: translate(-9999px, 0);
    overflow: hidden;
    display: block
}

.balance-checker .balance-checker__block .form__row .form__row__input.form__row__input--progress:after {
    inset-inline-start: auto;
    inset-inline-end: 1rem;
    transform: translate(0, -50%)
}

.balance-checker .balance-checker__block .form__row .form__row__input.form__row__input--progress .form-control {
    color: #787d78
}

.balance-checker .balance-checker__block .form__row .form-control {
    margin-bottom: 1.25rem;
    border-radius: .5rem;
    border: solid 1px #787d78
}

.balance-checker .balance-checker__block .form__row .form-control::placeholder {
    color: #787d78
}

.balance-checker .balance-checker__block .form__row .form-control:focus::placeholder {
    color: transparent
}

.balance-checker .balance-checker__block .form__row .form-control.invalid,
.balance-checker .balance-checker__block .form__row .form-control:invalid {
    padding-inline-end: 36px;
    border: solid 2px #db2938;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9998 14.4268C11.4475 14.4268 10.9998 13.979 10.9998 13.4268V10.4268C10.9998 9.87447 11.4475 9.42676 11.9998 9.42676C12.552 9.42676 12.9998 9.87447 12.9998 10.4268V13.4268C12.9998 13.979 12.552 14.4268 11.9998 14.4268Z' fill='%23DB2938'/%3E%3Cpath d='M10.9998 16.4268C10.9998 15.8745 11.4475 15.4268 11.9998 15.4268C12.552 15.4268 12.9998 15.8745 12.9998 16.4268C12.9998 16.979 12.552 17.4268 11.9998 17.4268C11.4475 17.4268 10.9998 16.979 10.9998 16.4268Z' fill='%23DB2938'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83611 4.47856C9.18493 3.83074 9.86128 3.42676 10.597 3.42676H13.4025C14.1382 3.42676 14.8146 3.83074 15.1634 4.47856L21.5954 16.4237C21.946 17.0747 21.9087 17.8661 21.4986 18.4813L20.1287 20.5362C19.7577 21.0926 19.1333 21.4268 18.4646 21.4268H5.53494C4.86623 21.4268 4.24177 21.0926 3.87084 20.5362L2.50094 18.4813C2.09079 17.8661 2.05354 17.0747 2.4041 16.4237L8.83611 4.47856ZM13.4025 5.42676H10.597L4.16504 17.3719L5.53494 19.4268H18.4646L19.8345 17.3719L13.4025 5.42676Z' fill='%23DB2938'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat
}

.balance-checker .balance-checker__block .form__row .btn {
    min-width: auto
}

@media (min-width:576px) {
    .balance-checker .balance-checker__block .form__row {
        display: flex;
        justify-content: center;
        gap: 14px
    }

    .balance-checker .balance-checker__block .form__row .form-control {
        width: 320px;
        margin-bottom: 0
    }
}

.balance-checker .balance-checker__block .form__row .reset-button {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 24 24' version='1.1'%3e%3ctitle%3e059647A3-5D6A-46CD-BE55-753CDFD817DD%3c/title%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='05.-Balance-Checker-mobile' transform='translate(-313.000000, -2491.000000)'%3e%3cg id='Group-2' transform='translate(0.000000, 2063.000000)'%3e%3cg id='chacke-balance-result' transform='translate(10.000000, 349.000000)'%3e%3cg id='Icons/system/delete' transform='translate(303.000000, 79.000000)'%3e%3crect id='Rectangle' x='0' y='0' width='24' height='24'/%3e%3cg id='icons/delete' transform='translate(3.000000, 3.000000)' stroke='%230036C2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='M9.0001,17.3334 C13.6025,17.3334 17.3334,13.6024 17.3334,9 C17.3334,4.39765 13.6025,0.66669 9.0001,0.66669 C4.39771,0.66669 0.66675,4.39765 0.66675,9 C0.66675,13.6024 4.39771,17.3334 9.0001,17.3334 Z' id='Path'/%3e%3cline x1='11.5' y1='6.5' x2='6.5' y2='11.5' id='Path'/%3e%3cline x1='6.5' y1='6.5' x2='11.5' y2='11.5' id='Path'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center;
    border: none;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    margin-right: 10px;
    bottom: 12px;
    display: none
}

.balance-checker .balance-checker__block .form__row .reset-button:focus {
    outline: 0;
    border: none
}

.balance-checker .balance-checker__block .form__row>div {
    position: absolute
}

.balance-checker .balance-checker__block .invalid-feedback {
    margin-top: .5rem;
    padding: 0;
    color: #f5f5f0
}

.balance-checker .balance-checker__block .invalid-feedback a:not(.btn) {
    color: #f492f7
}

.balance-checker .balance-checker__block .invalid-feedback a:not(.btn) .active,
.balance-checker .balance-checker__block .invalid-feedback a:not(.btn):active,
.balance-checker .balance-checker__block .invalid-feedback a:not(.btn):focus,
.balance-checker .balance-checker__block .invalid-feedback a:not(.btn):hover {
    color: #d656d6
}

.balance-checker .balance-checker__block .balance-checker__info {
    max-width: 530px;
    padding: 1.25rem;
    margin: 0 auto 2.375rem;
    border: 1px solid #f5f5f0;
    border-radius: .5rem;
    text-align: left
}

@media (min-width:768px) {
    .balance-checker .balance-checker__block .balance-checker__info {
        padding: 1.875rem 3.75rem
    }
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__card {
    font-weight: 600;
    font-size: 1.125rem
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__available-balance,
.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__original-balance {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    line-height: 1.1
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__available-balance {
    font-weight: 600;
    font-size: 1.5rem
}

@media (min-width:768px) {
    .balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__available-balance {
        font-size: 1.375rem;
        line-height: 1.3
    }
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__available-balance .js-balance-amount {
    padding: 0 8px
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__original-balance {
    margin-bottom: 1.5rem;
    font-size: .9rem
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__info__original-balance .js-facevalue-amount {
    padding: 0 8px
}

.balance-checker .balance-checker__block .balance-checker__info hr {
    margin: 0;
    border-color: #f5f5f0;
    opacity: .7
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    font-weight: 600;
    color: #f492f7;
    transition: all calc(var(--prefersMotion) * .3s)
}

@media (min-width:768px) {
    .balance-checker .balance-checker__block .balance-checker__info .balance-checker__details {
        font-size: 1.125rem
    }
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details:after {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.49707 14.0234L11.4948 8.0257L5.49707 2.02795' stroke='%23FF91FF' stroke-width='1.99925' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --icon-color: #F492F7;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--icon-color);
    -webkit-mask: var(--icon) no-repeat center center/contain;
    mask: var(--icon) no-repeat center center/contain;
    position: relative;
    margin-left: 7px;
    transition: all calc(var(--prefersMotion) * .3s)
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details:focus,
.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details:hover {
    color: #d656d6;
    text-decoration: none
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details:focus:after,
.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details:hover:after {
    --icon-color: #D656D6
}

.balance-checker .balance-checker__block .balance-checker__info .balance-checker__details[aria-expanded=true]:after {
    transform: rotate(90deg)
}

.balance-checker .balance-checker__block .balance-checker__additional-text {
    margin-bottom: 1.5rem;
    font-size: 1.125rem
}

.balance-checker .balance-checker__block .balance-checker__transactions .table {
    --bs-table-color: #F5F5F0;
    --bs-table-bg: transparent
}

.balance-checker .balance-checker__block .balance-checker__transactions .table thead th {
    padding: .625rem .5rem 1.25rem 0;
    font-weight: 600;
    font-size: .9375rem
}

.balance-checker .balance-checker__block .balance-checker__transactions .table thead th:first-child {
    width: 130px
}

.balance-checker .balance-checker__block .balance-checker__transactions .table>tbody>tr:nth-child(odd)>td {
    padding: 0 .5rem 1rem 0
}

.balance-checker .balance-checker__block .balance-checker__transactions .table>tbody>tr:nth-child(2n)>td {
    padding: 0
}

.balance-checker .balance-checker__block .balance-checker__transactions .table>tbody>tr:nth-child(odd)>td:last-child,
.balance-checker .balance-checker__block .balance-checker__transactions .table>thead>tr:nth-child(odd)>th:last-child {
    text-align: right;
    padding-inline-end: 0
}

.balance-checker .balance-checker__block .balance-checker__transactions .table>tbody>tr:nth-child(odd)>td:last-child {
    white-space: nowrap
}

.balance-checker .balance-checker__block .balance-checker__transactions .table .collapse-row {
    transition: all calc(var(--prefersMotion) * .3s)
}

.balance-checker .balance-checker__block .balance-checker__transactions .table .collapse-row table {
    width: 100%
}

.balance-checker .balance-checker__block .balance-checker__transactions .table .collapse-row table th {
    width: 130px;
    padding: 0 .5rem 1rem 0;
    font-weight: 400;
    font-size: .75rem;
    vertical-align: top
}

.balance-checker .balance-checker__block .balance-checker__transactions .table .collapse-row table td {
    padding: 0 .5rem 1rem 0;
    font-size: .75rem
}

.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle] {
    display: flex;
    align-items: center;
    color: #f5f5f0;
    transition: all calc(var(--prefersMotion) * .3s)
}

.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle]:after {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M5.49707 14.0234L11.4948 8.0257L5.49707 2.02795' stroke='%23FF91FF' stroke-width='1.99925' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --icon-color: #F492F7;
    display: block;
    content: "";
    width: 14px;
    height: 15px;
    background-color: var(--icon-color);
    -webkit-mask: var(--icon) no-repeat center center/contain;
    mask: var(--icon) no-repeat center center/contain;
    position: relative;
    margin-left: 7px;
    transition: all calc(var(--prefersMotion) * .3s)
}

.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle]:focus,
.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle]:hover {
    text-decoration: none
}

.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle]:focus:after,
.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle]:hover:after {
    --icon-color: #D656D6
}

.balance-checker .balance-checker__block .balance-checker__transactions a[data-bs-toggle][aria-expanded=true]:after {
    transform: rotate(90deg)
}

.balance-checker .balance-checker__block .balance-checker__transactions a:not(.btn):not([data-bs-toggle]) {
    font-weight: 600;
    color: #f492f7
}

.balance-checker .balance-checker__block .balance-checker__transactions a:not(.btn):not([data-bs-toggle]) .active,
.balance-checker .balance-checker__block .balance-checker__transactions a:not(.btn):not([data-bs-toggle]):active,
.balance-checker .balance-checker__block .balance-checker__transactions a:not(.btn):not([data-bs-toggle]):focus,
.balance-checker .balance-checker__block .balance-checker__transactions a:not(.btn):not([data-bs-toggle]):hover {
    color: #d656d6
}

@media (max-width:767.98px) {
    .balance-checker .balance-checker__block .balance-checker__transactions .transactions-md {
        display: none
    }
}

@media (min-width:768px) {
    .balance-checker .balance-checker__block .balance-checker__transactions .transactions-md {
        display: block
    }
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul {
    list-style: none;
    padding-inline-start: 0;
    margin: 0
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul li {
    padding: 1rem 0;
    font-size: .9375rem;
    border-bottom: solid 1px rgba(245, 245, 240, .7)
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul li:last-child {
    border-bottom: none
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul .transactions-sm__date {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .5rem
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul .transactions-sm__date>span {
    font-size: 1.125rem;
    font-weight: 600
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul .date-text,
.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul .webshop-text {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #f5f5f0
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul p {
    font-size: .9375rem
}

.balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm ul .collapse-row {
    margin-top: 1rem
}

@media (max-width:767.98px) {
    .balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm {
        display: block
    }
}

@media (min-width:768px) {
    .balance-checker .balance-checker__block .balance-checker__transactions .transactions-sm {
        display: none
    }
}

@media (min-width:1200px) {
    .balance-checker .balance-checker__text {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

header~.page>main>section.notification+section.balance-checker,
header~.page>main>section:first-of-type:is(.balance-checker) {
    padding-top: 0;
    margin-top: var(--header-height, 5rem)
}

.balance-checker.bg-gradient-dark-to-light a.btn-primary,
.balance-checker.bg-gradient-dark-to-light button.btn-primary,
.balance-checker.bg-gradient-dark-to-light input[type=button].btn-primary {
    --bs-btn-disabled-opacity: 1;
    --bs-btn-color: #141414;
    --bs-btn-bg: #F492F7;
    --bs-btn-border-color: #F492F7;
    --bs-btn-hover-color: #F5F5F0;
    --bs-btn-hover-bg: #D656D6;
    --bs-btn-hover-border-color: #D656D6;
    --bs-btn-focus-shadow-rgb: 210, 127, 213;
    --bs-btn-active-color: #F5F5F0;
    --bs-btn-active-bg: #D656D6;
    --bs-btn-active-border-color: #D656D6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #787D78;
    --bs-btn-disabled-bg: #CDD2C8;
    --bs-btn-disabled-border-color: #CDD2C8
}

/*# sourceMappingURL=balance-checker.min.css.map */