@macle-community/simulator-web 0.0.0-stage → 1.0.0

package/runtime/simulator/css/common.css

@@ -0,0 +1,945 @@
+html {
+  overflow: hidden;
+}
+html,
+body {
+  height: 100%;
+  margin: 0px;
+  font-size: 18px;
+}
+.webview,
+iframe {
+  width: 100%;
+  height: 100%;
+  border: 0px;
+}
+#body {
+  width: 100%;
+  height: 100%;
+}
+#background {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  top: -100px;
+  width: 100%;
+  height: 100px;
+  padding-bottom: 20px;
+  background-color: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+}
+#background .cCYaul {
+  margin-right: 10px;
+}
+#mask-loading {
+  box-sizing: border-box;
+  position: absolute;
+  left: 0;
+  top: 100px;
+  width: 100%;
+  height: 100px;
+  padding-bottom: 20px;
+  background-color: transparent;
+  display: none;
+  justify-content: center;
+  align-items: flex-end;
+  z-index: 3001;
+}
+#mask-loading .cCYaul {
+  margin-right: 10px;
+}
+
+@keyframes k {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  50% {
+    opacity: 0.7;
+    transform: scale(1.1);
+  }
+
+  100% {
+    opacity: 0.4;
+    transform: scale(1);
+  }
+}
+.bg-loading1 {
+  animation: k 0.4s ease 0s alternate infinite;
+}
+
+.bg-loading2 {
+  animation: k 0.4s ease 0.3s alternate infinite;
+}
+
+.bg-loading3 {
+  animation: k 0.4s ease 0.6s alternate infinite;
+}
+
+.tabbar-root {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1999;
+}
+#body.notabbar-frame {
+  height: calc(100% - 64px);
+}
+#body.tabbar-frame {
+  height: calc(100% - 121px);
+}
+.tabbar-root.tabbar-root-top {
+  top: 0;
+  bottom: auto;
+}
+
+.tabbar {
+  display: flex;
+  height: 56px;
+  background-color: #f7f7fa;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.tabbar-root-top .tabbar {
+  border-top: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.tabbar-item {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 7px 0 0;
+}
+
+.tabbar-icon {
+  display: block;
+  margin: 0 auto;
+  width: 24px;
+  height: 24px;
+}
+
+.tabbar-label {
+  margin-top: 5px;
+}
+
+.tabbar-label {
+  text-align: center;
+  color: #888;
+  font-size: 12px;
+}
+
+.tabbar-root-top .tabbar-item {
+  line-height: 46px;
+  padding: 0;
+  text-align: center;
+}
+
+.tabbar-root-top .tabbar-label {
+  position: relative;
+  font-size: 14px;
+  display: inline-block;
+}
+
+.tabbar-root-top .tabbar-label-indicator {
+  position: absolute;
+  left: 0;
+  bottom: 1px;
+  width: 100%;
+  border-bottom: 3px solid;
+}
+
+#body.notabbar-frame.nostatus {
+  height: calc(100% - 44px);
+}
+
+#body.tabbar-frame.nostatus {
+  height: calc(100% - 101px);
+}
+
+#body.tabbar-frame.custom-header {
+  height: calc(100% - 57px);
+  position: absolute;
+  top: 0px;
+}
+
+#body.notabbar-frame.custom-header {
+  height: 100%;
+  position: absolute;
+  top: 0px;
+}
+
+@keyframes slideInBottom {
+  0% {
+    transform: translate3d(0, 110%, 0);
+    -webkit-transform: translate3d(0, 110%, 0);
+    -moz-transform: translate3d(0, 110%, 0);
+    -ms-transform: translate3d(0, 110%, 0);
+    -o-transform: translate3d(0, 110%, 0);
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+@keyframes slideOutBottom {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    transform: translate3d(0, 110%, 0);
+  }
+}
+.tabbar-bottom-show {
+  animation: slideInBottom ease 0.3s forwards;
+}
+
+.tabbar-bottom-hide {
+  animation: slideOutBottom ease 0.3s forwards;
+}
+
+.maui-badge {
+  display: inline-block;
+  padding: 0.15em 0.4em;
+  min-width: 8px;
+  border-radius: 18px;
+  background-color: #fa5151;
+  color: #fff;
+  line-height: 1.2;
+  text-align: center;
+  font-size: 12px;
+  vertical-align: middle;
+}
+.maui-badge_dot {
+  padding: 0.4em;
+  min-width: 0;
+}
+.maui-badge_text {
+  white-space: nowrap;
+  text-align: center;
+  font-size: 12px;
+}
+
+.ui-animate-swipeInUp {
+  animation: swipeInUp cubic-bezier(0.23, 1, 0.32, 1) 0.3s forwards;
+}
+@keyframes swipeInUp {
+  0% {
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+
+.ma-actionsheet {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  transform: translateY(100%);
+  backface-visibility: hidden;
+  z-index: 5000;
+  width: 100%;
+  background-color: #f7f7f7;
+  transition: transform 0.3s;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  overflow: hidden;
+}
+.ma-actionsheet__menu {
+  color: rgba(0, 0, 0, 0.9);
+}
+.ma-actionsheet__action,
+.ma-actionsheet__menu,
+.ma-actionsheet__title {
+  background-color: #fff;
+}
+.ma-actionsheet__action {
+  margin-top: 8px;
+}
+.ma-actionsheet__title {
+  position: relative;
+  padding: 16px;
+  text-align: center;
+  font-size: 17px;
+  line-height: 1;
+  background-color: rgb(236, 236, 236);
+}
+
+.ma-actionsheet__cell {
+  position: relative;
+  padding: 16px;
+  text-align: center;
+  font-size: 17px;
+  line-height: 1.41176471;
+}
+
+.etovjn {
+  height: 20px;
+  background: rgb(0, 0, 0);
+  padding: 0px 10px;
+  display: flex;
+  -webkit-box-pack: justify;
+  justify-content: space-between;
+  color: rgb(255, 255, 255);
+  z-index: 10;
+  position: relative;
+  font-size: 12px;
+}
+.henTnI {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  text-align: center;
+  font-size: 13px;
+}
+.cCYaul {
+  width: 34px;
+  height: 6px;
+  display: inline-block;
+  background: rgb(255, 255, 255);
+  vertical-align: middle;
+  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCA2NyAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2lnbmFsPC90aXRsZT48cGF0aCBkPSJNNS41IDExLjA3QzIuNDYyIDExLjA3IDAgOC42MDMgMCA1LjU1NyAwIDIuNTEgMi40NjIuMDQgNS41LjA0UzExIDIuNTEgMTEgNS41NTYgOC41MzggMTEuMDcgNS41IDExLjA3em0xNCAwYy0zLjAzOCAwLTUuNS0yLjQ2OC01LjUtNS41MTRDMTQgMi41MSAxNi40NjIuMDQgMTkuNS4wNFMyNSAyLjUxIDI1IDUuNTU2cy0yLjQ2MiA1LjUxNS01LjUgNS41MTV6bTE0IDBjLTMuMDM4IDAtNS41LTIuNDY4LTUuNS01LjUxNEMyOCAyLjUxIDMwLjQ2Mi4wNCAzMy41LjA0UzM5IDIuNTEgMzkgNS41NTZzLTIuNDYyIDUuNTE1LTUuNSA1LjUxNXptMTQgMGMtMy4wMzggMC01LjUtMi40NjgtNS41LTUuNTE0QzQyIDIuNTEgNDQuNDYyLjA0IDQ3LjUuMDRTNTMgMi41MSA1MyA1LjU1NnMtMi40NjIgNS41MTUtNS41IDUuNTE1em0xNCAwYy0zLjAzOCAwLTUuNS0yLjQ2OC01LjUtNS41MTRDNTYgMi41MSA1OC40NjIuMDQgNjEuNS4wNFM2NyAyLjUxIDY3IDUuNTU2cy0yLjQ2MiA1LjUxNS01LjUgNS41MTV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
+    50% 50% / cover no-repeat;
+}
+.bjcVct {
+  display: inline-block;
+  position: relative;
+  width: 23px;
+  height: 10px;
+  padding: 1px;
+  border: 1px solid rgb(255, 255, 255);
+  border-radius: 2px;
+  vertical-align: middle;
+  font-size: 0px;
+}
+.cdRCoD {
+  position: absolute;
+  left: 100%;
+  top: 50%;
+  margin-top: -2px;
+  margin-left: 2px;
+  width: 2px;
+  height: 4px;
+  border-radius: 0px 2px 2px 0px;
+  background: rgb(255, 255, 255);
+}
+.fOLVCs {
+  width: 100%;
+  height: 100%;
+  background: rgb(255, 255, 255);
+  border-radius: 1px;
+  display: inline-block;
+}
+.jpXuzg {
+  font-size: 11px;
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 5px;
+}
+.cQjVZl {
+  height: 44px;
+  background: rgb(0, 0, 0);
+  display: flex;
+  -webkit-box-pack: justify;
+  justify-content: space-between;
+  padding: 0px 10px;
+  position: relative;
+  z-index: 10;
+  color: rgb(255, 255, 255);
+  pointer-events: none;
+}
+.ebXHwU {
+  position: absolute;
+  left: 100px;
+  right: 100px;
+  text-align: center;
+  font-size: 13px;
+}
+.jZVkoE {
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  pointer-events: all;
+}
+.gBcYTa {
+  display: flex;
+  width: 86px;
+  border-radius: 27px;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  line-height: 1;
+  font-size: 0px;
+  -webkit-box-align: center;
+  align-items: center;
+}
+.fDwLsC {
+  display: flex;
+  flex: 1 1 0%;
+  height: 17px;
+  -webkit-box-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  justify-content: center;
+  padding: 6.5px 0px;
+  cursor: pointer;
+}
+.fEZocp {
+  display: inline-block;
+  vertical-align: middle;
+  width: 22px;
+  height: 7px;
+  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA0NSAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+bWVudV9ibGFja0AyeDwvdGl0bGU+PHBhdGggZD0iTTEwIDhBNSA1IDAgMSAxLS4wMDEgNy45OTkgNSA1IDAgMCAxIDEwIDh6bTEyLjUtOGE3LjUgNy41IDAgMSAxIDAgMTUgNy41IDcuNSAwIDAgMSAwLTE1ek00MCAzYTUgNSAwIDEgMSAwIDEwIDUgNSAwIDAgMSAwLTEweiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
+    50% 50% / cover no-repeat;
+  background: rgb(255, 255, 255);
+}
+@keyframes flash {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.capsule__poi {
+  display: inline-block;
+  vertical-align: middle;
+  width: 16px;
+  height: 16px;
+  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAABmJLR0QA/wD/AP+gvaeTAAACeElEQVRogdXZO2gUURSA4S8P4yO+Cp8BQUihRhQlhaB2WkjAwk4tJJWCjZ2dYGFhIyKKkMYilekEC0khNoKKKIqiKIqgiIqaQhIVNVmLm4FJssnM7s5j88OBZTg788/dvXPu3NNifrIZrWVL1Mo+3MIERkt2SUU7juARKrG4V6ZUEktxHK9NlY7iUHlqs7MGZ/FNdekK3qKtJL+qdOMSfppdOooTJTnOoBeD+CdZuoIvWFyK6SStOIi70gnH40wJvmAhjuFFguBsMYZVRUuvwCl8rFM6istFSm8UJuFog9IVYU50FyG9Q5iEfzOQjmIob+m9uJmhcDx25SHcIUzCZzlJV3Ana+llwiR8n6N0FH1ZSa8TyvdIAdIVvJTB8ncbBvCrIOko+huRjibhRMHSFaEudNQqHJXv+yUIx+N0LdKdwhr6VcnSFfzAyjTSa3EO35tAOooLacSX4GsTyMbjDzYkibdOJj4USnmzcB0fkpJaYp/bsUl4OejBVqEkr87DLoGdeJKU1JKUgC5Tb6gXW1J+tx6GcSBNYr0Cy7HdzJtaVOf54uzH7QzOUxMdws/dL7zd1zNRHxctXY0B9ckfLkN2OifVLv5OeGikJq/NysQnRRUuCq96pdOJcelHfUTY3quJvEZ+DG9qyL+qyXZ9h6Qb9d9YX88F8tygf5oybxCfcvSoiz7Joz4hVOumo0uy/I3S7FLw2dzye8pTS2bY7OIPGj153h21uYrV+Zyv3TBHVR/1pmvLVKNHdfmmacvMRZtQbePimbVl8v7Pj+P5tGNXhF23eUF8bZ9pW6aI/n18mXBN6K/OG3YLo15YWyZLFgjLgMxbkP8BPEQ/o6pHX34AAAAASUVORK5CYII=)
+    50% 50% / cover no-repeat;
+  background: rgb(255, 255, 255);
+  animation: flash 1s infinite;
+}
+.ksBUTu {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: 13px;
+  width: 10px;
+  height: 18px;
+  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAyMSAzNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcgMzZMMCAxOWEyLjkxIDIuOTEgMCAwIDEgMC0xTDE3IDFjLjEzMS0uMDU3LjUtLjA2IDEgMGwyIDJjLjA1Ny41MjIuMDYuODk5IDAgMUw2IDE4YS44OTguODk4IDAgMCAwIDAgMWwxNCAxNGMuMDU2LjA5OC4wNjIuNDc0IDAgMWwtMiAyYy0uNDk0LjA1Ny0uODY4LjA2LTEgMHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
+    50% 50% / cover no-repeat;
+  background: rgb(255, 255, 255);
+}
+.cdZISU {
+  pointer-events: all;
+  cursor: pointer;
+}
+.gferPh {
+  overflow: hidden;
+  white-space: nowrap;
+  font-weight: normal;
+  font-size: inherit;
+  text-overflow: ellipsis;
+}
+.gvgaer {
+  display: inline-block;
+  vertical-align: middle;
+  width: 17px;
+  height: 17px;
+  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MiA1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+ZXhpdDwvdGl0bGU+PHBhdGggZD0iTTI2IDUyQzExLjY0IDUyIDAgNDAuMzYgMCAyNlMxMS42NCAwIDI2IDBzMjYgMTEuNjQgMjYgMjYtMTEuNjQgMjYtMjYgMjZ6bTAtNi4xMThjMTAuOTggMCAxOS44ODItOC45MDEgMTkuODgyLTE5Ljg4MiAwLTEwLjk4LTguOTAxLTE5Ljg4Mi0xOS44ODItMTkuODgyQzE1LjAyIDYuMTE4IDYuMTE4IDE1LjAxOSA2LjExOCAyNmMwIDEwLjk4IDguOTAxIDE5Ljg4MiAxOS44ODIgMTkuODgyek0zNSAyNmE5LjAwMSA5LjAwMSAwIDEgMS0xOC4wMDItLjAwMkE5LjAwMSA5LjAwMSAwIDAgMSAzNSAyNnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==)
+    50% 50% / cover no-repeat;
+  background: rgb(255, 255, 255);
+}
+.dhLBTW {
+  display: inline-block;
+  min-width: 1px;
+  height: 17.2px;
+  background: rgba(255, 255, 255, 0.25);
+}
+p {
+  margin: 0px;
+}
+.macle-mask {
+  position: absolute;
+  z-index: 3000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.6);
+}
+.macle-dialog {
+  width: 80%;
+  margin: 0 auto;
+  position: absolute;
+  z-index: 5000;
+  top: 50%;
+  left: 16px;
+  right: 16px;
+  transform: translateY(-50%);
+  background-color: #fff;
+  text-align: center;
+  border-radius: 12px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  max-height: 90%;
+}
+.macle-dialog__hd {
+  padding: 32px 24px 16px;
+}
+.macle-dialog__title {
+  font-weight: 700;
+  font-size: 17px;
+  line-height: 1.4;
+  word-wrap: break-word;
+}
+.macle-dialog__bd {
+  max-height: 300px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0 24px;
+  margin-bottom: 32px;
+  font-size: 17px;
+  line-height: 1.4;
+  word-wrap: break-word;
+  color: rgba(0, 0, 0, 0.5);
+}
+.macle-dialog__div {
+  color: #000;
+}
+.macle-dialog__margin {
+  margin-top: 10px;
+}
+.macle-dialog__input {
+  height: 20px;
+  width: 150px;
+}
+.macle-dialog__showModal {
+  width: 200px;
+  height: 40px;
+  background-color: rgb(238, 238, 238);
+  color: rgb(0, 0, 0);
+  padding: 0.5em;
+  border-style: hidden;
+  font-size: 1em;
+}
+.macle-dialog__ft {
+  position: relative;
+  line-height: 56px;
+  min-height: 56px;
+  font-size: 17px;
+  display: flex;
+}
+.macle-dialog__btn {
+  display: block;
+  flex: 1;
+  color: #576b95;
+  font-weight: 700;
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  position: relative;
+  cursor: pointer;
+}
+.macle-dialog__btn_default {
+  color: rgba(0, 0, 0, 0.9);
+}
+.macle-dialog__ft:after {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  height: 1px;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.1);
+  transform-origin: 0 0;
+  transform: scaleY(0.5);
+}
+.macle-dialog__btn:after {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1px;
+  bottom: 0;
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.1);
+  transform-origin: 0 0;
+  transform: scaleX(0.5);
+}
+
+#loading {
+  /* z-index: 9999; */
+  position: fixed;
+  margin: 0 auto;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 135px;
+  height: 138px;
+  border-radius: 10px;
+  background-color: rgb(40 35 35 / 69%);
+  color: #f7f7fa;
+  text-align: center;
+}
+#macle-loading #innerText:before {
+  content: ' ';
+  display: block;
+  width: 25px;
+  height: 25px;
+  -webkit-animation: loading-animate 1s steps(12, end) infinite;
+  animation: loading-animate 1s steps(12, end) infinite;
+  background: transparent
+    url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=)
+    no-repeat;
+  background-size: 100%;
+  padding: 10px;
+  margin: 0 auto;
+}
+#macle-loading #innerText {
+  display: block;
+  margin-top: 30px;
+  line-height: 50px;
+}
+
+@-webkit-keyframes loading-animate {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+@keyframes loading-animate {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+#macle-app-hide {
+  z-index: 9999;
+  background-color: #fff;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+#macle-app-hide .macle-app-hide-wrapper {
+  height: calc(100vh - 50px);
+  border-bottom-right-radius: 10px;
+  border-bottom-left-radius: 10px;
+  background-color: #43434a;
+}
+#macle-app-hide .msg {
+  color: #fff;
+  font-size: 17px;
+  line-height: 17px;
+  padding: 15px 20px;
+}
+#macle-app-hide hr {
+  border-top: 1px;
+  border-color: #757575;
+}
+#macle-app-hide .macle-app-hide-back {
+  color: #fff;
+  font-size: 16px;
+  line-height: 16px;
+  padding: 8px 20px;
+}
+#macle-app-hide .macle-app-hide-back:hover {
+  background-color: rgb(44 234 129 / 67%);
+}
+.macle-toast {
+  padding: 17px 0;
+  min-width: 120px;
+  max-width: 40%;
+  position: fixed;
+  z-index: 5000;
+  top: 40%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  border-radius: 5px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #4c4c4c;
+}
+.macle-toast-content {
+  padding: 0 5px;
+  font-size: 14px;
+  overflow: hidden;
+  max-height: 38px;
+  line-height: 19px;
+  word-break: break-word;
+}
+.macle-toast-icon {
+  margin: 8px 0;
+  width: 55px;
+  height: 55px;
+  vertical-align: baseline;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100%;
+  mask-size: 100%;
+}
+
+.macle-icon-warn {
+  background-color: currentColor;
+  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
+  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
+}
+.macle-icon-success {
+  background-color: currentColor;
+  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
+  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.657%2018.435L3%2012.778l1.414-1.414%204.95%204.95L20.678%205l1.414%201.414-12.02%2012.021a1%201%200%2001-1.415%200z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
+}
+
+.macle-icon-loading {
+  width: 16px;
+  height: 16px;
+  padding: 21px 21px;
+  -webkit-animation: icon-loading-animate 1s steps(12, end) infinite;
+  animation: icon-loading-animate 1s steps(12, end) infinite;
+  background: transparent
+    url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=)
+    no-repeat;
+  background-size: 100%;
+  margin: 7px auto;
+}
+@-webkit-keyframes icon-loading-animate {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+@keyframes icon-loading-animate {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+    -moz-transform: rotate3d(0, 0, 1, 360deg);
+    -ms-transform: rotate3d(0, 0, 1, 360deg);
+    -o-transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+.macle-transparent-mask {
+  display: none;
+  position: absolute;
+  color: transparent;
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
+
+.macle-input {
+  position: fixed;
+  padding: 0;
+  margin: 0;
+  outline: none;
+  border: none;
+  height: inherit;
+  width: 100%;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: UICTFontTextStyleBody;
+  color: transparent;
+  caret-color: black;
+  background: transparent;
+  display: inherit;
+  vertical-align: middle;
+  text-align: inherit;
+  overflow: inherit;
+  white-space: inherit;
+  text-overflow: inherit;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.macle-textarea {
+  position: absolute;
+  padding: 0;
+  margin: 0;
+  resize: none !important;
+  outline: none;
+  border: none;
+  height: 100%;
+  width: 100%;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: UICTFontTextStyleBody;
+  color: transparent;
+  caret-color: black;
+  background: transparent;
+  display: block;
+  line-height: 1.18 !important;
+  text-align: inherit;
+  overflow: inherit;
+  white-space: pre-wrap;
+  text-overflow: inherit;
+  word-break: break-all;
+  -webkit-tap-highlight-color: transparent;
+}
+/* .macle-input::-webkit-input-placeholder{
+  color:transparent;
+} */
+
+.macle-preview-number {
+  color: #fff;
+  position: absolute;
+  text-align: center;
+  left: 0;
+  right: 0;
+  font-size: 16px;
+  padding-top: 20px;
+  top: 0;
+  z-index: 1002;
+}
+
+.macle-preview-list {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #000;
+  z-index: 1000;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  text-decoration: none;
+}
+
+.macle-preview-img {
+  background: 50% no-repeat;
+  background-size: contain;
+  position: absolute;
+  left: 0;
+  right: env(safe-area-inset-right);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  text-decoration: none;
+}
+.chooseApp {
+  margin-top: 30px;
+}
+
+.chooseApp .tag {
+  width: 49%;
+  color: white;
+  display: inline-block;
+  text-align: center;
+  background: #998272;
+}
+
+.chooseApp .tag.choose {
+  background: #a0bd67;
+}
+
+.chooseApp input {
+  border: 1px solid white;
+  border-radius: 5px;
+  height: 25px;
+  margin-left: 20px;
+  width: calc(100% - 40px);
+  margin-top: 20px;
+}
+
+.app-list {
+  margin-left: 20px;
+  margin-top: 20px;
+}
+
+.app-list .item {
+  color: white;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-top: 1px solid white;
+}
+
+#menuButton.sc-gZMcBi.jZVkoE {
+  top: 26px
+}
+
+#menuButton.sc-gZMcBi.jZVkoE.nostatus {
+  top: 6px
+}
+
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: 'macleui';
+  src: url('data:application/octet-stream;base64,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') format('truetype');
+}
+
+i.macle-toast-icon {
+  font: normal normal normal 55px/1 'macleui';
+}
+
+.macle-toast-icon.success {
+  color: #09bb07;
+}
+
+.macle-toast-icon.success:before {
+  content: '\EA06';
+}
+
+.macle-toast-icon.error {
+  color: #f76260;
+}
+
+.macle-toast-icon.error:before {
+  content: '\EA0B';
+}
+
+.macle-toast-icon.loading {
+  color: #10aeff;
+}
+
+.macle-toast-icon.loading:before {
+  content: '\EA09';
+}
+
+.toast {
+  padding: 10px 0;
+  min-width: 100px;
+  max-width: 40%;
+  position: fixed;
+  z-index: 5000;
+  top: 40%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+  border-radius: 5px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #4c4c4c;
+}
+
+.toast-content {
+  padding: 0 5px;
+  font-size: 14px;
+}