@font-face { font-family: Inter-Bold;      src: url("../fonts/Inter-Bold.ttf"); }
@font-face { font-family: Inter-ExtraBold; src: url("../fonts/Inter-ExtraBold.ttf"); }
@font-face { font-family: Inter-Light;     src: url("../fonts/Inter-Light.ttf"); }
@font-face { font-family: Inter-Medium;    src: url("../fonts/Inter-Medium.ttf"); }
@font-face { font-family: Inter-Regular;   src: url("../fonts/Inter-Regular.ttf"); }

.Inter_Bold         { font-family: Inter-Bold; }      /* 700 */
.Inter_ExtraBold    { font-family: Inter-ExtraBold; } /* 800 */
.Inter_Light        { font-family: Inter-Light; }     /* 300 */
.Inter_Medium       { font-family: Inter-Medium; }    /* 500 */
.Inter_Regular      { font-family: Inter-Regular; }   /* 400? */

.fcw     { color: #FFFFFF; }
.fcb     { color: #000000; }
.fcg     { color: #525252; }
.fcldg   { color: #484848; }
.fclddg  { color: #404040; }
.fcdg    { color: #2F2F2F; }
.fcgreen { color: #bb5555; }

.fs60 { font-size: 60px !important; }
.fs50 { font-size: 50px !important; }
.fs42 { font-size: 42px !important; }
.fs36 { font-size: 36px !important; }
.fs35 { font-size: 35px !important; }
.fs32 { font-size: 32px !important; }
.fs22 { font-size: 22px !important; }
.fs20 { font-size: 20px !important; }
.fs18 { font-size: 18px !important; }
.fs16 { font-size: 16px !important; }
.fs15 { font-size: 15px !important; }
.fs14 { font-size: 14px !important; }
.fs12 { font-size: 12px !important; }
.fs10 { font-size: 10px !important; }
.fs9  { font-size: 9px !important; }
.fs8  { font-size: 8px !important; }

.snackBar {
	border-radius: 14px;
	font-size: 12px;
	text-align: center;
	padding: 8px 16px;
	color: #fff;
}


a {
	cursor: pointer;
    /* color: inherit !important;  */ /* Наследуем цвет текста */
    text-decoration: none !important; /* Убираем подчеркивание */
    font-size: inherit !important; /* Наследуем размер шрифта */
    font-weight: inherit !important; /* Наследуем насыщенность шрифта */
    line-height: inherit !important; /* Наследуем высоту строки */
    background: none !important; /* Убираем фон */
    border: none !important; /* Убираем границы */
    padding: 0 !important; /* Убираем внутренние отступы */
    margin: 0 !important; /* Убираем внешние отступы */
}

p {
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

a:active, a:focus, a:hover {
    text-decoration: none !important; /* Убираем подчеркивание */
}


.MuiFilledInput-input {
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit !important;
	border-bottom-left-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
	background-image: none !important;
    background-color: #00000000 !important;
}

.tfws {
	white-space: pre-wrap;
}

.fadeIn {
    animation: fadeIn 0.1s ease 0s 1 normal forwards;
}

@keyframes fadeIn {
	0% {
	
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

body {
    --sb-track-color: #ffffff;
    --sb-thumb-color: #c7c7c7;
    --sb-size: 10px;
}

::-webkit-scrollbar {
    width: var(--sb-size);
}

::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 5px;
    border: 2px solid #ffffff;
}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color)
                        var(--sb-track-color);
    }
}