*{box-sizing: border-box;}
@font-face {font-family: 'logo'; src: url(../fonts/logo.ttf) format('truetype');}
:root{
	--bg: #090f20;
	--br: 24px;
	    --color-main: #fde08d;
    --color-second: #bbbbbb;
    --text-gr: linear-gradient(180deg, #8f6B29, #FDE08D, #DF9F28);
	--border-c: rgba(164, 143, 255, .122);
	--pad-bg: hsla(0,0%,100%,.031);
	--circle-vh: 200px;
	--cont-pad: 10px;
	--aside-w: 320px;
}

::-webkit-scrollbar {
	width: 10px;
	height: 1.4rem;
}

::-webkit-scrollbar-track {
	width:  10px;
	background-color: #fff3;
	background-clip: content-box;
	
}

::-webkit-scrollbar-thumb {
    background: #fde08d;
    border-radius: 10px;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}
.user-scroll::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
    height: 1.4rem;
}

.user-scroll::-webkit-scrollbar-track {
    width:  6px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0);
    background-clip: content-box;
}

.user-scroll::-webkit-scrollbar-thumb {
    background: #fde08d;
    border-radius: 4px;
}