*{box-sizing: border-box;}
@font-face {font-family: 'logo'; src: url(../fonts/logotyp.ttf) format('truetype');}
:root{
	--bg: #0f1016;
	--br: 8px;
    --color-main: #ffe826;
    --color-second: #bbbbbb;
    --text-gr: linear-gradient(48.27deg, #ffe826 6.25%, #ffe826 44.27%, #ffe826 58.33%, #ffe826 84.9%);;
	--border-c: rgba(164, 143, 255, .122);
	--pad-bg: hsla(0,0%,100%,.031);
	--circle-vh: 200px;
    --cube-vh: 10em;
	--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;
    border-radius: 8px;
	
}

::-webkit-scrollbar-thumb {
    background: var(--color-main);
    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;
    border-radius: 8px;
}

.user-scroll::-webkit-scrollbar-thumb {
    background: var(--color-main);
    border-radius: 4px;
}