/* blinker-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/blinker-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* blinker-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/blinker-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* blinker-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/blinker-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* blinker-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Blinker';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/blinker-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
    -webkit-user-drag: none;

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

/* Track */
::-webkit-scrollbar-track {
    background: #1f2937;
    /* Remove top and bottom rounded corners */
    mask-image: linear-gradient(to bottom, transparent, black 4px, black calc(100% - 4px), transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 4px, black calc(100% - 4px), transparent);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(rgb(134, 239, 172), rgb(59, 130, 246), rgb(147, 51, 234));
}

.class-menu-active{
    background-color: #c67605 !important;
}

.selected-spec{
    background: rgb(10,145,255);
    background: linear-gradient(90deg, rgba(10,145,255,1) 0%, rgba(10,145,255,1) 13%, rgba(50,56,62,1) 68%);
}

.spell-thumb{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #888;
    background-color: #FFF;
}
.dark-form input:not([type="checkbox"]):not([type="color"]), .dark-form select , .dark-form textarea{
    background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}
.dark-form input:not([type="checkbox"]):not([type="color"]):focus, .dark-form select:focus , .dark-form textarea:focus{
    background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
    animation: borderColorCycle 2s infinite;
}
.keybinder{
    background: none;
    color: #fff;
    cursor: pointer;
}
.keybinder:focus{
    background: none;
    color: #fff;
    animation: borderColorCycle 2s infinite;
}
.setting-input:focus{
    background: none;
    color: #fff;
    animation: borderColorCycle 2s infinite;
}

input.readonly, input.readonly:focus {
    border: none;
    background: none !important;
    color: #ffce15;
    padding-left: 0;
    font-size: 15px;
    font-weight: 600;
}

@keyframes borderColorCycle {
    0% {
        border-color: #1eb428; /* Green */
    }
    50% {
        border-color: #13E8E9; /* Blue */
    }
    100% {
        border-color: #1eb428; /* Purple */
    }

}

.spell-disabled td{
    background-color: #641200;
}

.spell-disabled td img, .spell-disabled td input{
    opacity: 0.5;
}

.spell-disabled .enable-spell{
    display: inline-block;
}
.spell-disabled .disable-spell{
    display: none;
}
.disable-spell{
    display: inline-block;
}
.enable-spell{
    display: none;
}

#main-preloader, #download-preloader{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.78);
    z-index: 100;
}
#profile-preloader{
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--bs-body-bg);
    z-index: 100;
}