.PFQrActionsContainer {
    width: auto;
    background: #F1F5F9;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    gap: 20px;
    padding: 20px;
}
.PFQrActions {
    /*width: 100%;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.PFButtonsContainer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    margin-top: 40px;
}
.PFModalDualCardItemButton {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.PFModalDualCardItemButtonFooter {
    width: 100%;
    display: flex;
    box-sizing: border-box;
}
.PFModalButton {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.17px;
    box-shadow: rgba(89, 104, 143, 0.06) 0px 1px 5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 192px;
    height: 44px;
    border-radius: 8px;
    border: medium none;
}
.PFModalButton.PFModalButtonWhatsapp {
    background-color: #5ed169;
}
.PFModalButtonIconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
    padding: 10px 12px;
    overflow: hidden;
}
.PFModalButtonIcon {
    --s: 24px;
    box-sizing: border-box;
    width: var(--s);
    height: var(--s);
    mask-size: 100% 100%;
    flex-shrink: 0;
    /*background-color: #fff;*/
}

.PFModalButtonWhatsapp .PFModalButtonIcon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M4 20L5.27221 15.3802C4.48567 14.0242 4.07307 12.4886 4.07736 10.9187C4.07736 5.99952 8.10028 2 13.0387 2C15.437 2 17.6891 2.92823 19.3782 4.61359C21.0716 6.29895 22.0043 8.5404 22 10.923C22 15.8422 17.9771 19.8417 13.0344 19.8417H13.0301C11.5301 19.8417 10.0559 19.4653 8.74498 18.7552L4 20ZM8.97278 17.1426L9.24355 17.3051C10.3868 17.981 11.6977 18.336 13.0344 18.3403H13.0387C17.1433 18.3403 20.4871 15.0166 20.4871 10.9273C20.4871 8.94677 19.7135 7.08603 18.308 5.68298C16.9026 4.27994 15.0286 3.50998 13.0387 3.50998C8.93409 3.5057 5.59026 6.82937 5.59026 10.9187C5.59026 12.3175 5.98137 13.682 6.72922 14.8626L6.90544 15.145L6.15329 17.8783L8.97278 17.1426Z' fill='url(%23paint0_linear_1767_5881)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.7994 7.18869C10.6317 6.81654 10.4555 6.80799 10.2965 6.80371C10.1676 6.79943 10.0171 6.79943 9.86669 6.79943C9.71626 6.79943 9.47557 6.85504 9.26927 7.07747C9.06297 7.29991 8.48704 7.83888 8.48704 8.93821C8.48704 10.0333 9.29076 11.0941 9.40251 11.2438C9.51426 11.3935 10.9541 13.7163 13.2277 14.6103C15.1188 15.3546 15.5057 15.2048 15.914 15.1664C16.3223 15.1279 17.2377 14.6274 17.4269 14.1055C17.6117 13.5837 17.6117 13.1388 17.5558 13.0447C17.4999 12.9506 17.3495 12.895 17.126 12.7837C16.9025 12.6725 15.8022 12.1336 15.5959 12.0566C15.3896 11.9838 15.2392 11.9453 15.093 12.1678C14.9426 12.3902 14.5128 12.8907 14.3839 13.0404C14.2549 13.1901 14.1217 13.2072 13.8982 13.096C13.6747 12.9848 12.9526 12.7495 12.0973 11.9881C11.4312 11.3978 10.9799 10.6664 10.8509 10.4439C10.722 10.2215 10.838 10.1017 10.9498 9.9905C11.0486 9.89211 11.1733 9.72956 11.285 9.60124C11.3968 9.47291 11.4355 9.3788 11.5085 9.22909C11.5816 9.07937 11.5472 8.95105 11.4913 8.83983C11.4355 8.73289 10.9971 7.62928 10.7994 7.18869Z' fill='white'/><defs><linearGradient id='paint0_linear_1767_5881' x1='13.0018' y1='19.9983' x2='13.0018' y2='2' gradientUnits='userSpaceOnUse'><stop stop-color='%23F9F9F9'/><stop offset='1' stop-color='white'/></linearGradient></defs></svg>");
}
.PFModalButtonText {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}
.PFModalButton.PFModalButtonTelegram {
    background-color: #2aabee;
}
.PFModalButtonTelegram .PFModalButtonIcon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.24138 11.8319C7.90571 9.79974 11.016 8.46001 12.5722 7.81272C17.0156 5.96457 17.9389 5.64353 18.5407 5.63293C18.673 5.63059 18.969 5.6634 19.1607 5.81895C19.3226 5.95029 19.3671 6.12772 19.3884 6.25225C19.4097 6.37677 19.4363 6.66045 19.4152 6.88211C19.1744 9.41209 18.1325 15.5517 17.6024 18.3853C17.3781 19.5843 16.9365 19.9863 16.509 20.0257C15.5798 20.1112 14.8743 19.4116 13.9743 18.8217C12.5661 17.8986 11.7706 17.324 10.4037 16.4232C8.82398 15.3822 9.84803 14.8101 10.7483 13.875C10.9839 13.6303 15.0778 9.90662 15.157 9.56882C15.1669 9.52657 15.1761 9.3691 15.0826 9.28594C14.989 9.20279 14.8509 9.23122 14.7513 9.25384C14.61 9.28589 12.3604 10.7728 8.00238 13.7146C7.36383 14.1531 6.78545 14.3667 6.26725 14.3555C5.69596 14.3432 4.59704 14.0325 3.78011 13.767C2.77811 13.4412 1.98174 13.269 2.05108 12.7159C2.0872 12.4278 2.48397 12.1331 3.24138 11.8319Z' fill='white'/></svg>");
}
.PFQrScan {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    gap: 8px;
}
.PFQrTextContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
.PFQrText {
    color: var(--common-black);
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    display: flex;
    white-space: pre-line;
    line-height: 14px;
}
.PFQrWrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.PFModalBody {
    position: relative;
    box-sizing: border-box;
    padding: 0px 24px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow-y: scroll;
    scrollbar-width: none;
    background: #FFF;
}
.PFQrContainer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.PFModalHeader {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    text-align: start;
}
.PFModalHeaderTextContent {
    display: flex;
    margin-top: 30px;
    /*width: 394px;*/
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.PFModalHeaderTitleContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 12px;
}
.PFModalHeaderTitleDark {
    display: flex;
    align-items: center;
    text-align: start;
    overflow-wrap: anywhere !important;
    white-space: pre-line;
    font-size: 22px;
    font-style: normal;
    /*width: 400px;*/
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.22px;
    color: #2b3238;
}
.PFModalButtonClose {
    --s: 36px;
    position: absolute;
    z-index: 2;
    display: flex;
    top: 10px;
    right: 10px;
    align-items: center;
    justify-content: center;
    width: var(--s);
    height: var(--s);
    cursor: pointer;
    background-color: transparent;
    border: 0;
}
.flexModal {
    display: flex !important;
}
.PFModalOverlay {
    --pf-modal-scale: 1;
    --common-black: #2b3238;
    --common-rain: #D0DBE4;
    --white: #FFFFFF;
    --primary: #212121;
    --common-dullSky: #B6C7D6;
    --common-dark: #1B1B1B;
    position: fixed;
    left: 0px;
    box-sizing: border-box;
    z-index: 9999;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.23);
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.175, 0.885, 0.32, 1) 0s !important;
    display: flex;
}
.PFModalAnimateIn {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1) 0s !important;
    transform: translate3d(0px, 0px, 0px);
}
.PFModal {
    position: relative;
    display: flex;
    width: 100%;
    box-shadow: rgba(33, 33, 33, 0.04) 0px 10px 20px 1px;
    border-radius: 16px;
    overflow: hidden;
    flex-direction: column;
    min-width: 480px;
    max-width: 480px;
}
.PFQrScanImage {
    width: 180px !important;
    height: 180px !important;
    border-radius: 16px;
    overflow: hidden;
}



@media only screen and (max-width: 510px) {
    .PFModal {
        width: inherit;
        min-width: auto;
    }
    .PFModalHeaderTitleDark {
        font-size: 18px;
    }
    .PFQrActionsContainer {
        flex-direction: column;
    }
    
}