:root{
    background-color: var(--primary-background-color) !important;
    --left-content-width: 270px;
    --content-width:600px;
    --right-content-width: 420px;
    --right-content-padding-lr: 40px;
    --white: #ffffff;
    --primary-background-color: rgb(18,18,18);
    --primary-text-color: white;
    --secondary-text-color: gray;
    --border-color: #2f3336;
    --navigation-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
@font-face {
    font-family: "Roboto Bold";
    src: url("/fonts/Roboto-Bold.ttf");
}
@font-face {
    font-family: "Roboto Thin Italic";
    src: url("/fonts/Roboto-Thin-Italic.ttf");
}
@font-face {
    font-family: "Roboto Regular";
    src: url("/fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: "Heebo";
    src: url("/fonts/Heebo.ttf");
}
.g-recaptcha iframe {
    border-radius: 4px;
    width: 302px;
    height: 76px;
}
body,html{
    margin: 0;
    padding: 0;
    width: 100%;
    /*min-height: 100vh;*/
    /*height: 150px;*/
    background-color: var(--primary-background-color);
}
.pfp{
    border-radius: 100%;
    background-position: center center;
    background-size: cover;
}
/* quill */
:root{
    --border-color: #2f3336;
}
div.ql-toolbar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0px;
    z-index: 100;
    background-color: var(--primary-background-color);
}
div.ql-editor{
    width:100%;
    padding: 0;
    box-sizing: border-box;
}
div.ql-editor.ql-blank::before{
    left: 0;
    top: 3px;
    color: var(--secondary-text-color);
}
.ql-toolbar.ql-snow{
    border: transparent !important;
    border-bottom: 1px solid var(--border-color) !important;
}
.ql-container.ql-snow{
    border: none !important;
}
.ql-snow .ql-fill{
    fill:white
}
.ql-snow .ql-stroke{
    stroke:white
}
.ql-snow .ql-picker{
    color: white;
}
.ql-snow .ql-picker-options .ql-picker-item{
    color: black;
}
.ql-editor.ql-blank::before{
    color: gray;
}
.ql-editor p{
    font-size: 15px;
    width: 100%;
}
/*.ql-editor p:not(:has(img)){
}*/
.ql-editor{min-height: 200px;}

.flag\:EN{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='59.85 0 342 342'%3e%3cpath fill='white' d='M0 0h513v342H0z'/%3e%3cpath d='M0 0h513v26.3H0zm0 52.6h513v26.3H0zm0 52.6h513v26.3H0zm0 52.6h513v26.3H0zm0 52.7h513v26.3H0zm0 52.6h513v26.3H0zm0 52.6h513V342H0z' fill='%23D80027'/%3e%3cpath fill='%232E52B2' d='M0 0h256.5v184.1H0z'/%3e%3cpath d='m47.8 138.9-4-12.8-4.4 12.8H26.2l10.7 7.7-4 12.8 10.9-7.9 10.6 7.9-4.1-12.8 10.9-7.7zm56.3 0-4.1-12.8-4.2 12.8H82.6l10.7 7.7-4 12.8 10.7-7.9 10.8 7.9-4-12.8 10.7-7.7zm56.5 0-4.3-12.8-4 12.8h-13.5l11 7.7-4.2 12.8 10.7-7.9 11 7.9-4.2-12.8 10.7-7.7zm56.2 0-4-12.8-4.2 12.8h-13.3l10.8 7.7-4 12.8 10.7-7.9 10.8 7.9-4.3-12.8 11-7.7zM100 75.3l-4.2 12.8H82.6L93.3 96l-4 12.6 10.7-7.8 10.8 7.8-4-12.6 10.7-7.9h-13.4zm-56.2 0-4.4 12.8H26.2L36.9 96l-4 12.6 10.9-7.8 10.6 7.8L50.3 96l10.9-7.9H47.8zm112.5 0-4 12.8h-13.5l11 7.9-4.2 12.6 10.7-7.8 11 7.8-4.2-12.6 10.7-7.9h-13.2zm56.5 0-4.2 12.8h-13.3l10.8 7.9-4 12.6 10.7-7.8 10.8 7.8-4.3-12.6 11-7.9h-13.5zm-169-50.6-4.4 12.6H26.2l10.7 7.9-4 12.7L43.8 50l10.6 7.9-4.1-12.7 10.9-7.9H47.8zm56.2 0-4.2 12.6H82.6l10.7 7.9-4 12.7L100 50l10.8 7.9-4-12.7 10.7-7.9h-13.4zm56.3 0-4 12.6h-13.5l11 7.9-4.2 12.7 10.7-7.9 11 7.9-4.2-12.7 10.7-7.9h-13.2zm56.5 0-4.2 12.6h-13.3l10.8 7.9-4 12.7 10.7-7.9 10.8 7.9-4.3-12.7 11-7.9h-13.5z' fill='white'/%3e%3c/svg%3e")}
.flag\:SP{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='85.5 0 342 342'%3e%3cpath fill='%23dc2339' d='M342 0H0v341.3h513V0z'/%3e%3cpath fill='%2311865d' d='M0 0h171v342H0z'/%3e%3cpath fill='white' d='M171 0h171v342H171z'/%3e%3cpath fill='%238C9157' d='M195.8 171.2c0 21.6 11.5 41.7 30.3 52.5 5.8 3.4 13.2 1.4 16.6-4.4 3.4-5.8 1.4-13.2-4.4-16.6-11.3-6.5-18.2-18.5-18.2-31.5 0-6.7-5.4-12.1-12.1-12.1-6.7 0-12.2 5.4-12.2 12.1zm93.4 51.1c17.5-11.1 28-30.4 28-51.1 0-6.7-5.4-12.1-12.1-12.1s-12.1 5.4-12.1 12.1c0 12.4-6.3 24-16.8 30.7-5.7 3.5-7.5 10.9-4.1 16.7s10.9 7.5 16.7 4.1c0-.2.2-.3.4-.4z'/%3e%3cellipse fill='%23C59262' cx='256.5' cy='159.1' rx='24.3' ry='36.4'/%3e%3c/svg%3e")}
/* .flag\:SP{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.75 0 15 15'%3e%3cpath fill='white' d='M0 0h22.5v15H0V0z'/%3e%3cpath fill='%23D03433' d='M0 0h22.5v4H0V0zm0 11h22.5v4H0v-4z'/%3e%3cpath fill='%23FBCA46' d='M0 4h22.5v7H0V4z'/%3e%3cpath fill='white' d='M7.8 7h1v.5h-1V7z'/%3e%3cpath fill='%23A41517' d='M7.2 8.5c0 .3.3.5.6.5s.6-.2.6-.5L8.5 7H7.1l.1 1.5zM6.6 7c0-.3.2-.5.4-.5h1.5c.3 0 .5.2.5.4V7l-.1 1.5c-.1.6-.5 1-1.1 1-.6 0-1-.4-1.1-1L6.6 7z'/%3e%3cpath fill='%23A41517' d='M6.8 7.5h2V8h-.5l-.5 1-.5-1h-.5v-.5zM5.3 6h1v3.5h-1V6zm4 0h1v3.5h-1V6zm-2.5-.5c0-.3.2-.5.5-.5h1c.3 0 .5.2.5.5v.2c0 .2-.1.3-.3.3H7c-.1 0-.2-.1-.2-.2v-.3z'/%3e%3c/svg%3e")} */

/* nprogress */
#nprogress .bar {
    background: white !important;
}
#nprogress .peg {
    box-shadow: 0 0 10px white, 0 0 5px white !important;
}

#nprogress .spinner-icon {
  border-top-color: white !important;
  border-left-color: white !important;
}