:root {
  --color-1: #ffffff;
  --color-2: #007AFF;
  --color-3: #002aff;
  --color-4: #34C759;
  --color-5: #FF9500;
  --color-6: #667eea;
  --color-7: #764ba2;
  --color-8: #5856D6;
  --color-9: #ddd;
  --color-10: #dff0d8;
  --color-11: #d6e9c6;
  --color-12: #3c763d;
  --color-13: #c9e2b3;
  --color-14: #2b542c;
  --color-15: #843534;
  --color-16: #a94442;
  --color-17: #777777;
  --color-18: #337ab7;
  --color-19: #000;
  --color-20: #eee;
  --color-21: #aaa;
  --color-22: #eeeeee;
  --color-23: #cdcdcd;
  --color-24: #ccc;
  --color-25: #e2e2e2;
  --color-26: #333;
  --color-27: #2e6da4;
  --color-28: #d9534f;
  --color-29: #d43f3a;
  --color-30: #5cb85c;
  --color-31: #4cae4c;
  --color-32: #f0ad4e;
  --color-33: #eea236;
  --color-34: #23527c;
  --color-35: #31708f;
  --color-36: #3e8eb5;
  --color-37: #3b5998;
  --color-38: #444444;
  --color-39: #f94877;
  --color-40: #dd4b39;
  --color-41: #2672ec;
  --color-42: #2c4762;
  --color-43: #720e9e;
  --color-44: #55acee;
  --color-45: #007bb6;
  --color-46: #587ea3;
  --color-47: #5094ce;
  --color-48: #1b1b22;
  --color-49: #5e87eb;
  --color-50: #373737;
  --color-51: #555555;
  --color-52: #286090;
  --color-53: #faebcc;
  --color-54: #c7ddef;
  --color-55: #bce8f1;
  --color-56: #fbfbfb;
  --color-57: #e5e5e5;
  --color-58: #d9edf7;
  --color-59: #a6e1ec;
  --color-60: #245269;
  --color-61: #ebccd1;
  --color-62: #bbdba1;
  --color-63: #f2dede;
  --color-64: #e4b9c0;
  --color-65: #333333;
  --color-66: #f2b866;
  --color-67: #c4e17f;
  --color-68: #f7fdca;
  --color-69: #fecf71;
  --color-70: #f0776c;
  --color-71: #db9dbe;
  --color-72: #c49cde;
  --color-73: #669ae1;
  --color-74: #62c2e4;
  --color-75: #ffa218;
  --color-76: #f5f5f5;
  --color-77: rgba(255, 255, 255, 0.08);
  --color-78: rgba(255, 255, 255, 0.12);
  --color-79: rgba(255, 255, 255, 0.18);
  --color-80: rgba(31, 38, 135, 0.37);
  --color-81: rgba(31, 38, 135, 0.5);
  --color-82: rgba(255, 255, 255, 0.85);
  --color-83: rgba(255, 255, 255, 0.65);
  --color-84: rgba(255, 255, 255, 0.1);
  --color-85: rgba(255, 255, 255, 0.05);
  --color-86: rgba(0, 0, 0, 0.05);
  --color-87: rgba(255, 255, 255, 0.2);
  --color-88: rgba(0, 0, 0, 0.2);
  --color-89: rgba(0, 0, 0, 0.125);
  --color-90: rgba(52, 199, 89, 0.2);
  --color-91: rgba(52, 199, 89, 0.4);
  --color-92: rgba(0, 0, 0, 0.15);
  --color-93: rgba(0, 0, 0, 0.3);
  --color-94: rgba(199, 52, 64, 0.2);
  --color-95: rgba(0, 0, 0, 0.075);
  --color-96: rgba(52, 199, 89, 0.3);

  --glass-primary: white;
  --glass-secondary: rgba(250, 250, 250, 0.95);
  --glass-accent: rgba(230, 230, 230, 0.8);
  --glass-border: rgba(200, 200, 200, 0.4);
  --glass-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  --glass-shadow-hover: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
  --text-primary: #2c2c2c;
  --text-secondary: #444444;
  --text-muted: #666666;
  --accent-blue: #0066cc;
  --accent-green: #28a745;
  --accent-orange: #fd7e14;
  --gradient-bg: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%);
  --gradient-card: linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 249, 250, 0.9) 100%);

  --glass-border-light: var(--color-9);
  --glass-success-bg: var(--color-10);
  --glass-success-border: var(--color-11);
  --glass-success-text: var(--color-12);

  --success-border-light: var(--color-13);
  --success-text-dark: var(--color-14);
  --error-text: var(--color-15);

  --gradient-navbar: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5856D6 100%);

  --color-white: #ffffff;
  --color-black: #000000;
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-muted: #888888;

  --color-purple-primary: #6a4c93;
  --color-purple-secondary: #8e44ad;
  --color-purple-tertiary: #9b59b6;
  --color-purple-light: #af7ac5;
  --color-purple-ultra-light: #e8d5ff;
  --color-purple-pale: #f0e6ff;

  --color-green-primary: #27ae60;
  --color-green-secondary: #2ecc71;

  --bg-glass-primary: rgba(255, 255, 255, 0.25);
  --bg-glass-secondary: rgba(230, 210, 255, 0.15);
  --bg-glass-tertiary: rgba(255, 255, 255, 0.3);
  --bg-glass-quaternary: rgba(240, 230, 255, 0.2);
  --bg-glass-hover: rgba(255, 255, 255, 0.4);
  --bg-glass-hover-secondary: rgba(230, 210, 255, 0.3);
  --bg-glass-footer: rgba(106, 76, 147, 0.05);
  --bg-glass-footer-secondary: rgba(142, 68, 173, 0.02);

  --bg-purple-light-10: rgba(106, 76, 147, 0.1);
  --bg-purple-light-15: rgba(142, 68, 173, 0.15);
  --bg-purple-light-05: rgba(142, 68, 173, 0.05);
  --bg-green-light-10: rgba(39, 174, 96, 0.1);
  --bg-green-light-05: rgba(46, 204, 113, 0.05);

  --border-glass: rgba(255, 255, 255, 0.18);

  --shadow-glass: 0 8px 32px 0 rgba(106, 76, 147, 0.2);
  --shadow-card-hover: 0 12px 40px rgba(106, 76, 147, 0.2);
  --shadow-button: 0 4px 15px rgba(106, 76, 147, 0.3);
  --shadow-button-hover: 0 6px 20px rgba(106, 76, 147, 0.4);
  --shadow-text: 0 2px 4px rgba(0, 0, 0, 0.1);

  --gradient-purple-primary: linear-gradient(135deg, var(--color-purple-primary), var(--color-purple-secondary));
  --gradient-purple-full: linear-gradient(135deg, var(--color-purple-primary), var(--color-purple-secondary), var(--color-purple-tertiary));
  --gradient-purple-extended: linear-gradient(135deg, var(--color-purple-secondary), var(--color-purple-tertiary), var(--color-purple-light));
  --gradient-purple-text: linear-gradient(135deg, var(--color-purple-primary), var(--color-purple-secondary), var(--color-purple-tertiary));
  --gradient-green: linear-gradient(135deg, var(--color-green-primary), var(--color-green-secondary));
  --gradient-decorative: linear-gradient(90deg, var(--color-purple-primary), var(--color-purple-secondary), var(--color-purple-tertiary), var(--color-purple-light));

  --gradient-glass-primary: linear-gradient(135deg, var(--bg-glass-primary) 0%, var(--bg-glass-secondary) 100%);
  --gradient-glass-card: linear-gradient(135deg, var(--bg-glass-tertiary) 0%, var(--bg-glass-quaternary) 100%);
  --gradient-glass-hover: linear-gradient(135deg, var(--bg-glass-hover) 0%, var(--bg-glass-hover-secondary) 100%);
  --gradient-glass-footer: linear-gradient(135deg, var(--bg-glass-footer) 0%, var(--bg-glass-footer-secondary) 100%);
  --gradient-hover: linear-gradient(135deg, var(--bg-purple-light-10), var(--bg-purple-light-15));
  --gradient-vote-btn: linear-gradient(135deg, var(--bg-purple-light-10), var(--bg-purple-light-05));
  --gradient-stat: linear-gradient(135deg, var(--bg-purple-light-10), var(--bg-purple-light-05));
  --gradient-stat-answered: linear-gradient(135deg, var(--bg-green-light-10), var(--bg-green-light-05));

  --gradient-header-strong-purple: linear-gradient(135deg, rgba(106, 76, 147, 0.35) 0%, rgba(142, 68, 173, 0.25) 50%, rgba(155, 89, 182, 0.15) 100%);
  --gradient-footer-strong-purple: linear-gradient(135deg, rgba(106, 76, 147, 0.25) 0%, rgba(142, 68, 173, 0.20) 50%, rgba(155, 89, 182, 0.12) 100%);
  --gradient-footer-strong-purple: linear-gradient(135deg, rgba(90, 59, 124, 0.85) 0%, rgba(123, 45, 142, 0.75) 50%, rgba(139, 78, 159, 0.65) 100%);
  --gradient-header-strong-purple: linear-gradient(135deg, rgba(90, 59, 124, 0.85) 0%, rgba(123, 45, 142, 0.75) 50%, rgba(139, 78, 159, 0.65) 100%);
}

@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.qa-nav-sub .qa-nav-sub-list:before,
.qa-nav-sub .qa-nav-sub-list:after {
  content: " ";display: table;
}
.qa-nav-sub .qa-nav-sub-list:after {
  clear: both;
}
html,
body {

  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
  background: var(--gradient-bg);
  background-attachment: fixed;
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}
.qa-q-view-avatar-meta,
.qa-nav-sub-admin-moderate {
  clear: left;
}

.form-control {

}
.form-control:focus {
  border-color: var(--accent-blue);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input[type="submit"] {
  cursor: pointer;
}
input[type=checkbox] {
  margin-right: 5px;
}
textarea {
  height: 50px;
}
textarea.qa-form-tall-text {
  height: 100px;
}
input[name="file"] {
  display: inline;
  margin-left: 10px;
}
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid var(--glass-border-light);
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--glass-border-light);
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid var(--glass-border-light);
}
table .table {
  background-color: var(--text-primary);
}

