/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */
/* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */

/* Style the modal when PayPal button is selected */
#pageLoadingModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
    display: flex;

    .modal-content {
        margin: auto auto;
    }

    p {
        margin: 0;
        text-transform: uppercase;
        font-size: 14px;
    }

    .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .modal-content {
        position: relative;
        background-color: #fff;
        border-radius: 8px;
        background-clip: padding-box;
        outline: 0;
        width: 168px;
        height: 168px;
        display: flex;
        justify-content: center;
        align-items: center;
        &:before,
        &:after {
            content: '';
            border-radius: 50%;
            position: absolute;
            inset: 0;
            box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.25) inset;
            top: 24px;
            bottom: 24px;
            right: 24px;
            left: 24px;
        }
        &:after {
            box-shadow: 0 3px 0 #da291c inset;
            animation: rotate 1s linear infinite;
        }
    }

    .modal-backdrop {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #000000;
        &.fade {
            opacity: 0;
            filter: alpha(opacity=0);
        }
    }
}

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

.creditCardSpecific {
    display: none;
}