/* 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, 0.35); display: flex; } #pageLoadingModal .modal-content { margin: auto auto; } #pageLoadingModal p { margin: 0; text-transform: uppercase; font-size: 14px; } #pageLoadingModal .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; -webkit-overflow-scrolling: touch; outline: 0; } #pageLoadingModal .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; } #pageLoadingModal .modal-content:before, #pageLoadingModal .modal-content: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; } #pageLoadingModal .modal-content:after { box-shadow: 0 3px 0 #da291c inset; animation: rotate 1s linear infinite; } #pageLoadingModal .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000000; } #pageLoadingModal .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } @keyframes rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .creditCardSpecific { display: none; }