.qa-form-tall-table,
.qa-form-wide-table {
  width: 100%;
  border-collapse: collapse;
}
.qa-form-tall-table > tbody + tbody,
.qa-form-wide-table > tbody + tbody {
  border-top: 0;
}
.qa-form-tall-table > thead > tr > th,
.qa-form-wide-table > thead > tr > th,
.qa-form-tall-table > tbody > tr > th,
.qa-form-wide-table > tbody > tr > th,
.qa-form-tall-table > tfoot > tr > th,
.qa-form-wide-table > tfoot > tr > th,
.qa-form-tall-table > thead > tr > td,
.qa-form-wide-table > thead > tr > td,
.qa-form-tall-table > tbody > tr > td,
.qa-form-wide-table > tbody > tr > td,
.qa-form-tall-table > tfoot > tr > td,
.qa-form-wide-table > tfoot > tr > td {
  border-top: 0;
}
.qa-form-table-boxed {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  margin-bottom: 1em;
}
.qa-form-tall-ok,
.qa-form-wide-ok,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok {
  background-color: var(--glass-success-bg);
  border-color: var(--glass-success-border);
  color: var(--glass-success-text);
  display: block;
}
.qa-form-tall-ok hr,
.qa-form-wide-ok hr,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok hr,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok hr {
  border-top-color: var(--success-border-light);
}
.qa-form-tall-ok .alert-link,
.qa-form-wide-ok .alert-link,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok .alert-link,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok .alert-link {
  color: var(--success-text-dark);
}
.qa-form-tall-error,
.qa-form-wide-error,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-error,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-error {
  background-color: #f2dede;
  border: 1px solid #d32f2f;
  border-radius: 4px;
  color: #d32f2f;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  padding: 8px 12px;
  display: inline-block;
}
a.qa-form-tall-error:hover,
a.qa-form-wide-error:hover,
a.qa-form-tall-table > tbody > tr > td.qa-form-tall-error:hover,
a.qa-form-wide-table > tbody > tr > td.qa-form-wide-error:hover,
a.qa-form-tall-error:focus,
a.qa-form-wide-error:focus,
a.qa-form-tall-table > tbody > tr > td.qa-form-tall-error:focus,
a.qa-form-wide-table > tbody > tr > td.qa-form-wide-error:focus {
  background-color: #ebcccc;
  border-color: #c62828;
  color: #c62828;
  text-decoration: none;
}
.qa-form-tall-label,
.qa-form-tall-data {
  padding: 8px;
}
.qa-form-tall-label select {
  margin-bottom: 5px;

  appearance: none;
  -webkit-appearance: none;
  background: url('../images/arrow.svg') no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 26px 24px;
  padding-right: 20px;
  color: var(--text-primary);
}
.qa-form-tall-image {
  text-align: center;
}
.qa-form-tall-image img {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.qa-form-tall-suffix {
  font-weight: 400;
  font-size: 10px;
  color: var(--color-17);
}
.qa-form-tall-note {
  padding: 10px 5px;
}
.qa-form-tall-buttons {
  padding: 8px 8px 8px 8px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.qa-q-view-content .entry-content img,
.qa-a-item-content .entry-content img,
.qa-c-item-content .entry-content img {
  height: auto !important;
}
.qa-q-item-content img {
  height: auto !important;
}

header#top-header {
  background-color: var(--color-18);
  color: var(--text-primary);
  position: relative;
  min-height: 5px;
}
header#top-header .left-part,
header#top-header .right-part {
  font-size: 90%;
  padding: 8px 0;
  opacity: 1;
}
header#top-header .top-html-block {
  line-height: 12px;
  list-style: none;
  position: relative;
  display: inline-block;
  border-left: 1px solid var(--color-87);
  padding-left: 10px;
  margin-left: 10px;
}
header#top-header .top-html-block .social-links {
  font-size: 12px;
}
header#top-header .top-html-block .social-links a {
  font-size: 16px;
  margin-right: 5px;
}
header#top-header .top-html-block a,
header#top-header .top-html-block a:hover,
header#top-header .top-html-block a:active,
header#top-header .top-html-block a:visited {
  color: var(--text-primary);
  text-decoration: none;
}
header#nav-header {
  min-height: 80px;
}
@media only screen and (max-width: 767px) {
  header#nav-header {
    min-height: 50px;
  }
}
.navbar {

  background: var(--gradient-header-strong-purple);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--glass-border);
  margin-bottom: 0;
  z-index: 1010;
  -webkit-transition: top 0.6s, opacity 0.6s, background 0.3s;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  border-radius: 0px 0px 20px 20px;
}
.navbar.affix {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0.95;
  left: 0;
  right: 0;
  box-shadow: 0 1px 15px 0 var(--color-88);
}
.navbar a {

  color: var(--text-secondary);

  opacity: 0.9;
  font-weight: bold;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.navbar a:hover {
  opacity: 1;
}
.navbar .container {
  padding: 10px 0;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 80px !important;
}
.navbar .logo-wrapper {
  display: flex !important;
  align-items: center !important;
  height: 70px;
  padding: 0;
  flex: 0 0 auto !important;
}
.navbar .qa-logo {
  display: flex !important;
  align-items: center !important;
}
.navbar .qa-logo-link {
  font-size: 30px;
  opacity: 1;
}
.navbar .qa-logo-link:hover,
.navbar .qa-logo-link:active,
.navbar .qa-logo-link:focus {
  text-decoration: none;
}
.navbar .qa-logo-link img {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 70px;
}
.navbar.navbar-static-top {
  border-width: 0;
}
@media only screen and (max-width: 767px) {
  .navbar {
    text-align: center;
  }
  .navbar .logo-wrapper {
    height: 50px;
  }
  .navbar .qa-logo-link {
    font-size: 25px;
    padding-top: 15px;
    line-height: 50px;
  }
  .navbar .qa-logo-link img {
    float: right;
    max-height: 50px;
  }
  .navbar .qa-logo {
    text-align: right;
    padding-right: 16.66%;
  }
}

.navbar-toggle {
  margin: 5px 0 5px 8px;
  font-size: 20px;
  float: left;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:active,
.nav .open > a:focus {
  background-color: var(--text-primary);
  border-color: inherit;
}
.dropdown-menu li.dropdown-header,
.dropdown-menu a {
  padding: 7px 10px !important;
}
.dropdown-menu li {
  border-bottom: 1px solid var(--color-20);
}
.dropdown-menu li:last-child {
  border-bottom: 0;
}
#login-dropdown-menu,
#user-dropdown-menu {
  position: absolute;
  z-index: 1000;
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: var(--gradient-bg);

}
#login-dropdown-menu li .span-or,
#user-dropdown-menu li .span-or {
  background-color: var(--text-primary);
}
#login-dropdown-menu {
  width: 250px;
  left: -208px;
  padding: 10px;
}
#login-dropdown-menu li {
  padding: 2px;
  margin-top: 5px;
  border-bottom: 0;
}
#login-dropdown-menu li label.checkbox {
  margin-left: 20px;
}
#login-dropdown-menu li.forgot-password {
  text-align: center;
  margin: 10px 0;
}
#login-dropdown-menu li.forgot-password a {
  font-size: 12px;
  padding: 2px 4px !important;
}
#login-dropdown-menu li .login-or {
  position: relative;
  font-size: 18px;
  color: var(--color-21);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#login-dropdown-menu li .span-or {
  display: block;
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -25px;
  background-color: var(--text-primary);
  width: 50px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #login-dropdown-menu li .span-or {
    background-color: var(--color-20)eee;
  }
}
#login-dropdown-menu li .hr-or {
  background-color: var(--color-23);
  height: 5px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
#login-dropdown-menu li + #login-dropdown-menu li {
  margin-top: 2px;
}
#login-dropdown-menu .btn:hover,
#login-dropdown-menu .btn:active,
#login-dropdown-menu .btn:focus,
#login-dropdown-menu .btn:visited {
  color: var(--text-primary);
  text-decoration: none;
}
#user-dropdown-menu {
  width: 200px;
  left: -155px;
}
.nav.navbar-nav.navbar-right.login-nav,
.nav.navbar-nav.navbar-right.user-nav,
.nav.navbar-nav.navbar-right.notf-bubble {
  margin: 0;
  padding: 15px 0;
  display: inline-block;
  float: right;
}
@media only screen and (max-width: 767px) {
  .nav.navbar-nav.navbar-right.login-nav,
  .nav.navbar-nav.navbar-right.user-nav,
  .nav.navbar-nav.navbar-right.notf-bubble {
    padding: 7px 0;
  }
  .nav.navbar-nav.navbar-right.login-nav > li,
  .nav.navbar-nav.navbar-right.user-nav > li,
  .nav.navbar-nav.navbar-right.notf-bubble > li {
    display: inline-block;
  }
}
.navbar-nav > li > a.navbar-user-img {
  padding: 4px 6px;
}
.navbar-nav > li > a.navbar-login-button {
  padding: 4px 10px;
}
.navbar-nav > li > a.navbar-user-img,
.navbar-nav > li > a.navbar-login-button {
  border-radius: 4px;
  opacity: 1;
}
.navbar-nav > li > a.navbar-user-img,
.navbar-nav > li > a.navbar-login-button,
.navbar-nav > li > a.navbar-user-img:hover,
.navbar-nav > li > a.navbar-login-button:hover,
.navbar-nav > li > a.navbar-user-img:active,
.navbar-nav > li > a.navbar-login-button:active,
.navbar-nav > li > a.navbar-user-img:focus,
.navbar-nav > li > a.navbar-login-button:focus {

  background: transparent;
  border: 1px solid var(--glass-border);
  color: var(--text-secondary);
}
.navbar-nav > li > a.navbar-login-button {
  font-size: 20px;
  line-height: 30px;
}
.navbar-nav > li > a.navbar-user-img img.qa-avatar-image {
  display: inline-block;
}
/* Стили для отображения имени пользователя */
.navbar-user-img,
.navbar-login-button {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}
  .user-name-display {
    display: inline-block;
    margin-right: 8px;
    color: var(--text-secondary);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    order: 1;
  }

/* ===== КРАСИВЫЕ АНИМИРОВАННЫЕ ГРАДИЕНТЫ ===== */

@keyframes gradient-flow-header {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 100% 25%;
  }
  50% {
    background-position: 100% 75%;
  }
  75% {
    background-position: 0% 75%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient-flow-footer {
  0% {
    background-position: 0% 30%;
  }
  20% {
    background-position: 80% 20%;
  }
  40% {
    background-position: 100% 60%;
  }
  60% {
    background-position: 30% 90%;
  }
  80% {
    background-position: 20% 40%;
  }
  100% {
    background-position: 0% 30%;
  }
}

/* КРАСИВЫЙ АНИМИРОВАННЫЙ HEADER */
.navbar {
  background: linear-gradient(-45deg, 
    rgba(106, 76, 147, 0.95) 0%, 
    rgba(142, 68, 173, 0.85) 15%, 
    rgba(155, 89, 182, 0.75) 25%, 
    rgba(123, 45, 142, 0.90) 35%, 
    rgba(139, 78, 159, 0.80) 45%, 
    rgba(106, 76, 147, 0.95) 55%, 
    rgba(171, 71, 188, 0.85) 65%, 
    rgba(142, 68, 173, 0.90) 75%, 
    rgba(128, 90, 213, 0.80) 85%, 
    rgba(155, 89, 182, 0.75) 100%
  ) !important;
  background-size: 350% 350% !important;
  animation: gradient-flow-header 30s ease-in-out infinite !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15) !important;
}

/* КРАСИВЫЙ АНИМИРОВАННЫЙ FOOTER */
.donut-footer {
  background: linear-gradient(-45deg, 
    rgba(106, 76, 147, 0.85) 0%, 
    rgba(142, 68, 173, 0.75) 15%, 
    rgba(155, 89, 182, 0.65) 25%, 
    rgba(123, 45, 142, 0.80) 35%, 
    rgba(139, 78, 159, 0.70) 45%, 
    rgba(106, 76, 147, 0.85) 55%, 
    rgba(171, 71, 188, 0.75) 65%, 
    rgba(142, 68, 173, 0.80) 75%, 
    rgba(128, 90, 213, 0.70) 85%, 
    rgba(155, 89, 182, 0.65) 100%
  ) !important;
  background-size: 350% 350% !important;
  animation: gradient-flow-footer 30s ease-in-out infinite !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 -8px 32px 0 rgba(31, 38, 135, 0.15) !important;
}

/* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ СОВМЕСТИМОСТИ */
header#nav-header {
  background: transparent !important;
}

/* ПЛАВНОСТЬ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ, ПРЕДПОЧИТАЮЩИХ МЕНЬШЕ АНИМАЦИИ */
@media (prefers-reduced-motion: reduce) {
  .navbar,
  .donut-footer {
    animation-duration: 60s !important;
  }
}

/* RESPONSIVE НАСТРОЙКИ ДЛЯ МОБИЛЬНЫХ */
@media only screen and (max-width: 767px) {
  .navbar {
    animation-duration: 20s !important;
    background-size: 250% 250% !important;
  }
  .donut-footer {
    animation-duration: 25s !important;
    background-size: 300% 300% !important;
  }
}

/* ===== УЛУЧШЕНИЕ КОНТРАСТНОСТИ ТЕКСТА НА ГРАДИЕНТАХ ===== */

/* Навигационные ссылки в header */
.navbar .navbar-nav > li > a {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  font-weight: 600 !important;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:active {
  color: #f8fafc !important;
  background: rgba(255, 255, 255, 0.15) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* Логотип в header */
.navbar .qa-logo,
.navbar .qa-logo-link {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* Имя пользователя в header */
.navbar .user-name-display {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  font-weight: 500 !important;
}

/* Иконки в header */
.navbar .fa,
.navbar .navbar-login-button,
.navbar .navbar-user-img {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Тексты и ссылки в footer */
.donut-footer,
.donut-footer .qa-footer,
.donut-footer .qa-footer a {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

.donut-footer .qa-footer a:hover,
.donut-footer .qa-footer a:focus,
.donut-footer .qa-footer a:active {
  color: #f1f5f9 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
}

/* Дополнительная контрастность для мелкого текста */
.navbar .navbar-text,
.donut-footer small,
.donut-footer .small-text {
  color: #e2e8f0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Выпадающие меню в header */
.navbar .dropdown-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.navbar .dropdown-menu a {
  color: #1e293b !important;
  text-shadow: none !important;
}

.navbar .dropdown-menu a:hover {
  background: rgba(106, 76, 147, 0.1) !important;
  color: #4c1d95 !important;
}

/* ===== ИСПРАВЛЕНИЕ ВЫРАВНИВАНИЯ ЭЛЕМЕНТОВ NAVBAR ===== */

/* Логотип слева */
.navbar .logo-wrapper {
  order: 1 !important;
}

/* Основная навигация по центру */
.navbar .main-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  margin: 0 20px !important;
  order: 2 !important;
}

.navbar .main-nav .inner-drop-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  list-style: none !important;
}

.navbar .main-nav .inner-drop-nav > li {
  display: flex !important;
  align-items: center !important;
}

/* Пользовательская область справа */
.navbar .donut-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  order: 3 !important;
}

/* Все навигационные элементы выровнены по центру */
.navbar .navbar-nav {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.navbar .navbar-nav > li {
  display: flex !important;
  align-items: center !important;
}

.navbar .navbar-nav > li > a {
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  line-height: 1 !important;
}

/* Убираем Bootstrap grid классы для лучшего flexbox */
.navbar .logo-wrapper,
.navbar .donut-navigation,
.navbar .main-nav {
  float: none !important;
  width: auto !important;
}

/* Мобильная адаптация */
@media only screen and (max-width: 767px) {
  .navbar .container {
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: auto !important;
    padding: 5px 0 !important;
  }
  
  .navbar .logo-wrapper {
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  
  .navbar .main-nav,
  .navbar .donut-navigation {
    justify-content: center !important;
    margin: 5px 0 !important;
  }
}
.navbar-login-button .user-name-display {
  color: var(--text-secondary);
}
.navbar-user-img .user-name-display {
  color: var(--text-secondary);
}
.navbar-user-img img.qa-avatar-image,
.navbar-login-button .fa {
  order: 2;
}
@media only screen and (max-width: 767px) {
  .navbar .container {
    padding-bottom: 0;
  }
  .navbar-header {
    float: left;
  }
  .main-nav {
    clear: both;
  }
  .main-nav li {
    border-bottom: 1px solid var(--color-20)eee;
  }
  .main-nav .inner-drop-nav {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li {
    margin-left: 15px;
  }
  .navbar-nav > li > a {
    font-size: 1.8rem;
    line-height: 30px;
    color: var(--color-white);
    text-decoration: none;
    font-weight: 700;
    padding: 0.5rem 1rem;

    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .navbar-nav > li > a,
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:active,
  .navbar-nav > li > a:focus {

  }
  .navbar-nav {
    margin: 14.5px -15px;
  }
}

.navbar-nav:not(.navbar-right) li .dropdown-menu {
  margin-top: 7px;
}
.navbar-nav:not(.navbar-right) li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--color-24);
  border-left: 7px solid transparent;
  border-bottom-color: var(--color-88);
  content: '';
}
.navbar-nav:not(.navbar-right) li .dropdown-menu::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--text-primary);
  border-left: 6px solid transparent;
  content: '';
}

.navbar-nav.navbar-right li .dropdown-menu {
  margin-top: 7px;
}
.navbar-nav.navbar-right li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 15px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--color-24);
  border-left: 7px solid transparent;
  border-bottom-color: var(--color-88);
  content: '';
}
.navbar-nav.navbar-right li .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 16px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--text-primary);
  border-left: 6px solid transparent;
  content: '';
}

