html, body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #efefef;
  font-family: Arial;
}
html *, body * {
  box-sizing: border-box;
}
html #loading, body #loading {
  position: fixed;
  background-color: rgba(1, 1, 1, 0.1);
  width: 100vw;
  height: 100vh;
  z-index: 999;
  display: none;
}
html #loading .loader, body #loading .loader {
  border: 4px solid #d09efd;
  border-radius: 50%;
  border-top: 4px solid #7740a9;
  width: 34px;
  height: 34px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
html #wrapper, body #wrapper {
  width: 100%;
  max-width: 450px;
  box-shadow: rgba(1, 1, 1, 0.5) 1px 1px 5px;
  height: auto;
  background-color: #f3ebf9;
  margin: auto;
  display: flex;
  flex-direction: column;
  border-width: 1px;
  border-radius: 10px;
}
html #wrapper .header, body #wrapper .header {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html #wrapper .header .title, body #wrapper .header .title {
  background-color: #5a2d82;
  margin: 0;
  color: #ffffff;
  padding: 5px;
  font-size: 16px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
html #wrapper .header textarea, body #wrapper .header textarea {
  width: calc(100% - 20px);
  height: 60px;
  resize: none;
  margin: 10px;
  border-radius: 5px;
  border: #c1c1c1 1px solid;
  outline: none;
  padding: 10px;
}
html #wrapper .header button, body #wrapper .header button {
 border-radius: 10px;
 font-size: 16px;
 margin: 0px;
 overflow: visible;
 appearance: button;
 display: inline-flex;
 -webkit-box-align: center;
 align-items: center;
 -webkit-box-pack:center;
 justify-content: center;
 position: relative;
 -webkit-tap-highlight-color: transparent;
 background-color: rgb(112, 61, 146);
 outline: 0px;
 border-width: 1px;
 border-style: solid;
 border-color:  0ms;
 color: rgb(255, 255, 255);
 width: 348px;
 box-shadow: none;
 font-weight: 800;
 height: 40px;
}
html #wrapper .header button:hover, body #wrapper .header button:hover {
  background-color: #9c51de;
}
html #wrapper .container, body #wrapper .container {
  overflow: auto;
  height: 100%;
  min-height: 0;
  width: 100%;
  padding: 20px 10px;
}
html #wrapper .container #results, body #wrapper .container #results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: auto;
  margin: 0;
  padding: 0;
  width: 100%;
  gap: 10px;
}
html #wrapper .container #results li, body #wrapper .container #results li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  width: 100%;
  border-radius: 5px;
  gap: 5px;
  padding: 5px 10px;
}
html #wrapper .container #results li .icon, body #wrapper .container #results li .icon {
  background: url("p2p.png") no-repeat center center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}
html #wrapper .container #results li .move-btn, body #wrapper .container #results li .move-btn {
border-radius: 10px;
font-family: Mulish, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"padding: 10px 24px;
 font-size: 14px;
 overflow: visible;
 appearance: button;
 display: inline-flex;
 -webkit-box-align: center;
 align-items: center;
 -webkit-box-pack: center;
 justify-content: center;
 position: relative;
 -webkit-tap-highlight-color: transparent;
 background-color: rgb(255, 255, 255);
 outline: 0px;border-color: rgb(112, 61, 146);
 border-width: 1px;
 border-style: solid; border-color:  0ms;  color: rgb(112, 61, 146);
 width: 70px;
 height: 30px;
 box-shadow: none;
 font-weight: 400;
 text-decoration: none;
}
html #wrapper .container #results li .move-btn:hover, body #wrapper .container #results li .move-btn:hover {
  background-color: #5a2d82;
  color: #ffffff;
}
html #wrapper .container #results li .details, body #wrapper .container #results li .details {
  width: 100%;
  min-width: 0;
}
html #wrapper .container #results li .details p, body #wrapper .container #results li .details p {
  margin: 0;
  padding: 1px;
  font-size: 0.8rem;
  color: #666;
}
html #wrapper .container #results li .details p.ammount, body #wrapper .container #results li .details p.ammount {
  color: #9cbc7d;
  font-weight: bold;
  font-size: 1.0rem;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=style.css.map */