{"mappings":"AAEA;;;;AAgBE;;;;;;;;AAiBF;;;;;;;;;;;;AAYE;;;;;;;;;;;AC/CF;;;;;;;;;AAQE;;;;;;;;;;;AAaA;;;;;;AAMF;;;;;;;;;;AASA;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA;;;;;;;;;;;AAWA;;;;AAIA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;AAQA;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;;;AAOA;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;;;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;ACxKF;;;;;;;;;;;AAWA;;;;AAGA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;AAQA;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;;;AAOA;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;;;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AAIA","sources":["src/CSS/PaymentPopUp.css","src/CSS/Loader.css","src/CSS/EVMComponent.css","src/CSS/StarknetComponent.css"],"sourcesContent":["\n/* Styles for the Popup Component */\nhtml{\n  font-size: 20px;\n}\n.popup-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  \n  .close{\n    position: absolute;\n    top: .1rem;\n    right: .6rem;\n    cursor: pointer;\n    font-size: 1.2rem;\n\n  }\n \n  /* .inputs {\n    padding: 20%;\n  } */\n\n  /* ******************* */\n  /* ******************* */\n\n  /* Styles for the Popup Component */\n.popup-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  .popup-content{\n     \n    height: fit-content;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    border-radius: 10px;\n    width: 20rem;\n    background-color: #fff;\n  }\n \n  \n  \n  \n  \n ",".loader {\n  transform: rotateZ(45deg);\n  perspective: 1000px;\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  color: #007bff;\n}\n  .loader:before,\n  .loader:after {\n    content: '';\n    display: block;\n    position: absolute;\n    /* top: 0;\n    left: 0; */\n    width: inherit;\n    height: inherit;\n    border-radius: 50%;\n    transform: rotateX(70deg);\n    animation: 1s spin linear infinite;\n  }\n  .loader:after {\n    color: #FF3D00;\n    transform: rotateY(70deg);\n    animation-delay: .4s;\n  }\n\n@keyframes rotate {\n  0% {\n    transform: translate(-50%, -50%) rotateZ(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotateZ(360deg);\n  }\n}\n\n@keyframes rotateccw {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(-360deg);\n  }\n}\n\n@keyframes spin {\n  0%,\n  100% {\n    box-shadow: .2em 0px 0 0px currentcolor;\n  }\n  12% {\n    box-shadow: .2em .2em 0 0 currentcolor;\n  }\n  25% {\n    box-shadow: 0 .2em 0 0px currentcolor;\n  }\n  37% {\n    box-shadow: -.2em .2em 0 0 currentcolor;\n  }\n  50% {\n    box-shadow: -.2em 0 0 0 currentcolor;\n  }\n  62% {\n    box-shadow: -.2em -.2em 0 0 currentcolor;\n  }\n  75% {\n    box-shadow: 0px -.2em 0 0 currentcolor;\n  }\n  87% {\n    box-shadow: .2em -.2em 0 0 currentcolor;\n  }\n}\n",".inputs{\n    display: flex;\n    flex-direction: column;\n    /* background-color: rgb(160, 160, 220); */\n    box-sizing: border-box;\n    align-items: center;\n    padding: 2rem;\n    height: 100%;\n    gap: 1rem;\n    font-family: 'Inter';\n}\n.startBtnClass {\n  cursor: pointer;\n}\n\n.popup-heading{\n    font-size: 1rem;\n    font-weight: 800;\n    margin-bottom: .5rem;\n    display: flex;\n    gap: .2rem;\n    flex-direction: column;\n    align-items: center;\n}\n\n.popup-heading .amount{\n    font-size: 1rem;\n    font-weight: 600;\n}\n\n.inputGroup{\n    display: flex;\n    flex-direction: column;\n    gap: .5rem;\n    width: 100%;\n    /* background-color: blue; */\n}\n\n.inputGroup select{\n    width: 100%;\n    padding: .4rem;\n    border-radius: 5px;\n    font-size: .8rem;\n    font-weight: 500;\n    color: rgb(0, 0, 0);\n    border: 1.5px solid rgb(193, 166, 248);\n}\n\n.inputGroup select:active{\n    border: 1px solid gray;\n}\n\n.inputGroup button{\n    width: 100%;\n    padding: .4rem;\n    border-radius: 5px;\n    border: none;\n    margin-top: 1.8rem;\n    color: #fff;\n    cursor: pointer;\n    font-weight: 500;\n    display: flex;\n    flex-direction: row;\n    font-size: 1rem;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    background-color: #713abe;\n}\n\n.resmic-logo{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n    top: 0;\n    justify-content: center;\n    border-radius: 5px;\n    width: 100%;    \n    height: 3rem;\n    background-color: #e5cff7;\n\n}\n.resmic-logo img{\n    width: 5rem;\n    height: 2rem;\n}\n\n.inputHeading{\n    font-weight: 500;\n    font-size: .8rem;\n    color: rgb(75, 72, 72);\n}\n\n/*** Spinner*****/\ndiv.spinner {\n    position: relative;\n    width: 2rem;\n    height: 2rem;\n     \n    /* background: #74a6f2; */\n   \n  }\n  \n  div.spinner div {\n    width: 6%;\n    height: 16%;\n    background: #FFF;\n    position: absolute;\n    left: 49%;\n    top: 43%;\n    opacity: 0;\n    border-radius: 50px;\n    box-shadow: 0 0 3px rgba(0,0,0,0.2);\n    animation: fade 1s linear infinite;\n  }\n  \n  @keyframes fade {\n    from {opacity: 1;}\n    to {opacity: 0.25;}\n  }\n  \n  div.spinner div.bar1 {\n    transform:rotate(0deg) translate(0, -130%);\n    animation-delay: 0s;\n  }    \n  \n  div.spinner div.bar2 {\n     transform:rotate(30deg) translate(0, -130%); \n     animation-delay: -0.9167s;\n  }\n  \n  div.spinner div.bar3 {\n    -webkit-transform:rotate(60deg) translate(0, -130%); \n    -webkit-animation-delay: -0.833s;\n  }\n  div.spinner div.bar4 {\n    -webkit-transform:rotate(90deg) translate(0, -130%); \n    -webkit-animation-delay: -0.7497s;\n  }\n  div.spinner div.bar5 {\n    -webkit-transform:rotate(120deg) translate(0, -130%); \n    -webkit-animation-delay: -0.667s;\n  }\n  div.spinner div.bar6 {\n    -webkit-transform:rotate(150deg) translate(0, -130%); \n    -webkit-animation-delay: -0.5837s;\n  }\n  div.spinner div.bar7 {\n    -webkit-transform:rotate(180deg) translate(0, -130%); \n    -webkit-animation-delay: -0.5s;\n  }\n  div.spinner div.bar8 {\n    -webkit-transform:rotate(210deg) translate(0, -130%); \n    -webkit-animation-delay: -0.4167s;\n  }\n  div.spinner div.bar9 {\n    -webkit-transform:rotate(240deg) translate(0, -130%); \n    -webkit-animation-delay: -0.333s;\n  }\n  div.spinner div.bar10 {\n    -webkit-transform:rotate(270deg) translate(0, -130%); \n    -webkit-animation-delay: -0.2497s;\n  }\n  div.spinner div.bar11 {\n    -webkit-transform:rotate(300deg) translate(0, -130%); \n    -webkit-animation-delay: -0.167s;\n  }\n  div.spinner div.bar12 {\n    -webkit-transform:rotate(330deg) translate(0, -130%); \n    -webkit-animation-delay: -0.0833s;\n  }\n  ",".inputs{\n    display: flex;\n    flex-direction: column;\n    /* background-color: rgb(160, 160, 220); */\n    box-sizing: border-box;\n    align-items: center;\n    padding: 2rem;\n    height: 100%;\n    gap: 1rem;\n    font-family: 'Inter';\n}\n.startBtnClass {\n  cursor: pointer;\n}\n.popup-heading{\n    font-size: 1rem;\n    font-weight: 800;\n    margin-bottom: .5rem;\n    display: flex;\n    gap: .2rem;\n    flex-direction: column;\n    align-items: center;\n}\n\n.popup-heading .amount{\n    font-size: 1rem;\n    font-weight: 600;\n}\n\n.inputGroup{\n    display: flex;\n    flex-direction: column;\n    gap: .5rem;\n    width: 100%;\n    /* background-color: blue; */\n}\n\n.inputGroup select{\n    width: 100%;\n    padding: .4rem;\n    border-radius: 5px;\n    font-size: .8rem;\n    font-weight: 500;\n    color: rgb(0, 0, 0);\n    border: 1.5px solid rgb(193, 166, 248);\n}\n\n.inputGroup select:active{\n    border: 1px solid gray;\n}\n\n.inputGroup button{\n    width: 100%;\n    padding: .4rem;\n    border-radius: 5px;\n    border: none;\n    margin-top: 1.8rem;\n    color: #fff;\n    cursor: pointer;\n    font-weight: 500;\n    display: flex;\n    flex-direction: row;\n    font-size: 1rem;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    background-color: #713abe;\n}\n\n.resmic-logo{\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n    top: 0;\n    justify-content: center;\n    border-radius: 5px;\n    width: 100%;    \n    height: 3rem;\n    background-color: #e5cff7;\n\n}\n.resmic-logo img{\n    width: 5rem;\n    height: 2rem;\n}\n\n.inputHeading{\n    font-weight: 500;\n    font-size: .8rem;\n    color: rgb(75, 72, 72);\n}\n\n/*** Spinner*****/\ndiv.spinner {\n    position: relative;\n    width: 2rem;\n    height: 2rem;\n     \n    /* background: #74a6f2; */\n   \n  }\n  \n  div.spinner div {\n    width: 6%;\n    height: 16%;\n    background: #FFF;\n    position: absolute;\n    left: 49%;\n    top: 43%;\n    opacity: 0;\n    border-radius: 50px;\n    box-shadow: 0 0 3px rgba(0,0,0,0.2);\n    animation: fade 1s linear infinite;\n  }\n  \n  @keyframes fade {\n    from {opacity: 1;}\n    to {opacity: 0.25;}\n  }\n  \n  div.spinner div.bar1 {\n    transform:rotate(0deg) translate(0, -130%);\n    animation-delay: 0s;\n  }    \n  \n  div.spinner div.bar2 {\n     transform:rotate(30deg) translate(0, -130%); \n     animation-delay: -0.9167s;\n  }\n  \n  div.spinner div.bar3 {\n    -webkit-transform:rotate(60deg) translate(0, -130%); \n    -webkit-animation-delay: -0.833s;\n  }\n  div.spinner div.bar4 {\n    -webkit-transform:rotate(90deg) translate(0, -130%); \n    -webkit-animation-delay: -0.7497s;\n  }\n  div.spinner div.bar5 {\n    -webkit-transform:rotate(120deg) translate(0, -130%); \n    -webkit-animation-delay: -0.667s;\n  }\n  div.spinner div.bar6 {\n    -webkit-transform:rotate(150deg) translate(0, -130%); \n    -webkit-animation-delay: -0.5837s;\n  }\n  div.spinner div.bar7 {\n    -webkit-transform:rotate(180deg) translate(0, -130%); \n    -webkit-animation-delay: -0.5s;\n  }\n  div.spinner div.bar8 {\n    -webkit-transform:rotate(210deg) translate(0, -130%); \n    -webkit-animation-delay: -0.4167s;\n  }\n  div.spinner div.bar9 {\n    -webkit-transform:rotate(240deg) translate(0, -130%); \n    -webkit-animation-delay: -0.333s;\n  }\n  div.spinner div.bar10 {\n    -webkit-transform:rotate(270deg) translate(0, -130%); \n    -webkit-animation-delay: -0.2497s;\n  }\n  div.spinner div.bar11 {\n    -webkit-transform:rotate(300deg) translate(0, -130%); \n    -webkit-animation-delay: -0.167s;\n  }\n  div.spinner div.bar12 {\n    -webkit-transform:rotate(330deg) translate(0, -130%); \n    -webkit-animation-delay: -0.0833s;\n  }\n  "],"names":[],"version":3,"file":"main.css.map"}