.donut-masthead {
  position: relative;
  margin-bottom: 20px;
  color: var(--text-primary);

}
.donut-masthead .page-title {

  padding: 25px 40px 25px 0 ;

}

.page-title {
  position: relative;
  padding: 25px 0;
  background: var(--gradient-purple-primary);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: bottom;
}
.page-title h1 {
  clear: none;
  font-size: 30px;
  margin: 0;

}

#osnbox {
  margin-top: 15px;
}
.qa-form-wide-button:before,
.qa-form-tall-button:before,
.qa-form-light-button:before,
.qa-favorite-image:before,
.qa-q-favorited .qa-q-item-title a:before,
.qa-tag-favorited:before,
.qa-tag-favorited:hover:before,
.qa-cat-favorited:before,
.qa-user-favorited:before,
.qa-nav-cat-favorited:before,
.qa-browse-cat-favorited:before,
.qa-cat-parent-favorited:before,
.qa-part-form-profile #level .qa-form-wide-static a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.qa-vote-one-button,
.qa-vote-first-button,
.qa-vote-second-button,
.qa-vote-up-button,
.qa-favorite-button,
.qa-unfavorite-button,
.qa-form-tall-button,
.qa-form-tall-table input[type="button"],
.qa-form-wide-button,
.qa-form-basic-button,
.qa-form-tall-button-cancel,
.qa-form-wide-button-save,
.qa-form-wide-button-saverecalc,
.qa-form-tall-button-save,
.qa-form-light-button,
.qa-a-select-button,
.qa-a-unselect-button,
.qa-a-selected,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a,
#login-dropdown-menu.open-login-buttons a,
.qa-template-register div.qa-part-custom a.open-login-button,
.qa-template-login div.qa-part-custom a.open-login-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.qa-vote-one-button:hover,
.qa-vote-first-button:hover,
.qa-vote-second-button:hover,
.qa-vote-up-button:hover,
.qa-favorite-button:hover,
.qa-unfavorite-button:hover,
.qa-form-tall-button:hover,
.qa-form-tall-table input[type="button"]:hover,
.qa-form-wide-button:hover,
.qa-form-basic-button:hover,
.qa-form-tall-button-cancel:hover,
.qa-form-wide-button-save:hover,
.qa-form-wide-button-saverecalc:hover,
.qa-form-tall-button-save:hover,
.qa-form-light-button:hover,
.qa-a-select-button:hover,
.qa-a-unselect-button:hover,
.qa-a-selected:hover,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:hover,
#login-dropdown-menu.open-login-buttons a:hover,
.qa-template-register div.qa-part-custom a.open-login-button:hover,
.qa-template-login div.qa-part-custom a.open-login-button:hover,
.qa-vote-one-button:focus,
.qa-vote-first-button:focus,
.qa-vote-second-button:focus,
.qa-vote-up-button:focus,
.qa-favorite-button:focus,
.qa-unfavorite-button:focus,
.qa-form-tall-button:focus,
.qa-form-tall-table input[type="button"]:focus,
.qa-form-wide-button:focus,
.qa-form-basic-button:focus,
.qa-form-tall-button-cancel:focus,
.qa-form-wide-button-save:focus,
.qa-form-wide-button-saverecalc:focus,
.qa-form-tall-button-save:focus,
.qa-form-light-button:focus,
.qa-a-select-button:focus,
.qa-a-unselect-button:focus,
.qa-a-selected:focus,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:focus,
#login-dropdown-menu.open-login-buttons a:focus,
.qa-template-register div.qa-part-custom a.open-login-button:focus,
.qa-template-login div.qa-part-custom a.open-login-button:focus {

  text-decoration: none;
}
.qa-vote-one-button:active,
.qa-vote-first-button:active,
.qa-vote-second-button:active,
.qa-vote-up-button:active,
.qa-favorite-button:active,
.qa-unfavorite-button:active,
.qa-form-tall-button:active,
.qa-form-tall-table input[type="button"]:active,
.qa-form-wide-button:active,
.qa-form-basic-button:active,
.qa-form-tall-button-cancel:active,
.qa-form-wide-button-save:active,
.qa-form-wide-button-saverecalc:active,
.qa-form-tall-button-save:active,
.qa-form-light-button:active,
.qa-a-select-button:active,
.qa-a-unselect-button:active,
.qa-a-selected:active,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:active,
#login-dropdown-menu.open-login-buttons a:active,
.qa-template-register div.qa-part-custom a.open-login-button:active,
.qa-template-login div.qa-part-custom a.open-login-button:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px var(--color-89);
  box-shadow: inset 0 3px 5px var(--color-89);
}

.qa-form-light-button,
.qa-a-select-button,
.qa-a-unselect-button,
.qa-a-selected {

  background: var(--glass-accent);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  color: var(--text-primary);
  box-shadow: var(--glass-shadow);
}
.qa-form-light-button:hover,
.qa-a-select-button:hover,
.qa-a-unselect-button:hover,
.qa-a-selected:hover,
.qa-form-light-button:active,
.qa-a-select-button:active,
.qa-a-unselect-button:active,
.qa-a-selected:active,
.qa-form-light-button:focus,
.qa-a-select-button:focus,
.qa-a-unselect-button:focus,
.qa-a-selected:focus {

  transform: translateY(-3px);
  box-shadow: var(--glass-shadow-hover);
  background: var(--glass-secondary);
}

.qa-form-tall-button,
.qa-form-tall-table input[type="button"],
.qa-form-wide-button,
.qa-form-basic-button,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a {

  background: var(--color-90);
  padding: 0.8rem 1.5rem;
  border-radius: 12px;
  font-weight: 600;
  backdrop-filter: blur(20px);
  box-shadow: var(--glass-shadow);
}
.qa-form-tall-button:hover,
.qa-form-tall-table input[type="button"]:hover,
.qa-form-wide-button:hover,
.qa-form-basic-button:hover,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:hover,
.qa-form-tall-button:active,
.qa-form-tall-table input[type="button"]:active,
.qa-form-wide-button:active,
.qa-form-basic-button:active,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:active,
.qa-form-tall-button:focus,
.qa-form-tall-table input[type="button"]:focus,
.qa-form-wide-button:focus,
.qa-form-basic-button:focus,
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:focus {

  background: var(--color-90);
  color: var(--text-primary);
  transform: translateY(-3px);
}
.qa-template-admin .qa-form-wide-button,
.qa-template-admin .qa-form-basic-button,
.qa-template-admin .qa-form-tall-button {
  margin-bottom: 5px;
  margin-top: 5px;
}

.qa-form-light-button-reject,
.qa-form-light-button-delete,
.qa-form-wide-button-block,
.qa-form-wide-button-hideall {
  color: var(--text-primary);
  background-color: var(--color-28);
  border-color: var(--color-29);
}
.qa-form-light-button-reject:hover,
.qa-form-light-button-delete:hover,
.qa-form-wide-button-block:hover,
.qa-form-wide-button-hideall:hover,
.qa-form-light-button-reject:active,
.qa-form-light-button-delete:active,
.qa-form-wide-button-block:active,
.qa-form-wide-button-hideall:active,
.qa-form-light-button-reject:focus,
.qa-form-light-button-delete:focus,
.qa-form-wide-button-block:focus,
.qa-form-wide-button-hideall:focus {
  color: var(--text-primary);
  background-color: var(--color-28);
  border-color: var(--color-29);
}

.qa-form-wide-button-save,
.qa-form-wide-button-saverecalc,
.qa-form-tall-button-save,
.qa-unfavorite-button,
.qa-form-light-button-answer,
.qa-form-light-button-approve,
.qa-form-wide-button-unblock {
  color: var(--text-primary);

  background: var(--color-91);
}
.qa-form-wide-button-save:hover,
.qa-form-wide-button-saverecalc:hover,
.qa-form-tall-button-save:hover,
.qa-unfavorite-button:hover,
.qa-form-light-button-answer:hover,
.qa-form-light-button-approve:hover,
.qa-form-wide-button-unblock:hover,
.qa-form-wide-button-save:active,
.qa-form-wide-button-saverecalc:active,
.qa-form-tall-button-save:active,
.qa-unfavorite-button:active,
.qa-form-light-button-answer:active,
.qa-form-light-button-approve:active,
.qa-form-wide-button-unblock:active,
.qa-form-wide-button-save:focus,
.qa-form-wide-button-saverecalc:focus,
.qa-form-tall-button-save:focus,
.qa-unfavorite-button:focus,
.qa-form-light-button-answer:focus,
.qa-form-light-button-approve:focus,
.qa-form-wide-button-unblock:focus {

  background: var(--color-90);
  color: var(--text-primary);
  transform: translateY(-3px);
}

.qa-favorite-button,
.qa-form-tall-button-cancel,
.qa-form-wide-button-cancel {

  background: var(--glass-primary);
  border: 1px solid var(--glass-border);
  transition: all 0.3s ease;
  padding: 0.8rem 0.5rem;
  border-color: var(--color-20)eee;
  box-shadow: 0 1px 1px var(--color-86);
}
.qa-favorite-button:hover,
.qa-form-tall-button-cancel:hover,
.qa-form-wide-button-cancel:hover,
.qa-favorite-button:active,
.qa-form-tall-button-cancel:active,
.qa-form-wide-button-cancel:active,
.qa-favorite-button:focus,
.qa-form-tall-button-cancel:focus,
.qa-form-wide-button-cancel:focus {
  color: var(--text-primary);
  background-color: var(--color-32);
  border-color: var(--color-33);

}

