.spinner{width:56px;height:56px;display:grid;border:4.5px solid #0000;border-radius:50%;border-color:#dbdcef #0000;animation:spinner-e04l1k 3s infinite linear}.spinner:before,.spinner:after{content:"";grid-area:1/1;margin:2.2px;border:inherit;border-radius:50%}.spinner:before{border-color:#7DD3FC #0000;animation:inherit;animation-duration:1s;animation-direction:reverse}.spinner:after{margin:8.9px}@keyframes spinner-e04l1k{to{transform:rotate(1turn)}}.wrapper{width:200px;height:60px;position:relative;z-index:1}.circle{width:20px;height:20px;position:absolute;border-radius:50%;background-color:#334155;left:15%;transform-origin:50%;animation:circle7124 .5s alternate infinite ease}@keyframes circle7124{0%{top:60px;height:5px;border-radius:50px 50px 25px 25px;transform:scaleX(1.7)}40%{height:20px;border-radius:50%;transform:scaleX(1)}to{top:0%}}.circle:nth-child(2){left:45%;animation-delay:.2s}.circle:nth-child(3){left:auto;right:15%;animation-delay:.3s}.shadow-loader{width:20px;height:4px;border-radius:50%;background-color:#000000e6;position:absolute;top:62px;transform-origin:50%;z-index:-1;left:15%;filter:blur(1px);animation:shadow-loader046 .5s alternate infinite ease}@keyframes shadow-loader046{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:.7}to{transform:scaleX(.2);opacity:.4}}.shadow-loader:nth-child(4){left:45%;animation-delay:.2s}.shadow-loader:nth-child(5){left:auto;right:15%;animation-delay:.3s}.container-ifile{max-width:600px;padding:0;background-color:transparent;border-radius:5px;color:#fff}.container-ifile label{font-weight:700;display:block;margin-bottom:0}.container-ifile .inpdddut[type=file]{padding:5px;margin-bottom:0;border:none;background-color:#323e4e;border-radius:5px;width:100%;cursor:pointer}.container-ifile .inpdddut[type=submit]{padding:10px 20px;background-color:#008cba;color:#fff;border:none;border-radius:5px;cursor:pointer}.container-ifile .inpdddut[type=submit]:hover{background-color:#006f8f}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;box-shadow:none;flex:1;padding:0 1em;background-color:var(--darkgray);background-image:none;cursor:pointer}.select::-ms-expand select{display:none}.select{position:relative;display:flex;max-width:40em;height:3em;border-radius:.25em;overflow:hidden;font-size:.875rem;line-height:1.25rem;font-weight:700}.select:after{content:"\25bc";position:absolute;top:50%;right:0;transform:translateY(-50%);padding:1em;background-color:transparent;border-color:#323e4e;transition:.25s all ease;pointer-events:none}.select:hover:after{color:#006f8f}.btn-transaction .container{display:flex;width:138px;height:36px;position:relative;border-radius:6px;transition:.3s ease-in-out}.btn-transaction .container:hover{transform:scale(1.03);width:110px}.btn-transaction .container:hover .left-side{width:100%}.btn-transaction .left-side{background-color:#5de2a3;width:45px;height:37px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s;flex-shrink:0;overflow:hidden;border:#006F8F;border-width:1px;border-style:solid;border-radius:10%}.btn-transaction .right-side{width:calc(100% - 39px);display:flex;align-items:center;overflow:hidden;cursor:pointer;justify-content:space-between;white-space:nowrap;transition:.3s;border:#006F8F;border-width:1px;border-style:solid;border-radius:10%}.btn-transaction .right-side:hover{background-color:#f9f7f9}.btn-transaction .arrow{width:6px;height:6px;margin-right:20px}.btn-transaction .new{font-size:17px;font-weight:700;font-family:Lexend Deca,sans-serif;margin-left:5px}.btn-transaction .card{width:35px;height:23px;background-color:#bcffc2;border-radius:1px;border-color:#0f0f0f;position:absolute;display:flex;z-index:10;flex-direction:column;align-items:center;-moz-box-shadow:9px 9px 9px -2px rgba(77,200,143,.72);-webkit-box-shadow:9px 9px 9px -2px rgba(77,200,143,.72)}.btn-transaction .card-line{width:33px;height:7px;background-color:#80ea69;border-radius:2px;margin-top:4px}@media only screen and (max-width: 480px){.btn-transaction .container{transform:scale(.7)}.btn-transaction .container:hover{transform:scale(.74)}.btn-transaction .new{font-size:18px}}.btn-transaction .buttons{width:4px;height:4px;background-color:#379e1f;box-shadow:0 -7px #26850e,0 7px #56be3e;border-radius:50%;transform:rotate(90deg);margin:4px 0 0 -10px}.btn-transaction .container:hover .card{animation:slide-top 1.2s cubic-bezier(.645,.045,.355,1) both}.btn-transaction .container:hover .post{animation:slide-post 1s cubic-bezier(.165,.84,.44,1) both}@keyframes slide-top{0%{transform:translateY(0)}50%{transform:translateY(-30px) rotate(90deg)}60%{transform:translateY(-30px) rotate(90deg)}to{transform:translateY(-8px) rotate(90deg)}}.btn-transaction .post{width:31.5px;height:37.5px;background-color:#dddde0;position:absolute;z-index:11;bottom:10px;top:82.5px;border-radius:6px;overflow:hidden}.btn-transaction .post-line{width:23.5px;height:4.5px;background-color:#545354;position:absolute;border-radius:0 0 3px 3px;right:5px;top:2px}.btn-transaction .post-line:before{content:"";position:absolute;width:14.1px;height:2.7px;background-color:#757375;top:-7px}.btn-transaction .screen{width:23.5px;height:10px;background-color:#fff;position:absolute;top:9px;right:5px;border-radius:2px}.btn-transaction .numbers{width:2px;height:2px;background-color:#0f0f0f;box-shadow:0 -8px #838183,0 8px #838183;border-radius:2px;position:absolute;transform:rotate(90deg);left:12.5px;top:22px}.btn-transaction .numbers-line2{width:3.6px;height:3.6px;background-color:#000;box-shadow:0 -8px #aaa9ab,0 8px #aaa9ab;border-radius:2px;position:absolute;transform:rotate(90deg);left:12.5px;top:20px}@keyframes slide-post{50%{transform:translateY(0)}to{transform:translateY(-70px)}}.btn-transaction .dollar{position:absolute;font-size:14px;font-weight:700;font-family:Lexend Deca,sans-serif;width:100%;left:0;top:-4px;color:#4b953b;text-align:center}.btn-transaction .container:hover .dollar{animation:fade-in-fwd .3s 1s backwards}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}