@font-face {
    font-family: "ComicSans";
    src: local("Comic Sans MS"), url("Styles/Comic Sans MS.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}


:root { 
    --Font: ComicSans;
}

* {
    font-family: ComicSans;
    box-sizing: border-box;
}



html {
    /*background-color: rgb(50, 50, 50);*/
    background-color: var(--Background-Color); /*#240033 332975*/ 
}



body {
    /*background: linear-gradient(to bottom right, #1D005A, #0C0814);*/
    touch-action: pan-y;
    height: 100dvh;
    overflow: hidden;
    margin: 0;
}

@supports not (height: 100dvh) {
    body {
        height: 100vh;
    }
}

::selection {
    background-color: #00A197;
    color: #ffffff;
}



.No_Select {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}



.No_Scrollbar {
    scrollbar-width: none; /* Firefox 64+ */
    -ms-overflow-style: none; /* IE и Edge */
}

.No_Scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.No_Scrollbar::-moz-scrollbar {
    display: none; /* Firefox 63 и ниже */
}
.No_Scrollbar::-ms-scrollbar {
    display: none; /* IE и Edge (старые версии) */
}

.No_Pointer_Events {
    pointer-events: none;
}



::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    margin: /*1*/0px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

#Chats_Collumn_Wrapper::-webkit-scrollbar {
    width: 0px;
}


::placeholder {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select:   none; /* Safari */
     -khtml-user-select:   none; /* Konqueror HTML */
       -moz-user-select:   none; /* Old versions of Firefox */
        -ms-user-select:   none; /* Internet Explorer/Edge */
            user-select:   none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


input::selection {
    background-color: #00A197;
    color: #ffffff;
}

input:focus {
    outline: 0;
}


.Split_Line {
    background-color: rgba(255, 255, 255, 0.3);
}