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