.qa-vote-one-button,
.qa-vote-first-button,
.qa-vote-second-button,
.qa-vote-up-button,
.qa-vote-buttons-up-disabled,
.qa-vote-buttons-up-button,
.qa-vote-buttons-down-disabled,
.qa-vote-buttons-down-button,
.qa-voted-up-button,
.qa-voted-down-button {
  color: var(--color-18);
  font-weight: normal;
  border-radius: 0;
  background-color: transparent;
}
.qa-vote-one-button,
.qa-vote-first-button,
.qa-vote-second-button,
.qa-vote-up-button,
.qa-vote-buttons-up-disabled,
.qa-vote-buttons-up-button,
.qa-vote-buttons-down-disabled,
.qa-vote-buttons-down-button,
.qa-voted-up-button,
.qa-voted-down-button,
.qa-vote-one-button:active,
.qa-vote-first-button:active,
.qa-vote-second-button:active,
.qa-vote-up-button:active,
.qa-vote-buttons-up-disabled:active,
.qa-vote-buttons-up-button:active,
.qa-vote-buttons-down-disabled:active,
.qa-vote-buttons-down-button:active,
.qa-voted-up-button:active,
.qa-voted-down-button:active {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.qa-vote-one-button,
.qa-vote-first-button,
.qa-vote-second-button,
.qa-vote-up-button,
.qa-vote-buttons-up-disabled,
.qa-vote-buttons-up-button,
.qa-vote-buttons-down-disabled,
.qa-vote-buttons-down-button,
.qa-voted-up-button,
.qa-voted-down-button,
.qa-vote-one-button:hover,
.qa-vote-first-button:hover,
.qa-vote-second-button:hover,
.qa-vote-up-button:hover,
.qa-vote-buttons-up-disabled:hover,
.qa-vote-buttons-up-button:hover,
.qa-vote-buttons-down-disabled:hover,
.qa-vote-buttons-down-button:hover,
.qa-voted-up-button:hover,
.qa-voted-down-button:hover,
.qa-vote-one-button:focus,
.qa-vote-first-button:focus,
.qa-vote-second-button:focus,
.qa-vote-up-button:focus,
.qa-vote-buttons-up-disabled:focus,
.qa-vote-buttons-up-button:focus,
.qa-vote-buttons-down-disabled:focus,
.qa-vote-buttons-down-button:focus,
.qa-voted-up-button:focus,
.qa-voted-down-button:focus,
.qa-vote-one-button:active,
.qa-vote-first-button:active,
.qa-vote-second-button:active,
.qa-vote-up-button:active,
.qa-vote-buttons-up-disabled:active,
.qa-vote-buttons-up-button:active,
.qa-vote-buttons-down-disabled:active,
.qa-vote-buttons-down-button:active,
.qa-voted-up-button:active,
.qa-voted-down-button:active {
  border-color: transparent;
}
.qa-vote-one-button:hover,
.qa-vote-first-button:hover,
.qa-vote-second-button:hover,
.qa-vote-up-button:hover,
.qa-vote-buttons-up-disabled:hover,
.qa-vote-buttons-up-button:hover,
.qa-vote-buttons-down-disabled:hover,
.qa-vote-buttons-down-button:hover,
.qa-voted-up-button:hover,
.qa-voted-down-button:hover,
.qa-vote-one-button:focus,
.qa-vote-first-button:focus,
.qa-vote-second-button:focus,
.qa-vote-up-button:focus,
.qa-vote-buttons-up-disabled:focus,
.qa-vote-buttons-up-button:focus,
.qa-vote-buttons-down-disabled:focus,
.qa-vote-buttons-down-button:focus,
.qa-voted-up-button:focus,
.qa-voted-down-button:focus {

  /* background: var(--glass-secondary); */
  color: var(--text-primary);
  transform: scale(1.1);
}
.qa-vote-buttons {
  position: relative;
  height: 60px;
  width: 16px;
  float: left;
}
.qa-vote-buttons div.tooltip-inner {
  max-width: 200px;
}
.qa-vote-one-button,
.qa-vote-first-button,
.qa-vote-second-button,
.qa-vote-up-button {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;

  border-radius: 8px;
}
.qa-vote-one-button:active,
.qa-vote-first-button:active,
.qa-vote-second-button:active,
.qa-vote-up-button:active {
  outline: 0;
}
.qa-vote-up-disabled {
  color: var(--text-secondary);
  cursor: pointer;
}
.qa-vote-up-button {
  color: var(--text-secondary);
  cursor: pointer;
}
.qa-vote-down-button {
  color: var(--text-secondary);
  cursor: pointer;
}
.qa-vote-down-disabled {
  color: var(--text-secondary);
  cursor: pointer;
}
.qa-vote-one-button {
  position: absolute;
  left: 4px;
  top: 3px;
}
.qa-vote-first-button {
  position: absolute;
  left: 4px;
  top: 1px;
}
.qa-vote-second-button {
  position: absolute;
  left: 4px;
  bottom: 1px;
}
.qa-q-list-vote-disabled .qa-vote-buttons {
  display: none;
}
.qa-voted-up-button {
  color: var(--color-30);
}
.qa-voted-down-button {
  color: var(--color-28);
}

.qa-form-light-button {

  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.5rem;
  border: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.3rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;

}
.qa-form-light-button:before {
  margin-right: 5px;
}
.qa-form-light-button-edit:before,
.qa-form-light-button-retagcat:before {
  content: "\f044";
}
.qa-form-light-button-flag:before {
  content: "\f024";
}
.qa-form-light-button-unflag:before,
.qa-form-light-button-clearflags:before {
  content: "\f11e";
}
.qa-form-light-button-hide:before {
  content: "\f070";
}
.qa-form-light-button-follow:before {
  content: "\f128";
}
.qa-form-light-button-comment:before,
.qa-form-light-button-reply:before {
  content: "\f112";
}
.qa-form-light-button-answer:before {
  content: "\f0fe";
}
.qa-form-light-button-reshow:before {
  content: "\f06e";
}
.qa-form-light-button-claim:before {
  content: "\f08d";
}
.qa-form-light-button-delete:before {
  content: "\f014";
}
.qa-form-light-button-approve:before {
  content: "\f087";
}
.qa-form-light-button-reject:before {
  content: "\f088";
}
.qa-form-light-button-close:before {
  content: "\f023";
}
.qa-form-light-button-reopen:before {
  content: "\f09c";
}

.qa-form-basic-button {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.qa-a-select-button,
.qa-a-unselect-button,
.qa-a-selected {
  height: 50px;
  width: 50px;
  font-size: 25px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 200px !important;
}
.qa-a-select-button {
  color: var(--color-35);
}
.qa-a-select-button:hover,
.qa-a-select-button:active,
.qa-a-select-button:focus {
  color: var(--color-36);
}
.qa-a-unselect-button {
  background-color: var(--glass-success-bg);
  color: var(--glass-success-text);
}
.qa-a-unselect-button:hover,
.qa-a-unselect-button:active,
.qa-a-unselect-button:focus {
  color: var(--glass-success-text);
}
.qa-a-selected {
  padding-top: 6px;
  background-color: var(--glass-success-bg);
  color: var(--glass-success-text);
}
.qa-a-selected:hover,
.qa-a-selected:active,
.qa-a-selected:focus {
  color: var(--glass-success-text);
}
.qa-a-selected-text {
  font-size: 9px;
  display: block;

  margin-top: 2px;
}
#login-dropdown-menu.open-login-buttons a {
  display: block;
  width: 100%;
  color: var(--text-primary);
  margin-top: 2px;
}
#login-dropdown-menu.open-login-buttons a:hover {
  color: var(--text-primary);
}
#login-dropdown-menu.open-login-buttons a:before {
  margin-right: 5px;
}
#login-dropdown-menu.open-login-buttons a.facebook {
  background-color: var(--color-37);
}
#login-dropdown-menu.open-login-buttons a.github {
  background-color: var(--color-38);
}
#login-dropdown-menu.open-login-buttons a.foursquare {
  background-color: var(--color-39);
}
#login-dropdown-menu.open-login-buttons a.google,
#login-dropdown-menu.open-login-buttons a.googleplus {
  background-color: var(--color-40);
}
#login-dropdown-menu.open-login-buttons a.windows {
  background-color: var(--color-41);
}
#login-dropdown-menu.open-login-buttons a.tumblr {
  background-color: var(--color-42);
}
#login-dropdown-menu.open-login-buttons a.yahoo {
  background-color: var(--color-43);
}
#login-dropdown-menu.open-login-buttons a.twitter {
  background-color: var(--color-44);
}
#login-dropdown-menu.open-login-buttons a.linkedin {
  background-color: var(--color-45);
}
#login-dropdown-menu.open-login-buttons a.vk {
  background-color: var(--color-46);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login {
  color: var(--text-primary);
  margin-right: 5%;
  width: 40%;
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login:hover,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login:hover,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login:hover,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login:hover {
  color: var(--text-primary);
}
@media only screen and (max-width: 767px) {
  .qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login,
  .qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login,
  .qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login,
  .qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login,
  .qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login,
  .qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login,
  .qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login {
    display: block;
    width: 100%;
  }
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.facebook,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.facebook,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.facebook,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.facebook {
  background-color: var(--color-37);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.github,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.github,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.github,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.github {
  background-color: var(--color-38);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.foursquare,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.foursquare,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.foursquare,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.foursquare {
  background-color: var(--color-39);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.google,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.google,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.google,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.google,
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.googleplus,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.googleplus,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.googleplus,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.googleplus {
  background-color: var(--color-40);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.windows,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.windows,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.windows,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.windows {
  background-color: var(--color-41);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.tumblr,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.tumblr,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.tumblr,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.tumblr {
  background-color: var(--color-42);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.yahoo,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.yahoo,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.yahoo,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.yahoo {
  background-color: var(--color-43);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.twitter,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.twitter,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.twitter,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.twitter {
  background-color: var(--color-44);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.linkedin,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.linkedin,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.linkedin,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.linkedin {
  background-color: var(--color-45);
}
.qa-template-register div.qa-part-custom a.open-login-button.context-register.action-login.vk,
.qa-template-login div.qa-part-custom a.open-login-button.context-register.action-login.vk,
.qa-template-register div.qa-part-custom a.open-login-button.context-login.action-login.vk,
.qa-template-login div.qa-part-custom a.open-login-button.context-login.action-login.vk {
  background-color: var(--color-46);
}
.qa-favorite-button,
.qa-unfavorite-button {
  border: 0;
  padding: 6px 8px;
  height: 30px;
  width: 30px;
}
.qa-favorite-button:hover {

  background: var(--glass-secondary);
  transform: translateY(-2px);
}
.qa-unfavorite-button:hover {
  color: var(--text-primary);
  background-color: var(--color-28);
  border-color: var(--color-29);
}
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:before {
  margin-right: 5px;
  content: "\f003";
}
.qa-form-wide-button:before,
.qa-form-tall-button:before {
  margin-right: 5px;
}
.qa-form-wide-button-login:before,
.qa-form-tall-button-login:before {
  content: "\f090";
}
.qa-form-wide-button-register:before,
.qa-form-tall-button-register:before {
  content: "\f007";
}
.qa-form-wide-button-save:before,
.qa-form-tall-button-save:before {
  content: "\f0c7";
}
.qa-form-wide-button-reset:before,
.qa-form-tall-button-reset:before {
  content: "\f01e";
}
.qa-form-wide-button-change:before,
.qa-form-tall-button-change:before {
  content: "\f01e";
}
.qa-form-wide-button-edit:before,
.qa-form-tall-button-edit:before,
.qa-form-wide-button-account:before,
.qa-form-tall-button-account:before {
  content: "\f044";
}
.qa-form-wide-button-setbonus:before,
.qa-form-tall-button-setbonus:before {
  content: "\f0fe";
}
.qa-form-wide-button-add:before,
.qa-form-tall-button-add:before,
.qa-form-wide-button-post:before,
.qa-form-tall-button-post:before {
  content: "\f0fe";
}
.qa-form-wide-button-send:before,
.qa-form-tall-button-send:before {
  content: "\f1d8";
}
.qa-form-wide-button-ask:before,
.qa-form-tall-button-ask:before {
  content: "\f0fe";
}
.qa-form-wide-button-answer:before,
.qa-form-tall-button-answer:before {
  content: "\f0fe";
}
.qa-form-wide-button-comment:before,
.qa-form-tall-button-comment:before {
  content: "\f112";
}
.qa-form-wide-button-cancel:before,
.qa-form-tall-button-cancel:before {
  content: "\f00d";
}
.qa-form-wide-button-close:before,
.qa-form-tall-button-close:before {
  content: "\f023";
}
.qa-form-wide-button-block:before,
.qa-form-tall-button-block:before {
  content: "\f05e";
}
.qa-form-wide-button-unblock:before,
.qa-form-tall-button-unblock:before {
  content: "\f09c";
}
.qa-form-wide-button-hideall:before,
.qa-form-tall-button-hideall:before {
  content: "\f127";
}
.qa-message-buttons {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  margin-left: 12px;
  float: right !important;
  float: right;
}
.qa-message-buttons .qa-form-light-button {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.action-buttons-dropdown.dropdown-menu {
  margin-top: 2px;
}
.action-buttons-dropdown.dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--color-24);
  border-left: 7px solid transparent;
  border-bottom-color: var(--color-88);
  content: '';
}
.action-buttons-dropdown.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 11px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--text-primary);
  border-left: 6px solid transparent;
  content: '';
}
.action-buttons-dropdown button.qa-form-light-button,
.action-buttons-dropdown button.qa-form-light-button:hover,
.action-buttons-dropdown button.qa-form-light-button:active,
.action-buttons-dropdown button.qa-form-light-button:focus {
  border: medium none;
  box-shadow: none;
  display: block;
  width: auto;
  padding: 6px 10px;
  clear: both;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  text-align: left;
  border-radius: 0;
}
.open > .action-buttons-dropdown {
  left: initial;
  right: 0;
}
.qa-c-item-buttons.collapsed .action-buttons-dropdown.dropdown-menu:before {
  right: 5px;
}
.qa-c-item-buttons.collapsed .action-buttons-dropdown.dropdown-menu:after {
  right: 6px;
}
.donut-breadcrumb {
  border-bottom: 1px solid var(--color-25);
  position: relative;
  padding: 10px 5px ;
}
.donut-breadcrumb .breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
  display: block;
}
.donut-breadcrumb .breadcrumb > li {
  display: inline-block;
}
.donut-breadcrumb .breadcrumb > li + li:before {
  padding: 0 5px;
  color: var(--color-24);
  font-weight: normal;
  content: "/\00a0";
}
.donut-breadcrumb .breadcrumb > .active {
  color: var(--color-47);
}
.donut-breadcrumb .breadcrumb > li > a,
.donut-breadcrumb .breadcrumb > li i,
.donut-breadcrumb .breadcrumb > li span {
  color: var(--color-18);
  font-size: 15px;
  font-weight: normal;
  cursor: pointer;
}
.donut-breadcrumb .breadcrumb > li > a:hover {
  text-decoration: none;
}
.donut-breadcrumb .breadcrumb > .active > a {
  color: var(--color-47);
}
.donut-breadcrumb .breadcrumb > li:last-child > a,
.donut-breadcrumb .breadcrumb > li:last-child i,
.donut-breadcrumb .breadcrumb > li:last-child span {
  color: var(--color-47);
}
.donut-breadcrumb .qa-widget-full.qa-widget-full-high {
  margin-top: 0px;
}
.donut-breadcrumb .breadcrumb > li i,
.donut-breadcrumb .breadcrumb > li:last-child i {
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .breadcrumb,
  .breadcrumb > li > a,
  .breadcrumb > li i,
  .breadcrumb > li span {
    font-size: 12px;
  }
}
.donut-footer {
  padding: 25px 0;

  text-align: center;
  margin-top: 40px;
  backdrop-filter: blur(15px);
  box-shadow: rgba(106, 76, 147, 0.25) 0px 8px 32px 0px;

  border-radius: 20px 20px 0px 0px;
  background: var(--gradient-footer-strong-purple);
  border: 1px solid var(--border-glass);

}
.qa-footer {
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.42857143;
}
.qa-footer a {
  color: var(--text-primary);
  padding: 0.5rem 1rem;
  border-radius: 12px;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.qa-footer a:visited {
  color: var(--text-primary);
}
.qa-footer a:hover,
.qa-footer a:active,
.qa-footer a:focus {

  text-decoration: none;
  /* background: var(--gradient-hover); */
  /* color: var(--color-purple-primary); */
  transform: translateY(-2px);
  box-shadow: var(--shadow-button);
  background: var(--gradient-purple-full);
  color: var(--color-white);


}
.qa-footer-left {
  float: left;
}
.qa-footer-right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .qa-footer {
    font-size: 14px;
  }
}
.qa-nav-footer {
  font-size: 80%;
}
.qa-nav-footer-list {
  float: left;
  list-style-type: none;
  margin: 10px 0 10px;
  padding: 0;
}
.qa-nav-footer-item {
  float: left;
  padding: 0 15px 5px 0;
  margin-bottom: 10px;

}
.qa-nav-footer-item:last-child {
  padding-right: 0;
}
.footer-bottom {
  clear: both;
}
.footer-social,
.qa-attribution {
  margin-bottom: 10px;
}
.footer-social {
  font-size: 18px;
  overflow: auto;
}
.footer-social ul {
  list-style-type: none;
  margin: 0 ;
  padding: 0 ;
}
.footer-social ul li {
  float: left;

  padding: 4px 10px;
  border-radius: 3px ;
}
@media only screen and (min-width: 768px) {
  .qa-attribution {
    float: left;
    margin-right: 20px ;
  }
  .donut-copyright {
    float: right;
  }
  .footer-social {
    float: right;
  }
  .qa-nav-footer {
    float: left;
  }
}
.donut-site-stats-bottom {
  padding: 15px;
  padding-bottom: 25px;

  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--color-20)eee;
}
.donut-site-stats-bottom .stats-wrap {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 auto;

  justify-content: space-between

}
.donut-site-stats-bottom .count-item {
  float: left;

  margin: 0 30px 0 0;
  min-width: 100px;

  text-transform: capitalize;
  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 2rem;
  text-align: center;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}
.donut-site-stats-bottom .count-item:hover {
  transform: translateY(-5px);
  box-shadow: var(--glass-shadow-hover);
}
.donut-site-stats-bottom .count-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, var(--color-84), transparent);
  transition: left 0.5s;
}

.donut-site-stats-bottom .count-data {

  color: var(--text-primary);
  display: inline-block;
  margin-right: 6px;
  padding: 0 10px;
  font-weight: 900;
}

.site-header .site-header-entry {
  padding: 10px 0;
  position: relative;
  z-index: 5;
}
.site-header .hide-btn-wrap {
  position: absolute;
  right: 2%;
}
.site-header .site-header-cover {

  color: var(--text-primary);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.site-header .site-header-cover h1.top-heading {
  font-size: clamp(4.5rem, 4vw, 7rem);
  font-weight: 900;
  line-height: 1.1;
  margin: 55px auto;
  width: 51%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .site-header .site-header-cover h1.top-heading {
    font-size: 37px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .site-header .site-header-cover h1.top-heading {
    font-size: 19px;
    margin-bottom: 8px;
  }
}
.site-header .site-header-fade {

  background-position: 0% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.site-header .jumbo-box {
  padding: 10px 50px;
}
.site-header .jumbo-box .wrap {
  padding: 10px 5px;
}
.site-header .jumbo-box .wrap .hint {
  padding: 10px 0;
  font-size: 30px;
}
.site-header .jumbo-box .icon-wrap .large-icon {
  font-size: 7em;

}
.site-header .search-wrapper {
  padding-top: 20px;
  border-top-color: var(--color-27);
  overflow: auto;
}
.site-header .search-bar {
  padding: 20px 5px;
  margin: auto;

}
@media (min-width: 300px) {
  .site-header .search-bar .form-inline .form-group {
    display: inline-block;
    width: 70%;
    margin-bottom: 0;
  }
}
.site-header .search-bar .ask-field {
  width: 100%;
  border-radius: 16px;
}
.site-header .search-bar .ask-btn {
  height: 48px;
  border-radius: 16px;
}
.qa-search-button {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;

  color: var(--text-primary);
  padding: 10px 12px;
  z-index: 1000 !important;
  font-size: 15px;

}
.qa-search-button:hover,
.qa-search-button:active,
.qa-search-button:focus,
.qa-search-button:active:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;



  background: var(--gradient-vote-btn);

  color: var(--text-primary);
}
.qa-search-field.form-control {
  border-radius: 16px;
  padding: 10px 45px 10px 12px;
  height: auto;
  box-shadow: none;
}
.search-dropdown,
.side-search-bar,
.top-search-bar {

  position: relative;
  overflow: hidden;
}
.search-dropdown .input-group,
.side-search-bar .input-group,
.top-search-bar .input-group {
  display: block;
}
.search-dropdown .input-group-btn,
.side-search-bar .input-group-btn,
.top-search-bar .input-group-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.side-search-bar {
  margin-bottom: 25px;
}
.donut-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  cursor: pointer;

  bottom: 10%;
  right: 10px;
  box-shadow: 0 0 10px var(--color-86);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
  text-align: center;

  font-size: 1.4em;
  padding: 4px 0 ;
  background: var(--glass-primary);
  border: 1px solid var(--glass-border);

  border-radius: 12px;
}
.donut-top,
.donut-top:hover,
.donut-top:active,
.donut-top:focus {
  color: var(--text-primary);
}
.donut-top.is-visible {
  visibility: visible;
  opacity: 1;
}
.donut-top.fade-out {
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .donut-top {
    right: 20px;
    bottom: 10%;
  }
}
@media only screen and (min-width: 1024px) {
  .donut-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 10%;
  }
}
.donut-top.is-visible,
.donut-top.fade-out,
.no-touch .donut-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.no-touch .donut-top:hover {
  background-color: var(--color-32);
  opacity: 1;
}
.qa-feed {
  padding: 15px;
  margin: 0 0 20px 0;
  overflow: auto;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
}
.qa-feed .icon-wrapper {
  margin-right: 10px;
}
.qa-feed .qa-feed-icon {
  height: 30px;
  width: 30px;
  display: inline-block;
  background-color: var(--color-32);
  color: var(--text-primary);
  padding: 4px 8px;
  border: 1px solid var(--color-53);
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.42857143;
}
.qa-feed .qa-feed-link {
  font-size: 14px;
  color: var(--color-51);
}
.qa-sidebar,
.qa-feed,
.qa-widget-side,
.qa-nav-cat {
  border-radius: 3px;
}
.qa-widget-full-high {
  margin-bottom: 0;
}
.qa-widgets-main-high {
  margin-bottom: 24px;
}
.qa-widget-main {
  margin: 0 0 15px 0;
}
.qa-widget-main-bottom {
  margin-bottom: 0;
}
.qa-widget-side,
.qa-nav-cat {

}
.qa-widget-side {

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;

  margin-bottom: 2rem;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}
.qa-widget-side > div {

}
.qa-widget-side h2 {
  margin: 20px 0 10px !important;

  padding: 0 10px 15px 15px !important;
  font-weight: 700;
}
.qa-widget-side > div.qa-related-qs {
  padding: 0;
}
.qa-nav-cat-list {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding-left: 0;
}
.qa-nav-cat-list ul {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.qa-nav-cat-list ul li {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  padding-right: 0;
}
.qa-nav-cat-list ul li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.qa-nav-cat-list ul li:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.qa-nav-cat-list ul li.disabled,
.qa-nav-cat-list ul li.disabled:hover,
.qa-nav-cat-list ul li.disabled:focus {
  background-color: var(--color-20)eee;
  color: var(--color-17);
  cursor: not-allowed;
}
.qa-nav-cat-list ul li.disabled .list-group-item-heading,
.qa-nav-cat-list ul li.disabled:hover .list-group-item-heading,
.qa-nav-cat-list ul li.disabled:focus .list-group-item-heading {
  color: inherit;
}
.qa-nav-cat-list ul li.disabled .list-group-item-text,
.qa-nav-cat-list ul li.disabled:hover .list-group-item-text,
.qa-nav-cat-list ul li.disabled:focus .list-group-item-text {
  color: var(--color-17);
}
.qa-nav-cat-list ul li.active,
.qa-nav-cat-list ul li.active:hover,
.qa-nav-cat-list ul li.active:focus {
  z-index: 2;
  color: var(--text-primary);
  background-color: var(--color-18);
  border-color: var(--color-18);
}
.qa-nav-cat-list ul li.active .list-group-item-heading,
.qa-nav-cat-list ul li.active:hover .list-group-item-heading,
.qa-nav-cat-list ul li.active:focus .list-group-item-heading,
.qa-nav-cat-list ul li.active .list-group-item-heading > small,
.qa-nav-cat-list ul li.active:hover .list-group-item-heading > small,
.qa-nav-cat-list ul li.active:focus .list-group-item-heading > small,
.qa-nav-cat-list ul li.active .list-group-item-heading > .small,
.qa-nav-cat-list ul li.active:hover .list-group-item-heading > .small,
.qa-nav-cat-list ul li.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.qa-nav-cat-list ul li.active .list-group-item-text,
.qa-nav-cat-list ul li.active:hover .list-group-item-text,
.qa-nav-cat-list ul li.active:focus .list-group-item-text {
  color: var(--color-54);
}
.qa-nav-cat-list > li {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;

}
.qa-nav-cat-list > li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.qa-nav-cat-list > li:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.qa-nav-cat-list > li.disabled,
.qa-nav-cat-list > li.disabled:hover,
.qa-nav-cat-list > li.disabled:focus {
  background-color: var(--color-20)eee;
  color: var(--color-17);
  cursor: not-allowed;
}
.qa-nav-cat-list > li.disabled .list-group-item-heading,
.qa-nav-cat-list > li.disabled:hover .list-group-item-heading,
.qa-nav-cat-list > li.disabled:focus .list-group-item-heading {
  color: inherit;
}
.qa-nav-cat-list > li.disabled .list-group-item-text,
.qa-nav-cat-list > li.disabled:hover .list-group-item-text,
.qa-nav-cat-list > li.disabled:focus .list-group-item-text {
  color: var(--color-17);
}
.qa-nav-cat-list > li.active,
.qa-nav-cat-list > li.active:hover,
.qa-nav-cat-list > li.active:focus {
  z-index: 2;
  color: var(--text-primary);
  background-color: var(--color-18);
  border-color: var(--color-18);
}
.qa-nav-cat-list > li.active .list-group-item-heading,
.qa-nav-cat-list > li.active:hover .list-group-item-heading,
.qa-nav-cat-list > li.active:focus .list-group-item-heading,
.qa-nav-cat-list > li.active .list-group-item-heading > small,
.qa-nav-cat-list > li.active:hover .list-group-item-heading > small,
.qa-nav-cat-list > li.active:focus .list-group-item-heading > small,
.qa-nav-cat-list > li.active .list-group-item-heading > .small,
.qa-nav-cat-list > li.active:hover .list-group-item-heading > .small,
.qa-nav-cat-list > li.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.qa-nav-cat-list > li.active .list-group-item-text,
.qa-nav-cat-list > li.active:hover .list-group-item-text,
.qa-nav-cat-list > li.active:focus .list-group-item-text {
  color: var(--color-54);
}
.qa-nav-cat-list .qa-nav-cat-all {
  height: 50px;
}
.qa-nav-cat-list .qa-nav-cat-all a {
  font-size: 24px;
}
.qa-nav-cat-list .qa-nav-cat-all a:hover {
  text-decoration: none;
}
.qa-nav-cat-list-1 {
  font-size: 14px;
}
.qa-nav-cat-list-2 {
  font-size: 14px;
  margin-left: 1em;
}
.qa-nav-cat-list-3 {
  font-size: 14px;
  margin-left: 1em;
}
.qa-nav-cat-list-4 {
  font-size: 14px;
  margin-left: 1em;
}
.qa-nav-cat-list-2,
.qa-nav-cat-list-3,
.qa-nav-cat-list-4 {
  margin-top: 5px;
}
.qa-nav-cat-list-2 .qa-nav-cat-item,
.qa-nav-cat-list-3 .qa-nav-cat-item,
.qa-nav-cat-list-4 .qa-nav-cat-item,
.qa-nav-cat-list-2 .qa-nav-cat-item:first-child,
.qa-nav-cat-list-3 .qa-nav-cat-item:first-child,
.qa-nav-cat-list-4 .qa-nav-cat-item:first-child,
.qa-nav-cat-list-2 .qa-nav-cat-item:last-child,
.qa-nav-cat-list-3 .qa-nav-cat-item:last-child,
.qa-nav-cat-list-4 .qa-nav-cat-item:last-child {
  border-right: none;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.qa-nav-cat-item a {
  padding-bottom: 1px;
}
.qa-nav-cat-item .qa-nav-cat-note {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;

  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;

  float: right;
  background: var(--glass-accent);
  color: var(--text-primary);

  border-radius: 20px;

  font-weight: 600;

  background: var(--gradient-purple-primary);
  color: var(--color-white);

}
.qa-nav-cat-note {
  color: var(--color-19);
}

.qa-sidepanel {
  min-height: 80px;
}

.qa-widget-side-low {
  border-top: 1px solid var(--color-25);
}
.qa-widget-side-low div {
  padding: 0 10px 10px;
}
.qa-activity-count {
  background-color: var(--text-primary);
  border-radius: 5px;
  font-size: 18px;
  color: var(--color-17);
  padding: 10px;
}
.qa-activity-count-item {
  margin: 0;
}
.qa-activity-count-data {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-18);
}

.qa-voting {
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 15px;
  text-align: center;
  padding: 0.8rem 0.5rem;
  border-radius: 12px;
  background: var(--gradient-vote-btn);
  border: 1px solid var(--color-purple-light);
  transition: all 0.3s ease;
  margin-bottom: 25px;
}
.qa-voting:hover {
  background: var(--gradient-hover);
  transform: translateY(-2px);
  border-color: var(--color-purple-primary);
  box-shadow: 0 6px 20px rgba(90, 59, 124, 0.4);
}

.qa-netvote-count {
  text-align: center;
  display: block;
}
.qa-netvote-count-data {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
  overflow: hidden;
  color: var(--text-primary);

}
.qa-netvote-count-pad {
  font-size: 1.20rem;
  color: var(--text-muted);
  font-weight: 500;
}

.qa-upvote-count,
.qa-downvote-count {
  text-align: center;
  display: block;
}
.qa-upvote-count-data,
.qa-downvote-count-data {
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.42857143;
  margin-top: 3px;
}
@media only screen and (max-width: 767px) {
  .qa-upvote-count-data,
  .qa-downvote-count-data {
    line-height: 1 ;
    font-size: 14px;
  }
}
.qa-upvote-count-pad,
.qa-downvote-count-pad {
  display: none;
}
.qa-tags-rank-tags,
.qa-q-item-tags,
.qa-q-view-tags {
  padding: 5px 0;
}
.qa-tags-rank-tag-list,
.qa-q-item-tag-list,
.qa-q-view-tag-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.qa-tags-rank-tag-item,
.qa-q-item-tag-item,
.qa-q-view-tag-item {
  display: inline-block;
  margin-right: 5px;
  padding: 6px 0;
}
.qa-q-view-tags {
  margin-bottom: 20px;
}
.qa-tag-link {
  font-size: 11px;

  background: var(--glass-accent);
  color: var(--text-primary);
  padding: 0.3rem 0.8rem;
  border-radius: 20px;

  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;

}
.qa-tag-link:hover {
  background: var(--glass-secondary);
  transform: translateY(-1px);

  text-decoration: none;
}
.qa-tags-rank-tag-item {
  margin-left: 10px;
}
#tag_examples_title,
#tag_complete_title {
  float: left;
  margin-right: 5px;
}
.qa-widget-side .qa-q-view-tag-item,
.qa-widget-side > div > a {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  border-radius: 3px;
  color: inherit;
  line-height: normal;
  padding: 5px 10px;
}
.qa-widget-side .qa-q-view-tag-item:hover,
.qa-widget-side > div > a:hover {
  background: var(--color-56);
  box-shadow: 0 0 2px var(--color-93);
  text-decoration: none;
}
.qa-top-tags ul.donut-tags-list {
  list-style-type: none;
  padding-left: 5px;
  margin-bottom: 0;
}
.qa-top-tags ul.donut-tags-list li.tag-item {
  padding: 5px;
  margin-bottom: 10px;
}
.qa-top-tags ul.donut-tags-list li.tag-item .tag-head {
  padding: 5px 0;
}
.qa-top-tags ul.donut-tags-list li.tag-item .tag-head span {
  float: left;
}
.subnav-row {
  margin-bottom: 10px;
}
.qa-nav-sub {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .qa-nav-sub {
    display: none !important;
  }
}
.qa-nav-sub .qa-nav-sub-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;

}
.qa-nav-sub .qa-nav-sub-list > li {
  position: relative;
  display: block;
}
.qa-nav-sub .qa-nav-sub-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.qa-nav-sub .qa-nav-sub-list > li > a:hover,
.qa-nav-sub .qa-nav-sub-list > li > a:focus {
  text-decoration: none;
  background-color: var(--color-20)eee;
}
.qa-nav-sub .qa-nav-sub-list > li.disabled > a {
  color: var(--color-17);
}
.qa-nav-sub .qa-nav-sub-list > li.disabled > a:hover,
.qa-nav-sub .qa-nav-sub-list > li.disabled > a:focus {
  color: var(--color-17);
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.qa-nav-sub .qa-nav-sub-list .open > a,
.qa-nav-sub .qa-nav-sub-list .open > a:hover,
.qa-nav-sub .qa-nav-sub-list .open > a:focus {
  background-color: var(--color-20)eee;
  border-color: var(--color-18);
}
.qa-nav-sub .qa-nav-sub-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: var(--color-57);
}
.qa-nav-sub .qa-nav-sub-list > li > a > img {
  max-width: none;
}
.qa-nav-sub .qa-nav-sub-list > li {
  float: left;
  margin-bottom: -1px;
}
.qa-nav-sub .qa-nav-sub-list > li > a {
  margin-right: 15px;

  border: 1px solid var(--glass-border);
  color: var(--text-secondary);
  padding: 0.8rem 1.5rem;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}
.qa-nav-sub .qa-nav-sub-list > li > a:hover {

  background: var(--glass-primary);
  color: var(--text-primary);
  transform: translateY(-2px);
}
.qa-nav-sub .qa-nav-sub-list > li.active > a,
.qa-nav-sub .qa-nav-sub-list > li.active > a:hover,
.qa-nav-sub .qa-nav-sub-list > li.active > a:focus {

  background: var(--glass-primary);
  color: var(--text-primary);
  transform: translateY(-2px);
}
.qa-nav-sub .qa-nav-sub-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.qa-nav-sub .qa-nav-sub-list.nav-justified > li {
  float: none;
}
.qa-nav-sub .qa-nav-sub-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.qa-nav-sub .qa-nav-sub-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .qa-nav-sub .qa-nav-sub-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .qa-nav-sub .qa-nav-sub-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.qa-nav-sub .qa-nav-sub-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a,
.qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a:hover,
.qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a:focus {
  border: 1px solid var(--glass-border-light);
}
@media (min-width: 768px) {
  .qa-nav-sub .qa-nav-sub-list.nav-justified > li > a {
    border-bottom: 1px solid var(--glass-border-light);
    border-radius: 4px 4px 0 0;
  }
  .qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a,
  .qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a:hover,
  .qa-nav-sub .qa-nav-sub-list.nav-justified > .active > a:focus {
    border-bottom-color: var(--text-primary);
  }
}
.qa-nav-sub .qa-nav-sub-list .qa-nav-sub-hot .qa-nav-sub-link {

  background: var(--color-94);
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .qa-main-wrapper {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    left: 0;
  }
  .qa-main-wrapper.active {
    left: 50%;
  }
}
.qa-template-admin .qa-main {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .qa-template-admin .qa-main {
    float: left;
    width: 75%;
  }
}
.qa-template-admin .qa-left-side-bar {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .qa-template-admin .qa-left-side-bar {
    float: left;
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .qa-template-admin .qa-left-side-bar {
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .qa-template-admin .qa-left-side-bar {
    display: block !important;
    float: left;
    width: 25%;
    left: 0;
  }
}
.qa-left-side-bar {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .qa-left-side-bar {
    min-height: 100px;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: -50%;
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .qa-left-side-bar {
    display: none !important;
  }
}
.toggle-icon {
  padding: 10px 10px;
}
.qa-main h1,
.qa-main-wrapper h1 {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid var(--color-20)eee;
  margin: 20px 0 10px;
}
.qa-body-wrapper {
  margin-bottom: 50px;
}
.qa-main-shadow {
  margin-top: 10px;
}
.qa-notice {
  margin: 10px 0 5px 0;
}
@media only screen and (max-width: 767px) {
  .side-toggle-button {
    margin-bottom: 5px ;
  }
}
.qa-main-hidden {
  opacity: 0.8;
}
.qa-main-hidden .qa-voting {
  color: var(--color-17);
}
.qa-main-hidden .qa-q-view-content,
.qa-main-hidden .qa-a-item-content {
  color: var(--color-17);
}
.qa-main-hidden .qa-q-view-what,
.qa-main-hidden .qa-a-item-what {
  color: var(--color-51);
}
.qa-main-hidden .qa-q-view-meta,
.qa-main-hidden .qa-a-item-meta {
  color: var(--color-51);
}
.qa-main-hidden .qa-q-view-who-title,
.qa-main-hidden .qa-a-item-who-title {
  color: var(--color-17);
}
.qa-main-hidden .qa-user-link {
  color: var(--color-17);
}
.qa-sidebar,
.qa-q-view-follows,
.qa-q-view-closed,
.qa-form-tall-ok,
.qa-form-wide-ok,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok {
  padding: 15px;
  margin-bottom: 25px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.qa-sidebar h4,
.qa-q-view-follows h4,
.qa-q-view-closed h4,
.qa-form-tall-ok h4,
.qa-form-wide-ok h4,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok h4,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok h4 {
  margin-top: 0;
  color: inherit;
}
.qa-sidebar .alert-link,
.qa-q-view-follows .alert-link,
.qa-q-view-closed .alert-link,
.qa-form-tall-ok .alert-link,
.qa-form-wide-ok .alert-link,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok .alert-link,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok .alert-link {
  font-weight: bold;
}
.qa-sidebar > p,
.qa-q-view-follows > p,
.qa-q-view-closed > p,
.qa-form-tall-ok > p,
.qa-form-wide-ok > p,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok > p,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok > p,
.qa-sidebar > ul,
.qa-q-view-follows > ul,
.qa-q-view-closed > ul,
.qa-form-tall-ok > ul,
.qa-form-wide-ok > ul,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok > ul,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok > ul {
  margin-bottom: 0;
}
.qa-sidebar > p + p,
.qa-q-view-follows > p + p,
.qa-q-view-closed > p + p,
.qa-form-tall-ok > p + p,
.qa-form-wide-ok > p + p,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok > p + p,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok > p + p {
  margin-top: 5px;
}
.qa-form-tall-table > tbody > tr > td.qa-form-tall-ok,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-ok,
.qa-form-tall-table > tbody > tr > td.qa-form-tall-error,
.qa-form-wide-table > tbody > tr > td.qa-form-wide-error {
  display: table-cell !important;
}
.qa-sidebar {

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;

  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.qa-sidebar hr {
  border-top-color: var(--color-59);
}
.qa-sidebar .alert-link {
  color: var(--color-60);
}

.qa-ask-box {
  background: var(--color-18);
  border-radius: 3px;
  margin-top: 10px;
}
.qa-ask-box .qa-form-tall-table {
  margin-bottom: 0;
}
.qa-ask-box tr td {
  vertical-align: middle;
}
.qa-ask-box tr .qa-form-tall-label {
  font-weight: bold;
  color: var(--text-primary);
  padding: 15px !important;
  font-size: 20px;
}
.qa-ask-box tr .qa-form-tall-text {
  display: block;
  height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--color-24);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px var(--color-95);
  box-shadow: inset 0 1px 1px var(--color-95);
}
.qa-ask-box tr .qa-form-tall-text::-ms-expand {
  border: 0;
  background-color: transparent;
}
.qa-rss-feed {
  border-radius: 4px;
  height: 30px;
  width: 30px;
  color: var(--text-primary);
  padding: 6px 10px;
  position: absolute;
  right: 0;
  bottom: 28px;
  background-color: var(--color-32);
  float: right;
}
.qa-rss-feed:hover,
.qa-rss-feed:active,
.qa-rss-feed:focus,
.qa-rss-feed:visited {
  background-color: var(--color-32);
  color: var(--text-primary);
}
.page-title.has-favorite .qa-rss-feed {
  right: 0px;
  bottom: 40px;
}
.qa-favoriting {
  float: right;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.qa-favoriting .qa-waiting {
  font-size: 20px;
  position: absolute;
  right: -6px;
  top: 30%;
}

.qa-a-count {
  background: var(--color-90);
  border-color: var(--color-96);

  font-size: 11px;
  color: var(--color-text-muted);
  background: var(--gradient-stat);
  padding: 3px 8px;
  border-radius: 10px;
}
.qa-a-count:hover {

}

.qa-a-count-zero {

  background: var(--gradient-stat);
}
.qa-a-count-selected {

  background: var(--gradient-stat-answered);
  color: var(--color-green-primary);
}
.qa-a-count-data {

  line-height: 24px;
  font-weight: 700;

  margin-top: 10px;
}
.qa-a-count-pad {

}
.qa-view-count {
  float: left;
  border: 1px solid var(--glass-border-light);
  width: 120px;
  height: 80px;
  text-align: center;
  margin-right: 5px;
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}
.qa-view-count-data {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}
.qa-view-count-pad {
  font-size: 12px;
}
.qa-template-question .qa-part-q-view {
  position: relative;
  margin-bottom: 20px;
}
.qa-template-question .qa-view-count {
  position: absolute;

  padding: 4px 6px;
  font-size: 12px;
  line-height: 1.42857143;
  border: medium none;
  border-radius: 0;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--color-20)eee;

  text-align: center;
  padding: 0.8rem 0.5rem;
  border-radius: 12px;
  background: var(--glass-primary);
  border: 1px solid var(--color-purple-light);
  transition: all 0.3s ease;
  margin-bottom: 25px;

}
.qa-template-question .qa-view-count-data {

  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  margin-top: 10px;
  overflow: hidden;
  color: var(--text-primary);

}
.qa-template-question .qa-view-count-pad {

  font-size: 1.20rem;
  color: var(--text-muted);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .qa-template-question .qa-view-count {
    right: 0;
    top: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .qa-template-question .qa-view-count {
    left: 140px;
    top: 0;
  }
}
.qa-error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.qa-error h4 {
  margin-top: 0;
  color: inherit;
}
.qa-error .alert-link {
  font-weight: bold;
}
.qa-error > p,
.qa-error > ul {
  margin-bottom: 0;
}
.qa-error > p + p {
  margin-top: 5px;
}
.donut-error,
.qa-error {

  color: var(--text-primary);
  margin-bottom: 10px;
  margin-top: 10px;

  background: rgb(199 52 154 / 20%);
  border-color: rgb(199 52 99 / 30%);
  width: 100%;
  text-align: center;
  margin-right: 5px;

  border-radius: 12px;
  border: 1px solid var(--glass-border)
}
.donut-error hr,
.qa-error hr {
  border-top-color: var(--color-64);
}
.donut-error .alert-link,
.qa-error .alert-link {
  color: var(--text-primary);
}
.donut-error a,
.qa-error a {
  color: var(--text-secondary);
}
.qa-page-links {
  clear: both;
}
.qa-page-links-label {
  display: none;
}
.qa-page-links-list {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.qa-page-links-list > li {
  display: inline;
}
.qa-page-links-list > li > a,
.qa-page-links-list > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  border-radius: 12px;

  margin-left: -1px;
}
.qa-page-links-list > li:first-child > a,
.qa-page-links-list > li:first-child > span {
  margin-left: 0;

  border-radius: 12px;
}
.qa-page-links-list > li:last-child > a,
.qa-page-links-list > li:last-child > span {

  border-radius: 12px;
}
.qa-page-links-list > li > a:hover,
.qa-page-links-list > li > span:hover,
.qa-page-links-list > li > a:focus,
.qa-page-links-list > li > span:focus {
  z-index: 2;

  text-decoration: none;
  color: var(--text-primary);
  background: var(--glass-secondary);
  transform: translateY(-2px);

}
.qa-page-links-list > .active > a,
.qa-page-links-list > .active > span,
.qa-page-links-list > .active > a:hover,
.qa-page-links-list > .active > span:hover,
.qa-page-links-list > .active > a:focus,
.qa-page-links-list > .active > span:focus {
  z-index: 3;

  cursor: default;
}
.qa-page-links-list > .disabled > span,
.qa-page-links-list > .disabled > span:hover,
.qa-page-links-list > .disabled > span:focus,
.qa-page-links-list > .disabled > a,
.qa-page-links-list > .disabled > a:hover,
.qa-page-links-list > .disabled > a:focus {
  color: var(--color-17);
  background-color: var(--text-primary);
  border-color: var(--glass-border-light);
  cursor: not-allowed;
}
.qa-form-wide-spacer,
.qa-form-tall-spacer {
  line-height: 1px;
  font-size: 1px;
}
.qa-form-tall-spacer {
  padding: 0;
}
.qa-form-wide-spacer {
  padding: 15px;
}
.qa-form-wide-label {
  min-width: 100px;
}
.qa-form-wide-label,
.qa-form-wide-data {
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--color-20)eee;
  padding: 10px;
}
.qa-form-wide-table textarea.qa-form-wide-text {
  height: 125px;
}
.qa-form-wide-note {
  font-size: 14px;
  margin-left: 5px;

}
.qa-form-wide-buttons {
  padding: 8px;
}

.qa-part-q-list {
  margin-bottom: 20px;
}
.qa-q-list {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .qa-q-list .qa-vote-buttons {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .qa-q-list .qa-voting {
    width: 65px;
    height: 45px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    border-radius: 3px;
  }
  .qa-q-list .qa-voting.qa-voting-net .qa-netvote-count-data {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
  }
  .qa-q-list .qa-voting.qa-voting-net .qa-netvote-count-pad {
    font-size: 8px;
  }
  .qa-q-list .qa-a-count {
    width: 65px;
    height: 45px;
    margin: 0;
    padding: 1px 4px;
    border-radius: 3px;
  }
  .qa-q-list .qa-a-count .qa-a-count-data {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
  }
  .qa-q-list .qa-a-count .qa-a-count-pad {
    font-size: 8px;
  }
  .qa-q-list .qa-q-item-main {
    padding-left: 0;
    padding-right: 5px;
  }
}
.qa-q-list-item {

  margin-bottom: 25px;

  background: var(--gradient-glass-card);
  border-left: 4px solid transparent;
  backdrop-filter: blur(20px);

  padding: 2rem;
  box-shadow: var(--glass-shadow);

  border-radius: 15px;
  transition: 0.3s;
  display: flex;

}
.qa-q-list-item:first-child {

}
.qa-q-list-item:last-child {

}
/* Убираем специальные стили для user-answers и user-activity,
   чтобы они использовали стандартные стили как в разделе "Все вопросы" */
.qa-q-item-title {
  color: var(--color-19);
  font-size: 16px;
}
.qa-q-item-title a {

  font-size: 16px;
  line-height: 1.42857143;
  color: var(--text-primary);
  text-decoration: none;

  font-weight: 600;
}
.qa-q-item-title .qa-q-item-content {
  font-size: 14px;
  margin-top: 8px;
  max-height: 80px;
  overflow-y: auto;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  padding: 4px;
}
.qa-q-item-avatar-meta,
.qa-q-view-avatar-meta,
.qa-a-item-avatar-meta,
.qa-c-item-avatar-meta {
  display: block;
}
.qa-q-item-stats {
  float: left;

  position: relative;
  min-height: 1px;

  padding-right: 30px;
  float: right !important;
}
@media (min-width: 768px) {
  .qa-q-item-stats {
    float: left;
    width: 22.5%;
  }
}
@media (min-width: 992px) {
  .qa-q-item-stats {
    float: left;
    width: 23.33333333%;
  }
}
@media (min-width: 1200px) {
  .qa-q-item-stats {
    float: left;
    width: 18%;
  }
}
@media only screen and (max-width: 767px) {
  .qa-q-item-stats {
    float: left !important;

  }
}
.qa-q-item-main {
  float: left;
  width: 85%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .qa-q-item-main {
    float: left;
    width: 77.5%;
  }
}
@media (min-width: 992px) {
  .qa-q-item-main {
    float: left;
    width: 76.66666667%;
  }
}
@media (min-width: 1200px) {
  .qa-q-item-main {
    float: left;
    width: 80%;
  }
}
.qa-q-item-avatar-meta {

  margin: 5px 5px 5px 0;
}
.qa-q-item-avatar-warp {
  float: left;
  margin: 5px 10px 0 10px;
}
.qa-q-item-avatar-warp img {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.qa-q-item-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.qa-q-item-meta {
  display: inline;
  vertical-align: middle;

  font-size: 12px;
}
.qa-q-item-flags {
  color: var(--color-16);
  font-weight: bold;
  padding-left: 4px;
}
.qa-q-item-buttons {
  float: left;
  margin: 10px 0;
}
.qa-q-item-buttons:before,
.qa-q-item-buttons:after {
  content: " ";
  display: table;
}
.qa-q-item-buttons:after {
  clear: both;
}
.qa-q-item-buttons:before,
.qa-q-item-buttons:after {
  content: " ";
  display: table;
}
.qa-q-item-buttons:after {
  clear: both;
}
.qa-q-item-view-count {

}
.qa-q-item-view-count .fa:before {

}
.qa-suggest-next {

  background: var(--gradient-card);

  border: 1px solid var(--glass-border);
  border-radius: 16px;

  box-shadow: var(--glass-shadow);

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}
.qa-suggest-next a {
  font-weight: bold;
}

.qa-part-ranking {
  margin-bottom: 20px;
}

.user-box {
  margin-bottom: 20px;
}
.user-box-inner {

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  padding: 2rem;
  text-align: center;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.user-box-inner .user-avatar {
  display: inline-block;
}
.user-box-inner .user-avatar .qa-avatar-image {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.user-box-inner .user-data {
  margin-top: 5px;
}
.user-box-inner .user-data .qa-user-link {
  font-size: 18px;
}
.user-box-inner .user-data .qa-user-link:hover {
  text-decoration: none;
}

.qa-browse-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.qa-browse-cat-list-1 {
  font-size: 18px;
}
.qa-browse-cat-list-2 {
  font-size: 14px;
  margin-left: 20px;
}
.qa-browse-cat-list-3 {
  font-size: 14px;
  margin-left: 20px;
}
.qa-browse-cat-list-4 {
  font-size: 14px;
  margin-left: 20px;
}
.qa-browse-cat-item {
  font-weight: bold;
  color: var(--color-26)333;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--color-20)eee;
}
.qa-browse-cat-list-2 .qa-browse-cat-item,
.qa-browse-cat-list-3 .qa-browse-cat-item,
.qa-browse-cat-list-4 .qa-browse-cat-item {
  border: none;
}
.qa-browse-cat-closed {
  list-style: none;
  color: var(--color-26)333;
}
.qa-browse-cat-open {
  list-style: none;
  color: var(--color-51);
}
a.qa-browse-cat-link,
a.qa-browse-cat-link:visited {
  font-weight: 700;
  text-decoration: none;
  color: var(--color-26)333;
}
.qa-browse-cat-list-3 .qa-browse-cat-item {
  padding: 5px 0;
}
.qa-browse-cat-note {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-51);
}
.qa-browse-cat-nolink {
  cursor: pointer;
}

.qa-part-q-view {

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}
.qa-q-view .qa-voting {

}
@media only screen and (max-width: 767px) {
  .qa-q-view .qa-voting {

  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qa-q-view .qa-voting {

  }
}
.qa-part-q-view-closed {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  border-color: var(--color-55);
}
.qa-part-q-view-solved {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  border-color: var(--glass-success-border);
}
.qa-q-view {
  position: relative;
}
.qa-q-view-main {
  float: left;
  width: 88%;

  min-height: 1px;
  padding: 0 5px 10px 5px;
}
@media only screen and (max-width: 767px) {
  .qa-q-view-main {
    width: 100%;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qa-q-view-main {
    width: 85%;
  }
}
.qa-q-view-content {
  margin-bottom: 20px;
  font-size: 16px;
  word-wrap: break-word;
}
.qa-q-view-content .entry-content {
  font-size: 18px;
}
.qa-q-view-content .entry-content img {
  display: block;
  max-width: 100%;
}
.qa-q-view-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.qa-q-view-meta {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.qa-q-view-follows {

  background: var(--color-90);
  border-color: var(--color-96);
  text-align: center;
  border-radius: 12px;
}
.qa-q-view-follows hr {
  border-top-color: var(--color-59);
}
.qa-q-view-follows .alert-link {
  color: var(--color-60);
}
.qa-q-view-follows-link {

}
.qa-q-view-closed {
  background-color: var(--color-58);
  border-color: var(--color-55);
  color: var(--color-35);
  color: var(--color-60);
}
.qa-q-view-closed hr {
  border-top-color: var(--color-59);
}
.qa-q-view-closed .alert-link {
  color: var(--color-60);
}
.qa-q-view-closed-content {
  font-weight: normal;
}
.qa-q-view-extra {
  font-size: 14px;
  margin-bottom: 18px;
}
.qa-q-view-extra-content {
  font-weight: 700;
}
.qa-q-view-when-data {
  font-weight: 700;
}
.qa-q-view-who-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-51);
}
.qa-q-view-who-data,
.qa-q-view-where-data {

}
.qa-q-view-flags {
  display: inline-block;
  padding: 2px 4px;
  color: var(--color-16);
  background-color: var(--color-63);
  border: 1px solid var(--color-61);
  border-radius: 3px;
}
.qa-q-view-buttons {
  margin-top: 16px;
  display: flex;
  gap: 15px;
}
.qa-q-view-hidden .qa-voting {
  color: var(--color-51);
}
.qa-q-view-hidden .qa-q-view-content {
  color: var(--color-51);
}
.qa-q-view-hidden .qa-q-view-meta {
  color: var(--color-17);
}
.qa-q-view-hidden .qa-user-link {
  color: var(--color-51);
}
.qa-q-view-hidden .qa-q-view-who-title {
  color: var(--color-51);
}
.qa-q-view-hidden .qa-category-link {
  color: var(--color-51);
}
.qa-q-view-hidden .qa-tag-link {
  color: var(--color-51);
  opacity: 0.5;
}

.qa-part-a-form {
  margin-bottom: 20px;
}
.qa-part-a-form .qa-a-form {

  background: var(--gradient-card)
  linear-gradient(145deg, var(--color-84) 0%, var(--color-85) 100%)
;
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.qa-part-a-form .qa-a-form h2 {
  margin: 0 -5px;
  font-size: 22px;

  padding: 15px;
}
.qa-part-a-form .qa-a-form h2:last-child {
  border-bottom: transparent;
  font-size: 18px;
  margin: -5px -5px;
  border-radius: 4px;
  background-color: var(--color-63);
  border-color: var(--color-61);
  color: var(--color-16);
}
.qa-part-a-form .qa-a-form h2:last-child hr {
  border-top-color: var(--color-64);
}
.qa-part-a-form .qa-a-form h2:last-child .alert-link {
  color: var(--error-text);
}
.qa-part-a-form .qa-a-form h2:last-child a {
  color: var(--error-text);
}
.qa-part-a-list > h2 {
  font-size: 20px;
  margin: 10px 0;
  padding-bottom: 10px;

}
.qa-a-list-item {

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 25px;
}
.qa-a-list-item-selected {
  border: 2px dashed var(--glass-success-border);
}
.qa-a-list-item-hidden {
  background-color: var(--color-56);
  opacity: 0.8;
}
.qa-a-list-item-hidden .qa-voting {
  color: var(--color-51);
}
.qa-a-list-item-hidden .qa-a-item-content {
  color: var(--color-17);
}
.qa-a-list-item-hidden .qa-a-item-what {
  color: var(--color-51);
}
.qa-a-list-item-hidden .qa-a-item-meta {
  color: var(--color-51);
}
.qa-a-list-item-hidden .qa-a-item-who-title {
  color: var(--color-17);
}
.qa-a-list-item-hidden .qa-user-link {
  color: var(--color-17);
}
.qa-a-list-item .qa-voting {

}
.qa-a-item-main {
  overflow: hidden;
  min-height: 1px;
  padding: 0 10px 10px 10px;
}
@media only screen and (max-width: 991px) {
  .qa-a-item-main {
    width: 100%;
  }
}
.qa-c-form h2 {
  font-size: 18px;
  padding-left: 10px;
}
.qa-c-form h2:last-child {
  font-size: 16px;
  padding: 10px;
  border-radius: 4px;
  background-color: var(--color-63);
  border-color: var(--color-61);
  color: var(--color-16);
}
.qa-c-form h2:last-child hr {
  border-top-color: var(--color-64);
}
.qa-c-form h2:last-child .alert-link {
  color: var(--error-text);
}
.qa-c-form h2:last-child a {
  color: var(--error-text);
}
.qa-a-item-content {
  font-size: 16px;
  margin-bottom: 16px;
  word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .qa-a-item-content {
    clear: both ;
    margin-top: 10px;
  }
}
.qa-a-item-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.qa-a-item-meta {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.qa-a-item-when-data {
  font-weight: 700;
}
.qa-a-item-who-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-51);
}
.qa-a-item-points-data {
  font-weight: 700;
}
.qa-a-item-flags {
  display: inline-block;
  padding: 2px 4px;
  color: var(--color-16);
  background-color: var(--color-63);
  border: 1px solid var(--color-61);
  border-radius: 3px;
}
.qa-a-item-buttons {
  margin-top: 16px;
  display: flex;
  gap: 15px;
}

.qa-a-selection {
  position: absolute;

  right: 5px;
  top: 10px;
  float: right;
  width: 60px;
  text-align: center;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 991px) {
  .qa-a-selection {
    left: initial ;
    right: 5px;
    top: 10px;
    float: right ;
  }
}
.qa-q-view-c-list,
.qa-a-item-c-list {
  margin-top: 20px;
  border-top: 1px solid var(--color-25);
}

.qa-c-list-item {
  padding: 8px;
  border-bottom: 1px solid var(--color-25);
}
.qa-a-list-item-selected .qa-c-list-item {
  border-bottom: 1px dashed var(--glass-success-border);
}
.qa-a-list-item-selected .qa-a-item-c-list {
  border-top: 1px dashed var(--glass-success-border);
}
.qa-c-item-hidden .qa-c-item-content {
  color: var(--color-17);
}
.qa-c-item-hidden .qa-c-item-link {
  color: var(--color-18);
}
.qa-c-item-hidden .qa-c-item-what {
  color: var(--color-17);
}
.qa-c-item-hidden .qa-c-item-meta {
  color: var(--color-17);
}
.qa-c-item-hidden .qa-c-item-who-title {
  color: var(--color-17);
}
.qa-c-item-hidden .qa-user-link {
  color: var(--color-47);
}
.qa-c-item-link {
  display: block;
  margin-bottom: 6px;
}
.qa-c-item-expand {
  display: block;
  color: var(--color-18);
  font-style: italic;
  margin: 2px 0;
}
.qa-c-item-content {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
}
.qa-c-item-footer {
  position: relative;
}
.qa-c-item-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.qa-c-item-meta {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;

}
.qa-c-item-who-title {
  font-weight: 700;
  color: var(--color-51);
}
.qa-c-item-who-points {
  display: none;
}
.qa-c-item-flags {
  display: inline-block;
  padding: 2px 4px;
  color: var(--color-16);
  background-color: var(--color-63);
  border: 0.5px solid var(--color-61);
  border-radius: 3px;
}
.qa-c-item-buttons.collapsed {
  display: block;
  position: absolute;
  bottom: -5px;
  right: -7px;
}
@media only screen and (max-width: 767px) {
  .qa-c-item-buttons {
    margin-top: 2px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .qa-c-item-buttons {
    margin-top: 2px;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .qa-c-item-buttons {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .qa-c-item-buttons {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.qa-c-item-buttons div:last-child.tooltip .tooltip-arrow {
  top: 0 !important;
}
.qa-c-item-buttons .qa-form-light-button {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.qa-message-item {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--glass-border-light);
  padding: 15px 5px;
  margin-bottom: 10px;
}
.qa-message-content-wrapper {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
}
.qa-message-content-wrapper .qa-message-content {
  display: block;
  padding: 15px;
}
.qa-message-avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.qa-message-avatar img {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 2px;
  border-radius: 50%;
}
.qa-message-avatar-meta {
  padding: 5px;
}
.qa-message-meta {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: var(--color-17);
}

.qa-related-qs {
  font-size: 14px;
  background-color: var(--text-primary);
}
.qa-related-qs h2 {
  font-size: 18px;
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid var(--color-20)eee;
  padding-bottom: 10px !important;
}
.qa-related-q-list {
  list-style-type: none;
  padding: 0 20px 15px;
  margin: 0;
}
.qa-related-q-item {
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid var(--color-56);
  border-bottom: 1px solid var(--color-25);
}
.qa-related-q-item:first-child {
  border-top: none;
}
.qa-related-q-item:last-child {
  border-bottom: none;
}

.qa-user-link,
.qa-category-link {
  color: var(--text-secondary);

  font-weight: 700;
}
.qa-widget-side a {
  margin: 0 3px 3px 0;
  display: inline-block;
  font-weight: 500;
}
.qa-related-q-item a {
  margin: 0;
  display: block;
  background: none;
  border: none;
  text-transform: none;
}
.qa-avatar-link,
.qa-avatar-link:hover {
  text-decoration: none;
}
.qa-favorite-image {
  border: 0;
  height: 24px;
  width: 24px;
  vertical-align: middle;
  display: inline-block;
}
.qa-favorite-image:before {
  content: "\f004";
  padding-right: 5px;
  color: var(--color-30);
}
.qa-waiting {
  margin: 0 12px 0 5px;
  vertical-align: middle;
  color: var(--color-18);
  z-index: 1000;
  font-size: inherit;
}
.qa-a-selection .qa-waiting {
  position: absolute;
  padding: 0;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -7px;
}
.qa-q-favorited .qa-q-item-title a:before,
.qa-tag-favorited:before,
.qa-tag-favorited:hover:before,
.qa-cat-favorited:before,
.qa-user-favorited:before,
.qa-nav-cat-favorited:before,
.qa-browse-cat-favorited:before {
  content: "\f005";
  padding-right: 5px;
  color: var(--color-32);
}
.qa-cat-parent-favorited:before {
  content: "\f005";
  padding-right: 5px;
  color: var(--color-66);
}
.qa-template-user [class^="qa-part-form"],
.qa-template-user .qa-part-message-list {

  position: relative;
  min-height: 1px;

  margin-bottom: 3px;
  overflow: hidden;
  width: 100%;
  float: right;
  clear: right;

  background: var(--gradient-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: var(--glass-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  ;
}
@media only screen and (min-width: 992px) {
  .qa-template-user [class^="qa-part-form"],
  .qa-template-user .qa-part-message-list {
    width: 45%;
    float: left;
    margin-left: 15px;
  }
}
.qa-template-user [class^="qa-part-form"] > h2 > a:hover,
.qa-template-user .qa-part-message-list > h2 > a:hover {
  text-decoration: none;
  cursor: pointer;
}
.qa-template-user .qa-part-form-profile {
  float: left;
}
.qa-template-user .qa-part-form-profile tr#permits {
  height: 100%;
}
.qa-template-user .qa-part-form-profile tbody#avatar .qa-avatar-image {
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--text-primary);
  border: 1px solid var(--glass-border-light);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.qa-template-user .qa-part-form-profile td {
  word-wrap: break-word;
}
.qa-template-user .qa-part-form-profile span.qa-form-wide-note,
.qa-template-user .qa-part-form-profile span.qa-form-wide-static {
  display: block;
  margin-left: 0;
}
.qa-template-user .qa-part-form-activity h2 {
  margin-top: 0;
}
.qa-template-user .qa-part-message-list .qa-form-tall-text,
.qa-template-user .qa-part-form-profile .qa-form-wide-text {
  width: 100% !important;
}
.qa-template-user .qa-part-form-activity td span.qa-uf-user-points,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-q-posts,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-a-posts,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-c-posts,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-q-votes,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-a-votes,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-upvotes,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-downvotes,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-upvoteds,
.qa-template-user .qa-part-form-activity td span.qa-uf-user-downvoteds {
  font-size: 18px;

  font-weight: 700;
}
.colorgraph {
  height: 5px;
  border-top: 0;
  background: var(--color-67);
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, var(--color-67), var(--color-67) 12.5%, var(--color-68) 12.5%, var(--color-68) 25%, var(--color-69) 25%, var(--color-69) 37.5%, var(--color-70) 37.5%, var(--color-70) 50%, var(--color-71) 50%, var(--color-71) 62.5%, var(--color-72) 62.5%, var(--color-72) 75%, var(--color-73) 75%, var(--color-73) 87.5%, var(--color-74) 87.5%, var(--color-74));
  background-image: -moz-linear-gradient(left, var(--color-67), var(--color-67) 12.5%, var(--color-68) 12.5%, var(--color-68) 25%, var(--color-69) 25%, var(--color-69) 37.5%, var(--color-70) 37.5%, var(--color-70) 50%, var(--color-71) 50%, var(--color-71) 62.5%, var(--color-72) 62.5%, var(--color-72) 75%, var(--color-73) 75%, var(--color-73) 87.5%, var(--color-74) 87.5%, var(--color-74));
  background-image: -o-linear-gradient(left, var(--color-67), var(--color-67) 12.5%, var(--color-68) 12.5%, var(--color-68) 25%, var(--color-69) 25%, var(--color-69) 37.5%, var(--color-70) 37.5%, var(--color-70) 50%, var(--color-71) 50%, var(--color-71) 62.5%, var(--color-72) 62.5%, var(--color-72) 75%, var(--color-73) 75%, var(--color-73) 87.5%, var(--color-74) 87.5%, var(--color-74));
  background-image: linear-gradient(to right, var(--color-67), var(--color-67) 12.5%, var(--color-68) 12.5%, var(--color-68) 25%, var(--color-69) 25%, var(--color-69) 37.5%, var(--color-70) 37.5%, var(--color-70) 50%, var(--color-71) 50%, var(--color-71) 62.5%, var(--color-72) 62.5%, var(--color-72) 75%, var(--color-73) 75%, var(--color-73) 87.5%, var(--color-74) 87.5%, var(--color-74));
}
.qa-template-register .qa-form-tall-table,
.qa-template-login .qa-form-tall-table {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .qa-template-register .qa-form-tall-table,
  .qa-template-login .qa-form-tall-table {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .qa-template-register .qa-form-tall-table,
  .qa-template-login .qa-form-tall-table {
    left: 25%;
  }
}
.qa-template-register .qa-part-custom,
.qa-template-login .qa-part-custom {
  clear: both;
}
.page-not-found {
  padding: 20px 0;
}
.page-not-found .icon-wrap {
  width: 12em;
  height: 12em;
  margin: auto;
  padding: 2em;
  border-radius: 50%;
  border: 2px dashed transparent;
  -webkit-box-shadow: 0 1px 1px var(--color-86);
  box-shadow: 0 1px 1px var(--color-86);
  border-color: var(--color-17);
}
.page-not-found .large-icon {
  font-size: 8em;
  text-shadow: 4px 3px 0px var(--text-primary), 9px 8px 0px var(--color-92);
}
.page-not-found .not-found-text {
  font-size: 2em;
  padding: 20px 0;
}
.qa-template-favorites .qa-q-list {
  float: none;
}
.qa-template-favorites .qa-q-item-title {
  margin-bottom: 10px;
}
.qa-template-favorites .qa-q-item-content {
  max-height: 200px;
  overflow-y: auto;
}
.qa-template-favorites .qa-q-item-avatar-meta {
  border-top: 1px dashed var(--color-20)eee;
  border-bottom: 1px dashed var(--color-20)eee;
  padding: 5px;
  margin: 10px 0;
}
.qa-template-admin .qa-q-item-stats {
  display: none;
}
.qa-template-admin .qa-q-item-main {
  width: auto;
  float: none;
}
.qa-template-admin .qa-q-item-title {
  margin-bottom: 10px;
}
.qa-template-admin .qa-q-item-content {
  max-height: 200px;
  overflow-y: auto;
}
.qa-template-admin .qa-q-item-avatar-meta {
  border-top: 1px dashed var(--color-20)eee;
  border-bottom: 1px dashed var(--color-20)eee;
  padding: 5px;
  margin: 10px 0;
}

.close {

  color: var(--text-primary);
  opacity: 1 !important;
  font-size: 50px;

}

.default-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: var(--color-75);
  -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 30px;
}

.close:focus, .close:hover {
  color: var(--text-primary);
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

.nav>li {
  font-size: 16px;
}

.navbar a:hover {
  color: var(--color-49);
}

.btn-primary {
  background-color: var(--color-49);
}

.btn-primary:hover {
  background-color: var(--color-75);
  color: var(--text-primary);
  text-decoration: none;
}

a {

  color: var(--text-secondary);
  transition: 0.3s;
}

@media (min-width: 768px) {
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

a:focus, a:hover {

  color: var(--color-purple-primary);
  text-decoration: none;
}

.alert-dismissible .close {
  top: -25px;
  right: -30px;
}

.nav>li>a:focus, .nav>li>a:hover {
  box-shadow: var(--shadow-button);
  background: var(--gradient-purple-full);
  transform: translateY(-2px);
  color: var(--color-white);

}
.text-muted {
  color: var(--text-primary);
}
.navbar-login-button {
  margin: 0;
  box-shadow: var(--glass-shadow);
}

.form-control {
  color: var(--text-primary);
  display: flex;
  background: var(--glass-primary);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  padding: 1rem;
  box-shadow: var(--glass-shadow);
  align-items: center
}

input::placeholder {
  color: var(--text-primary);
}

input.form-control::placeholder {
  color: var(--text-primary);
}

.btn-primary {
  background: var(--glass-accent);
  backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  color: var(--text-primary);
  box-shadow: var(--glass-shadow);
  border-radius: 12px;
  font-weight: 700;
  font-size: 1.7rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--glass-shadow-hover);
  background: var(--glass-secondary);
}

.btn-lg {
  margin: 10px 10px;
}

h1 {
  font-weight: 700;
}

.btn {
  border-radius: 16px;
}

.input-group .form-control:first-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;

}

.qa-q-view-stats {
  display: inline;
}

.form-control {
  height: unset;
}

.alert-info {
  color: var(--text-primary);
  margin-bottom: 10px;
  margin-top: 10px;
  background: var(--color-90);
  border-color: var(--color-96);
  width: 100%;
  text-align: center;
  margin-right: 5px;

  border-radius: 12px;
  border: 1px solid var(--glass-border);
}

.qa-view-count:hover {
  background: var(--glass-secondary);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(90, 59, 124, 0.4);
}

.dropdown-header {
  color: var(--text-primary);
}

.dropdown-menu>li>a {
  color: var(--text-primary);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: var(--text-primary);
  text-decoration: none;

  background: var(--glass-secondary);

}

@media only screen and (max-width: 767px) {
  .donut-site-stats-bottom .stats-wrap {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .top-search-bar {
    margin-top: 25px;
  }
  }

@media (max-width: 993px) {
  .navbar-nav > li > a {
    font-size: 1.3rem;
  }
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  color: var(--text-primary);
  background: var(--gradient-card);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(20px);

}
a.list-group-item, button.list-group-item {
  color: var(--text-primary);
}
.list-group-item {
  color: var(--text-primary);
  background: var(--gradient-card);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(20px);
}
.list-group-item:first-child {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
  color: var(--text-primary);
  text-decoration: none;
  background: var(--glass-secondary);
}
.qa-q-list-item:hover {
  box-shadow: var(--shadow-card-hover);
  border-left: 4px solid;
  border-image: var(--gradient-purple-primary) 1;
  background: var(--gradient-glass-hover);
}

.inner-drop-nav > li:last-child  > a {
  box-shadow: var(--shadow-button);

  background: var(--gradient-purple-full);

  border-radius: 12px;
  transition: 0.3s;
  color: var(--color-white) !important;
}

.fa-chevron-up, .fa-chevron-down {
  background: var(--gradient-vote-btn);
  border: none;
  font-size: 16px;
  color: var(--color-purple-primary);
  cursor: pointer;
  padding: 2px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.qa-q-item-where-data > a {
  background: var(--gradient-purple-full);
  color: var(--color-white);
  padding: 2px 8px;
  border-radius: 12px;

  font-weight: 500;
  white-space: nowrap;
}