bge-ui 1.0.21 → 1.0.23

package/icons/color/star.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.33514e-05L14.6942 8.29181H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.29181H9.30583L12 1.33514e-05Z" fill="#2DE37C"/>
-<path d="M19.0534 21.7082L16.3593 13.4164L12 16.5836L19.0534 21.7082Z" fill="#279E5B"/>
-</svg>

package/icons/color/success-fill.svg

@@ -1,11 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_12563_8607)">
-<rect width="24" height="24" fill="#798DA3"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5288 8.91107L11.1746 17.047L10.4319 16.3569C9.07309 15.0944 6.32315 12.5574 5.86764 12.1954L7.11187 10.6295C7.5597 10.9854 9.62171 12.8806 11.0499 14.2024L17.0451 7.56993L18.5288 8.91107Z" fill="#191F24"/>
-</g>
-<defs>
-<clipPath id="clip0_12563_8607">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/icons/color/time-fill.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="10" fill="#798DA3"/>
-<path d="M12 7H10V14.5H16.5V12.5H12V7Z" fill="#191F24"/>
-</svg>

package/icons/color/toward-fill.svg

@@ -1,6 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="10" fill="#798DA3"/>
-<path d="M6.5 10.75H9V13.25H6.5V10.75Z" fill="#191F24"/>
-<path d="M10.75 10.75H13.25V13.25H10.75V10.75Z" fill="#191F24"/>
-<path d="M17.5 10.75H15V13.25H17.5V10.75Z" fill="#191F24"/>
-</svg>

package/src/icons/CoinHkd.vue

@@ -1,80 +0,0 @@
-<template>
-  <svg
-    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M0 12C-3.32088e-08 13.5759 0.310389 15.1363 0.913446 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12Z"
-      fill="#D93145"
-    />
-    <path
-      d="M3.975 16.225V7.29641H5.94559V10.9119H7.3217V7.29641H9.3033V16.225H7.3217V12.3229H5.94559V16.225H3.975Z"
-      fill="white"
-    />
-    <path
-      d="M10.2828 16.225V7.29641H12.2534V10.945L13.7506 7.29641H15.6772L14.0259 11.3308L15.7542 16.225H13.7506L12.4626 12.2788L12.2534 12.6315V16.225H10.2828Z"
-      fill="white"
-    />
-    <path
-      d="M17.7114 17.4375V16.3463C16.9555 16.3095 16.5367 16.067 16.155 15.6187C15.7807 15.1631 15.5789 14.465 15.5496 13.5244L17.2339 13.2708C17.2413 13.653 17.2743 13.9616 17.333 14.1968C17.3917 14.4319 17.4761 14.601 17.5862 14.7038C17.7036 14.8067 17.8431 14.8582 18.0045 14.8582C18.21 14.8582 18.3421 14.7883 18.4009 14.6487C18.4669 14.5091 18.4999 14.3621 18.4999 14.2078C18.4999 13.8404 18.4119 13.5317 18.2357 13.2819C18.0669 13.0247 17.8321 12.7675 17.5312 12.5103L16.7495 11.8379C16.5293 11.6395 16.3275 11.4374 16.144 11.2316C15.9679 11.0185 15.8248 10.776 15.7147 10.5041C15.6046 10.2248 15.5496 9.89415 15.5496 9.51202C15.5496 8.8139 15.7477 8.26643 16.144 7.8696C16.5477 7.47278 16.9875 7.21877 17.3873 7.1972V6.15002H18.3238V7.18618C18.7495 7.20823 19.0907 7.30743 19.3476 7.4838C19.6045 7.65282 19.7953 7.86593 19.9201 8.12313C20.0522 8.37299 20.1403 8.64121 20.1843 8.92781C20.2357 9.20706 20.265 9.46793 20.2724 9.71044L18.566 9.91987C18.5586 9.65532 18.5403 9.42384 18.5109 9.22543C18.4889 9.02701 18.4376 8.87637 18.3568 8.77349C18.2834 8.66326 18.1623 8.61182 17.9935 8.61916C17.81 8.61916 17.6743 8.69633 17.5862 8.85065C17.4981 9.00497 17.4541 9.15929 17.4541 9.31361C17.4541 9.66634 17.5422 9.95294 17.7183 10.1734C17.9018 10.3865 18.0999 10.5886 18.3128 10.7797L19.0614 11.43C19.3109 11.6578 19.5384 11.9003 19.7439 12.1575C19.9568 12.4147 20.1256 12.7013 20.2503 13.0173C20.3751 13.3333 20.4375 13.6971 20.4375 14.1086C20.4375 14.4981 20.3568 14.8545 20.1953 15.1778C20.0338 15.5012 19.8027 15.7657 19.5017 15.9715C19.2008 16.1699 18.9912 16.2911 18.5729 16.3352V17.4375H17.7114Z"
-      fill="white"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'CoinHkd',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/CoinUsd.vue

