:root {
    --scrollbar-background-color: #021114;
    --scrollbar-border-color: #26dafd;
    --scrollbar-border-hover-color: #8bebfe;

    --container-border-color: rgb(0, 255, 255);

    --logo-shadow-color: #fff;

    --selection-color: #021114;
    --selection-background-color: #26dafd;

    --drop-shadow-color: #338a8c;

    --aug-border-shadow-color: rgba(0, 255, 255, 0.6);
    --aug-inset-bg-color: rgba(2, 17, 20, 0.65);
    --aug-inset-bg-color-darker: rgba(2, 17, 20, 0.8);

    --menu-button-border-color: rgba(0, 255, 255, 0.6);

    --text-color-1: #acf9fb;
    --text-shadow-1: 0 0 3px rgba(172, 249, 251, 0.4);
    --text-color-2: #26dafd;
    --text-color-3: #26dafd;
    --text-color-4: #114f59;
    --text-color-5: #148ef9;
    --text-field-background-color: rgba(6, 52, 62, 0.65);
    --text-error-color-1: tomato;
    --text-error-shadow: 0 0 3px tomato;
    --placeholder-color: #8bc3c5;
    --a-hover-color: #fff;

    --nav-menu-bg: #012e30;

    --button-text-color: rgb(0, 255, 255);
    --button-border-color: #acf9fb;
    --button-hover-color: #fff;
    --button-hover-border-color: #fff;

    --button-danger-text-color: tomato;
    --button-danger-border-color: tomato;
    --button-danger-hover-color: rgb(255, 159, 142);
    --button-danger-hover-border-color: rgb(255, 159, 142);

    --select-disabled-color: #3a3d3e82;
    --select-option-color: #000;
    --select-option-color-disabled: rgb(100, 100, 100);
    --select-option-color-2: var(--text-color-1);
    --heading-border-bottom-color: #acf9fb;
    --row-color-1: rgba(0, 31, 103, 0.3);
    --row-color-2: rgba(0, 60, 199, 0.3);
    --border-color-1: #acf9fb;
    --border-bg: repeating-linear-gradient(var(--container-border-color),
            var(--container-border-color) 0px,
            transparent 3px);
    --border-bg-danger: repeating-linear-gradient(var(--text-error-color-1),
            var(--text-error-color-1) 0px,
            transparent 3px);
    --backdrop-color: #000000;

    --online-dot-color: #04ff00;

    --mine-color: tomato;
    --lock-color: grey;
    --read-color: #acf9fb;
    --unread-color: tomato;

    --pm-reported-color: #bc2a4d;
    --pm-marked-color: #ff6600;
    --pm-replied-color: #26dafd;
    --pm-friend-color: #5d8fbd;
    --pm-foe-color: #000000;

    --glitch-color-1: #5da1c6;
    --glitch-background-color-1: #13242c52;
    --glitch-color-2: #06ebfb;
    --glitch-background-color-2: #13242c52;
}

.rules {
    color: var(--bs-orange);
}

.os-host .os-scrollbar {
    background-color: var(--scrollbar-background-color);
}

.os-host .os-scrollbar .os-scrollbar-handle {
    border: 1px solid var(--scrollbar-border-color);
}

.os-host .os-scrollbar .os-scrollbar-handle:hover {
    border-color: var(--scrollbar-border-hover-color);
}

.cover-bg#bg {
    background-size: cover;
    background-position: center;
    background-image: url("images/background.jpg");
}

.cover-bg#glow {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
    background-image: url("images/glow.png");
}

.posthilit {
    color: var(--selection-color);
    background-color: var(--selection-background-color);
}

::selection {
    color: var(--selection-color);
    text-shadow: none;
    background-color: var(--selection-background-color);
}

#notifications-header {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.dw-logo-rotate {
    filter: drop-shadow(0px 0px 6px var(--logo-shadow-color));
}

button.nav-menu-trigger {
    color: var(--button-text-color);
    background: transparent;
    border: 2px solid var(--menu-button-border-color);
    text-shadow: 0px 0px 5px var(--container-border-color);
    box-shadow: 0px 0px 5px var(--container-border-color);
}

.offcanvas {
    background: var(--aug-inset-bg-color);
    /*var(--nav-menu-bg);*/
    border-right: 2px solid var(--border-bg);
}

button.nav-menu-trigger svg {
    filter: drop-shadow(0px 0px 5px var(--container-border-color));
}

button.nav-menu-trigger .fa-layers-counter {
    color: var(--text-color-1);
    background-color: var(--text-color-5);
}

