@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');


/* ---------------------------------- */
/* ---------------------------------- */
/* HTML */
body {
   margin: 0px;
   padding: 0px;
   min-height: calc(100vh - 0px);
   overflow: auto;
   background-color: var(--background-primary);
   color: var(--text-primary);
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 14px;
   line-height: 1;
   font-weight: 400;
}

a {
   cursor: pointer;
   color: inherit;
   text-decoration: none;
   border: none;
}

input,
button,
textarea {
   border: none;
   outline: none;
   color: inherit;
}

table {
   border-spacing: 0px;
   border-collapse: collapse;
}

ul {
   list-style: initial;
   margin: initial;
   padding: 0 0 0 25px;
}

ol {
   list-style: decimal-leading-zero;
   margin: initial;
   padding: 0 0 0 25px;
}

li {
   display: list-item;
}

h1 {
   display: block;
   font-size: 40px;
   font-weight: 600;
   line-height: normal;
   margin-bottom: 25px;
}

h2 {
   display: block;
   width: 100%;
   min-height: 28px;
   overflow: auto;
   margin-bottom: 20px;
   margin-top: 20px;
   font-size: 28px;
   line-height: 1.4;
   word-wrap: break-word;
}

h3 {
   display: block;
   font-size: 20px;
   font-weight: 600;
   line-height: normal;
   margin-bottom: 25px;
}

p {
   display: block;
   width: 100%;
   min-height: auto;
   overflow: auto;
   margin-bottom: 0px;
   font-size: 20px;
   font-weight: 300;
   line-height: 1.6;
   word-wrap: break-word;
}

img {
   display: block;
   width: 100%;
   height: auto;
   float: none;
   clear: both;
}

* {
   margin: 0px;
   padding: 0px;
   font-family: inherit;
   box-sizing: border-box;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   border-radius: 0px;
}


/* ---------------------------------- */
/* ---------------------------------- */
/* SCROLLBAR */
::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-track {
   background: var(--background-primary);
}

::-webkit-scrollbar-thumb {
   background: var(--border-color);
}

::-webkit-scrollbar-thumb:hover {
   background: var(--primary-color);
}

::placeholder {
   color: var(--placeholder);
   font-weight: 400;
}


/* ---------------------------------- */
/* ---------------------------------- */
/* GLOBALS */
.FL {
   float: left !important;
}

.FR {
   float: right !important;
}

.HH {
   display: none !important;
}

.UU,
.TT:hover {
   cursor: pointer !important;
   text-decoration: underline !important;
}

.CC,
.BB:hover {
   cursor: pointer !important;
   color: var(--primary-color) !important;
}

.AA::after,
.AA::before {
   content: "";
   display: table;
   clear: both;
}

.FILL {
   width: 100%;
   height: 100%;
   border-radius: 5px;
}