@import url("https://fonts.googleapis.com/css2?family=Honk&display=swap");.section-dashboard[data-v-66535a0f] {
  /* background: linear-gradient(219deg, #E7F5FC 100%, #F0FAFF 100%, #FAFBFC 100%); */
}
.section-home[data-v-66535a0f] {
  /* background: linear-gradient(0deg, #CEECFF 100.18%, rgba(227, 239, 247, 0.68) 100%, #FFF 0%); */
}
.section-about-us[data-v-66535a0f] {
  /* background: linear-gradient(0deg, #E7F5FC 100%, #F0FAFF 100%, #FAFBFC 0%); */
}
.section-mobile[data-v-66535a0f] {
  /* background: linear-gradient(180deg, #CEECFF 4.18%, rgba(227, 239, 247, 0.68) 72.95%, #FFF 100.92%); */
}
.section-mobile-2[data-v-66535a0f] {
  /* background: linear-gradient(180deg, #E7F5FC 0%, #F0FAFF 46.5%, #FAFBFC 100%); */
}
.section-language:hover img[data-v-66535a0f] {
  /* filter: invert(66%) sepia(53%) saturate(1279%) hue-rotate(349deg) brightness(97%) contrast(86%) !important; */
}
.section-language[data-v-66535a0f]:hover {
  /* color: #1B82D4; */
}
.activeRotate[data-v-66535a0f] {
  transform: rotate(180deg);
  transition: all .2s ease-out;
}
.img-color[data-v-66535a0f] {
  display: none;
}
.hover-icon:hover .img-color[data-v-66535a0f] {
  display: block !important;
}
.hover-icon:hover .img-no-color[data-v-66535a0f] {
  display: none !important;
}
.section-convert[data-v-66535a0f] {
  background: linear-gradient(180deg, #ceecff 4.18%, rgba(227,239,247,.68) 72.95%, #fff 100.92%);
}
.text-message:hover .text-title[data-v-66535a0f] {
  /* color: var(--accent-selected) !important; */
}
.btn-currency:hover .text-currency[data-v-66535a0f] {
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.img-language[data-v-66535a0f] {
  color: #fabc2e;
  /* filter: invert(32%) sepia(78%) saturate(6025%) hue-rotate(196deg) brightness(94%) contrast(85%) !important; */
}
.btn-language:hover .text-language[data-v-66535a0f] {
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.loader[data-v-66535a0f] {
  animation: spinner-66535a0f 1.5s linear infinite;
  border-top-color: #3498db;
}
@keyframes spinner-66535a0f {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
.scrollbar[data-v-66535a0f] {
  overflow-y: scroll;
}
.scrollbarSecond[data-v-66535a0f] {
  height: 196px;
  overflow-y: scroll;
}
#style-3[data-v-66535a0f]::-webkit-scrollbar-track {
  /* background-color: white; */
}
#style-3[data-v-66535a0f]::-webkit-scrollbar {
  width: 4px;
}
#style-3[data-v-66535a0f]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 4px solid transparent;
  /* Adjusted height for style-3 */
  border-radius: 10px;
  height: 120px;
}
#style-4[data-v-66535a0f]::-webkit-scrollbar-track {
  background-color: transparent;
  height: 68px;
  /* Explicitly set the height of the track */
}
#style-4[data-v-66535a0f]::-webkit-scrollbar {
  width: 4px;
}
#style-4[data-v-66535a0f]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 12px solid transparent;
  border-radius: 10px;
  /* Explicitly set a small height for the thumb */
  box-sizing: border-box;
  height: 20px;
  /* Create padding inside the thumb to simulate a smaller size */
}
.asset-container:active .asset-label[data-v-66535a0f] {
  color: var(--grey-700) !important;
}
.qrcode-wrapper[data-v-66535a0f] {
  background: #fff;
  border: 1px solid var(--grey-300);
  border-radius: 12px;
  width: auto;
}
.section-home[data-v-6710a601] {
  background: #fff;
}
.section-dashboard[data-v-6710a601] {
  /* background: linear-gradient(180deg, #E7F5FC 0%, #F0FAFF -0.5%, #FAFBFC 0%); */
}
.section-language:hover img[data-v-6710a601] {
  /* filter: invert(43%) sepia(56%) saturate(1394%) hue-rotate(179deg) brightness(87%) contrast(91%) !important; */
}
.img-hover[data-v-6710a601] {
  color: #fabc2e;
  /* filter: invert(32%) sepia(78%) saturate(6025%) hue-rotate(196deg) brightness(94%) contrast(85%) !important; */
}
.btn-currency:hover .text-currency[data-v-6710a601] {
  /* color: #1B82D4 !important; */
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.btn-language:hover .text-language[data-v-6710a601] {
  /* color: #1B82D4 !important; */
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.section-language[data-v-6710a601]:hover {
  /* color: #1B82D4; */
}
.scrollbar[data-v-6710a601] {
  overflow-y: scroll;
}
.scrollbarSecond[data-v-6710a601] {
  height: 196px;
  overflow-y: scroll;
}
#style-3[data-v-6710a601]::-webkit-scrollbar-track {
  /* background-color: white; */
}
#style-3[data-v-6710a601]::-webkit-scrollbar {
  width: 4px;
}
#style-3[data-v-6710a601]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 4px solid transparent;
  border-radius: 10px;
  height: 120px; /* Adjusted height for style-3 */
}
#style-4[data-v-6710a601]::-webkit-scrollbar-track {
  background-color: transparent;
  height: 68px; /* Explicitly set the height of the track */
}
#style-4[data-v-6710a601]::-webkit-scrollbar {
  width: 4px;
}
#style-4[data-v-6710a601]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 12px solid transparent; /* Create padding inside the thumb to simulate a smaller size */
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px; /* Explicitly set a small height for the thumb */
}.img-language[data-v-d3687e45] {
  filter: invert(32%) sepia(78%) saturate(6025%) hue-rotate(196deg) brightness(94%) contrast(85%) !important;
}
.btn-currency:hover .text-currency[data-v-d3687e45] {
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.btn-language:hover .text-language[data-v-d3687e45] {
  color: var(--accent-selected) !important;
  font-weight: 500 !important;
}
.scrollbar[data-v-d3687e45] {
  overflow-y: scroll;
}
.scrollbarSecond[data-v-d3687e45] {
  height: 196px;
  overflow-y: scroll;
}
#style-3[data-v-d3687e45]::-webkit-scrollbar-track {
  /* background-color: white; */
}
#style-3[data-v-d3687e45]::-webkit-scrollbar {
  width: 4px;
}
#style-3[data-v-d3687e45]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 4px solid transparent;
  border-radius: 10px;
  height: 120px; /* Adjusted height for style-3 */
}
#style-4[data-v-d3687e45]::-webkit-scrollbar-track {
  background-color: transparent;
  height: 68px; /* Explicitly set the height of the track */
}
#style-4[data-v-d3687e45]::-webkit-scrollbar {
  margin-right: -16px; /* Adjusted to move scrollbar 20px to the right */
  width: 4px;
}
#style-4[data-v-d3687e45] {
  padding-right: 24px; /* Adjust as necessary to balance the margin change */
}
#style-4[data-v-d3687e45]::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar);
  border: 12px solid transparent; /* Create padding inside the thumb to simulate a smaller size */
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px; /* Explicitly set a small height for the thumb */
}.default-layout__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.default-layout__main {
  flex: 1;
  height: 700px;
}
.section-dashboard {
  /* background: linear-gradient(180deg, #E7F5FC 0%, #F0FAFF 46.5%, #FAFBFC 100%); */
}
@media only screen and (max-width:480px) {
.section-dashboard {
    /* background: linear-gradient(180deg, #E7F5FC 0%, #FFF 100%, #FAFBFC 0%); */
}
.default-layout__wrapper {
    width: 101% !important;
}
}
/* message.Api */
.ant-message-notice .ant-message-notice-content {
  background: var(--bg-modal);
}