.wc-sumup-modal{
    position:fixed;
    top:0;
    bottom:auto;
    left:0;
    right:0;
    height:100%;
    background:rgba(17,24,39,.56);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
    overflow:auto;
    padding:24px;
    box-sizing:border-box;
}
.wc-sumup-modal.disabled{
    display:none
}
.wc-sumup-modal.no-modal.disabled{
    display:none
}
.wc-sumup-payment-method__icon{
    display:inline-block;
    height:24px;
    margin-right:12px;
    vertical-align:middle;
    width:auto;
}
.wc-sumup-modal #sumup-card{
    width:700px;
    max-width:90%;
    position:relative;
    max-height:95%;
    background:#fff;
    border:1px solid #dcdcde;
    border-radius:8px;
    box-shadow:0 20px 48px rgba(0,0,0,.24);
    min-height:140px;
    box-sizing:border-box;
}
.wc-sumup-modal__content.components-modal__frame{
    width:700px;
    max-width:90%;
    max-height:95%;
}
.wc-sumup-modal__content .components-modal__content{
    margin-top:0;
    padding:0;
}
.wc-sumup-modal__content #sumup-card{
    width:100%;
    max-width:none;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    min-height:140px;
}
.wc-sumup-modal #wc-sumup-payment-modal-close{
    position:absolute;
    top:12px;
    right:12px;
    border-radius:100%;
    height:32px;
    width:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#1d2327;
    background:#fff;
    border:1px solid #c3c4c7;
    cursor:pointer;
    padding:0;
    z-index:1;
    appearance:none;
    box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.wc-sumup-modal #wc-sumup-payment-modal-close:hover{
    background:#f6f7f7;
    border-color:#8c8f94;
}
.wc-sumup-modal #wc-sumup-payment-modal-close:focus-visible{
    outline:2px solid #2271b1;
    outline-offset:2px;
}
.wc-sumup-modal #wc-sumup-payment-modal-close-btn{
    position:relative;
    display:block;
    height:16px;
    width:16px;
}
.wc-sumup-modal #wc-sumup-payment-modal-close-btn::before,
.wc-sumup-modal #wc-sumup-payment-modal-close-btn::after{
    content:"";
    position:absolute;
    top:7px;
    left:2px;
    height:2px;
    width:12px;
    background:currentColor;
    border-radius:1px;
}
.wc-sumup-modal #wc-sumup-payment-modal-close-btn::before{
    transform:rotate(45deg);
}
.wc-sumup-modal #wc-sumup-payment-modal-close-btn::after{
    transform:rotate(-45deg);
}
.wc-sumup-modal div[data-sumup-id=payment_option]>label{
    display:flex!important
}
.sumup-boleto-pending-screen{
    border:1px dashed #000;
    padding:10px;
    border-radius:12px
}
div[data-testid="scannable-barcode"]>img{
    height:250px!important;
    max-height:100%!important
}
.wc-sumup-modal.no-modal{
    position:relative;
    display:block;
    height:auto;
    background:transparent;
    overflow:visible;
    z-index:auto;
    padding:0;
}
.wc-sumup-modal.no-modal #sumup-card{
    width:100%;
    max-width:none;
    max-height:none;
    border-radius:0;
    border:0;
    box-shadow:none;
    min-height:140px;
    padding:0;
}
.wc-sumup-modal.no-modal #sumup-card form{
    padding:0 16px 16px;
}
.wc-sumup-modal.no-modal #wc-sumup-payment-modal-close{
    display:none;
}
.wc-sumup-modal section img[class^='sumup-payment'],.wc-sumup-modal section img[class*=' sumup-payment']{
    width:auto;
    top: 50%;
    transform: translateY(-55%);
}