slimsdk 0.2.0 → 0.2.1

package/dist/mod/hwlink/style.css

@@ -1,1134 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
-@import "https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
-@import "https://fonts.googleapis.com/css?family=Montserrat:400,400i,700";
-@import "https://site-assets.fontawesome.com/releases/v6.7.2/css/all.css";
-
-/* src/css/root.css */
-:root {
-  --font-icon: "Font Awesome 6 Pro";
-  --color-red: #D9534F;
-  --color-orange: #E67E22;
-  --color-green: #10B981;
-  --color-blue: #428BCA;
-  --color-purple: #9B59B6;
-  --color-gray: #9CA3AF;
-  --color-slate: #64748B;
-  --color-teal: #0D9488;
-  --color-cyan: #0891B2;
-  --color-brown: #A1887F;
-  --bg-color: #E5E7EB;
-  --text-color: #64748B;
-  --link-color: var(--text-color);
-  --link-hover: #0073AA;
-  --link-active: orange;
-}
-
-/* src/css/body.css */
-html,
-body {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-  font-family: "Sarabun", sans-serif;
-}
-body {
-  color: var(--text-color);
-  background-color: var(--bg-color);
-}
-* {
-  box-sizing: border-box;
-}
-form,
-ul,
-ol {
-  margin: 0;
-}
-.lazy-load {
-  content-visibility: auto;
-}
-a {
-  color: var(--link-color);
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent;
-}
-a:hover {
-  color: var(--link-hover);
-  text-decoration: underline;
-}
-a:active {
-  color: var(--link-active);
-  text-decoration: underline;
-}
-.icon {
-  display: inline-block;
-  font-style: normal;
-  font-variant: normal;
-  text-rendering: auto;
-  font-family: var(--font-icon);
-  font-weight: 400;
-  line-height: 1;
-}
-.icon.pad {
-  margin-right: 0.375em;
-}
-.icon.thin {
-  font-weight: 300 !important;
-}
-.icon.regular {
-  font-weight: 400 !important;
-}
-.icon.solid {
-  font-weight: 900 !important;
-}
-.icon.red {
-  color: var(--color-red);
-}
-.icon.orange {
-  color: var(--color-orange);
-}
-.icon.green {
-  color: var(--color-green);
-}
-.icon.blue {
-  color: var(--color-blue);
-}
-.icon.purple {
-  color: var(--color-purple);
-}
-.icon.gray {
-  color: var(--color-gray);
-}
-.icon.brown {
-  color: var(--color-brown);
-}
-.icon.teal {
-  color: var(--color-teal);
-}
-.icon.cyan {
-  color: var(--color-cyan);
-}
-.left {
-  float: left;
-}
-.right {
-  float: right;
-}
-.box-tb {
-  display: table;
-  width: 100%;
-}
-.middle {
-  margin: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  position: absolute;
-  align-items: center;
-}
-.middle.left {
-  float: unset;
-  left: 0.5em;
-}
-.middle.right {
-  float: unset;
-  right: 0.5em;
-}
-.middle.left :is(button, input, select) {
-  margin-right: 0.45em;
-}
-.middle.right :is(button, input, select) {
-  margin-left: 0.45em;
-}
-.overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 5;
-  background-color: rgba(0, 0, 0, 0.05);
-  transition: 0.4s;
-}
-.overlay.center {
-  display: flex;
-  justify-content: center;
-  padding-top: 50px;
-}
-.overlay.middle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transform: unset;
-}
-#totop {
-  display: none;
-  position: fixed;
-  bottom: 10px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 5;
-  transition: 0.4s;
-}
-#totop button {
-  margin: 0 0.5em;
-  display: block;
-}
-body:has(#app.full-page) #totop {
-  left: 50%;
-}
-body:has(#app.tabbar) #totop {
-  bottom: 66px;
-}
-
-/* src/css/animate.css */
-.spinner {
-  width: 40px;
-  height: 40px;
-  border-width: 4px;
-  border-style: solid;
-  border-color: #0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-.spinner.s22 {
-  width: 22px;
-  height: 22px;
-  border-width: 3px;
-}
-.spinner.s24 {
-  width: 24px;
-  height: 24px;
-  border-width: 3px;
-}
-.spinner.s28 {
-  width: 28px;
-  height: 28px;
-  border-width: 4px;
-}
-.spinner.s32 {
-  width: 32px;
-  height: 32px;
-  border-width: 4px;
-}
-.spinner.s36 {
-  width: 36px;
-  height: 36px;
-  border-width: 4px;
-}
-.lds-spinner {
-  display: block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-spinner div {
-  transform-origin: 32px 32px;
-  animation: lds-spinner 1.2s linear infinite;
-}
-.lds-spinner div:after {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 0px;
-  left: 30px;
-  width: 5px;
-  height: 15px;
-  border-radius: 20%;
-  background: #FFF;
-}
-.lds-spinner div:nth-child(1) {
-  transform: rotate(0deg);
-  animation-delay: -1.1s;
-}
-.lds-spinner div:nth-child(2) {
-  transform: rotate(30deg);
-  animation-delay: -1s;
-}
-.lds-spinner div:nth-child(3) {
-  transform: rotate(60deg);
-  animation-delay: -0.9s;
-}
-.lds-spinner div:nth-child(4) {
-  transform: rotate(90deg);
-  animation-delay: -0.8s;
-}
-.lds-spinner div:nth-child(5) {
-  transform: rotate(120deg);
-  animation-delay: -0.7s;
-}
-.lds-spinner div:nth-child(6) {
-  transform: rotate(150deg);
-  animation-delay: -0.6s;
-}
-.lds-spinner div:nth-child(7) {
-  transform: rotate(180deg);
-  animation-delay: -0.5s;
-}
-.lds-spinner div:nth-child(8) {
-  transform: rotate(210deg);
-  animation-delay: -0.4s;
-}
-.lds-spinner div:nth-child(9) {
-  transform: rotate(240deg);
-  animation-delay: -0.3s;
-}
-.lds-spinner div:nth-child(10) {
-  transform: rotate(270deg);
-  animation-delay: -0.2s;
-}
-.lds-spinner div:nth-child(11) {
-  transform: rotate(300deg);
-  animation-delay: -0.1s;
-}
-.lds-spinner div:nth-child(12) {
-  transform: rotate(330deg);
-  animation-delay: 0s;
-}
-@keyframes lds-spinner {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.lds-ellipsis {
-  position: absolute;
-  width: 60px;
-  height: 30px;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  color: rgba(255, 255, 255, 0.8);
-}
-.lds-ellipsis div {
-  position: absolute;
-  top: 10px;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: currentColor;
-  animation-timing-function: cubic-bezier(0, 1, 1, 0);
-}
-.lds-ellipsis div:nth-child(1) {
-  left: 6px;
-  animation: lds-ellipsis1 0.6s infinite;
-}
-.lds-ellipsis div:nth-child(2) {
-  left: 6px;
-  animation: lds-ellipsis2 0.6s infinite;
-}
-.lds-ellipsis div:nth-child(3) {
-  left: 24px;
-  animation: lds-ellipsis2 0.6s infinite;
-}
-.lds-ellipsis div:nth-child(4) {
-  left: 42px;
-  animation: lds-ellipsis3 0.6s infinite;
-}
-@keyframes lds-ellipsis1 {
-  0% {
-    transform: scale(0);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes lds-ellipsis3 {
-  0% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0);
-  }
-}
-@keyframes lds-ellipsis2 {
-  0% {
-    transform: translate(0, 0);
-  }
-  100% {
-    transform: translate(18px, 0);
-  }
-}
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes zoom-in {
-  0% {
-    transform: scale(0.1);
-  }
-  100% {
-    transform: scale(1.0);
-  }
-}
-@keyframes zoom-out {
-  0% {
-    transform: scale(1.0);
-  }
-  100% {
-    transform: scale(0.1);
-  }
-}
-@keyframes slide-in-left {
-  from {
-    transform: translateX(0);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-@keyframes slide-out-left {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@keyframes slide-in-right {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(-100%);
-  }
-}
-@keyframes slide-out-right {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-/* src/css/core.css */
-
-/* src/mod/built-in/button/grid-btn.css */
-.cover :has(.grid-btn) {
-  padding: 0;
-}
-.grid-btn {
-  display: block;
-  width: 100%;
-  height: auto;
-  padding: 10px;
-  color: var(--color-gray);
-  background-color: transparent;
-  border: 2px solid #E5E7EB;
-  border-radius: 10px;
-}
-.grid-btn i {
-  margin: 0;
-  display: block;
-}
-.grid-btn .icon {
-  margin: 8px 0;
-  font-size: 48px;
-  font-weight: 300;
-}
-.grid-btn .text {
-  line-height: 2;
-  font-family: "Prompt";
-}
-.grid-btn:hover {
-  color: var(--color-blue);
-  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-}
-.grid-btn:hover .icon {
-  transform: scale(1.1);
-}
-.grid-btn:disabled {
-  color: #D1D5DB;
-  border-color: transparent;
-  background-color: transparent;
-}
-
-/* src/mod/built-in/button/style.css */
-button {
-  height: 40px;
-  outline: none;
-  border: none;
-  border-radius: 8px;
-  padding: 0 1em;
-  font-size: 16px;
-  font-family: "Prompt", sans-serif;
-  color: rgba(255, 255, 255, 1);
-  background-color: rgba(0, 0, 0, 0.2);
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent;
-}
-button[fill=clear] {
-  color: rgba(0, 0, 0, 0.4);
-  background-color: transparent;
-}
-button[fill=outline] {
-  color: rgba(0, 0, 0, 0.4);
-  background-color: transparent;
-  border: 2px solid rgba(0, 0, 0, 0.2);
-}
-button.block {
-  border-radius: 0;
-}
-button.round {
-  border-radius: 1.1em;
-}
-button:is(.square, .circle) {
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  font-family: var(--font-icon);
-  font-size: 20px;
-}
-button.circle {
-  border-radius: 50%;
-}
-button.xxl {
-  height: 52px;
-  font-size: 20px;
-}
-button.xl {
-  height: 48px;
-  font-size: 20px;
-}
-button.lg {
-  height: 44px;
-  font-size: 18px;
-}
-button.sm {
-  height: 36px;
-  font-size: 15px;
-}
-button.tn {
-  height: 32px;
-  font-size: 14px;
-}
-button.xxl:is(.square, .circle) {
-  width: 52px;
-  font-size: 24px;
-}
-button.xl:is(.square, .circle) {
-  width: 48px;
-  font-size: 24px;
-}
-button.lg:is(.square, .circle) {
-  width: 44px;
-  font-size: 22px;
-}
-button.sm:is(.square, .circle) {
-  width: 36px;
-  font-size: 18px;
-}
-button.tn:is(.square, .circle) {
-  width: 32px;
-  font-size: 16px;
-}
-button i {
-  margin-right: 0.375em;
-  font-style: normal;
-  font-family: var(--font-icon);
-}
-button.thin i,
-button.thin:is(.square, .circle) {
-  font-weight: 300 !important;
-}
-button.regular i,
-button.regular:is(.square, .circle) {
-  font-weight: 400 !important;
-}
-button.solid i,
-button.solid:is(.square, .circle) {
-  font-weight: 900 !important;
-}
-button.red {
-  background-color: var(--color-red);
-}
-button.orange {
-  background-color: var(--color-orange);
-}
-button.green {
-  background-color: var(--color-green);
-}
-button.blue {
-  background-color: var(--color-blue);
-}
-button.purple {
-  background-color: var(--color-purple);
-}
-button.gray {
-  background-color: var(--color-gray);
-}
-button.brown {
-  background-color: var(--color-brown);
-}
-button.teal {
-  background-color: var(--color-teal);
-}
-button.cyan {
-  background-color: var(--color-cyan);
-}
-button.light {
-  color: var(--link-color);
-  background-color: rgba(0, 0, 0, 0.05);
-  opacity: 1 !important;
-}
-button.light:hover {
-  color: var(--link-hover);
-  background-color: rgba(0, 0, 0, 0.08);
-}
-button.light:active {
-  color: var(--link-active);
-  font-size: 1.1em;
-}
-button[fill].red {
-  color: var(--color-red);
-  border-color: var(--color-red);
-  background-color: transparent;
-}
-button[fill].orange {
-  color: var(--color-orange);
-  border-color: var(--color-orange);
-  background-color: transparent;
-}
-button[fill].green {
-  color: var(--color-green);
-  border-color: var(--color-green);
-  background-color: transparent;
-}
-button[fill].blue {
-  color: var(--color-blue);
-  border-color: var(--color-blue);
-  background-color: transparent;
-}
-button[fill].purple {
-  color: var(--color-purple);
-  border-color: var(--color-purple);
-  background-color: transparent;
-}
-button[fill].gray {
-  color: var(--color-gray);
-  border-color: var(--color-gray);
-  background-color: transparent;
-}
-button[fill].brown {
-  color: var(--color-brown);
-  border-color: var(--color-brown);
-  background-color: transparent;
-}
-button[fill].teal {
-  color: var(--color-teal);
-  border-color: var(--color-teal);
-  background-color: transparent;
-}
-button[fill].cyan {
-  color: var(--color-cyan);
-  border-color: var(--color-cyan);
-  background-color: transparent;
-}
-button[fill=outline]:hover {
-  color: var(--link-active);
-  border-color: var(--link-active);
-}
-button[fill=clear]:hover {
-  color: var(--link-hover);
-  background-color: rgba(0, 0, 0, 0.05);
-}
-button[fill=clear]:active {
-  color: var(--link-active);
-}
-button:not([hover], [fill]):hover {
-  opacity: 0.9;
-}
-button:not([hover], [fill]):active {
-  opacity: 1;
-}
-button[hover=red]:hover {
-  background-color: var(--color-red);
-}
-button[hover=orange]:hover {
-  background-color: var(--color-orange);
-}
-button[hover=green]:hover {
-  background-color: var(--color-green);
-}
-button[hover=blue]:hover {
-  background-color: var(--color-blue);
-}
-button[hover=purple]:hover {
-  background-color: var(--color-purple);
-}
-button[hover=gray]:hover {
-  background-color: var(--color-gray);
-}
-button[hover=brown]:hover {
-  background-color: var(--color-brown);
-}
-button[hover=teal]:hover {
-  background-color: var(--color-teal);
-}
-button[hover=cyan]:hover {
-  background-color: var(--color-cyan);
-}
-button[shadow=true] {
-  box-shadow:
-    0 3px 1px -2px rgba(0, 0, 0, 0.2),
-    0 2px 2px 0 rgba(0, 0, 0, 0.14),
-    0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-button:disabled {
-  pointer-events: none;
-  color: #A1A1AA;
-  background-color: #E4E4E7;
-}
-button .btn-loader {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-/* src/mod/built-in/input/style.css */
-:root {
-  --input-bg: #FFFFFF;
-  --input-color: var(--text-color);
-  --input-border: 1px solid #D1D5DB;
-  --input-outline: #06B6D4;
-  --input-label: #0891B2;
-}
-input::placeholder,
-textarea::placeholder {
-  opacity: 0.4;
-  font-style: italic;
-}
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-input::file-selector-button {
-  color: var(--text-color);
-}
-input.date-only::-webkit-calendar-picker-indicator {
-  display: none;
-}
-input.date-only::-webkit-input-placeholder {
-  visibility: hidden;
-}
-input.hide {
-  width: 0 !important;
-  padding: 0 !important;
-  margin: 0 !important;
-  visibility: hidden;
-}
-.required {
-  color: #D1D5DB;
-  font-style: italic;
-}
-select,
-textarea,
-input:not([type=radio], [type=checkbox]) {
-  outline-color: var(--input-outline);
-  border: var(--input-border);
-  border-radius: 4px;
-  font-size: 16px;
-  font-family: "Sarabun", sans-serif;
-  line-height: 2.25;
-  color: var(--input-color);
-  background-color: var(--input-bg);
-}
-input:disabled,
-select:disabled,
-textarea:disabled {
-  color: #9CA3AF;
-  border-color: #E5E7EB;
-  background-color: #F3F4F6;
-}
-input:disabled + div.label,
-select:disabled + div.label {
-  background-color: transparent;
-}
-select,
-input:not([type=radio], [type=checkbox]) {
-  height: 40px;
-  padding: 1px 8px;
-}
-select.xl,
-input.xl {
-  height: 48px;
-  padding: 3px 8px;
-  line-height: 2.5;
-}
-select.lg,
-input.lg {
-  height: 44px;
-  padding: 3px 8px;
-}
-select.sm,
-input.sm {
-  height: 36px;
-  padding: 1px 8px;
-  line-height: 2;
-}
-select.tn,
-input.tn {
-  height: 32px;
-  padding: 1px 8px;
-  font-size: 14px;
-  line-height: 2;
-}
-select option {
-  font-size: 16px;
-}
-textarea {
-  width: 100%;
-  line-height: 1.5;
-  padding: 4px 8px;
-  resize: vertical;
-  vertical-align: top;
-}
-.input-box {
-  position: relative;
-  padding-top: 11.5px;
-}
-.input-box :is(input, select) {
-  width: 100%;
-}
-.input-box .label {
-  margin: 0;
-  padding: 0 4px;
-  line-height: 1.5;
-  color: #9CA3AF;
-  font-size: 13px;
-  font-style: italic;
-  position: absolute;
-  top: 0;
-  left: 10px;
-  background-color: #FFFFFF;
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.input-box input:focus + div.label,
-.input-box select:focus + div.label,
-.input-box textarea:focus + div.label {
-  color: var(--input-label);
-}
-
-/* src/mod/built-in/cover/style.css */
-:root {
-  --cover-bg: #FFFFFF;
-  --cover-bar-bg: #E5E7EB;
-  --cover-border: 1px solid #E5E7EB;
-}
-.cover {
-  position: relative;
-  padding: 10px;
-  line-height: 1.75;
-  background-color: var(--cover-bg);
-  min-height: 60px;
-}
-.cover.fit {
-  margin: 0 10px;
-}
-.cover.round {
-  border-radius: 8px;
-}
-.cover.border {
-  border: var(--cover-border);
-}
-.cover:not(:first-child) {
-  margin-top: 15px;
-}
-.cover.full {
-  padding: 15px;
-}
-#app.tabbar:has(.cover.full) {
-  padding-bottom: 46px;
-}
-#app-content:has(.cover.full) {
-  min-height: 100%;
-  background-color: var(--cover-bg);
-}
-.cover .cover-bar {
-  position: relative;
-  height: 40px;
-  line-height: 2.5;
-  font-weight: 500;
-  font-family: "Prompt";
-  text-align: center;
-  background-color: var(--cover-bar-bg);
-  z-index: 1;
-}
-.cover .cover-bar.outline {
-  border-radius: 0 !important;
-  border-top: var(--cover-border);
-  border-bottom: var(--cover-border);
-  background-color: transparent;
-}
-.cover .cover-bar.xl {
-  height: 48px;
-  line-height: 2.667;
-  font-size: 18px;
-}
-.cover .cover-bar.lg {
-  height: 44px;
-  line-height: 2.75;
-}
-.cover .cover-bar.sm {
-  height: 36px;
-  line-height: 2.25;
-}
-.cover .cover-bar.tn {
-  height: 32px;
-  line-height: 2;
-}
-.cover .cover-bar.title {
-  font-weight: 400;
-  color: #FFFFFF;
-  background-color: #64748B;
-}
-.cover.round .cover-bar {
-  border-radius: 4px;
-}
-.cover .cover-bar:not(.title) button {
-  opacity: 0.75;
-}
-.cover .cover-bar:not(.title) button:hover {
-  opacity: 1;
-}
-.cover .cover-body {
-  position: relative;
-}
-.cover .cover-body.pad {
-  padding: 10px;
-}
-.cover .cover-body.border {
-  padding: 10px;
-  margin-top: 10px;
-  border: var(--cover-border);
-}
-.cover.round .cover-body.border {
-  border-radius: 4px;
-}
-.cover hr {
-  margin: 5px 0;
-  border: none;
-  border-top: var(--cover-border);
-}
-.cover hr.dashed {
-  border-top-style: dashed;
-}
-.cover.grid {
-  display: grid;
-  grid-gap: 10px;
-  grid-template-columns: repeat(2, 1fr);
-}
-.cover.grid.col-3 {
-  grid-template-columns: repeat(3, 1fr);
-}
-.cover.grid.col-4 {
-  grid-template-columns: repeat(4, 1fr);
-}
-.cover.grid .span-2 {
-  grid-column: span 2;
-}
-.cover.grid .span-3 {
-  grid-column: span 3;
-}
-.cover.grid .span-4 {
-  grid-column: span 4;
-}
-.cover.grid .span,
-.cover.grid .cover-bar,
-.cover.grid hr:not(.cover-body hr) {
-  grid-column: 1 / span 2;
-}
-.cover.grid.col-3 .span,
-.cover.grid.col-3 .cover-bar,
-.cover.grid.col-3 hr:not(.cover-body hr) {
-  grid-column: 1 / span 3;
-}
-.cover.grid.col-4 .span,
-.cover.grid.col-4 .cover-bar,
-.cover.grid.col-4 hr:not(.cover-body hr) {
-  grid-column: 1 / span 4;
-}
-.cover.grid hr:not(.cover-body hr) {
-  margin: 0;
-}
-.cover.grid .cover-body.pad {
-  padding: 0 10px;
-}
-.cover.grid .cover-body.border {
-  margin: 0;
-}
-.cover.grid .grid-item {
-  text-align: center;
-  background-color: #F3F4F6;
-}
-.cover.grid.round .grid-item {
-  border-radius: 4px;
-}
-.cover .action-bar {
-  position: relative;
-  width: 100%;
-  margin: 5px 0;
-  min-height: 36px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-}
-.cover .action-bar.left {
-  float: unset;
-  justify-content: flex-start;
-}
-.cover .action-bar.right {
-  float: unset;
-  justify-content: flex-end;
-}
-.cover .action-bar.between {
-  justify-content: space-between;
-}
-.cover .action-bar.between .item {
-  display: flex;
-  align-items: center;
-}
-.cover .action-bar :is(.icon, button, input, select) {
-  margin: 0 3px;
-}
-.cover.menu {
-  display: grid;
-  grid-gap: 10px;
-  grid-template-columns: repeat(2, 1fr);
-  margin: 0 15px;
-  padding: 0;
-  border-radius: unset;
-  background-color: transparent;
-}
-.cover.menu .menu-btn {
-  height: auto;
-  padding: 10px;
-  border: none;
-  border-radius: 10px;
-  text-align: center;
-  color: rgba(255, 255, 255, 0.9);
-  background-color: #F3F4F6;
-}
-.cover.menu .menu-btn .icon {
-  font-weight: 900;
-  font-size: 38px;
-  padding: 4px;
-}
-.cover.menu .menu-btn .text {
-  font-size: 16px;
-  font-family: "Prompt";
-}
-.cover.menu .menu-btn:not([class*=" "]) {
-  color: var(--text-color);
-  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
-}
-.cover.menu .menu-btn:not([class*=" "]) .icon {
-  color: var(--color-cyan);
-  font-weight: 300;
-}
-.cover.menu .menu-btn.red {
-  background-color: var(--color-red);
-}
-.cover.menu .menu-btn.orange {
-  background-color: var(--color-orange);
-}
-.cover.menu .menu-btn.green {
-  background-color: var(--color-green);
-}
-.cover.menu .menu-btn.blue {
-  background-color: var(--color-blue);
-}
-.cover.menu .menu-btn.purple {
-  background-color: var(--color-purple);
-}
-.cover.menu .menu-btn.teal {
-  background-color: var(--color-teal);
-}
-.cover.menu .menu-btn.cyan {
-  background-color: var(--color-cyan);
-}
-.cover.menu .menu-btn:hover {
-  opacity: 1;
-}
-.cover.menu .menu-btn:not(:disabled):active .icon {
-  color: var(--link-active);
-  transform: scale(1.1);
-  transition: 0.1s;
-}
-.cover.menu .menu-btn:disabled :is(.icon, .text) {
-  color: #9CA3AF;
-  pointer-events: none;
-}
-.cover.markdown {
-  padding: 10px 20px;
-  line-height: 1.5;
-}
-.cover.markdown hr {
-  margin: 10px 0;
-}
-.cover.markdown :is(p, h1, h2, h3, h4) {
-  margin: 10px 0;
-}
-.cover.markdown :is(h1, h2) {
-  line-height: 1.75;
-  border-bottom: var(--cover-border);
-}
-.cover.markdown h1 {
-  font-size: 1.5rem;
-}
-.cover.markdown h2 {
-  font-size: 1.25rem;
-}
-.cover.markdown h3 {
-  font-size: 1.125rem;
-}
-#changelog.cover.markdown h2 {
-  font-size: 1rem;
-}
-#changelog.cover.markdown h2::before {
-  content: "#\a0";
-}
-.cover-loader {
-  position: absolute;
-  inset: 0;
-  padding: 16px;
-  display: flex;
-  justify-content: center;
-  z-index: 1;
-}
-.cover-loader.middle {
-  align-items: center;
-  transform: unset;
-}
-
-/* src/mod/built-in/style.css */
-
-/* src/svchub/hwlink/style.css */
-/*# sourceMappingURL=style.css.map */