.container{display:flex;justify-content:center;align-items:center}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.button{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:.25rem;transition:background-color .3s;position:relative;margin-top:10px}.button:hover{background-color:#0056b3}.integration-iframe-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.integration-iframe{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000004d;border:none;width:var(--iframe-width, 664px);height:var(--iframe-height, 700px)}.integration-iframe-content{width:100%;height:100%;border:none}.integration-iframe-content-body{width:100%;height:100%;border:none;position:relative}.transaction-iframe{width:100%;height:100%;border:none}.integration-iframe-close-button{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;background:none;border:none;color:#333;z-index:1001}.integration-iframe-close-button:hover{color:#007bff}.spinner-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#fffc;z-index:1}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.url-form-container{display:flex;flex-direction:column;align-items:center}.url-form{margin-bottom:2px}.url-input-container{margin-bottom:10px}.url-input{width:300px}.dimension-inputs{display:flex;gap:10px;margin-bottom:10px}.dimension-input-group .dimension-label{display:block;margin-bottom:5px}.dimension-input-group .dimension-input{width:120px}