::-webkit-scrollbar-track {
	background-color: transparent;
}
::-webkit-scrollbar {
	width: 8px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb {
	background-color: #69686899;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #696868;
}

body {
    transition: all 150ms ease-in-out;
}

.spinner {
    height: 60px;
    width: 60px;
    margin: auto;
    display: flex;
    position: fixed;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(51, 16, 52, .3);
    border-right: 6px solid rgba(51, 16, 52, .3);
    border-bottom: 6px solid rgba(51, 16, 52, .3);
    border-top: 6px solid rgba(30, 144, 255, .8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

#overlay {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.primary-btn {
    border: 1px solid #e78018;
    border-radius: 8px;
    background-color: #e78018;
    color: #fefefe;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 150ms ease-in-out;
}
.primary-btn:hover {
    background-color: #e78018;
    border-color: #e78018;
}
.primary-btn:disabled {
    border: none;
    background-color: #e89643;
}

.primary-outline-btn {
    border: 1px solid #e78018;
    border-radius: 8px;
    background-color: #fefefe;
    color: #e78018;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 150ms ease-in-out;
}
.primary-outline-btn:hover {
    background-color: #e78018;
    color: #fefefe;
}
.primary-outline-btn:disabled {
    border: 1px solid #e89643;
    color: #e89643;
}

.red-btn {
    border: 1px solid #f44336;
    border-radius: 8px;
    background-color: #f44336;
    color: #fefefe;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 150ms ease-in-out;
}
.red-btn:hover {
    background-color: #d2190b;
    color: #fefefe;
}
.red-btn:disabled {
    border: none;
    background-color: #d2190b4d;
}

.red-outline-btn {
    border: 1px solid #f44336;
    border-radius: 8px;
    background-color: #fefefe;
    color: #f44336;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 150ms ease-in-out;
}
.red-outline-btn:hover {
    background-color: #f44336;
    color: #fefefe;
}
.primary-outline-btn:disabled {
    border: 1px solid #f443364d;
    color: #f443364d;
}

.bg-gradient {
    background: rgba(231,128,24, 0.8);
    background: -moz-linear-gradient(180deg, rgba(231,128,24,0.8) 3%, rgba(215,224,235,1) 67%, rgba(254,254,254,1) 94%);
    background: -webkit-linear-gradient(180deg, rgba(231,128,24,0.8) 3%, rgba(215,224,235,1) 67%, rgba(254,254,254,1) 94%);
    background: linear-gradient(180deg, rgba(231,128,24,0.8) 3%, rgba(215,224,235,1) 67%, rgba(254,254,254,1) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e90ff",endColorstr="#fefefe",GradientType=1);
}
.bg-gradient-withdraw {
    background: rgb(51,16,52);
    background: -moz-linear-gradient(180deg, rgba(51,16,52,1) 3%, rgba(207,163,208,1) 75%, rgba(243,230,244,1) 95%);
    background: -webkit-linear-gradient(180deg, rgba(51,16,52,1) 3%, rgba(207,163,208,1) 75%, rgba(243,230,244,1) 95%);
    background: linear-gradient(180deg, rgba(51,16,52,1) 3%, rgba(207,163,208,1) 75%, rgba(243,230,244,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#331034",endColorstr="#f3e6f4",GradientType=1);
}
.bg-gradient-failed {
    background: rgb(244,67,54);
    background: -moz-linear-gradient(180deg, rgba(244,67,54,1) 3%, rgba(245,180,175,1) 75%, rgba(245,230,229,1) 95%);
    background: -webkit-linear-gradient(180deg, rgba(244,67,54,1) 3%, rgba(245,180,175,1) 75%, rgba(245,230,229,1) 95%);
    background: linear-gradient(180deg, rgba(244,67,54,1) 3%, rgba(245,180,175,1) 75%, rgba(245,230,229,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f44336",endColorstr="#f5e6e5",GradientType=1);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}