:root {
    --truth-primary: #5448EE;
    --truth-green: #2FEECC;
    --truth-blue: #35CCF0;
    --truth-coral: #FF4775;
    --truth-black: #08051B;
}

html {
    font-size: 16px;
    font-family: "Inter", ui-sans-serif;
    color: var(--truth-black);
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/truthocial-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: local;
    height: 100%;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

body {
    background-color: rgba(0, 0, 0, 0);
    color: var(--truth-black);
    min-height: 100%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.to-fg-primary {
    color: var(--truth-primary);
}

.to-fg-green {
    color: var(--truth-green);
}

.to-fg-blue {
    color: var(--truth-blue);
}

.to-fg-coral {
    color: var(--truth-coral);
}

.to-post {
    background-color: white;
    border-radius: 10px;
}

.to-post-profilepic-container {
    flex-basis: 40px;
}

.to-post-profilepic {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.to-post-displayname {
}

.to-post-usernamedate {
    color: gray;
}

.to-text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

.to-min-width-0 {
    min-width: 0;
}

.to-post-content {
    word-break: break-word;
}

.to-dotdotdotbutton {
    fill: var(--truth-black);
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    position: relative;
    user-select: none;
    vertical-align: text-bottom;
}