:root {
    --border-color: #171818;
    --primary-gradient-start: #4c27c4;
    --primary-gradient-mid-1: #5F30F8;
    --primary-gradient-mid-2: #9435f7;
    --primary-gradient-end: #9130f8;
    --text-forge-light: #9c7eff;
    --text-forge: #5F30F8;
    --bg-blur: blur(10px);
    --switch-bg-color: #22c55e;
    --scrollbar-bg: transparent;
    --scrollbar-thumb-bg: #222;
    --bg-dark: #0a0a0c;
    --bg-dark-shade: #010102;
    --bg-dark-light: #0e0e10;
    --nav-option-color: #9997a4;
    --nav-option-hover-color: #eee;
    --icons-main: none;
    --question-circle-color: #3d3d3d;
    --tippy-bg: #131317;
    --tippy-text: #ccc;
    --tippy-border-color: #1D1D1D;
    --dashboard-icons: #373540;
    --text-main: #fff;
    --text-gray: silver;
}

.text-gray-100,.text-gray-200,.text-main{
    color:var(--text-main)
}
.bg-dark-gradient {
background: rgb(10,10,12);
background: linear-gradient(42deg, rgba(10,10,12,1) 0%, rgba(10,10,12,1) 35%, rgba(10,10,12,1) 72%, rgba(133,133,134,0.14189425770308128) 86%, rgba(255,255,255,0.06906512605042014) 100%);
}
.bg-dark-shade{
    background:var(--bg-dark-shade)
}
.bg-dark{
    background:var(--bg-dark)
}
.bg-dark-light{
    background:var(--bg-dark-light)
}
.bg-dark-lighter {
    background-color: rgb(255 255 255 / 4%);
}
.border-gray{
    border:1px solid var(--border-color)
}
#loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#0b0b0f;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:1;
    transition:opacity .5s ease-in-out
}
#loader-wrapper.hidden{
    opacity:0;
    pointer-events:none
}
#loader-wrapper img{
    max-width:15%;
    max-height:15%
}
.text-main.text-sm.align-text-top{
    background-color:#22c55e;
    padding:5px;
    align-items:center;
    border:1px solid #ccc;
    margin-top:10px;
    margin-left:10px;
    text-align:center;
    position:absolute;
    border-radius:50%;
    z-index:5
}
.checkbox-label,.menu-button,.nav-option{
    cursor:pointer
}
a.flex.items-center.nav-option.active-tab{
    background:var(--bg-dark-light);
    color:var(--text-main);
    border-radius:5px;
    padding-left:20px;
    padding-right:10px
}
h4[data-tippy-root]{
    z-index:99;
    width:400px
}
.block{
    position:relative
}
.text-xxs{
    font-size:.7rem
}
nav{
    z-index:2
}
.text-title{
    margin:0 0 10px;
    text-transform:uppercase;
    font-size:10px
}
.text-forge-light{
    color:var(--text-forge-light)
}
.text-forge{
    color:var(--text-forge)
}
.bg-blur{
    backdrop-filter:var(--bg-blur)
}
::-webkit-scrollbar{
    width:6px;
    height:6px;
    background-color:var(--scrollbar-bg)
}
::-webkit-scrollbar-thumb{
    background-color:var(--scrollbar-thumb-bg);
    border-radius:10px
}
body{
    font-family:Inter,sans-serif;
    transition:filter .5s ease-out
}
.fa-question-circle,.ri-information-fill,.ri-question-fill,.ri-question-line,.tip-info{
    color:var(--question-circle-color)
}
.tippy-box[data-theme~=forge]{
    background-color:var(--tippy-bg);
    color:var(--tippy-text);
    border:1px solid var(--tippy-border-color);
    font-size:13px
}
.tippy-box[data-theme~=forge][data-placement^=top]>.tippy-arrow::before{
    border-top-color:var(--tippy-bg)
}
.tippy-box[data-theme~=forge][data-placement^=bottom]>.tippy-arrow::before{
    border-bottom-color:var(--tippy-bg)
}
.tippy-box[data-theme~=forge][data-placement^=left]>.tippy-arrow::before{
    border-left-color:var(--tippy-bg)
}
.tippy-box[data-theme~=forge][data-placement^=right]>.tippy-arrow::before{
    border-right-color:var(--tippy-bg)
}
.btn-gradient{
    background:linear-gradient(to left,var(--primary-gradient-start),var(--primary-gradient-mid-1),var(--primary-gradient-mid-2),var(--primary-gradient-end));
    background-size:200% auto;
    color:#fff;
    transition:background-position 1s
}
.btn-gradient:hover{
    background-position:right center
}
.category-separator{
    border-color:var(--border-color);
    width:90%;
    box-sizing:content-box;
    margin-right:auto;
    margin-left:auto
}
.selected-bot{
    border-bottom:1px solid var(--border-color);
    padding-bottom:20px
}
.dashboard-icon{
    min-width:30px;
    max-width:30px;
    color:var(--dashboard-icons)
}
.nav-option,.nav-option:hover .dashboard-icon{
    color:var(--nav-option-color)
}
.nav-option{
    padding:8px 0;
    font-size:12px
}
.nav-option:hover{
    color:var(--nav-option-hover-color)
}
.nav-section-text{
    cursor:pointer;
    text-transform:uppercase;
    font-size:11px;
    user-select:none
}
.nav-section-text:hover{
    color:var(--tippy-text)
}
.nav-section-text.active i{
    transform:rotate(180deg)
}
.nav-tabs{
    margin: 0;
    list-style: none;
    background-color: rgb(4 4 4 / 4%);
    border: 1px solid rgb(255 255 255 / 3%);
    border-radius: 10px;
    padding: 15px 7px 15px 0px;
}
.checkbox-container input[type=checkbox],.hidden{
    display:none
}
.checkbox-container{
    display:flex;
    align-items:center;
    cursor:pointer
}
.custom-checkbox.checked{
    background-color:#059669;
    border:2px solid #2dedb2
}
.custom-checkbox{
    width:10px;
    height:10px;
    background-color:#fff;
    border-radius:4px;
    margin-right:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.checkbox-container:hover{
    background-color:var(--bg-dark-light)
}
.enum-list{
    display:inline-block;
    font-size:12px;
    color:#a5a5a5;
    background-color:#212121;
    border-radius:5px;
    padding:1px 4px
}
.changelog-badge,.small-badge{
    margin-left:auto;
    font-size:10px;
    color:#fff;
    border-radius:5px
}
.small-badge{
    padding:1px 5px
}
.changelog-badge{
    padding:2px 7px
}
.changelog-title{
    margin-top:15px;
    font-size:24px;
    font-weight:600
}
.changelog-function{
    font-size:13px
}
.changelog-text{
    font-size:12px;
    color:#bdbcbc;
    background-color:rgb(255 255 255 / 5%);
    border-radius:5px;
    padding:2px 8px 2px 5px
}
.border-info{
    border-left:2px solid #aaa;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:3px
}
.nav-list-name{
    max-width:calc(100% - 50px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
    vertical-align:middle
}
.token.symbol-dollar{
    color:#ff5722
}
.token.function-name{
    color:#b765ff
}
.token.symbol-brackets{
    color:#fe7aff
}
.token.symbol-semicolon{
    color:#ff9d1e
}
.docs-argument-table{
    width:100%;
    border-collapse:collapse;
    overflow-x:auto
}
.docs-argument-table td,.docs-argument-table th{
    border:1px solid var(--border-color);
    color:#ccc;
    text-align:center;
    padding:8px 19px
}
@media screen and (min-width:768px){
    .docs-argument-table{
        width:100%;
        border-collapse:collapse
    }
    .docs-argument-table td,.docs-argument-table th{
        border:1px solid var(--border-color);
        color:#ccc;
        text-align:center;
        padding:8px 19px
    }
}
.docs-description{
    color:var(--text-gray)
}
.docs-title{
    font-size:25px;
    font-weight:600
}
.docs-subtitle{
    font-size:17px;
    font-weight:600
}
.docs-separator{
    width:100%;
    height:1px;
    background-color:var(--border-color);
    margin-top:10px;
    margin-bottom:10px
}
@keyframes dot-animation{
    0%,20%{
        content:"."
    }
    40%{
        content:".."
    }
    60%{
        content:"..."
    }
    100%,80%{
        content:""
    }
}
.animate-dots::after{
    content:"";
    display:inline-block;
    width:1.2em;
    text-align:left;
    animation:2s steps(4) infinite dot-animation
}
@keyframes spinner{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.animate-spinner{
    animation:1.5s linear infinite spinner
}
.border-markdown{
    border-left:4px solid #333;
    padding:10px 15px;
    background-color:var(--bg-dark-light)
}
.left-connector{
    border-left:1px solid #333;
    padding-left:30px
}
.title-badge{
    padding:1px 4px
}
.content-table li{
    color:#fff
}
.content-table li a{
    color:#8f3de2
}
.content-table{
    padding:20px 40px;
    border:1px solid #18181c;
    width:fit-content;
    border-radius:10px
}
.sub-folder {
    margin-left: 8px;
}
.active-changelog-btn {
    border-bottom: 2px solid #ffffff !important;
    color: #ffffff;
}
.buttons-holder a {
    border-bottom: 2px solid #2b2b2b;
}
a[href]:not(li a) {
    color: rgba(139,92,246,var(--tw-text-opacity));
    text-decoration: none;
}
a[href]:hover:not(li a) {
    color: #b77ef3;
}
a[href]:active:not(li a) {
    color: #f27ef3;
}
input[type="checkbox"]:checked + .block {
    background: var(--switch-bg-color);
}
input[type="checkbox"]:checked + .block .dot {
    transform: translateX(95%);
    background-color: #ffffff;
    left: auto;
    right: 19px;
}
.block {
    position: relative;
}
.w-fit {
    width: fit-content;
}
.gray-button:hover {
    background-color: #383841;
}
.user-article ul {
    list-style: inherit;
    margin: 0;
    padding: revert;
}
.user-article ol {
    list-style: revert;
    margin: 0;
    padding: revert;
}
.user-article mark {
    color: #b296e1;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 4px;
    font-family: monospace;
    background-color: rgb(113 108 121 / 19%);
}
.user-article img {
    border-radius: 15px;
}
.user-article blockquote {
    padding-left: 15px;
    padding-right:15px;
    border-left: 2px solid #c0c0c0;
    background-color: rgb(255, 255, 255, 0.04);
    border-radius: 5px;
}
.user-article h1 {
    font-size: 2em;
    font-weight: 600;
}
.user-article h2 {
    font-size: 1.5em;
    font-weight: 600;
}
.user-article h3 {
    font-size: 1.17em;
    font-weight: 600;
}
.user-article h4 {
    font-size: 1em;
    font-weight: 600;
}
.user-article h5 {
    font-size: 0.83em;
    font-weight: 600;
}
.user-article h6 {
    font-size: 0.67em;
    font-weight: 600;
}
.user-article a:link{
    color: #b550ff !important;
}
.discord-message{
    word-break: break-word;
}
td{
    vertical-align: middle;
}
