:root body[data-theme="light"], .bodyLightTemp {
    --bg-main:#fff;
    --bg-main-2:#fff;
    --bg-main-3:rgba(36, 42, 53, 1.0);
    --bg-bg-progreesbar:#ecf1f4;
    --bg-accent:#065e55;
    --bg-accent-2:rgba(121, 208, 246, 0.9);
    --bg-accent-3:#33d766;
    --bg-accent-4:#dcf8c6;
    --bg-accent-5:#34b7f1;
    --bg-accent-6:#ece5dd;
    --link-color:#42afc7;
    --map-invert:none;
    --bg-select:#fff;
    --text-primary:#000;
    --border-color:rgba(229, 231, 235, 1);
    --bg-map:linear-gradient(-180deg, rgba(255, 255, 255, 0.6) 0%, white 100%),url("/img/bg-map@2x.jpg");
    --bg-gray-100:rgba(243, 244, 246, 1);
    --bg-white:rgba(255, 255, 255, 1);
    --rg-crypto: rgba(242, 245, 250, 0) linear-gradient(to right, rgb(242, 245, 250) 20%, rgba(242, 245, 250, 0) 100%) repeat scroll 0% 0%;
}

:root body[data-theme="dark"], .bodyDarkTemp {
    --bg-main:rgba(31, 35, 44, 1.0);
    --bg-main-2:rgba(36, 42, 53, 1.0);
    --bg-main-3:#fff;
    --bg-bg-progreesbar:rgba(36, 42, 53, 1.0);
    --bg-accent:#065e55;
    --bg-accent-2:rgba(35, 42, 54, 1.0);
    --bg-accent-3:#33d766;
    --bg-accent-4:#dcf8c6;
    --bg-accent-5:#34b7f1;
    --bg-accent-6:#ece5dd;
    --link-color:#42afc7;
    --map-invert:invert(80%);
    --bg-select:rgba(36, 42, 53, 1.0);
    --text-primary:#fff;
    --border-color:rgba(30, 35, 44,1);
    --bg-map:linear-gradient(-180deg, rgba(30, 35, 45, 0.7) 0%, rgba(30, 35, 45, 1) 100%),url("/img/bg-map@2x-dark.jpg");
    --bg-gray-100: #20232b;
    --bg-white:#252a34;
    --rg-crypto: rgba(32, 35, 43, 0) linear-gradient(to right, rgb(32, 35, 43) 20%, rgba(32, 35, 43, 0) 100%) repeat scroll 0% 0%;
}

.dark .dark\:bg-dark {
    --tw-bg-opacity:1;
    background-color:rgba(31, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:bg-dark-100 {
    --tw-bg-opacity:1;
    background-color:rgba(36, 42, 53,var(--tw-bg-opacity))
}
@media (min-width: 640px) {
.dark  .sm\:bg-dark-100 {
    --tw-bg-opacity:1;
    background-color:rgba(36, 42, 53,var(--tw-bg-opacity))
}}
.dark .dark\:hover\:bg-dark-100:hover {
    --tw-bg-opacity:1;
    background-color:rgba(31, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:hover\:bg-dark-50:hover {
    --tw-bg-opacity:1;
    background-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:hover\:text-gray-900:hover {
    --tw-bg-opacity:1;
    color:rgba(226, 226, 226,var(--tw-bg-opacity));
}
.dark .dark\:bg-dark-400 {
    --tw-bg-opacity:1;
    background-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:border-dark-100 {
    --tw-bg-opacity:1;
    border-color:rgba(30, 35, 44,var(--tw-bg-opacity))
}
.dark .dark\:border-dark-200 {
    --tw-bg-opacity:1;
    border-color:rgba(48, 56, 69,var(--tw-bg-opacity))
}
.dark .dark\:border-yellow-100 {
    border-color: rgba(241,180,76,.25);
}
.dark .dark\:border-red-100 {
    border-color: rgba(244,106,106,.45);
}
.dark .dark\:border-green-100 {
    border-color: rgba(52,195,143,.25);
}
.dark .dark\:border-blue-100 {
    border-color: rgba(80,165,241,.25);
}
.dark .dark\:text-dark-900 {
    --tw-bg-opacity:1;
    color:rgba(255, 255, 255,var(--tw-bg-opacity));
    fill:rgba(255, 255, 255,var(--tw-bg-opacity));
}
.dark .dark\:text-gray-700 {
    --tw-bg-opacity:1;
    color:rgba(226, 226, 226,var(--tw-bg-opacity));
    fill:rgba(226, 226, 226,var(--tw-bg-opacity));
}
.dark .dark\:color-dark-accent {
    color:var(--bg-accent)
}
.dark .dark\:color-dark-link {
    color:var(--link-color)
}
.dark .dark\:text-white {
    color:rgba(255, 255, 255,var(--tw-bg-opacity))
}
.dark .dark\:text-gray-500 {
    color:rgba(156, 163, 175, 1)
}
.dark .dark\:display-none {
    display: none;
}
.map-invert{
    filter: var(--map-invert);
    -ms-filter: var(--map-invert);
    -webkit-filter: var(--map-invert);
    -moz-filter: var(--map-invert);
    -o-filter: var(--map-invert)}
.text-primary{
    color:var(--text-primary);
fill:var(--text-primary);
}
.color-link {
    color: #42afc7;
    fill: #42afc7;
}
.color-base {
    color:var(--bg-accent)
}
.bg-accent {background-color: var(--bg-accent)}
.bg-gray-100 { --tw-bg-opacity: 1;
    background-color: var(--bg-gray-100)}
.bg-white { --tw-bg-opacity: 1;
    background-color: var(--bg-white)}