| @@ -1227,4 +1227,121 @@ | ||
| 1227 | 1227 | } |
| 1228 | 1228 | .payment-failed-screen-section .bp-btn_wrapper a { |
| 1229 | 1229 | display: inline-block; |
| 1230 | 1230 | } |
| 1231 | + | |
| 1232 | +.bp-paypal-pending__spinner-wrap { | |
| 1233 | + position: relative; | |
| 1234 | + display: inline-flex; | |
| 1235 | + align-items: center; | |
| 1236 | + justify-content: center; | |
| 1237 | + width: 80px; | |
| 1238 | + height: 80px; | |
| 1239 | +} | |
| 1240 | +.bp-paypal-pending__ring { | |
| 1241 | + position: absolute; | |
| 1242 | + inset: 0; | |
| 1243 | + border: 3px solid rgba(107, 89, 238, 0.15); | |
| 1244 | + border-top-color: #6E58F7; | |
| 1245 | + border-radius: 50%; | |
| 1246 | + animation: bp-paypal-spin 0.9s linear infinite; | |
| 1247 | +} | |
| 1248 | +.bp-paypal-pending__logo { | |
| 1249 | + width: 32px; | |
| 1250 | + height: 32px; | |
| 1251 | + object-fit: contain; | |
| 1252 | + position: relative; | |
| 1253 | + z-index: 1; | |
| 1254 | + transition: opacity 0.3s ease; | |
| 1255 | +} | |
| 1256 | +.bp-paypal-pending__body { | |
| 1257 | + border-bottom: none; | |
| 1258 | + padding-bottom: 0; | |
| 1259 | +} | |
| 1260 | +.bp-paypal-pending__heading { | |
| 1261 | + transition: color 0.3s ease; | |
| 1262 | +} | |
| 1263 | +.bp-paypal-pending__sub { | |
| 1264 | + margin-bottom: 0; | |
| 1265 | + transition: color 0.3s ease; | |
| 1266 | +} | |
| 1267 | +.bp-paypal-pending__dots { | |
| 1268 | + display: flex; | |
| 1269 | + gap: 7px; | |
| 1270 | + justify-content: center; | |
| 1271 | + margin-top: 20px; | |
| 1272 | + margin-bottom: 0; | |
| 1273 | + transition: opacity 0.3s ease; | |
| 1274 | +} | |
| 1275 | +.bp-paypal-pending__dots span { | |
| 1276 | + display: inline-block; | |
| 1277 | + width: 8px; | |
| 1278 | + height: 8px; | |
| 1279 | + border-radius: 50%; | |
| 1280 | + background-color: #6E58F7; | |
| 1281 | + animation: bp-paypal-dot 1.4s ease-in-out infinite; | |
| 1282 | +} | |
| 1283 | +.bp-paypal-pending__dots span:nth-child(2) { | |
| 1284 | + animation-delay: 0.2s; | |
| 1285 | +} | |
| 1286 | +.bp-paypal-pending__dots span:nth-child(3) { | |
| 1287 | + animation-delay: 0.4s; | |
| 1288 | +} | |
| 1289 | +.bp-paypal-pending__bar { | |
| 1290 | + margin-top: 32px; | |
| 1291 | + height: 4px; | |
| 1292 | + background: #f0f3f7; | |
| 1293 | + border-radius: 4px; | |
| 1294 | + overflow: hidden; | |
| 1295 | +} | |
| 1296 | +.bp-paypal-pending__bar-inner { | |
| 1297 | + height: 100%; | |
| 1298 | + width: 0; | |
| 1299 | + background: #6E58F7; | |
| 1300 | + border-radius: 4px; | |
| 1301 | + animation: bp-paypal-progress 60s linear forwards; | |
| 1302 | + transition: background 0.4s ease; | |
| 1303 | +} | |
| 1304 | +.bp-paypal-pending--timeout .bp-paypal-pending__ring { | |
| 1305 | + border-color: rgba(229, 57, 53, 0.15); | |
| 1306 | + border-top-color: #e53935; | |
| 1307 | + animation: none; | |
| 1308 | +} | |
| 1309 | +.bp-paypal-pending--timeout .bp-paypal-pending__logo { | |
| 1310 | + opacity: 0.35; | |
| 1311 | +} | |
| 1312 | +.bp-paypal-pending--timeout .bp-paypal-pending__heading { | |
| 1313 | + color: #e53935; | |
| 1314 | +} | |
| 1315 | +.bp-paypal-pending--timeout .bp-paypal-pending__dots { | |
| 1316 | + opacity: 0; | |
| 1317 | + pointer-events: none; | |
| 1318 | +} | |
| 1319 | +.bp-paypal-pending--timeout .bp-paypal-pending__bar-inner { | |
| 1320 | + animation: none; | |
| 1321 | + width: 100%; | |
| 1322 | + background: #e53935; | |
| 1323 | +} | |
| 1324 | + | |
| 1325 | +@keyframes bp-paypal-spin { | |
| 1326 | + to { | |
| 1327 | + transform: rotate(360deg); | |
| 1328 | + } | |
| 1329 | +} | |
| 1330 | +@keyframes bp-paypal-dot { | |
| 1331 | + 0%, 60%, 100% { | |
| 1332 | + opacity: 0.25; | |
| 1333 | + transform: scale(0.8); | |
| 1334 | + } | |
| 1335 | + 30% { | |
| 1336 | + opacity: 1; | |
| 1337 | + transform: scale(1); | |
| 1338 | + } | |
| 1339 | +} | |
| 1340 | +@keyframes bp-paypal-progress { | |
| 1341 | + from { | |
| 1342 | + width: 0%; | |
| 1343 | + } | |
| 1344 | + to { | |
| 1345 | + width: 100%; | |
| 1346 | + } | |
| 1347 | +} | |