button.nav-menu-trigger:hover {
    border: 2px solid var(--text-color-1);
    text-shadow: 0px 0px 5px var(--text-color-1);
    box-shadow: 0px 0px 5px var(--text-color-1);
}

button.nav-menu-trigger:hover .forum-icon {
    color: var(--text-color-1);
    background: transparent;
}

.offcanvas {
    background: var(--nav-menu-bg);
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.offcanvas .btn.close i {
    color: var(--text-color-1);
}

.nav-menu-aug .nav-container {
    background: var(--nav-menu-bg) !important;
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.nav-menu-aug .nav-wrapper,
.nav-menu-aug ul,
.nav-menu-aug li a {
    background: transparent !important;
}

.nav-menu-aug.hc-offcanvas-nav li.nav-close a,
.nav-menu-aug.hc-offcanvas-nav li.nav-back a,
.nav-menu-aug.hc-offcanvas-nav li:not(.custom-content) a,
.nav-menu-aug.hc-offcanvas-nav .nav-item {
    border-top: none;
    border-bottom: none;
}

.nav-menu-aug h2 {
    color: var(--text-color-2);
}

.nav-menu-aug .nav-parent .nav-content {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color-darker);
}

.dl-menuwrapper button .fa-layers-counter {
    color: var(--text-color-1);
    background-color: var(--text-color-5);
}

.dl-menuwrapper button:hover {
    border: 2px solid var(--text-color-1);
    text-shadow: 0px 0px 5px var(--text-color-1);
    box-shadow: 0px 0px 5px var(--text-color-1);
}

.dl-menuwrapper button:hover .forum-icon {
    color: var(--text-color-1);
    background: transparent;
}

.module-container {
    filter: drop-shadow(0px 0px 5px var(--aug-border-shadow-color));
}

.dropdown-network .dropdown-item {
    color: var(--text-color-1);
}

.dropdown-network .dropdown-item:focus,
.dropdown-network .dropdown-item:hover {
    color: var(--text-color-1);
    text-decoration: none;
    text-shadow: 0px 0px 5px var(--container-border-color);
    background-color: transparent;
}

.select-network,
.select-network:focus:not([multiple]),
.select-network-container select,
.select-network-container select:focus:not([multiple]) {
    color: var(--text-color-1);
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23acf9fb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border: 2px solid var(--button-border-color);
}

.select-network:disabled,
.select-network:focus:disabled,
.select-network[readonly],
.select-network-container select:disabled,
.select-network-container select:focus:disabled,
.select-network-container select[readonly] {
    background-color: var(--select-disabled-color);
}

.select-network:hover,
.select-network-container select:hover {
    color: var(--button-hover-color);
    border: 2px solid var(--button-hover-border-color);
}

.select-network option,
.select-network-container select option {
    color: var(--select-option-color);
}

.select-network option:disabled,
.select-network-container select option:disabled {
    color: var(--select-option-color-disabled);
}

.select-network[multiple] option,
.select-network-container select[multiple] option {
    color: var(--select-option-color-2);
}

.select-network[multiple] option:checked,
.select-network-container select[multiple] option:checked {
    background-color: var(--select-disabled-color);
}

.select-network[multiple] option:disabled,
.select-network-container select[multiple] option:disabled {
    color: var(--select-option-color-disabled);
}

.checkbox-network input[type="checkbox"]:disabled+label,
.checkbox-network input[type="radio"]:disabled+label {
    color: var(--lock-color);
}

.checkbox-network input[type="checkbox"]:hover+label,
.checkbox-network input[type="radio"]:hover+label {
    color: var(--text-color-1);
}

.search-box {
    caret-color: var(--text-color-1);
}

.search-box .inpt-group-btn {
    color: var(--text-color-1);
    background: transparent;
    border: none;
}

.search-box input {
    color: var(--text-color-1);
    background: var(--text-field-background-color);
    border: 1px solid var(--container-border-color);
}

.search .postprofile {
    color: var(--text-color-2);
    border-left: 4px solid var(--border-color-1);
}

#sidebar {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

#sidebar .accordion .card {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
    background-color: var(--aug-inset-bg-color);
}

#sidebar .accordion .card .card-header button {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

#sidebar .accordion .card .card-header button:hover {
    color: var(--button-hover-color);
}

#sidebar .accordion .card .card-body {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

#sidebar .accordion .card .card-body .list-group-item {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.search-results-topic .header {
    color: var(--text-color-1);
}