@@ -1,72 +0,0 @@
-<template>
-  <svg
-    :style="`width: 1em; height: 1em; font-size: ${size}px;`"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M0 12C-3.32088e-08 13.5759 0.310389 15.1363 0.913446 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12Z"
-      fill="#4CAF50"
-    />
-    <path
-      d="M13.7942 15.0764C13.7942 13.805 12.7089 13.4632 11.5457 12.9415C9.92673 12.2279 8.19388 11.6162 8.19388 9.0916C8.19388 8.27005 8.45171 5.98529 11.6356 5.57751V3.71252H13.0267V5.6015C15.8448 6.08723 16.2585 8.19809 16.3125 9.6553H13.7942C13.7942 8.15611 13.1106 7.57443 12.2112 7.57443C12.0088 7.56077 11.8058 7.59101 11.6161 7.66306C11.4264 7.73512 11.2545 7.8473 11.1122 7.99193C10.9698 8.13656 10.8604 8.31023 10.7914 8.50105C10.7224 8.69188 10.6953 8.89537 10.7122 9.0976C10.7122 11.7122 16.3125 10.7407 16.3125 15.0584C16.3125 18.0927 13.3685 18.5005 12.8468 18.5545V20.2875H11.4437V18.5605C10.9233 18.5447 10.4114 18.4242 9.93859 18.2061C9.4658 17.988 9.04182 17.6768 8.692 17.2911C8.34218 16.9054 8.0737 16.4531 7.90261 15.9613C7.73151 15.4695 7.66131 14.9483 7.69621 14.4287H10.1966C10.1966 16.6295 11.8634 16.5755 12.1033 16.5755C12.3155 16.6019 12.5308 16.5828 12.735 16.5195C12.9392 16.4562 13.1276 16.35 13.2876 16.2082C13.4475 16.0663 13.5755 15.892 13.6628 15.6969C13.7502 15.5017 13.795 15.2902 13.7942 15.0764Z"
-      fill="#FDFDFD"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'CoinUsd',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2All.vue

@@ -1,75 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M16 2L28.1244 9V23L16 30L3.87564 23V9L16 2Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16 14.2634L21.2442 11.2043L22.7558 13.7957L17.5 16.8616V23H14.5V16.8616L9.2442 13.7957L10.7558 11.2043L16 14.2634Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2All',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Api.vue

@@ -1,71 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="4" y="4" width="24" height="24" class="bge-fill-icon-gray" />
-    <path
-      d="M8.57538 19.182L10.6967 21.3033L16 16L10.6967 10.6967L8.57538 12.818L11.7574 16L8.57538 19.182Z"
-      class="bge-fill-icon-theme"
-    />
-    <path d="M23 18H17V21H23V18Z" class="bge-fill-icon-theme" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Api',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Assets.vue

@@ -1,72 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="16" cy="16" r="14" class="bge-fill-icon-gray" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M16 9L23 16L16 23L9 16L16 9ZM16 13.1704L13.1704 16L16 18.8296L18.8296 16L16 13.1704Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Assets',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Bill1.vue

@@ -1,70 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2 5H30V28L26.5 25L23 28L19.5 25L16 28L12.5 25L9 28L5.5 25L2 28V5Z"
-      class="bge-fill-icon-gray"
-    />
-    <path d="M10 13H22V16H10V13Z" class="bge-fill-icon-theme" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Bill1',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Bill2.vue

@@ -1,68 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="5" y="2" width="22" height="28" class="bge-fill-icon-gray" />
-    <path d="M21 11H11V14H21V11Z" class="bge-fill-icon-theme" />
-    <path d="M21 17H11V20H21V17Z" class="bge-fill-icon-theme" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Bill2',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Card.vue

@@ -1,67 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="2" y="6" width="28" height="20" class="bge-fill-icon-gray" />
-    <rect x="2" y="11" width="28" height="3" class="bge-fill-icon-theme" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Card',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC2Complete.vue

@@ -1,72 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="16" cy="16" r="14" class="bge-fill-icon-gray" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M23.8693 12.8047L14.9314 22.1984L8.41638 15.7846L10.521 13.6467L14.8614 17.9197L21.6959 10.7368L23.8693 12.8047Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC2Complete',
-})
-</script>
-<style lang="scss">
-.bge-color-svg {
-  --icon-theme: #fff833;
-  --icon-gray: #9baec2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #ffff38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404d;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
-}
-
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>