.text-primary-d4-0-1-152 {
    color: rgb(47, 79, 79);
}

.text-primary-tint-600-d94-0-1-242 {
    color: rgb(86, 143, 143);
}

.text-primary-tint-100-d79-0-1-227 {
    color: rgb(239, 245, 245);
}

.bg-primary-shade-900-d36-0-1-184 {
    background-color: rgb(24, 27, 27);
}

.bg-primary-shade-1000-d39-0-1-187 {
    background-color: rgb(12, 13, 13);
}
.text-white-0-1-6 {
    color: rgb(239, 245, 245);
}
svg.text-white-0-1-6 {
    stroke: rgb(239, 245, 245);
}
.bg-primary-d6-0-1-154 {
    background-color: rgb(47, 79, 79) !important;
}
.divider-top {
    background: linear-gradient(to bottom, #18181b 0%, #000000 100%);
    height: 4px;
}
.divider-bottom {
    background: linear-gradient(to bottom, #000000 0%, #18181b 100%);
    height: 4px;
}
.border-primary-d5-0-1-153 {
    /*border-color: rgb(47, 79, 79);
    border-top-color: rgb(47, 79, 79);
    border-right-color: rgb(47, 79, 79);
    border-bottom-color: rgb(47, 79, 79);
    border-left-color: rgb(47, 79, 79);*/
    border-color: transparent;
}
.screenshot-light {
    opacity:0 !important;
}
.screenshot-dark {
    opacity:1 !important;
}
.logo svg {
    fill: #335 !important;
}
.logo svg .logo-moon {
    stroke: #335 !important;
    fill: #eff5f5 !important;
}
.highlight {
    /* color: #505085 !important; */
    color: #6767ab !important;
}
a.highlight:hover {
    /*color: #6767ab !important;*/
    color: #7e7ed1 !important;
}
a:not(.button):hover p {
    color: #505085 !important;
}
button.highlight-bg {
    background: #505085 !important;
}
button.highlight-bg:hover {
    background: #335 !important;
}

/* Custom Scrollbar Styles */
* {
    scrollbar-width: auto;
    scrollbar-color: #6767ab rgba(24, 24, 27);
}

/* Webkit Scrollbar Styles */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: rgba(24, 24, 27);
    border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
    background: #6767ab;
    border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
    background: #7e7ed1;
}