.modal-paiement{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background:#fff;border-radius:26px;max-width:500px;position:relative;z-index:10}.form-paiement{display:flex;flex-direction:column;gap:20px;padding:20px}.payment--options-paiement{width:calc(100% - 40px);display:grid;grid-template-columns:33% 34% 33%;grid-gap:20px;gap:20px;padding:10px}.payment--options-paiement button{display:flex;align-items:center;justify-content:center;height:55px;background:#f2f2f2;border-radius:11px;padding:0;border:0;outline:none;transition:transform .2s ease-in-out}.payment--options-paiement img{height:24px;width:auto}.payment--options-paiement-google img{height:41px;width:auto}.separator-paiement{width:calc(100% - 20px);display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:10px;gap:10px;color:#8b8e98;margin:0 10px}.separator-paiement>p{word-break:keep-all;display:block;text-align:center;font-weight:600;font-size:11px;margin:auto}.separator-paiement .line-paiement{display:inline-block;width:100%;height:1px;border:0;background-color:#e8e8e8;margin:auto}.credit-card-info--form-paiement{display:flex;flex-direction:column;gap:15px}.input_container-paiement{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:5px}.split-paiement{display:grid;grid-template-columns:4fr 2fr;grid-gap:15px;gap:15px}.input_label-paiement{font-size:10px;color:#8b8e98;font-weight:600}.input_field-paiement{width:auto;height:40px;padding:0 0 0 16px;border-radius:9px;outline:none;background-color:#f2f2f2;border:1px solid #e5e5e500;transition:all .3s cubic-bezier(.15,.83,.66,1)}.input_field-paiement:focus{border:1px solid transparent;box-shadow:0 0 0 2px #242424;background-color:transparent}.purchase--btn-paiement{height:55px;background:linear-gradient(180deg,#363636,#1b1b1b 50%,#000);border-radius:11px;border:0;outline:none;color:#fff;font-size:13px;font-weight:700;box-shadow:0 0 0 0 #fff,0 0 0 0 #000;transition:all .3s cubic-bezier(.15,.83,.66,1)}.purchase--btn-paiement:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px #0000003a}.input_field-paiement::-webkit-inner-spin-button-paiement,.input_field-paiement::-webkit-outer-spin-button-paiement{-webkit-appearance:none;margin:0}.input_field-paiement[type=number]{-moz-appearance:textfield}.cancel--btn-paiement{margin-top:20px;width:100%;height:45px;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.cancel--btn-paiement:hover{background-color:#e5e5e5;color:#000}.confirmation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.25);z-index:1000;text-align:center;width:100%;max-width:400px}.confirmation-modal p{margin-bottom:20px;font-size:16px;font-weight:700}.confirmation-buttons{display:flex;justify-content:space-around;gap:10px}.cancel--btn-confirm-paiement,.confirm--btn-paiement{width:50px;height:40px;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-right:10px}.cancel--btn-confirm-paiement:hover,.confirm--btn-paiement:hover{background-color:#e5e5e5;color:#000}.blur-background{filter:blur(5px);pointer-events:none;z-index:5}