nodebb-theme-flawless-rp 1.0.19 → 1.0.20

package/less/persona.css

@@ -693,7 +693,7 @@ progress {
   color: #6c757d;
 }
 .blockquote-footer::before {
-  content: "— ";
+  content: "— ";
 }
 
 .img-fluid {
@@ -2101,7 +2101,7 @@ progress {
   color: var(--bs-secondary-color);
 }
 
-.form-control {
+.form-control, .bootstrap-tagsinput {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
@@ -2117,41 +2117,41 @@ progress {
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .form-control {
+  .form-control, .bootstrap-tagsinput {
     transition: none;
   }
 }
-.form-control[type=file] {
+.form-control[type=file], [type=file].bootstrap-tagsinput {
   overflow: hidden;
 }
-.form-control[type=file]:not(:disabled):not([readonly]) {
+.form-control[type=file]:not(:disabled):not([readonly]), [type=file].bootstrap-tagsinput:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
-.form-control:focus {
+.form-control:focus, .bootstrap-tagsinput:focus {
   color: var(--bs-body-color);
   background-color: var(--bs-body-bg);
   border-color: rgb(153.2170454545, 188.6386363636, 219.2079545455);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(51.4340909091, 122.2772727273, 183.4159090909, 0.25);
 }
-.form-control::-webkit-date-and-time-value {
+.form-control::-webkit-date-and-time-value, .bootstrap-tagsinput::-webkit-date-and-time-value {
   min-width: 85px;
   height: 1.5em;
   margin: 0;
 }
-.form-control::-webkit-datetime-edit {
+.form-control::-webkit-datetime-edit, .bootstrap-tagsinput::-webkit-datetime-edit {
   display: block;
   padding: 0;
 }
-.form-control::placeholder {
+.form-control::placeholder, .bootstrap-tagsinput::placeholder {
   color: var(--bs-secondary-color);
   opacity: 1;
 }
-.form-control:disabled {
+.form-control:disabled, .bootstrap-tagsinput:disabled {
   background-color: var(--bs-secondary-bg);
   opacity: 1;
 }
-.form-control::file-selector-button {
+.form-control::file-selector-button, .bootstrap-tagsinput::file-selector-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   margin-inline-end: 0.75rem;
@@ -2166,11 +2166,11 @@ progress {
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
-  .form-control::file-selector-button {
+  .form-control::file-selector-button, .bootstrap-tagsinput::file-selector-button {
     transition: none;
   }
 }
-.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .bootstrap-tagsinput:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: var(--bs-secondary-bg);
 }
 
@@ -2215,7 +2215,7 @@ progress {
   margin-inline-end: 1rem;
 }
 
-textarea.form-control {
+textarea.form-control, textarea.bootstrap-tagsinput {
   min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
 }
 textarea.form-control-sm {
@@ -2513,7 +2513,7 @@ textarea.form-control-lg {
 .form-floating {
   position: relative;
 }
-.form-floating > .form-control,
+.form-floating > .form-control, .form-floating > .bootstrap-tagsinput,
 .form-floating > .form-control-plaintext,
 .form-floating > .form-select {
   height: calc(3.5rem + calc(var(--bs-border-width) * 2));
@@ -2543,21 +2543,21 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.form-floating > .form-control,
+.form-floating > .form-control, .form-floating > .bootstrap-tagsinput,
 .form-floating > .form-control-plaintext {
   padding: 1rem 0.75rem;
 }
-.form-floating > .form-control::placeholder,
+.form-floating > .form-control::placeholder, .form-floating > .bootstrap-tagsinput::placeholder,
 .form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control:focus, .form-floating > .bootstrap-tagsinput:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .bootstrap-tagsinput:not(:placeholder-shown),
 .form-floating > .form-control-plaintext:focus,
 .form-floating > .form-control-plaintext:not(:placeholder-shown) {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
-.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control:-webkit-autofill, .form-floating > .bootstrap-tagsinput:-webkit-autofill,
 .form-floating > .form-control-plaintext:-webkit-autofill {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
@@ -2567,13 +2567,14 @@ textarea.form-control-lg {
   padding-bottom: 0.625rem;
   padding-left: 0.75rem;
 }
-.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:focus ~ label, .form-floating > .bootstrap-tagsinput:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .bootstrap-tagsinput:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
+.form-floating > .form-control:-webkit-autofill ~ label, .form-floating > .bootstrap-tagsinput:-webkit-autofill ~ label {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 .form-floating > textarea:focus ~ label::after,
@@ -2603,7 +2604,7 @@ textarea.form-control-lg {
   align-items: stretch;
   width: 100%;
 }
-.input-group > .form-control,
+.input-group > .form-control, .input-group > .bootstrap-tagsinput,
 .input-group > .form-select,
 .input-group > .form-floating {
   position: relative;
@@ -2611,7 +2612,7 @@ textarea.form-control-lg {
   width: 1%;
   min-width: 0;
 }
-.input-group > .form-control:focus,
+.input-group > .form-control:focus, .input-group > .bootstrap-tagsinput:focus,
 .input-group > .form-select:focus,
 .input-group > .form-floating:focus-within {
   z-index: 5;
@@ -2638,7 +2639,7 @@ textarea.form-control-lg {
   border: var(--bs-border-width) solid var(--bs-border-color);
 }
 
-.input-group-lg > .form-control,
+.input-group-lg > .form-control, .input-group-lg > .bootstrap-tagsinput,
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
 .input-group-lg > .btn {
@@ -2646,7 +2647,7 @@ textarea.form-control-lg {
   font-size: 1.09375rem;
 }
 
-.input-group-sm > .form-control,
+.input-group-sm > .form-control, .input-group-sm > .bootstrap-tagsinput,
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
 .input-group-sm > .btn {
@@ -2690,7 +2691,7 @@ textarea.form-control-lg {
   display: block;
 }
 
-.was-validated .form-control:valid, .form-control.is-valid {
+.was-validated .form-control:valid, .was-validated .bootstrap-tagsinput:valid, .form-control.is-valid, .is-valid.bootstrap-tagsinput {
   border-color: var(--bs-form-valid-border-color);
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
@@ -2698,12 +2699,12 @@ textarea.form-control-lg {
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
-.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+.was-validated .form-control:valid:focus, .was-validated .bootstrap-tagsinput:valid:focus, .form-control.is-valid:focus, .is-valid.bootstrap-tagsinput:focus {
   border-color: var(--bs-form-valid-border-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
 }
 
-.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+.was-validated textarea.form-control:valid, .was-validated textarea.bootstrap-tagsinput:valid, textarea.form-control.is-valid, textarea.is-valid.bootstrap-tagsinput {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
@@ -2743,7 +2744,7 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .bootstrap-tagsinput:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .input-group > .bootstrap-tagsinput:not(:focus).is-valid,
 .was-validated .input-group > .form-select:not(:focus):valid,
 .input-group > .form-select:not(:focus).is-valid,
 .was-validated .input-group > .form-floating:not(:focus-within):valid,
@@ -2779,7 +2780,7 @@ textarea.form-control-lg {
   display: block;
 }
 
-.was-validated .form-control:invalid, .form-control.is-invalid {
+.was-validated .form-control:invalid, .was-validated .bootstrap-tagsinput:invalid, .form-control.is-invalid, .is-invalid.bootstrap-tagsinput {
   border-color: var(--bs-form-invalid-border-color);
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
@@ -2787,12 +2788,12 @@ textarea.form-control-lg {
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
-.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+.was-validated .form-control:invalid:focus, .was-validated .bootstrap-tagsinput:invalid:focus, .form-control.is-invalid:focus, .is-invalid.bootstrap-tagsinput:focus {
   border-color: var(--bs-form-invalid-border-color);
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
 }
 
-.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+.was-validated textarea.form-control:invalid, .was-validated textarea.bootstrap-tagsinput:invalid, textarea.form-control.is-invalid, textarea.is-invalid.bootstrap-tagsinput {
   padding-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
@@ -2832,7 +2833,7 @@ textarea.form-control-lg {
   margin-left: 0.5em;
 }
 
-.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .bootstrap-tagsinput:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .input-group > .bootstrap-tagsinput:not(:focus).is-invalid,
 .was-validated .input-group > .form-select:not(:focus):invalid,
 .input-group > .form-select:not(:focus).is-invalid,
 .was-validated .input-group > .form-floating:not(:focus-within):invalid,
@@ -19820,28 +19821,6 @@ readers do not read off random characters that represent icons */
   font-weight: 900;
 }
 
-/*!
- * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:root, :host {
-  --fa-style-family-classic: 'Font Awesome 6 Free';
-  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
-}
-
-@font-face {
-  font-family: "Font Awesome 6 Free";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
-}
-.far,
-.fa-regular {
-  font-weight: 400;
-}
-
 /*!
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -21984,6 +21963,1240 @@ readers do not read off random characters that represent icons */
   --fa: "\f3f6";
 }
 
+/*!
+ * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Free';
+  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
+}
+
+@font-face {
+  font-family: "Font Awesome 6 Free";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
+}
+.far,
+.fa-regular {
+  font-weight: 400;
+}
+
+.line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  white-space: initial;
+  max-height: calc(1.5em * 1);
+}
+.line-clamp-1 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  white-space: initial;
+  max-height: calc(1.25em * 1);
+}
+.line-clamp-sm-1 > p {
+  margin-bottom: 1.25em;
+}
+
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: initial;
+  max-height: calc(1.5em * 2);
+}
+.line-clamp-2 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: initial;
+  max-height: calc(1.25em * 2);
+}
+.line-clamp-sm-2 > p {
+  margin-bottom: 1.25em;
+}
+
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  white-space: initial;
+  max-height: calc(1.5em * 3);
+}
+.line-clamp-3 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  white-space: initial;
+  max-height: calc(1.25em * 3);
+}
+.line-clamp-sm-3 > p {
+  margin-bottom: 1.25em;
+}
+
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  white-space: initial;
+  max-height: calc(1.5em * 4);
+}
+.line-clamp-4 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  white-space: initial;
+  max-height: calc(1.25em * 4);
+}
+.line-clamp-sm-4 > p {
+  margin-bottom: 1.25em;
+}
+
+.line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+  white-space: initial;
+  max-height: calc(1.5em * 5);
+}
+.line-clamp-5 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+  white-space: initial;
+  max-height: calc(1.25em * 5);
+}
+.line-clamp-sm-5 > p {
+  margin-bottom: 1.25em;
+}
+
+.line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+  white-space: initial;
+  max-height: calc(1.5em * 6);
+}
+.line-clamp-6 > p {
+  margin-bottom: 1.5em;
+}
+
+.line-clamp-sm-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+  white-space: initial;
+  max-height: calc(1.25em * 6);
+}
+.line-clamp-sm-6 > p {
+  margin-bottom: 1.25em;
+}
+
+.clamp-fade-1 {
+  cursor: pointer;
+}
+.clamp-fade-1.line-clamp-1 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (1 - 1)), transparent calc(1.5em * 1));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (1 - 1)), transparent calc(1.5em * 1));
+}
+
+.clamp-fade-sm-1 {
+  cursor: pointer;
+}
+.clamp-fade-sm-1.line-clamp-1 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (1 - 1)), transparent calc(1.25em * 1));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (1 - 1)), transparent calc(1.25em * 1));
+}
+
+.clamp-fade-2 {
+  cursor: pointer;
+}
+.clamp-fade-2.line-clamp-2 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (2 - 1)), transparent calc(1.5em * 2));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (2 - 1)), transparent calc(1.5em * 2));
+}
+
+.clamp-fade-sm-2 {
+  cursor: pointer;
+}
+.clamp-fade-sm-2.line-clamp-2 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (2 - 1)), transparent calc(1.25em * 2));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (2 - 1)), transparent calc(1.25em * 2));
+}
+
+.clamp-fade-3 {
+  cursor: pointer;
+}
+.clamp-fade-3.line-clamp-3 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (3 - 1)), transparent calc(1.5em * 3));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (3 - 1)), transparent calc(1.5em * 3));
+}
+
+.clamp-fade-sm-3 {
+  cursor: pointer;
+}
+.clamp-fade-sm-3.line-clamp-3 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (3 - 1)), transparent calc(1.25em * 3));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (3 - 1)), transparent calc(1.25em * 3));
+}
+
+.clamp-fade-4 {
+  cursor: pointer;
+}
+.clamp-fade-4.line-clamp-4 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (4 - 1)), transparent calc(1.5em * 4));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (4 - 1)), transparent calc(1.5em * 4));
+}
+
+.clamp-fade-sm-4 {
+  cursor: pointer;
+}
+.clamp-fade-sm-4.line-clamp-4 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (4 - 1)), transparent calc(1.25em * 4));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (4 - 1)), transparent calc(1.25em * 4));
+}
+
+.clamp-fade-5 {
+  cursor: pointer;
+}
+.clamp-fade-5.line-clamp-5 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (5 - 1)), transparent calc(1.5em * 5));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (5 - 1)), transparent calc(1.5em * 5));
+}
+
+.clamp-fade-sm-5 {
+  cursor: pointer;
+}
+.clamp-fade-sm-5.line-clamp-5 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (5 - 1)), transparent calc(1.25em * 5));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (5 - 1)), transparent calc(1.25em * 5));
+}
+
+.clamp-fade-6 {
+  cursor: pointer;
+}
+.clamp-fade-6.line-clamp-6 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (6 - 1)), transparent calc(1.5em * 6));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.5em * (6 - 1)), transparent calc(1.5em * 6));
+}
+
+.clamp-fade-sm-6 {
+  cursor: pointer;
+}
+.clamp-fade-sm-6.line-clamp-6 {
+  mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (6 - 1)), transparent calc(1.25em * 6));
+  -webkit-mask-image: linear-gradient(to bottom, black 0px, black calc(1.25em * (6 - 1)), transparent calc(1.25em * 6));
+}
+
+.border-gray-100 {
+  border-color: #f8f9fa !important;
+}
+
+.border-gray-200 {
+  border-color: #e9ecef !important;
+}
+
+.border-gray-300 {
+  border-color: #dee2e6 !important;
+}
+
+.border-gray-400 {
+  border-color: #ced4da !important;
+}
+
+.border-gray-500 {
+  border-color: #adb5bd !important;
+}
+
+.border-gray-600 {
+  border-color: #6c757d !important;
+}
+
+.border-gray-700 {
+  border-color: #495057 !important;
+}
+
+.border-gray-800 {
+  border-color: #343a40 !important;
+}
+
+.border-gray-900 {
+  border-color: #212529 !important;
+}
+
+.flex-1 {
+  flex: 1 1 0% !important;
+}
+
+.flex-0 {
+  flex: 0 !important;
+}
+
+.pointer {
+  cursor: pointer;
+  *cursor: hand;
+}
+
+.text-md {
+  font-size: 1.125rem !important;
+}
+
+.text-sm {
+  font-size: 0.875rem !important;
+}
+
+.text-xs {
+  font-size: 0.75rem !important;
+}
+
+.text-tabular {
+  font-variant-numeric: tabular-nums !important;
+}
+
+.text-wrap-pretty {
+  text-wrap: pretty !important;
+}
+
+.overscroll-behavior-contain {
+  overscroll-behavior: contain;
+}
+
+[component=category-selector] #category-dropdown-check:checked + .dropdown-menu, .category-dropdown-container #category-dropdown-check:checked + .dropdown-menu {
+  display: block;
+}
+
+html[data-dir=ltr] .dropdown-left .dropdown-menu {
+  --bs-position: start;
+}
+html[data-dir=ltr] .dropdown-right .dropdown-menu {
+  --bs-position: end;
+}
+
+html[data-dir=rtl] .dropdown-left .dropdown-menu {
+  --bs-position: end;
+}
+html[data-dir=rtl] .dropdown-right .dropdown-menu {
+  --bs-position: start;
+}
+
+.category-dropdown-menu {
+  max-height: 500px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.bootstrap-tagsinput {
+  box-shadow: none;
+}
+.bootstrap-tagsinput input::placeholder {
+  color: var(--bs-secondary-color);
+}
+.bootstrap-tagsinput input {
+  color: var(--bs-body-color);
+}
+.bootstrap-tagsinput .tag {
+  margin-bottom: 2px;
+}
+
+.avatar {
+  /* Contains the user icon class as a mixin, so there's no need to include that in the template */
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: normal;
+  overflow: hidden; /* stops alt text from overflowing past boundaries if image does not load */
+  white-space: nowrap;
+  border-radius: inherit;
+  width: var(--avatar-size);
+  height: var(--avatar-size);
+  line-height: var(--avatar-size);
+  font-size: calc(var(--avatar-size) * 0.6);
+}
+.avatar.avatar-rounded {
+  border-radius: 50%;
+}
+.avatar + .avatar {
+  display: none;
+}
+
+blockquote {
+  background-color: rgba(var(--bs-body-color-rgb), 0.03);
+  color: var(--bs-body-color);
+  font-style: normal;
+  border-radius: 0.25rem;
+  padding: 1rem;
+}
+blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+.necro-post {
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.timeline-event {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.timeline-event .timeline-badge {
+  padding: 1rem;
+}
+
+.imagedrop {
+  position: absolute;
+  text-align: center;
+  font-size: 24px;
+  color: #6c757d;
+  width: 100%;
+  display: none;
+}
+
+.hover-parent .hover-d-block, .hover-parent .hover-d-flex {
+  display: none !important;
+}
+.hover-parent .hover-visible {
+  visibility: hidden;
+}
+.hover-parent .hover-opacity-75 {
+  opacity: 0;
+}
+.hover-parent .hover-opacity-75:focus {
+  opacity: 0.75;
+}
+.hover-parent .hover-opacity-100 {
+  opacity: 0;
+}
+.hover-parent .hover-opacity-100:focus {
+  opacity: 1;
+}
+.hover-parent:hover .hover-d-block {
+  display: block !important;
+}
+.hover-parent:hover .hover-d-flex {
+  display: flex !important;
+}
+.hover-parent:hover .hover-visible {
+  visibility: visible;
+}
+.hover-parent:hover .hover-opacity-100 {
+  opacity: 1;
+}
+.hover-parent:hover .hover-opacity-75 {
+  opacity: 0.75;
+}
+
+.border-muted {
+  border-color: var(--bs-secondary-color) !important;
+}
+
+.border-body {
+  border-color: var(--bs-body-bg) !important;
+}
+
+.hidden-empty:empty {
+  display: none !important;
+}
+
+.text-contain {
+  min-width: 0;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+.text-contain > * {
+  max-width: 100%;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.hidden-blockquote blockquote {
+  display: none;
+}
+
+.hidden-pre pre {
+  display: none;
+}
+
+.hidden-first-child-br > br:first-child {
+  display: none;
+}
+
+.hidden-last-child-br > br:last-child {
+  display: none;
+}
+
+.hidden-first-child-hr > hr:first-child {
+  display: none;
+}
+
+.hidden-last-child-hr > hr:last-child {
+  display: none;
+}
+
+.trim-last-divider > *:last-child hr {
+  display: none;
+}
+
+.hidden, .hide {
+  display: none !important;
+}
+
+.pull-left {
+  float: left !important;
+}
+
+.pull-right {
+  float: right !important;
+}
+
+img.emoji {
+  height: 1.09375rem;
+}
+
+.highlight-pulse {
+  animation: pulse-grow 1.5s ease-in-out 3;
+  transform-origin: center;
+  z-index: 10;
+}
+
+@keyframes pulse-grow {
+  0%, 100% {
+    transform: scale(1);
+    background-color: transparent;
+  }
+  50% {
+    transform: scale(1.005);
+    background-color: color-mix(in srgb, var(--bs-body-bg), var(--bs-body-color) 10%);
+  }
+}
+@media (min-width: 768px) {
+  .flex-md-shrink-50 {
+    flex: 1 1 50% !important;
+    min-width: 50% !important;
+  }
+}
+@media (max-width: 767.98px) {
+  .flex-md-shrink-50 {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+}
+/*
+	Flags page CSS
+	  - Originally in ACP
+	  - Now available in front-end for global mods as well
+*/
+.page-flags [component="flags/filters"] [component="category/dropdown"] [data-cid=all] {
+  display: none;
+}
+
+.stacked-avatars {
+  width: 32px;
+  height: 32px;
+}
+.stacked-avatars span:first-child {
+  top: 0;
+  left: 8px;
+}
+.stacked-avatars span:last-child {
+  left: 0;
+  top: 8px;
+}
+
+body.page-user-chats #content {
+  max-width: 100%;
+  margin-bottom: 0 !important;
+}
+body.page-user-chats {
+  overflow: hidden;
+}
+body.page-user-chats [data-widget-area=footer] {
+  display: none;
+}
+body.page-user-chats {
+  height: 100%;
+}
+
+[component="chat/recent"] .active .chat-room-btn {
+  background-color: var(--btn-ghost-hover-color);
+}
+
+[component="chat/nav-wrapper"] {
+  width: 300px;
+}
+[component="chat/nav-wrapper"] [component="chat/public/room"].unread {
+  font-weight: 700;
+}
+
+[component="chat/user/list"] [data-uid] [component="chat/user/list/username"] {
+  color: var(--bs-secondary-color);
+}
+[component="chat/user/list"] [data-uid].online [component="chat/user/list/username"] {
+  color: initial;
+  font-weight: 600;
+}
+
+[component="chat/message/parent"] [component="chat/message/parent/content"] > p:last-child {
+  margin-bottom: 0;
+}
+
+.expanded-chat .chat-content .message-body ul > li {
+  list-style-type: disc;
+}
+.expanded-chat .chat-content .message-body ul > li ul > li {
+  list-style-type: circle;
+}
+.expanded-chat .chat-content .message-body ul > li ul > li ul > li {
+  list-style-type: square;
+}
+.expanded-chat .chat-content .message-body ol,
+.expanded-chat .chat-content .message-body ul {
+  padding-left: 2rem;
+}
+.expanded-chat .chat-content .message-body ol,
+.expanded-chat .chat-content .message-body ul,
+.expanded-chat .chat-content .message-body dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+.expanded-chat .chat-content .message-body ol ol,
+.expanded-chat .chat-content .message-body ul ul,
+.expanded-chat .chat-content .message-body ol ul,
+.expanded-chat .chat-content .message-body ul ol {
+  margin-bottom: 0;
+}
+.expanded-chat .chat-content .chat-message .message-body-wrapper .controls {
+  opacity: 0;
+  transition: opacity 0.15s linear;
+}
+.expanded-chat .chat-content .chat-message .message-body-wrapper .controls:has([aria-expanded=true]) {
+  opacity: 1;
+}
+.expanded-chat .chat-content .chat-message .message-body-wrapper .controls [data-action=restore], .expanded-chat .chat-content .chat-message .message-body-wrapper .controls [data-action=unpin] {
+  display: none;
+}
+.expanded-chat .chat-content .chat-message .message-body-wrapper:hover .controls {
+  opacity: 1;
+}
+.expanded-chat .chat-content .chat-message.deleted .message-body {
+  opacity: 0.3;
+}
+.expanded-chat .chat-content .chat-message.deleted .message-body-wrapper .controls [data-action] {
+  display: none;
+}
+.expanded-chat .chat-content .chat-message.deleted .message-body-wrapper .controls [data-action=restore] {
+  display: block;
+}
+.expanded-chat .chat-content .chat-message.pinned .message-body-wrapper .controls [data-action=pin] {
+  display: none;
+}
+.expanded-chat .chat-content .chat-message.pinned .message-body-wrapper .controls [data-action=unpin] {
+  display: block;
+}
+
+/* Mobile handling of chat page */
+@media (max-width: 991.98px) {
+  .page-user-chats.chat-loaded {
+    padding-bottom: 4.75rem;
+  }
+}
+@media (max-width: 767.98px) {
+  .page-user-chats.chat-loaded {
+    padding-bottom: initial;
+  }
+  [component="chat/nav-wrapper"] {
+    width: 100%;
+  }
+  .page-user-chats.chat-loaded .bottombar {
+    display: none !important;
+  }
+  [component="chat/nav-wrapper"][data-loaded="1"] {
+    display: none !important;
+  }
+  [component="chat/nav-wrapper"][data-loaded="0"] + [component="chat/main-wrapper"] {
+    display: none !important;
+  }
+}
+.chat-modal {
+  left: auto;
+  top: auto;
+  bottom: 0px;
+  right: 2rem;
+  width: auto !important;
+  height: auto !important;
+}
+.chat-modal [component="chat/user/list/btn"], .chat-modal [component="chat/pinned/messages/btn"] {
+  display: none !important;
+}
+
+/*
+	This stylesheet is applied to all themes and all pages.
+	They can be overridden by themes, though their presence (or initial settings) may be depended upon by
+	client-side logic in core.
+
+	==========
+*/
+/*rtl:begin:ignore*/
+html[data-dir=rtl] .text-break {
+  word-wrap: break-word !important;
+  word-break: break-word !important;
+}
+html[data-dir=rtl] [component="post/content"] code {
+  direction: ltr;
+  text-align: left;
+}
+
+/*rtl:end:ignore*/
+[component="post/content"] h1, [component="post/content"] .h1,
+[component="post/parent/content"] h1,
+[component="post/parent/content"] .h1,
+[component="chat/message/body"] h1,
+[component="chat/message/body"] .h1,
+[component=composer] .preview h1,
+[component=composer] .preview .h1 {
+  font-size: calc(1.15rem + 1vw);
+}
+[component="post/content"] h2, [component="post/content"] .h2,
+[component="post/parent/content"] h2,
+[component="post/parent/content"] .h2,
+[component="chat/message/body"] h2,
+[component="chat/message/body"] .h2,
+[component=composer] .preview h2,
+[component=composer] .preview .h2 {
+  font-size: calc(1.1rem + 0.8vw);
+}
+[component="post/content"] h3, [component="post/content"] .h3,
+[component="post/parent/content"] h3,
+[component="post/parent/content"] .h3,
+[component="chat/message/body"] h3,
+[component="chat/message/body"] .h3,
+[component=composer] .preview h3,
+[component=composer] .preview .h3 {
+  font-size: calc(1.075rem + 0.6vw);
+}
+[component="post/content"] h4, [component="post/content"] .h4,
+[component="post/parent/content"] h4,
+[component="post/parent/content"] .h4,
+[component="chat/message/body"] h4,
+[component="chat/message/body"] .h4,
+[component=composer] .preview h4,
+[component=composer] .preview .h4 {
+  font-size: calc(1.05rem + 0.3vw);
+}
+[component="post/content"] h5, [component="post/content"] .h5,
+[component="post/parent/content"] h5,
+[component="post/parent/content"] .h5,
+[component="chat/message/body"] h5,
+[component="chat/message/body"] .h5,
+[component=composer] .preview h5,
+[component=composer] .preview .h5 {
+  font-size: 1.125rem;
+}
+[component="post/content"] h6, [component="post/content"] .h6,
+[component="post/parent/content"] h6,
+[component="post/parent/content"] .h6,
+[component="chat/message/body"] h6,
+[component="chat/message/body"] .h6,
+[component=composer] .preview h6,
+[component=composer] .preview .h6 {
+  font-size: 1rem;
+}
+@media (min-width: 1200px) {
+  [component="post/content"] h1, [component="post/content"] .h1,
+  [component="post/parent/content"] h1,
+  [component="post/parent/content"] .h1,
+  [component="chat/message/body"] h1,
+  [component="chat/message/body"] .h1,
+  [component=composer] .preview h1,
+  [component=composer] .preview .h1 {
+    font-size: 1.75rem;
+  }
+  [component="post/content"] h2, [component="post/content"] .h2,
+  [component="post/parent/content"] h2,
+  [component="post/parent/content"] .h2,
+  [component="chat/message/body"] h2,
+  [component="chat/message/body"] .h2,
+  [component=composer] .preview h2,
+  [component=composer] .preview .h2 {
+    font-size: 1.5rem;
+  }
+  [component="post/content"] h3, [component="post/content"] .h3,
+  [component="post/parent/content"] h3,
+  [component="post/parent/content"] .h3,
+  [component="chat/message/body"] h3,
+  [component="chat/message/body"] .h3,
+  [component=composer] .preview h3,
+  [component=composer] .preview .h3 {
+    font-size: 1.375rem;
+  }
+  [component="post/content"] h4, [component="post/content"] .h4,
+  [component="post/parent/content"] h4,
+  [component="post/parent/content"] .h4,
+  [component="chat/message/body"] h4,
+  [component="chat/message/body"] .h4,
+  [component=composer] .preview h4,
+  [component=composer] .preview .h4 {
+    font-size: 1.25rem;
+  }
+  [component="post/content"] h5, [component="post/content"] .h5,
+  [component="post/parent/content"] h5,
+  [component="post/parent/content"] .h5,
+  [component="chat/message/body"] h5,
+  [component="chat/message/body"] .h5,
+  [component=composer] .preview h5,
+  [component=composer] .preview .h5 {
+    font-size: 1.125rem;
+  }
+  [component="post/content"] h6, [component="post/content"] .h6,
+  [component="post/parent/content"] h6,
+  [component="post/parent/content"] .h6,
+  [component="chat/message/body"] h6,
+  [component="chat/message/body"] .h6,
+  [component=composer] .preview h6,
+  [component=composer] .preview .h6 {
+    font-size: 1rem;
+  }
+}
+
+.btn-link:hover, .btn-link.active {
+  background-color: var(--btn-ghost-hover-color);
+  text-decoration: none;
+}
+
+.tool-modal {
+  position: fixed;
+  bottom: 10%;
+  right: 2rem;
+  z-index: 1055;
+}
+.tool-modal [component=category-selector-selected] span {
+  display: inline-flex !important;
+}
+.tool-modal .bootstrap-tagsinput input {
+  width: 100%;
+}
+.tool-modal .bootstrap-tagsinput .ui-autocomplete {
+  max-height: 350px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+@media (max-width: 767.98px) {
+  .tool-modal {
+    margin: 0 1rem;
+    right: 0;
+  }
+}
+@media (min-width: 768px) {
+  .tool-modal {
+    max-width: 500px;
+  }
+}
+#crop-picture-modal .cropper-container.cropper-bg {
+  max-width: 100%;
+}
+
+:root {
+  --btn-ghost-hover-color: rgb(232.8, 233.2, 233.6);
+  --btn-ghost-active-color: rgb(245.7839449541, 245.95, 246.1160550459);
+}
+
+[data-bs-theme=dark] {
+  --btn-ghost-hover-color: rgb(55.2, 58.8, 62.4);
+  --btn-ghost-active-color: rgb(67.1693877551, 71.55, 75.9306122449);
+}
+
+.btn-ghost {
+  --bs-btn-color: inherit!important;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-box-shadow: none;
+  --bs-btn-hover-color: inherit;
+  --bs-btn-hover-bg: rgb(232.8, 233.2, 233.6);
+  --bs-btn-hover-border-color: rgb(232.8, 233.2, 233.6);
+  --bs-btn-active-bg: rgb(232.8, 233.2, 233.6);
+  --bs-btn-active-border-color: transparent;
+}
+
+.skin-quartz p > code {
+  color: #ffffff;
+  font-weight: 600;
+  font-size: 1rem;
+  text-shadow: 1px 1px black;
+}
+.skin-quartz .dropdown-header {
+  color: white;
+}
+.skin-quartz .card:has(.dropdown-menu.show) {
+  backdrop-filter: none;
+}
+.skin-quartz .card {
+  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px -1px rgba(255, 255, 255, 0.1), 1px 3px 8px -1px rgba(0, 0, 0, 0.15);
+}
+.skin-quartz .tag-list .tag:before {
+  background: linear-gradient(90deg, rgb(51.3, 182.7, 225.9), rgb(93.6, 98.1, 175.5), rgb(220.4, 47.5, 124.45));
+  background-attachment: fixed;
+  transform: initial;
+  top: 6px;
+}
+.skin-quartz .composer .resizer {
+  background: transparent;
+}
+
+.skin-brite .text-secondary {
+  color: var(--bs-secondary-color) !important;
+}
+.skin-brite .btn-link {
+  background: #fff;
+}
+
+.skin-minty .btn {
+  color: initial !important;
+}
+
+.skin-litera .badge {
+  padding: 0.25rem 0.5rem;
+}
+
+:root .skin-slate {
+  --bs-primary-rgb: rgb(79.9407024793, 147.5561983471, 205.9092975207);
+}
+:root .skin-darkly, :root .skin-slate, :root .skin-cyborg {
+  --bs-border-color: #929292;
+}
+:root .skin-zephyr {
+  --bs-secondary-rgb: var(--bs-secondary-color);
+}
+:root .skin-quartz .table {
+  --bs-table-bg: transparent!important;
+}
+
+.picture-switcher [data-bg-color] {
+  position: relative;
+  border-radius: 50%;
+}
+.picture-switcher [data-bg-color].selected::after {
+  content: "";
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  border-radius: 50%;
+  border: 2px solid rgb(51.4340909091, 122.2772727273, 183.4159090909);
+  pointer-events: none;
+  z-index: 1;
+}
+
+@media (max-width: 767.98px) {
+  .bottom-sheet .dropdown-menu {
+    overscroll-behavior: contain;
+    display: block;
+    visibility: hidden;
+    position: fixed !important;
+    inset: auto 0 0 0 !important;
+    max-height: 100dvh !important;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    transform: translate3d(0, 100%, 0);
+    transition: transform 0.3s, visibility 0s 0.3s;
+    z-index: 1070;
+    padding: 0.25rem !important;
+    border-radius: 0;
+    border: 0px;
+    border-top: 1px solid #dee2e6;
+  }
+  .bottom-sheet .dropdown-menu > ul {
+    max-height: clamp(300px, 60dvh, 100dvh) !important;
+  }
+  .bottom-sheet .dropdown-menu > li > a, .bottom-sheet .dropdown-menu > li .dropdown-item {
+    padding: 10px 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .bottom-sheet .dropdown-menu > li.divider {
+    padding: 0;
+  }
+  .bottom-sheet .dropdown-menu.show {
+    transform: none !important;
+    visibility: visible;
+    transition-delay: 0s;
+    top: auto;
+    width: auto;
+  }
+}
+
+.icon-container .fa-nbb-none {
+  border: 1px dotted #000;
+}
+.icon-container .nbb-fa-icons {
+  margin: 0;
+}
+.icon-container .nbb-fa-icons i {
+  width: 36px;
+  height: 36px;
+  cursor: pointer;
+  line-height: 36px;
+  text-align: center;
+  color: #212529;
+  margin: 4px;
+}
+.icon-container .nbb-fa-icons i:hover, .icon-container .nbb-fa-icons i.selected {
+  background: rgb(51.4340909091, 122.2772727273, 183.4159090909);
+}
+
+.alert-window {
+  position: fixed;
+  width: 300px;
+  z-index: 10002;
+  right: 20px;
+  bottom: 0px;
+}
+.alert-window .alert {
+  overflow: hidden;
+  position: relative;
+}
+.alert-window .alert .alert-progress {
+  width: 0;
+}
+.alert-window .alert .alert-progress.animate {
+  width: calc(100% + 50px);
+}
+.alert-window .alert.alert-info {
+  color: #5bc0de;
+}
+.alert-window .alert.alert-info .alert-progress {
+  background-color: #5bc0de;
+}
+.alert-window .alert.alert-warning {
+  color: #f0ad4e;
+}
+.alert-window .alert.alert-warning .alert-progress {
+  background-color: #f0ad4e;
+}
+.alert-window .alert.alert-success {
+  color: #5cb85c;
+}
+.alert-window .alert.alert-success .alert-progress {
+  background-color: #5cb85c;
+}
+.alert-window .alert.alert-danger {
+  color: #d9534f;
+}
+.alert-window .alert.alert-danger .alert-progress {
+  background-color: #d9534f;
+}
+.alert-window .alert {
+  background-color: var(--bs-body-bg);
+  border: 0;
+  border-left: 5px solid !important;
+  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
+}
+
+.ghost-scrollbar::-webkit-scrollbar {
+  width: 10px;
+}
+.ghost-scrollbar::-webkit-scrollbar-track {
+  border-radius: 8px;
+  background-color: rgb(243.9, 244.1, 244.3);
+  border: none;
+}
+.ghost-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+  background-color: rgb(188.4, 189.6, 190.8);
+}
+
+@supports (-moz-appearance: none) {
+  .ghost-scrollbar {
+    padding-right: 0.75rem !important;
+  }
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+
+@media (max-width: 575.98px) {
+  .visible-xs {
+    display: block !important;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .visible-xs-block {
+    display: block !important;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767.98px) {
+  .visible-sm {
+    display: block !important;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767.98px) {
+  .visible-sm-block {
+    display: block !important;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767.98px) {
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767.98px) {
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  .visible-md {
+    display: block !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  .visible-md-block {
+    display: block !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .visible-lg {
+    display: block !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .visible-lg-block {
+    display: block !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+
+@media (min-width: 576px) and (max-width: 767.98px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 991.98px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+
 html {
   overflow-y: scroll;
   min-height: 100%;
@@ -22843,7 +24056,7 @@ noscript .posts li .profile span {
 #search-form #search-fields.hidden {
   max-width: 0;
 }
-#search-form #search-fields input.form-control {
+#search-form #search-fields input.form-control, #search-form #search-fields input.bootstrap-tagsinput {
   white-space: nowrap;
   outline: none;
   box-shadow: none;
@@ -23058,7 +24271,7 @@ label.dropdown-toggle {
   margin-bottom: 12px;
   font-size: 32px;
 }
-.account .show-success .form-control {
+.account .show-success .form-control, .account .show-success .bootstrap-tagsinput {
   border-color: #5cb85c;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
   padding-right: 2.25rem;
@@ -23072,7 +24285,7 @@ label.dropdown-toggle {
   display: block;
   margin-top: 0.25rem;
 }
-.account .show-danger .form-control {
+.account .show-danger .form-control, .account .show-danger .bootstrap-tagsinput {
   border-color: #d9534f;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
   padding-right: 2.25rem;
@@ -24517,7 +25730,7 @@ ul.topics-list li [data-numthumbs="1"], ul.categories-list li [data-numthumbs="1
 .skin-quartz [component=post] .timeline-badge {
   box-shadow: none !important;
 }
-.skin-quartz .form-control::placeholder, .skin-quartz .bootstrap-tagsinput input::placeholder {
+.skin-quartz .form-control::placeholder, .skin-quartz .bootstrap-tagsinput::placeholder, .skin-quartz .bootstrap-tagsinput input::placeholder {
   color: #f8f9fa !important;
 }
 .skin-quartz .topic-header, .skin-quartz .topic-list-header, .skin-quartz .position-sticky.bg-body {
@@ -24525,7 +25738,7 @@ ul.topics-list li [data-numthumbs="1"], ul.categories-list li [data-numthumbs="1
   backdrop-filter: blur(5px);
 }
 
-.skin-solar .form-control::placeholder {
+.skin-solar .form-control::placeholder, .skin-solar .bootstrap-tagsinput::placeholder {
   color: #f8f9fa !important;
 }