.pagination-info {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.display-actions,
.display-options {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.list-group .list-group-item {
    background-color: transparent;
    color: var(--text-color-1);
    --bs-list-group-border-color: var(--heading-border-bottom-color);
}

.list-group .list-group-item.active {
    background-color: var(--text-color-1);
    color: var(--text-color-4);
}

.main-header-container .main-header {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.main-header-container .quick-login label {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.main-header-container .quick-login input.form-control {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
    background-color: transparent;
    border: 1px solid var(--container-border-color);
}

.main-header-container .quick-login input.btn {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
    background-color: transparent;
    border: 1px solid var(--container-border-color);
}

.input-network::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--placeholder-color);
    opacity: 1;
    /* Firefox */
}

.input-network:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--placeholder-color);
}

.input-network::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--placeholder-color);
}

.online-dot {
    /*background: radial-gradient(var(--online-dot-color), transparent);*/
}

.online-dot~img.avatar {
    filter: drop-shadow(0px 0px 15px var(--online-dot-color));
}

a,
.nav-link {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

a:hover,
.nav-link:hover,
.nav-link:focus {
    color: var(--a-hover-color);
}

.username-coloured {
    text-shadow: initial;
}

.error,
.icon-red {
    color: var(--text-error-color-1) !important;
    text-shadow: var(--text-error-shadow) !important;
}

.postbody .content,
blockquote,
p,
.forum-desc,
.topic-poster,
.text-box {
    color: var(--text-color-2);
    /*text-shadow: 0 0 3px var(--text-color-2);*/
}

.row-category dt.catname div,
.row-category dt.topicname div,
.row-category dd.posts div,
.row-category dd.views div,
.row-category dd.lastpost div,
.row-heading dt.catname div,
.row-heading dt.topicname div,
.row-heading dd.posts div,
.row-heading dd.views div,
.row-heading dd.lastpost div {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
    border-bottom: 4px solid var(--heading-border-bottom-color);
}

dd.redirect span {
    color: var(--text-color-1);
}

.dropdown-menu {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.row-forum .forumrow-container,
.row-forum dt.topics,
.row-forum dd.topics,
.row-forum dd.posts,
.row-forum dd.views,
.row-forum dd.lastpost,
.row-forum dd.redirect,
.topic-row .forumrow-container,
.topic-row dt.topics,
.topic-row dd.topics,
.topic-row dd.posts,
.topic-row dd.views,
.topic-row dd.lastpost,
.topic-row dd.redirect {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.row-forum .forumrow-container div,
.row-forum dt.topics div,
.row-forum dd.topics div,
.row-forum dd.posts div,
.row-forum dd.views div,
.row-forum dd.lastpost div,
.row-forum dd.redirect div,
.topic-row .forumrow-container div,
.topic-row dt.topics div,
.topic-row dd.topics div,
.topic-row dd.posts div,
.topic-row dd.views div,
.topic-row dd.lastpost div,
.topic-row dd.redirect div {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.topiclist-aug {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.bg1 {
    background: var(--row-color-1) !important;
}

.bg2 {
    background: var(--row-color-2) !important;
}

.row-category dd.topics,
.row-category dd.posts,
.row-category dd.lastpost {
    color: var(--text-color-1);
}

.row-category dd.topics div,
.row-category dd.posts div,
.row-category dd.lastpost div {
    border-bottom: 4px solid var(--heading-border-bottom-color);
}

.codebox {
    background-color: rgba(0, 255, 255, 0.2);
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: rgba(0, 255, 255, 0.2);
}

.codebox p {
    border-bottom: 2px solid var(--text-color-2);
}

.codebox code {
    color: var(--text-color-1);
    background-color: var(--aug-inset-bg-color);
}

.accordion-network.user-menu .accordion-item {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.accordion-network.user-menu .accordion-item:first-child {
    border-top: 2px solid var(--container-border-color);
}

.accordion-network .accordion-item {
    border: 2px solid var(--container-border-color);
    /*border-image: url("empty") 6;*/
    /*border-bottom: 6px solid;*/
}

.accordion-network .accordion-item:last-child {}

.accordion-network .accordion-item {
    /*--aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);*/
    background-color: var(--border-bg);
    /*border-image-source: var(--border-bg);*/
}

.accordion-network .accordion-item .accordion-header {
    --bs-accordion-active-color: var(--text-color-1);
    background-color: var(--border-bg);
    /*border-image-source: var(--border-bg);*/
}

.accordion-network .accordion-button {
    background-color: var(--aug-inset-bg-color);
    --bs-accordion-btn-color: var(--text-color-1);
}

.accordion-network .accordion-button h6~i {
    --bs-accordion-active-color: var(--text-color-1);
}

.accordion-network .accordion-button:hover,
.accordion-network .accordion-button:focus {
    z-index: initial;
}

.accordion-network .accordion-button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: unset;
    margin-right: 0.5rem;
    color: var(--text-color-1);
    content: '\f078';
}

.accordion-network .accordion-button {
    border-bottom-width: 0px;
    border-bottom: 2px solid var(--container-border-color);
    /*border-image-source: var(--border-bg);*/
}

.card-network {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
    background-color: var(--aug-inset-bg-color);
}

.card-network .card-header {
    color: var(--text-color-1);
    background-color: var(--border-bg);
    border-image-source: var(--border-bg);
}

.card-network .card-footer {
    border-image-source: var(--border-bg);
}

.card-network .card-body {
    color: var(--text-color-1);
}

.modal-dialog-network .modal-content,
.modal-dialog-network {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
    background-color: var(--aug-inset-bg-color);
}

.modal-dialog-network .modal-header,
.modal-dialog-network .modal-title {
    color: var(--text-color-1);
    background-color: var(--border-bg);
    border-image-source: var(--border-bg);
}

.modal-dialog-network .modal-header .close {
    color: var(--container-border-color);
}

.modal-dialog-network .modal-footer {
    border-image-source: var(--border-bg);
}

.modal-dialog-network .modal-body {
    color: var(--text-color-1);
}

.nav-tabs {
    border-image-source: var(--border-bg);
}

.nav-tabs .nav-item .nav-link {
    color: var(--text-color-1);
    background-color: var(--text-field-background-color);
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item.show .nav-link.active {
    color: var(--text-color-1);
    background-color: var(--text-field-background-color);
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--text-color-4);
}

hr {
    border-top: 1px solid var(--container-border-color);
}

hr .dashed {
    border-image-source: var(--border-bg);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-color-1);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--text-color-4);
    background-color: var(--text-color-1);
}

.breadcrumb-item+.breadcrumb-item::before {
    --bs-breadcrumb-divider-color: var(--text-color-1);
}

.btn-network {
    color: var(--text-color-1);
    --bs-btn-disabled-color: var(--text-color-1);
    background: transparent;
    border: 2px solid var(--button-border-color);
}

.btn-network.active {
    background: var(--text-color-4);
    --bs-btn-active-color: var(--text-color-1);
    --bs-btn-active-bg: var(--text-color-4);
}

.btn-check:checked+.btn-network,
.btn-network.active,
.btn-network.show,
.btn-network:first-child:active,
:not(.btn-check)+.btn-network:active {
    --bs-btn-bg: var(--text-color-4);
    --bs-btn-active-color: var(--text-color-1);
    --bs-btn-active-bg: var(--text-color-4);
    border-color: var(--button-hover-border-color);
}

.btn-network:hover {
    color: var(--button-hover-color);
    border: 2px solid var(--button-hover-border-color);
    --bs-btn-color: var(--button-hover-color);
    --bs-btn-bg: var(--text-color-4);
    --bs-btn-hover-bg: var(--text-color-4);
    --bs-btn-border-color: var(--button-hover-border-color);
}

.btn-network-danger {
    color: var(--button-danger-text-color);
    background: transparent;
    border: 2px solid var(--button-danger-border-color);
}

.btn-network-danger:hover {
    color: var(--button-danger-hover-color);
    border: 2px solid var(--button-danger-hover-border-color);
}

.page-item.btn-network {
    border: none;
}

.page-item.btn-network a.page-link {
    color: var(--text-color-1);
    background: transparent;
    border: 2px solid var(--button-border-color);
}

.page-item.btn-network.active a.page-link {
    color: var(--text-color-4);
    background: var(--text-color-1);
}

input.input-network,
textarea.input-network {
    color: var(--text-color-1);
    background: var(--text-field-background-color);
    border: 1px solid var(--container-border-color);
    caret-color: var(--text-color-1);
}

.input-network:disabled,
.input-network[readonly] {
    color: var(--text-color-1);
    background: var(--text-field-background-color);
    border: 1px solid var(--container-border-color);
    caret-color: var(--text-color-1);
    opacity: 0.8;
}

.input-network:focus {
    color: var(--text-color-1);
    background: var(--text-field-background-color);
}

.input-network~.input-group-text,
.input-group-text:has(+ .input-network) {
    color: var(--text-color-1);
    background: var(--text-field-background-color);
    border: 1px solid var(--container-border-color);
}

.table {
    --bs-table-bg: transparent;
}

.table,
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color: var(--text-color-2);
    --bs-table-border-color: var(--text-color-2)
}

.table tbody+tbody {
    border-top: none;
}

.table-hover tbody tr:hover,
.table-hover>tbody>tr:hover>* {
    color: var(--text-color-1);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.3);
}

.table thead th {
    border-bottom: 2px solid var(--container-border-color);
}

.table td,
.table th {
    border-top: 1px solid var(--container-border-color);
}

.panel {
    color: var(--text-color-2);
}

.form-label {
    color: var(--text-color-1);
}

.form-text {
    color: var(--text-color-2);
}

.friends {
    color: var(--text-color-1);
}

/* PM marking colours */

.pm-legend-container {
    color: var(--text-color-1);
}

.pm-legend {
    color: var(--text-color-2);
}

.pmlist div.pm_message_reported_colour dt,
.pm_message_reported_colour {
    border-left-color: var(--pm-reported-color);
}

.pmlist div.pm_marked_colour dt,
.pm_marked_colour {
    border-color: var(--pm-marked-color);
}

.pmlist div.pm_replied_colour dt,
.pm_replied_colour {
    border-color: var(--pm-replied-color);
}

.pmlist div.pm_friend_colour dt,
.pm_friend_colour {
    border-color: var(--pm-friend-color);
}

.pmlist div.pm_foe_colour dt,
.pm_foe_colour {
    border-color: var(--pm-foe-color);
}

.alert-aug {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

.darken {
    background-color: var(--backdrop-color);
}

.text-muted {
    color: var(--text-color-5) !important;
}

#wrap {
    filter: drop-shadow(0 0 5px var(--drop-shadow-color));
}

#wrap .stat-block {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

#wrap .stat-block .stat-header {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

.forum-icon {
    color: var(--text-color-2);
}

.postbody>div,
.postprofile>div {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

@-moz-document url-prefix() {
    .postbody>.postbody-aug::before {
        background: rgb(12, 47, 50);
    }

    .postbody>.postbody-aug::after {
        background: transparent !important;
    }
}

.search .postbody .content {
    color: var(--text-color-2);
}

.topiclist.list-group .row-item {
    color: var(--text-color-2);
}

.blockquote>div {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
    background-color: var(--aug-inset-bg-color);
}

.details {
    color: var(--text-color-2);
}

input.search:-webkit-autofill {
    -webkit-text-fill-color: var(--text-color-1) !important;
}

input.search::-webkit-search-cancel-button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}

#nav-footer .navbar-text {
    color: var(--text-color-1);
    text-shadow: var(--text-shadow-1);
}

#footer-navbar-container #footer-navbar {
    --aug-border-bg: var(--border-bg);
    --aug-inlay-bg: var(--aug-inset-bg-color);
}

/* Fix for firefox laptops */
@-moz-document url-prefix() {
    @media only screen and (min--moz-device-pixel-ratio: 1.25) {

        .postbody-aug[data-augmented-ui-compiled],
        .postbody-aug[data-augmented-ui] {
            border: 5px solid;
        }

        .postbody-aug[data-augmented-ui-compiled],
        .postbody-aug[data-augmented-ui] {
            border-image: var(--border-bg) 10;
        }

        .postbody-aug[data-augmented-ui-compiled]::after,
        .postbody-aug[data-augmented-ui]::after {
            content: unset;
        }

        #preview .topiclist-aug[data-augmented-ui-compiled],
        #preview .topiclist-aug[data-augmented-ui] {
            border: 5px solid;
        }

        #preview .topiclist-aug[data-augmented-ui-compiled],
        #preview .topiclist-aug[data-augmented-ui] {
            border-image: var(--border-bg) 10;
        }

        #preview .topiclist-aug[data-augmented-ui-compiled]::after,
        #preview .topiclist-aug[data-augmented-ui]::after {
            content: unset;
        }
    }
}

/* Glitch CSS (modified), from css-tricks: https://css-tricks.com/glitch-effect-text-images-svg/ */
.glitch {
    color: var(--text-color-1);
}

.glitch::before {
    content: attr(data-text);
    text-shadow: 1px 0 #5da1c6;
    color: var(--text-color-1);
    background: #012f31;
}

.glitch::after {
    text-shadow: -1px 0 #06ebfb;
    color: var(--text-color-1);
    background: #012f31;
}