/*
	Theme Name:Polaris
	
	Released:2022-06-27
	Theme URI:https://rxchun.github.io/shop/polaris
	Theme License:Premium
	
	Theme Author:Chun (Gold Developer)
	Theme Author URI:https://rxchun.github.io/
*/

* {
    box-sizing: border-box;
}
html {
    position: relative;
    min-height: 100%;
    scroll-padding-top: 85px;
}
.clearfix:after,
.qa-footer-bottom-group:after,
.qa-main-wrapper:after,
.qa-nav-sub-list:after,
.qa-nav-cat-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}
:-moz-placeholder {
    color: #aaa !important;
    font-style: italic;
    line-height: 20px;
}
::-webkit-input-placeholder {
    color: #aaa !important;
    font-style: italic;
    line-height: 20px;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 22px;
    font: 400 15px/22px Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
    color: #040304;
    text-align: left;
    padding: 67px 0 0 0;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
}
.qa-template-login,
.qa-template-register,
.qa-template-forgot {
    display: flex;
    align-items: center;
    justify-content: center;
}
.preload .bottom-bar-menu,
.preload .qa-a-selected-text {
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;
}
.sc-logRegLang{
    white-space: nowrap;
    margin-right:30px;
    margin-left:30px;
}
@media (min-width: 700px) {
    * :not(body) ::-webkit-scrollbar-track {
        background-color: rgb(0 0 0 / 5%);
    }
    * :not(body) ::-webkit-scrollbar {
        width: 12px;
        background-color: rgb(0 0 0 / 0.5%);
    }
    * :not(body) ::-webkit-scrollbar-thumb {
        background-color: rgb(0 0 0 / 10%);
        border: 2px solid #f1f1f1;
        border-radius: 3px;
    }
    .leftPanel ::-webkit-scrollbar-track {
        background-color: rgb(0 0 0 / 3%);
    }
    .leftPanel ::-webkit-scrollbar-thumb {
        border-color: #eff0f2;
    }
}
.no-scroll,
.noScroll {
    overflow: hidden;
}
.noScroll {
    margin-right: 17px;
}
.noScroll .qa-header {
    padding-right: 17px;
}
.noScroll .qa-notice {
    margin-right: 17px;
}
.float-left,
.floatleft,
.floatLeft {
    float: left;
}
.float-right,
.floatright,
.floatRight {
    float: right;
}
.clear,
.clear-float,
.clearFloat {
    clear: both;
}
.display-block,
.displayBlock {
    display: block;
}
.force-display-block,
.force-displayBlock {
    display: block !important;
}
.force-table-row,
.force-tableRow {
    display: table-row !important;
}
.display-none,
.displayNone,
.displaynone {
    display: none;
}
.force-display-none,
.force-displayNone {
    display: none !important;
}
.display-inline {
    display: inline-block !important;
}
.invisible,
.hide {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.no-select,
.noSelect,
.noselect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media (max-width: 575px) {
    .qa-nav-main-link:active,
    .qa-nav-user-item:not(.qa-nav-user-dark-theme):active,
    .qa-page-prev:active,
    .qa-page-link:active,
    .qa-page-next:active {
        animation: highlightTap 0.2s linear;
    }
}
@keyframes highlightTap {
    0% {
        background-color: initial;
    }
    50% {
        background-color: rgb(109 172 255 / 80%);
    }
    100% {
        background-color: initial;
    }
}
.osn-bell,
.drmpc {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.no-pointers,
.noPointers,
.nopointers,
.pointer-events-none {
    pointer-events: none;
}
.hide-password {
    display: none;
}
.qa-password-wrapper {
    position: relative;
}
.password-showhide {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.show-password,
.hide-password {
    cursor: pointer;
    padding: 1rem;
    font-size: 0.8rem;
    width: 68px;
    text-align: center;
}
.noShadows {
    box-shadow: none !important;
}
.noPadding {
    padding: 0 !important;
}
.text-align-center {
    text-align: center;
}
.text-align-left {
    text-align: left;
}
.text-align-right {
    text-align: right;
}
a,
a:active,
a:link,
a:visited {
    text-decoration: none;
    color: #0963d9;
}
a:active,
a:hover {
    color: #0963d9;
}
button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    font-family: inherit;
    padding: 0;
}
@keyframes rippleEffect {
    0% {
        transform: scale(0.2) translateX(-50%) translateY(-50%);
        opacity: 0;
    }
    20% {
        transform: scale(1) translateX(-50%) translateY(-50%);
        opacity: 1;
    }
    99% {
        transform: scale(1) translateX(-50%) translateY(-50%);
        opacity: 1;
    }
    100% {
        transform: scale(0.2) translateX(-50%) translateY(-50%);
        opacity: 0;
    }
}
@keyframes surgeUp {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(10%);
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0%);
    }
}
@keyframes surgeBottom {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10%);
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0%);
    }
}
@keyframes surgeRight {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-30%);
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0%);
    }
}
@keyframes surgeLeft {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(30%);
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0%);
    }
}
@keyframes fuseText {
    from {
        opacity: 0;
        transform: translateY(30%);
        line-height: 4rem;
        pointer-events: none;
    }
    to {
        opacity: 1;
        transform: translateY(0%);
        line-height: revert;
        pointer-events: auto;
    }
}
:before {
    display: inline-block;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
form,
fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
input[type="text"],
input[type="password"],
.qa-template-register input#email,
.qa-form-tall-email {
    color: #525252;
    padding: 1rem 1.2rem;
    line-height: normal;
    transition: border 0.2s ease, box-shadow 0.2s ease;
}
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] .qa-template-register input#email,
[data-theme="dark"] .qa-form-tall-email {
    color: #dcddde;
}
.input-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    height: 1px;
    background: #ccc;
}
.input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    background-color: #3ea6ff;
    border-radius: 50%;
    border: none;
    transition: 0.2s ease-in-out;
}
.input-range::-moz-range-thumb {
    height: 15px;
    width: 15px;
    background-color: #3ea6ff;
    border-radius: 50%;
    border: none;
    transition: 0.2s ease-in-out;
}
.input-range::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(62, 166, 255, 0.2);
}
.input-range:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(62, 166, 255, 0.2);
}
.input-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(62, 166, 255, 0.2);
}
.input-range::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(62, 166, 255, 0.2);
}
.input-range:active::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(62, 166, 255, 0.2);
}
.input-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(62, 166, 255, 0.2);
}
.qa-template-register input#password ~ .qa-checkbox-container {
    display: none;
}
#fGAWas6 {
    display: none;
}
@media (min-width: 575px) {
    .loggedOut .qa-c-form .qa-form-tall-table {
        border: 1px solid #e0e0e0;
        border-radius: 6px;
    }
}
.loggedOut .qa-c-form .qa-form-tall-label {
    padding-top: 0;
    padding-bottom: 0;
}
.loggedOut .qa-c-form .qa-form-tall-table .qa-form-tall-buttons {
    padding: 2rem 1rem !important;
}
input {
    outline: none;
}
input[type="submit"] {
    cursor: pointer;
}
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input.qa-form-tall-text,
.qa-template-register input#email,
.qa-form-tall-email {
    border: 1px solid #9e9e9e;
    border-radius: 6px;
}
textarea {
    background-color: #f1f3f4;
    color: #9e9e9e;
    width: 100% !important;
    padding: 0.4rem 0.4rem;
    resize: vertical;
    border: none !important;
    outline: none;
    font: inherit;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
textarea:focus {
    background-color: transparent;
    color: #333;
    -moz-box-shadow: inset 0px -2px 0px 0px #000000;
    -webkit-box-shadow: inset 0px -2px 0px 0px #000000;
    box-shadow: inset 0px -2px 0px 0px #000000;
}
.qa-template-admin textarea,
.qa-template-admin input[type="text"],
.qa-template-admin input[type="password"] {
}
select:focus,
.qa-checkbox-container > input:active + .checkSpan::before,
input.qa-form-tall-text:focus,
.useo-text:focus {
    border-color: #000;
}
input[type="text"]:focus,
input[type="password"]:focus {
    -moz-box-shadow: inset 0 0px 0 1px #000;
    -webkit-box-shadow: inset 0 0px 0 1px #000;
    box-shadow: inset 0 0px 0 1px #000;
}
.qa-template-login input.qa-form-tall-text:focus,
.qa-template-register input.qa-form-tall-text:focus,
.qa-template-forgot input.qa-form-tall-text:focus {
    -moz-box-shadow: inset 0 -1px 0 0px #000;
    -webkit-box-shadow: inset 0 -1px 0 0px #000;
    box-shadow: inset 0 -1px 0 0px #000;
}
input.qa-form-tall-number:focus {
    -moz-box-shadow: inset 0 -1px 0 0px #000;
    -webkit-box-shadow: inset 0 -1px 0 0px #000;
    box-shadow: inset 0 -1px 0 0px #000;
}
@media (min-width: 575px) {
    .qa-template-admin textarea:focus {
        -moz-box-shadow: inset 0px -2px 0px 0px #000000, 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
        -webkit-box-shadow: inset 0px -2px 0px 0px #000000, 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
        box-shadow: inset 0px -2px 0px 0px #000000, 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
        border-radius: 5px;
    }
    .sc-logRegLang{
        white-space: nowrap;
        margin-right:0px;
        margin-left:0px;
    }
    /*.lang-btn.btn-custom.selectpicker.lang-btnActiveAR{
        margin-left:30px;
    }*/
}
.qa-template-admin textarea:focus,
.qa-template-admin input[type="text"]:focus:not(.qa-search-field),
.qa-template-admin input[type="password"]:focus {
    background-color: transparent;
}
.qa-template-admin textarea {
    padding: 0.4rem 0.8rem;
}
.qa-template-admin textarea:focus {
    -moz-box-shadow: inset 0px -2px 0px 0px #000000;
    -webkit-box-shadow: inset 0px -2px 0px 0px #000000;
    box-shadow: inset 0px -2px 0px 0px #000000;
    border-radius: 5px;
    padding: 0.4rem 0.8rem;
}
@media (max-width: 575px) {
    .qa-part-a-form {
        padding: 0 0.5rem;
    }
}
.qa-mobile-textarea .wmd-button-bar,
.qa-mobile-textarea .qa-form-title,
.qa-part-form-message.qa-mobile-textarea .qa-form-tall-label,
.qa-main-heading.qa-mobile-textarea {
    background-color: #ffffff;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    z-index: 3;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    height: 40px;
    padding: 1rem;
    margin: 0;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: normal;
}
.qa-mobile-textarea .qa-form-title {
    display: block !important;
}
.qa-mobile-textarea .wmd-button-bar {
    top: 96px;
}
.qa-main-heading.qa-mobile-textarea h1 {
    font-size: inherit;
    font-weight: inherit;
}
.qa-mobile-textarea .wmd-button-bar {
    padding: 0.5rem;
}
[data-theme="dark"] .qa-mobile-textarea .wmd-button-bar,
[data-theme="dark"] .qa-mobile-textarea .qa-form-title,
[data-theme="dark"] .qa-part-form-message.qa-mobile-textarea .qa-form-tall-label,
[data-theme="dark"] .qa-main-heading.qa-mobile-textarea {
    background-color: #292b2f;
}
.qa-mobile-textarea .wmd-button-bar ~ textarea,
.qa-mobile-textarea .qa-form-title .wmd-button-bar ~ form textarea {
    top: 136px !important;
    height: calc(100vh - 136px) !important;
}
body:not(.qa-template-user) .qa-mobile-textarea textarea {
    background-color: #ffffff;
    position: fixed;
    top: 96px;
    height: calc(100vh - 96px);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    padding: 0.5rem 1rem 10rem 1rem !important;
    overflow-y: auto;
}
[data-theme="dark"] body:not(.qa-template-user) .qa-mobile-textarea textarea,
[data-theme="dark"] body:not(.qa-template-user) .qa-mobile-textarea textarea.wmd-input {
    background-color: #36393f;
}
.qa-template-user-wall .qa-mobile-textarea textarea {
    top: 56px;
    height: calc(100vh - 56px);
}
.qa-mobile-textarea textarea#content {
    padding-top: 1rem !important;
}
.qa-mobile-textarea .wmd-button-bar ~ textarea {
    top: 96px;
}
.qa-part-a-form.qa-mobile-textarea textarea.wmd-input {
    height: calc(100vh - 136px);
    top: 136px;
}
select {
    background-color: #eeeeee;
    border: none;
    padding: 0.3rem;
    cursor: pointer;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}
select:focus {
    border-color: #3d5bf0;
}
table {
    border-collapse: collapse;
}
h1 {
    line-height: normal;
    line-height: 3rem;
    color: inherit;
}
h3 {
    margin: 0 0 10px 0;
    color: inherit;
}
.qa-post-content h1,
.qa-post-content h2,
.qa-post-content h3,
.qa-post-content h4,
.wmd-preview h1,
.wmd-preview h2,
.wmd-preview h3,
.wmd-preview h4 {
    line-height: normal;
    margin: revert;
}
.qa-sidebar h1,
.qa-sidebar h2,
.qa-sidebar h3,
.qa-sidebar h4,
.qa-sidebar h5,
.qa-sidebar h6 {
    color: inherit;
}
.qa-sidebar h4 {
    margin-top: 0;
}
ul {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    padding-inline-start: 1.8rem;
}
blockquote {
    position: relative;
    width: 100%;
    padding: 1rem;
    margin: 0rem auto 1rem;
    background-color: #fff9e1;
    border-left: 3px solid #ffef95;
    border-radius: 3px;
}
blockquote p {
    margin: 0;
    padding: 0;
}
blockquote hr {
    color: #444444;
    background-color: #444444;
}
img {
    border: none;
}
.qa-q-view-content pre,
.qa-a-item-content pre,
.qa-c-item-content pre,
.wmd-preview pre {
    overflow: hidden;
    display: grid;
    width: 100%;
    max-height: none !important;
    word-wrap: normal;
    font-size: 0.8125rem;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
    line-height: 1.30769231;
    color: #2f3337;
    background-color: #f6f6f6;
    border: none !important;
    border-radius: 5px;
    margin: 0rem auto 1rem;
}
.qa-main-wrapper.leg-fix-hideCode pre {
    display: none;
}
pre code {
    overflow: auto;
    max-height: 600px;
    padding: 12px !important;
}
code {
    padding: 2px 4px;
    color: #000000;
    background-color: #eeeeee;
    border-radius: 3px;
    font-size: 0.8125rem;
}
kbd {
    display: inline-block;
    margin: 0 0.1em;
    padding: 0.1em 0.6em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
    font-size: 0.8125rem;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #e4e6e8;
    border: 1px solid #9fa6ad;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #ffffff;
    -webkit-box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #ffffff;
    box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #ffffff;
    overflow-wrap: break-word;
    cursor: context-menu;
}
[data-theme="dark"] kbd {
    background-color: #5e5f62;
    border-color: #3c3e42;
    color: #fff;
    text-shadow: 0 1px 0 #000000;
    -moz-box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #999797;
    -webkit-box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #999797;
    box-shadow: 0 1px 1px rgb(12 13 14 / 15%), inset 0 1px 0 0 #999797;
}
hr {
    border: 0;
    color: #d6d9dc;
    background-color: #d6d9dc;
    height: 1px;
    width: 100%;
    border: none !important;
}
details {
    margin-bottom: 1em;
    border-top: 1px solid #040304;
    border-bottom: 1px solid #040304;
}
[data-theme="dark"] details {
    border-color: #dcddde;
}
details ~ details {
    margin-top: -1rem;
    border-top: none;
}
details summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    cursor: pointer;
    font-weight: bold;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
details[open] summary {
    display: flex;
    color: rgb(240 93 42 / 1);
    border-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 1rem;
}
[data-theme="dark"] details[open] summary {
    background-color: transparent;
    color: rgb(255 138 97);
    border-color: rgba(255, 255, 255, 0.2);
}
[data-theme="dark"] details summary {
    background-color: transparent;
}
details > summary:first-of-type:after,
details[open] > summary:first-of-type:after {
    content: "";
    display: inline-flex;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=)
        no-repeat 50% 50%;
    border-radius: 30px;
}
[data-theme="dark"] details > summary:first-of-type:after,
[data-theme="dark"] details[open] > summary:first-of-type:after {
    filter: invert(1);
}
details[open] > summary:first-of-type:after {
    transform: scale(1, -1);
}
details summary ~ * {
    padding: 0 1rem 1rem;
    margin: 0;
    opacity: 0;
    transform: translateY(0.5rem) translateZ(0);
    transition: opacity 0.25s ease, transform 0.25s ease;
    will-change: opacity, transform;
    backface-visibility: hidden;
}
details[open] summary ~ * {
    opacity: 1;
    transform: translateY(0) translateZ(0);
}
.material-icon {
    font-family: "Material Symbols Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: inherit;
}
svg.qa-svg {
    vertical-align: middle;
    pointer-events: none;
}
svg.qa-svg path {
    fill: inherit;
}
.qa-q-view-follows {
    position: relative;
    margin-top: 1rem;
    background-color: #0963d9;
    padding: 0.5rem 1rem;
    color: #ffffff;
    fill: #ffffff;
    font-size: 0.875rem;
}
@media (max-width: 575px) {
    .qa-q-view-follows {
        font-size: inherit;
    }
}
.gdev-flex {
    display: inline-flex;
    vertical-align: top;
}
.qa-q-view-follows .gdev-flex {
    margin-right: 6px;
}
.qa-q-view-follows a {
    color: inherit !important;
    text-decoration: underline;
}
p {
    margin-top: 0;
}
.qa-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 9999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: center;
    transition: box-shadow 0.1s ease-in-out;
    will-change: box-shadow;
    background: #031b37 !important;
}
.qa-header.qa-topbar-sticky {
    background-color: #031b37;
    border-bottom: 1px solid #e0e0e0;
    -moz-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
}
@media (min-width: 575px) {
    .qa-header {
        background-color: #031b37;
    }
    [data-theme="dark"] .qa-header {
        background-color: #36393f;
        border-color: #212121;
    }
}
.qa-header-container {
    width: 100%;
    position: relative;
}
.sc-header-wrapper {
    height: 66px;
}
.flex-parent {
    display: flex;
    flex-direction: row;
}
.flex-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.flex-end {
    justify-content: flex-end;
}
.flex-grow {
    flex-grow: 1;
}
.flex-item.sc-logo-container {
    min-width: 215px;
}
@media (min-width: 1300px) {
    .sc-logo-container {
        opacity: 0;
        visibility: hidden;
    }
}
.topbar-search-container {
    width: 100%;
    flex-grow: 1;
    justify-content: flex-end;
}
.topbar-search-container .mobile-search-trigger {
    padding: 1rem;
    cursor: pointer;
    color: #70757a;
}
.topbar-search-container .mobile-search-trigger:before {
    content: "\e8b6";
    font-size: 1.5rem;
    line-height: 1.5rem;
    height: 24px;
}
#menu-trigger {
    display: none;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    cursor: pointer;
}
#go-back-trigger {
    display: none !important;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 1rem;
    cursor: pointer;
    color: inherit;
}
#go-back-trigger a {
    color: inherit;
}
.qa-logo {
    max-height: 186px;
    display: inline-flex;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
a.qa-logo-link {
    display: inline-flex;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    outline: none;
    font-size: 1.3rem;
    line-height: 1.3rem;
    color: #444;
    overflow: hidden;
}
.qa-logo img {
    max-width: 100%;
    max-height: 100%;
    width: unset;
    height: auto;
    vertical-align: middle;
}
[data-theme="dark"] .qa-logo img {
    filter: invert(1) grayscale(1);
    color: #000;
    text-shadow: 0 0 black;
}
.topbar-title-container {
}
.topbar-title-wrapper {
    padding: 0 2rem;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    will-change: opacity;
}
.topbar-title-wrapper.showTopTitle {
    opacity: 1;
    pointer-events: initial;
}
.qa-topbar-title {
    display: flex;
}
.qa-topbar-title:before {
    vertical-align: top;
    margin-left: 8px;
    margin-right: 8px;
    content: "\e873";
    display: flex;
    font-size: 1rem;
}
.qa-topbar-title span {
    cursor: pointer;
}
.qa-template-admin .qa-topbar-title:before {
    content: "\E8B8";
}
.qa-template-qa .qa-topbar-title:before {
    content: "\e8af";
}
.qa-template-activity .qa-topbar-title:before {
    content: "\E85C";
}
.qa-template-questions .qa-topbar-title:before {
    content: "\E85D";
}
.qa-template-hot .qa-topbar-title:before {
    content: "\E80E";
}
.qa-template-unanswered .qa-topbar-title:before {
    content: "\E422";
}
.qa-template-tags .qa-topbar-title:before {
    content: "\E54E";
}
.qa-template-categories .qa-topbar-title:before {
    content: "\E2C8";
}
.qa-template-question .qa-topbar-title:before {
    content: "\e94c";
}
.qa-template-users .qa-topbar-title:before {
    content: "\E7FB";
}
.qa-template-user .qa-topbar-title:before {
    content: "\e853";
}
.qa-template-account .qa-topbar-title:before {
    content: "\E8B8";
}
.qa-template-favorites .qa-topbar-title:before {
    content: "\e838";
}
.qa-template-messages .qa-topbar-title:before {
    content: "\e158";
}
.qa-template-user-activity .qa-topbar-title:before {
    content: "\E85C";
}
.qa-template-user-questions .qa-topbar-title:before {
    content: "\E85D";
}
.qa-template-user-answers .qa-topbar-title:before {
    content: "\ef58";
}
.qa-template-updates .qa-topbar-title:before {
    content: "\e863";
}
.qa-template-search .qa-topbar-title:before {
    content: "\e8b6";
}
.qa-template-ip .qa-topbar-title:before {
    content: "\f0dc";
}
.ds34b {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 100%;
    color: #040304;
    fill: #040304;
}
@media (min-width: 575px) {
    .ds34b {
        display: none;
    }
}
.bottom-bar {
    position: relative;
    z-index: 2;
    direction: ltr;
}
.bottom-bar-container.botbar-open .bottom-dar-gradient {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 90px;
    background-color: rgb(0 0 0 / 0%);
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 30%) 100%);
    pointer-events: none;
}
.avoid-fat-finger {
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    z-index: 1;
    width: 105px;
    height: 75px;
}
.bottom-bar-wrapper {
    width: 100%;
    min-width: 100%;
}
.bottom-bar-icon {
    position: relative;
    border-top: 1px solid #bdbdbd;
    font-size: 1.5rem;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex-grow: 1;
    background-color: #ffffff;
}
.bottom-bar-icon .material-icon,
.bottom-bar-icon .qa-ds-title {
    pointer-events: none;
    line-height: 15px;
}
.bottom-bar-icon:nth-child(2),
.bottom-bar-icon:nth-child(3),
.bottom-bar-icon:nth-child(5),
.bottom-bar-icon:nth-child(6) {
    width: 45px;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}
.bottom-bar-icon:nth-child(4) {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
}
.dsm .material-icon {
    height: 100%;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.dsm .close-input-focus {
    display: none;
}
.mobile-input-focus .dsm .material-icon {
    display: none;
}
.mobile-input-focus .dsm .close-input-focus {
    display: inline-flex;
}
.bottom-bar-icon a {
    color: inherit;
}
.bottom-bar-icon .svg-icon {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    overflow: hidden;
}
.qa-ds-title {
    line-height: 14px;
    display: block;
    font-size: 8px;
    text-transform: uppercase;
    min-width: 58px;
}
.svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    position: relative;
    vertical-align: middle;
    pointer-events: none;
}
.svg-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    transform: scale(1) translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 120%;
    height: 120%;
    border-radius: 30px;
    background-color: #000000;
    opacity: 0;
    pointer-events: none;
}
.svg-button:hover:after {
    opacity: 0.1;
    transform: scale(1) translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: scale(0);
    will-change: opacity, transform;
}
.svg-button:focus:after {
    opacity: 0.1;
    transform: scale(0) translateX(-50%) translateY(-50%);
    -ms-transform: scale(0);
    transition: opacity 0.3s, transform 0.3s;
    will-change: opacity, transform;
}
.svg-box-container {
    width: inherit;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.bottom-bar .svg-box-container {
    width: 30px;
}
.svg-box {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
}
.svg-box-content {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    fill: inherit;
}
.svg-box-content path {
    fill: inherit;
}
.bottom-bar-icon.bottom-bar-home {
    color: inherit;
}
.bottom-bar-icon.bottom-bar-search {
    border-top-right-radius: 30px;
    padding-right: 1rem;
    border-right: 1px solid #bdbdbd;
}
.bottom-bar-icon.bottom-bar-ask {
    border-top-left-radius: 30px;
    padding-left: 1rem;
    border-left: 1px solid #bdbdbd;
    color: inherit;
}
#dock-station-manager {
    position: relative;
    border: none;
    background-color: transparent;
}
.qa-inset-fab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(1) scaleY(1.2) translateZ(0);
    -webkit-overflow-scrolling: touch;
    margin: 2px -5px 0px -5px;
    background-image: -webkit-radial-gradient(50% -1px, circle closest-corner, transparent 0, transparent 39px, #bdbdbd 40px);
    background-size: contain;
    pointer-events: none;
}
.qa-inset-fab:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    background-color: transparent;
    background-image: -webkit-radial-gradient(50% 0%, circle closest-corner, transparent 0, transparent 39px, #ffffff 40px);
}
.qa-inset-fab:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
}
.dsm .bottom-bar-menu {
    display: block;
}
.dsm .bottom-bar-menu,
.dsm .bottom-bar-close {
    position: absolute;
    bottom: calc(140% - 55px);
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-radius: 34px;
    width: 55px;
    height: 55px;
    text-align: center;
    -moz-box-shadow: 0 2px 3px 0 rgba(60, 64, 67, 0.3), 0 6px 10px 4px rgba(60, 64, 67, 0.15);
    -webkit-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
}
.bottom-bar-close {
    display: none;
}
.bottom-bar-menu {
    transform-origin: center 25px;
    animation: initTwoReverse 0.2s linear forwards;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
}
.qa-template-qa .bottom-bar-home .material-icon:before,
.qa-template-home .bottom-bar-home .material-icon:before {
    font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
}
.qa-template-ask .bottom-bar-ask .material-icon:before {
    font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
}
@keyframes fontVariation {
    0% {
        font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 48;
    }
    100% {
        font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
    }
}
.botbar-open .bottom-bar-menu {
    display: none;
}
.botbar-open .bottom-bar-close {
    display: block;
    will-change: transform;
    transform-origin: center 25px;
    animation: initTwoReverse 0.2s linear forwards;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}
.bottom-bar-avatar {
    position: relative;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    border-radius: 50%;
    overflow: hidden;
}
.bottom-bar-avatar img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.bottom-bar-content {
    position: relative;
    z-index: 99999998;
}
.mobile-login-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    display: none;
}
.mobile-login-container.opened {
    display: block;
}
.mobile-login-wrapper {
    position: absolute;
    left: calc(50% - 25px);
    bottom: 40px;
    transform-origin: center center;
    -webkit-overflow-scrolling: touch;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #607d8b;
    -moz-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    opacity: 0;
    z-index: -1;
    will-change: auto;
}
.mobile-login-container.opened .mobile-login-wrapper {
    animation: init 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation-delay: 0s, 0.7s, 1.7s;
    will-change: auto;
}
.bottom-ball-fill {
    position: absolute;
    left: 50%;
    bottom: 50%;
    z-index: 2;
    transform: translateX(-50%) translateY(50%) scale(0.06) translateZ(0);
    -webkit-overflow-scrolling: touch;
    height: 800px;
    width: 800px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 50%;
    -moz-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    opacity: 0;
    will-change: auto;
}
.mobile-login-container.opened .bottom-ball-fill {
    animation: materia 0.4s ease-in-out forwards;
    animation-delay: 2.35s;
}
.mobile-login-content {
    opacity: 0;
    box-sizing: border-box;
    color: #000000;
    padding: 0.55rem;
    will-change: auto;
}
.mobile-login-content .svg-icon {
    width: 2rem;
    fill: #ffffff;
}
.mobile-login-content .material-icon {
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    font-size: 1.5rem;
    padding: 4px;
    margin: 0 auto;
}
.mobile-login-opened .mobile-login-content .material-icon {
    display: flex;
}
.mobile-login-container.opened .mobile-login-content {
    animation: moveInCenter 0.6s ease forwards;
    animation-delay: 0.4s;
    will-change: auto;
}
.mobile-login-content svg.qa-svg {
    fill: #ffffff;
}
.mobile-login-opened .bottom-bar-menu {
    transform-origin: center 25px;
    animation: initTwo 0.2s linear forwards;
}
.mobile-login-opened .bottom-bar-close {
    transform-origin: center 25px;
    animation: initTwo 0.2s linear forwards;
}
@keyframes init {
    0% {
        transform: scale(0) translateZ(0);
    }
    100% {
        transform: scale(1) translateZ(0);
        opacity: 1;
        z-index: 2;
    }
}
@keyframes initTwo {
    0% {
        transform: scale(1) translateZ(0);
    }
    100% {
        transform: scale(0) translateZ(0);
    }
}
@keyframes initTwoReverse {
    0% {
        transform: scale(0) translateZ(0);
    }
    100% {
        transform: scale(1) translateZ(0);
    }
}
@keyframes moveDown {
    0% {
        bottom: 40px;
    }
    50% {
        bottom: 75%;
    }
    100% {
        bottom: 40px;
    }
}
@keyframes moveUp {
    0% {
        bottom: 40px;
        background-color: #607d8b;
    }
    50% {
        bottom: 60%;
    }
    100% {
        bottom: calc(50% - 25px);
        background-color: #ffffff;
    }
}
@keyframes materia {
    0% {
        transform: translateX(-50%) translateY(50%) scale(0.08) translateZ(0);
        background-color: #ffffff;
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(50%) scale(1) translateZ(0);
        background-color: #ffffff;
        opacity: 1;
    }
}
@keyframes puff {
    0% {
        height: 50px;
        width: 50px;
        transform: translateX(-50%) translateY(calc(100vh - 50px)) scale(0) translateZ(0);
    }
    100% {
        height: 50px;
        width: 50px;
        transform: translateX(-50%) translateY(-50%) scale(0) translateZ(0);
        z-index: 1;
    }
}
@keyframes borderRadius {
    0% {
        border-radius: 50%;
    }
    100% {
        border-radius: 0px;
    }
}
@keyframes moveInCenter {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.back-online {
    white-space: nowrap;
    animation: disappear 1s forwards;
    animation-delay: 2s;
}
.back-online-text {
    font-size: 0.75rem;
}
.back-online-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #06e5a7;
    border-radius: 30px;
    vertical-align: middle;
    margin: 0 3px;
}
.sc-logReg {
    white-space: nowrap;
}
a.sc-logReg-link {
    display: inline-block;
    padding: 0.4rem 1rem;
    border-radius: 30px;
    font-weight: 500;
    line-height: 22px;
}
a.sc-login {
    background-color: #3d5bf0;
    color: #ffffff;
    -webkit-transition: box-shadow 0.18s ease;
    transition: box-shadow.18s ease;
}
.sc-login:hover {
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
a.sc-register {
    position: relative;
    color: #0963d9;
}
.sc-register:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    border-radius: 30px;
}
.qa-search {
    white-space: nowrap;
    margin: 0;
}
* html .qa-search {
    margin-right: 6px;
}
.qa-search form {
    margin: 0;
}
.qa-language-field{
    background-color: #f1f3f4;
    border: none;
    font-size: 16px;
    line-height: 25px;
    padding: 8px 1rem 8px 1rem;
    border-radius: 50px;
    transition: padding 0.1s ease-in-out;
    backface-visibility: hidden;
    will-change: box-shadow;
    margin-right: 15px;
}
.qa-search-field {
    vertical-align: bottom;
    margin: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.erase-search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    width: 41px;
    height: 41px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.muffin-erase-search svg.qa-svg {
    background-color: #5f6368;
    color: #ffffff;
    fill: #ffffff;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}
.muffin-erase-search:before {
    content: "\2715";
}
.muffin-erase-search:after {
    content: "";
    display: none;
    width: 32px;
    height: 32px;
    background-color: #cfd1d3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    border-radius: 50px;
}
[data-theme="dark"] .muffin-erase-search:after {
    background-color: rgb(255 255 255 / 10%);
}
.muffin-erase-search:hover:after {
    display: block;
}
.qa-search-button {
    padding: 0;
}
.close-search-container {
    position: fixed;
    top: 1.2rem;
    right: 0.6rem;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    font-size: 2rem;
    cursor: pointer;
    color: #70757a;
}
.close-search-container:before {
    content: "\e5cd";
}
.dark-pane {
    position: fixed;
    background-color: #000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.25s ease;
    will-change: opacity;
    opacity: 0.3;
    visibility: visible;
    pointer-events: auto;
}
.dark-pane.display-none {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.mobile-dark-pane {
    position: fixed;
    background-color: #000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.25s ease;
    will-change: opacity;
    opacity: 0.6;
    visibility: visible;
    pointer-events: auto;
}
.mobile-dark-pane.opened {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
* html .qa-nav-user {
    margin-right: 12px;
}
.qa-logged-in {
    display: inline-flex;
    font-size: 0.8125rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.q-avatar-wrapper {
    width: 42px;
    align-items: start;
}
.qa-c-item-header .q-avatar-wrapper {
    display: none;
}
.sc-topbar-avatar,
.qa-q-view-avatar,
.qa-q-item-avatar,
.qa-a-item-avatar,
.qa-c-item-avatar {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
}
.qa-q-item-avatar {
    border-radius: 50%;
}
.sc-topbar-avatar .qa-avatar-image,
.cc-user-avatar .qa-avatar-image,
.qa-a-item-avatar .qa-avatar-image,
.qa-c-item-avatar .qa-avatar-image,
.qa-compact-item-avatar .qa-avatar-image,
.qa-loggedin-avatar .qa-avatar-image,
.sc-562 .qa-avatar-image,
.qa-q-item-avatar .qa-avatar-image,
.qa-q-view-avatar .qa-avatar-image,
.qa-top-users-avatar .qa-avatar-image,
.qa-message-avatar .qa-avatar-image,
.qa-upb-avatar img,
.sc-topbar-avatar .qa-lazy-img,
.sc-562 .qa-lazy-img {
    border: 0;
    vertical-align: middle;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.qa-upb-avatar amp-img.qa-lazy-img img {
    transform: none;
}
.wide-image,
.sc-topbar-avatar .qa-avatar-image,
.qa-loggedin-avatar .wide-image,
.cc-homepage-avatar .wide-image,
.qa-compact-item-avatar .wide-image,
.qa-q-item-avatar .wide-image,
.qa-q-view-avatar .wide-image,
.qa-a-item-avatar .wide-image,
.qa-c-item-avatar .wide-image,
.qa-top-users-avatar .wide-image,
.cc-user-avatar .wide-image,
.qa-adaptive-image.wide-image,
.qa-upb-avatar .wide-image {
    height: 100% !important;
    width: auto !important;
    max-width: initial;
}
.qa-logged-in-avatar {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 24px;
}
.qa-logged-in-points {
    display: inline-block;
    margin-left: 2px;
    margin-right: 5px;
}
.qa-nav-user .qa-logged-in .qa-logged-in-pad:first-child,
.qa-nav-user .qa-logged-in .qa-user-link {
    display: none;
}
.qa-logged-in-data {
    padding: 0.5rem 1rem 0.5rem 0.6rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: inline-flex;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    box-shadow: inset 0px 0px 0px 1px #cfd8dc;
    background:#fdfdfd !important;
}
.topBarPinned .qa-logged-in-data {
    border-radius: initial;
}
.qa-logged-in-data:hover,
.osn-bell:hover,
div#osnbox.active-menu-item .osn-bell,
.qa-history-new-event-link:hover,
.qa-logged-in-data.user-nav-open,
.qa-nav-user .qa-logged-in-pad.user-nav-open,
.pupi-fns-icon-bell:hover {
    background-color: #eff0f1;
    box-shadow: none !important;
}
.qa-logged-in-data .sc-topbar-avatar,
.qa-logged-in-data .sc-logged-in-points,
.qa-logged-in-data .badge-medals-widget {
    pointer-events: none;
}
.sc-topbar-avatar {
    display: inline-flex;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 30px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.sc-topbar-avatar .noUserAvatar {
    width: 28px;
    height: 28px;
}
.sc-topbar-avatar .noUserAvatar svg.qa-svg {
    width: inherit;
    height: inherit;
    vertical-align: top;
}
.qa-nav-user .qa-logged-in-pad {
    cursor: pointer;
    border-radius: 30px;
}
.sc-logged-in-points {
    font-weight: bold;
    color: #444444;
    margin: 0 8px 0 6px;
}
.user-nav-open .sc-logged-in-points {
}
.qa-logged-in-pad,
.sc-logged-in-points {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.qa-nav-user {
    position: relative;
    display: inherit;
}
.sc-user-nav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    color: #616161;
    padding: 8px 0;
    min-width: 270px;
    max-height: 95vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    -moz-box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
    box-shadow: 0 2px 3px 0 rgb(60 64 67 / 30%), 0 6px 10px 4px rgb(60 64 67 / 15%);
}
.sc-user-nav-mobile {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    transform: translateY(0) scaleX(1) translateZ(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    height: 82vh;
    padding: 0 0.5rem 6rem 0.5rem;
    background-color: #ffffff;
    border-radius: 22px;
    overflow-x: hidden;
    overflow-y: auto;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}
.sc-user-nav-mobile.display-none {
    transform: translateY(100%) scaleX(0.8) translateZ(0);
}
.sc-user-nav-mobile .sc-logged-in-points {
    margin: 0;
}
.sc-user-nav-mobile .qa-nav-user-badges {
    display: inline-block;
    margin: 0 8px;
}
.user-nav-scroll {
}
ul.qa-nav-user-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sc-562 {
    display: flex;
    width: 100%;
    padding: 1.5rem 1rem;
}
.sc-562:hover {
}
.sc-562 .qa-nav-user-avatar {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    vertical-align: top;
    border-radius: 50px;
    overflow: hidden;
}
.sc-562 .qa-nav-user-info {
    display: inline-block;
    vertical-align: top;
    flex: auto;
    overflow: hidden;
    margin-left: 0.6rem;
}
.qa-nav-user-handle,
a.qa-nav-user-handle {
    color: #040304;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qa-nav-user-email {
    font-size: 0.75rem;
    color: #616161;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qa-nav-user-item {
    position: relative;
    display: block;
    padding: 0.5rem 0.8rem;
    margin: 2px 8px;
    text-transform: capitalize;
    color: inherit !important;
    fill: inherit !important;
    font-size: 0.875rem;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a.qa-nav-user-item {
    color: inherit;
}
.qa-nav-user-item:hover {
    background-color: #eff0f1;
}
.qa-nav-user-profile {
    margin-top: 8px;
}
.qa-nav-user-updates {
    margin-bottom: 8px;
}
.qa-nav-user-logout,
a.qa-nav-user-logout {
    margin-top: 16px;
    color: #fa3437 !important;
    fill: #fa3437 !important;
    position: relative;
}
.qa-nav-user-logout:hover {
    background-color: rgb(250 52 55 / 15%);
}
.qa-nav-user-logout:before {
    color: inherit;
    fill: inherit;
}
.qa-nav-user-logout:before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #eff0f1;
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
}
a.qa-nav-user-item svg.qa-svg {
    margin-right: 0.8rem;
}
.qa-nav-user-dark-theme .mf-divider:first-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
}
.qa-nav-user-dark-theme .mf-divider:last-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
}
.qa-nav-user-register {
    border-left: none;
    display: inline-block;
}
.qa-nav-user-register,
.qa-nav-user-register:visited {
    padding: 0 5px;
    height: 24px;
    display: inline-block;
    margin-top: -5px;
    line-height: 26px;
}
.qa-nav-user-dark-theme {
    padding: 1rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
}
.qa-nav-user-dark-theme:hover {
    background-color: transparent;
}
html:not([data-theme="dark"]) .darktheme-container {
    display: flex;
    flex-direction: row;
    width: 100% !important;
}
.dtb-container {
    justify-content: flex-end;
    flex-grow: 1;
    display: flex;
}
.dtb-wrapper {
    color: #ebebeb;
    position: relative;
    width: 36px;
    height: 14px;
    margin: 4px 1px;
    cursor: pointer;
}
.dt-toggle-bar {
    position: absolute;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    pointer-events: none;
    opacity: 0.4;
    transition: background-color linear 0.08s;
    background-color: #929292;
}
[data-theme="dark"] .dt-toggle-bar {
    background-color: #ebebeb;
}
.dt-button {
    position: absolute;
    top: -3px;
    left: 0;
    right: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform linear 0.08s, background-color linear 0.08s;
    will-change: transform;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    background-color: rgb(95, 99, 104);
    cursor: pointer;
}
.dtb-active,
.dt-button.dtb-active,
.dtb-active[checked] {
    transform: translateX(16px) translateZ(0);
    background-color: #3ea6ff;
}
.footer-dtb {
    display: inline-block;
    border-left: 1px solid #474a4f;
    padding-left: 12px;
}
.footer-dtb .dt-box-title {
    padding-right: 10px;
}
.trigger-brightness {
    display: none;
    justify-content: flex-end;
    width: 30px;
}
[data-theme="dark"] .trigger-brightness {
    display: flex;
}
.trigger-brightness .qa-svg {
    cursor: pointer;
    pointer-events: auto;
}
.qa-nav-user-dark-theme.open .trigger-brightness .qa-svg {
    transform: rotate(180deg);
}
.dmi-container {
    display: none;
    justify-content: flex-end;
    flex-grow: 1;
    flex-direction: column;
    margin-top: 1rem;
    align-items: initial;
    width: 100%;
}
.qa-nav-user-dark-theme.open .dmi-container {
    display: flex;
}
.qa-main-search-label {
    display: none;
}
.qa-search form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 80%;
    max-width: 600px;
}
.qa-search form input {
    width: 100%;
    background-color: #f1f3f4;
    border: none;
    font-size: 16px;
    line-height: 25px;
    padding: 8px 3rem 8px 1rem;
    border-radius: 50px;
    transition: padding 0.1s ease-in-out;
    backface-visibility: hidden;
    will-change: box-shadow;
}
.qa-search form input:focus {
    box-shadow: none;
    border: none;
}
.qa-search form input:autofill,
.qa-search form input:-webkit-autofill,
.qa-search form input:-webkit-autofill:hover,
.qa-search form input:-webkit-autofill:focus,
.qa-search form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f1f3f4 inset !important;
}
.qa-search form input.search-erase-spacer {
    padding: 8px 2.5rem;
}
.qa-search form input.padding-transition {
    transition: background-color 0.1s ease-in-out, padding 0.1s ease-in-out;
}
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
.qa-search-container .qa-search-button {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateX(0) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    padding: 0;
    color: #444444;
}
.qa-search-container .qa-search-button:hover {
    background-color: #cfd1d3;
    background-color: #cfd8dc;
}
.qa-search-container .qa-search-button .svg-icon {
    width: 24px;
    height: 24px;
}
#___gcse_0 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 80%;
    max-width: 600px;
}
.gsc-control-cse {
    padding: 0 !important;
}
.gsc-search-box {
    background-color: #f1f3f4;
    padding: 8px 2.5rem 8px 1rem;
    border-radius: 30px;
}
.gsc-search-box .gsc-input,
.gsib_a {
    padding: 0 !important;
}
.gsc-input-box {
    background-color: transparent !important;
    border: none !important;
}
.gsc-input {
    background-color: transparent !important;
    padding: 1px 6px !important;
}
.gsc-input:focus {
    box-shadow: none !important;
    border: none !important;
}
button.gsc-search-button.gsc-search-button-v2 {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateX(0) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    margin: 0;
    width: 32px;
    height: 32px;
    line-height: 46px;
    border-radius: 30px;
    border: none;
    padding: 0;
    background-color: transparent;
    color: #444444;
}
.gsc-search-button-v2 svg {
    fill: #444444 !important;
    width: 18px;
    height: 18px;
}
.gsc-results-wrapper-overlay {
    top: 58px !important;
    left: 0 !important;
    right: 0;
    height: 80vh !important;
    width: 100% !important;
}
.gsc-modal-background-image {
    height: 100% !important;
    background-color: unset !important;
}
.gssb_c {
    position: fixed !important;
    top: 66px !important;
    left: 50% !important;
    transform: translateX(-50%);
    padding-top: 1rem;
    color: #444;
}
.qa-notice {
    display: flex;
    width: max-content;
    max-width: 95vw;
    margin: 1.5rem auto;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
@media (max-width: 575px) {
    .qa-notice {
        margin: 1.5rem 1.5rem 6rem 1.5rem;
        width: unset;
    }
    form.gdev-notice-form {
        width: 100%;
    }
}
form.gdev-notice-form {
    display: flex;
    flex-direction: row;
    background-color: rgb(32, 33, 36);
    color: #ffffff;
    fill: #ffffff;
    padding: 1rem 2rem;
    border-radius: 6px;
    min-width: 30vw;
}
.qa-notice-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    padding-right: 2rem;
}
.qa-notice-container *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.qa-close-notice-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
a.qa-notice-signup {
    display: none;
    background-color: #ffffff;
    color: #444444;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    margin-right: 1rem;
}
@media (min-width: 575px) {
    a.qa-notice-signup {
        display: inline-block;
    }
}
.qa-notice-close-button {
    font-family: cursive;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.25rem;
    width: 30px;
    height: 30px;
    font-weight: 700;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 4px;
    display: inline-block;
}
.qa-notice-close-button:hover {
    background-color: rgb(255 255 255 / 22%);
}
.qa-template-login .qa-body-container,
.qa-template-register .qa-body-container,
.qa-template-forgot .qa-body-container {
    margin-top: 0;
    margin-bottom: 50px;
}
.qa-title-section {
    margin: 2rem;
}
body:not(.qa-template-user) .qa-main .qa-title-section {
    padding-top: 1rem;
    margin: 0 0 1rem 0;
}
@media (max-width: 575px) {
    .qa-main .qa-title-section {
        display: flex;
        flex-direction: row;
    }
}
@media (min-width: 700px) {
    .qa-main .qa-title-section {
        margin: 0 2rem 1rem 0;
    }
}
.qa-post-category {
    display: inline-block;
    border: 1px solid;
    padding: 2px 8px;
    border-radius: 6px;
    color: inherit;
}
.qa-main-heading {
    position: relative;
}
.qa-title-section .qa-main-heading {
    display: inline-flex;
    align-self: center;
    margin: 0 auto;
    width: 100%;
}
.qa-template-admin .qa-main-heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.qa-title-section .qa-main-heading a,
.qa-title-section .qa-main-heading h1 {
    color: inherit;
}
.qa-title-section .qa-main-heading h1 {
    margin: 0;
    font-weight: 400;
}
.qa-template-question .qa-title-section h1 {
    font-size: 2.2rem;
    font-weight: 400;
}
.qa-template-user .qa-title-section .qa-main-heading h1 {
    display: none;
}
.qa-template-question .qa-error-container {
}
body:not(.qa-template-user):not(.qa-template-login):not(.qa-template-register):not(.qa-template-forgot) .gdev-body-wrapper {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
}
.qa-searched-title {
    color: #9e9e9e;
    color: #ffa726;
    font-size: 0.875rem;
    line-height: normal;
    display: block;
}
.muffin-top-note {
    padding: 1rem;
    background-color: #3d5bf0;
    color: #ffffff;
}
.muffin-top-note a {
    color: inherit;
    text-decoration: underline;
}
.muffin-top-note a:hover {
    background: rgb(255 255 255 / 20%);
    border-radius: 2px;
    border: none;
    margin: -4px;
    padding: 4px;
    text-decoration: none;
}
.wn-content {
    white-space: nowrap;
}
.wn-wrapper {
    position: relative;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    transition: width 0.4s;
    height: 100%;
}
.wn-container {
    position: relative;
}
a.wn-link {
    position: relative;
    display: inline-table;
    width: 70px;
    height: 70px;
    vertical-align: top;
    margin: 5px;
}
a.wn-link:visited {
    color: inherit;
}
[data-theme="dark"] a.wn-link:visited {
    color: inherit;
}
.wn-img-wrapper {
    border-radius: 50%;
    width: inherit;
    height: inherit;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
a.wn-link .wn-img-wrapper {
    border: 2px solid;
}
a.wn-link:visited .wn-img-wrapper {
    border-color: #e0e0e0;
}
[data-theme="dark"] a.wn-link:visited .wn-img-wrapper {
    border-color: #4e4e4e;
}
.wn-img-wrapper .noUserAvatar {
    opacity: 0;
    animation: lazyLoadAppear 0.7s forwards;
}
.whatsNew {
    max-width: 100px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    padding: 1rem 0;
    text-align: center;
    position: relative;
}
.whatsNew img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 3px solid #ffffff;
}
[data-theme="dark"] .whatsNew img {
    border-color: #36393f;
}
.wn-info {
    margin-top: 0.6rem;
    font-size: 0.825rem;
    line-height: initial;
    white-space: normal;
}
a.wn-handle {
    color: inherit;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
[data-theme="dark"] a.wn-handle {
    color: #ffffff;
}
[data-theme="dark"] .wn-what {
    color: #cccccc;
}
.wn-status {
    position: absolute;
    right: -3px;
    bottom: -3px;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-radius: 30px;
    pointer-events: none;
}
[data-theme="dark"] .wn-status {
    background-color: #36393f;
}
.wn-status svg.qa-svg {
    padding: 3px;
}
.wn-handle {
    text-transform: capitalize;
}
.wn-what-card {
    font-size: 0.825rem;
    line-height: initial;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: translateX(-50%) translateY(50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity;
    backface-visibility: hidden;
    border-radius: 30px;
    padding: 0.2rem 0.6rem;
}
@media (min-width: 575px) {
    .whatsNew:hover .wn-what-card {
        transform: translateX(-50%) translateY(0%) translateZ(0);
        opacity: 1;
    }
    .wn-container {
        position: relative;
        display: grid;
        width: 94%;
        height: 150px;
    }
    .whatsNew {
        width: 16.67%;
    }
}
.wn-what-card span {
    display: block;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 575px) {
    .wn-wrapper {
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    .wn-content {
        transition: transform 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
    }
    .ff-reached-start.animateStart .wn-wrapper {
        animation: slideReachedStart 0.2s;
    }
    .ff-reached-end.animateEnd .wn-wrapper,
    .ff-reached-start.animateEnd .wn-wrapper {
        animation: slideReachedEnd 0.2s;
    }
    @keyframes slideReachedStart {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(1%);
        }
        100% {
            transform: translateX(0%);
        }
    }
    @keyframes slideReachedEnd {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(-1%);
        }
        100% {
            transform: translateX(0%);
        }
    }
}
@media (max-width: 575px) {
    .wn-container {
        height: 148px;
    }
    .wn-content {
        padding: 0 1rem;
        margin-top: -1rem;
        margin-bottom: 1rem;
        overflow: auto;
    }
    .wn-content .whatsNew:last-child {
        margin-inline-end: 1rem;
    }
    .wn-content::-webkit-scrollbar {
        display: none;
        -webkit-appearance: none;
    }
    .whatsNew {
        padding: 1rem 0 0 0;
    }
    a.wn-link {
        width: 80px;
        height: 80px;
    }
    .wn-img-wrapper .noUserAvatar svg.qa-svg {
        width: 79px;
        height: 79px;
    }
    .crsl-nav {
        display: none;
    }
}
.crsl-nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    background-color: rgba(150, 150, 150, 0.3);
    color: #000000;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    outline: none;
    -webkit-user-select: none;
    text-align: center;
}
[data-theme="dark"] .crsl-nav {
    color: #ffffff;
}
.crsl-nav-left {
    left: 0;
}
.crsl-nav-right {
    right: 0;
}
.ion-chevron {
    line-height: 38px;
}
.qa-main .favorites-tags-widget {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: none !important;
}
.qa-main .favorites-tags-widget h2 {
    display: none;
}
.qa-main .fav-tagsw-container {
    padding: 0rem 1rem 1rem 1rem;
    overflow-x: auto;
    overflow-y: hidden;
}
.qa-main .favorites-tags-widget a.qa-tag-link:hover {
    box-shadow: none;
}
.qa-body-container {
    margin-left: 225px;
}
.qa-body-wrapper {
    margin: 2rem 3rem 0 3rem;
}
.qa-template-user .qa-body-wrapper {
    margin: 0px 2rem;
}
.qa-template-login .qa-body-container,
.qa-template-register .qa-body-container,
.qa-template-forgot .qa-body-container {
    margin-left: 0;
    margin-right: 0;
}
.leftPanel {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999999;
    transform: translateX(0%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform, visibility;
    width: 225px;
    height: 100vh;
    background-color: #031b37;
    transform: translateX(0%);
    backface-visibility: hidden;
    visibility: visible;
}
.leftPanel.display-none {
    transform: translateX(-100%) translateZ(0);
    visibility: hidden;
}
.qa-template-login .leftPanel,
.qa-template-register .leftPanel,
.qa-template-forgot .leftPanel {
    transform: translateX(-100%) translateZ(0);
}
@media (min-width: 1300px) {
    .leftPanel:after {
        content: "";
        display: block;
        width: 30px;
        height: 100px;
        position: absolute;
        top: 0;
        left: 100%;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        /*background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);*/
        pointer-events: none;
    }
    [data-theme="dark"] .leftPanel:after {
        /*background-image: linear-gradient(90deg, rgb(54 57 63) 15%, rgba(255, 255, 255, 0) 100%);*/
    }
}
.qa-nav-main-logo {
    margin: 0 2rem;
    height: 186px;
    line-height: 186px;
}
.qa-nav-main-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0 1rem;
    font-size: 0.875rem;
    height: calc(100vh - 176px);
    overflow-y: auto;
    overflow-x: hidden;
}
.qa-nav-main .qa-nav-main-list:nth-of-type(1) {
    height: unset;
}
.qa-nav-main-list ~ .qa-nav-main-list {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}
.leftPanel .qa-nav-main-item,
.leftPanel .qa-nav-main-item-opp {
    animation: slideNavigation 0.3s forwards;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-filter: blur(0);
    filter: blur(0);
}
@keyframes slideNavigation {
    from {
        opacity: 0;
        transform: translateX(-50%);
    }
    to {
        opacity: 1;
        transform: translateX(0%);
    }
}
.leftPanel .qa-nav-main-item:nth-child(2),
.leftPanel .qa-nav-main-item-opp:nth-child(2) {
    animation-delay: 0.05s;
}
.leftPanel .qa-nav-main-item:nth-child(3),
.leftPanel .qa-nav-main-item-opp:nth-child(3) {
    animation-delay: 0.1s;
}
.leftPanel .qa-nav-main-item:nth-child(4),
.leftPanel .qa-nav-main-item-opp:nth-child(4) {
    animation-delay: 0.15s;
}
.leftPanel .qa-nav-main-item:nth-child(5),
.leftPanel .qa-nav-main-item-opp:nth-child(5) {
    animation-delay: 0.2s;
}
.leftPanel .qa-nav-main-item:nth-child(6),
.leftPanel .qa-nav-main-item-opp:nth-child(6) {
    animation-delay: 0.25s;
}
.leftPanel .qa-nav-main-item:nth-child(7),
.leftPanel .qa-nav-main-item-opp:nth-child(7) {
    animation-delay: 0.3s;
}
.leftPanel .qa-nav-main-item:nth-child(8),
.leftPanel .qa-nav-main-item-opp:nth-child(8) {
    animation-delay: 0.35s;
}
.leftPanel .qa-nav-main-item:nth-child(9),
.leftPanel .qa-nav-main-item-opp:nth-child(9) {
    animation-delay: 0.4s;
}
.leftPanel .qa-nav-main-item:nth-child(10),
.leftPanel .qa-nav-main-item-opp:nth-child(10) {
    animation-delay: 0.45s;
}
.leftPanel .qa-nav-main-item:nth-child(11),
.leftPanel .qa-nav-main-item-opp:nth-child(11) {
    animation-delay: 0.5s;
}
.leftPanel .qa-nav-main-item:nth-child(12),
.leftPanel .qa-nav-main-item-opp:nth-child(12) {
    animation-delay: 0.55s;
}
.leftPanel .qa-nav-main-item:nth-child(13),
.leftPanel .qa-nav-main-item-opp:nth-child(13) {
    animation-delay: 0.6s;
}
.leftPanel .qa-nav-main-item:nth-child(14),
.leftPanel .qa-nav-main-item-opp:nth-child(14) {
    animation-delay: 0.65s;
}
.leftPanel .qa-nav-main-item:nth-child(15),
.leftPanel .qa-nav-main-item-opp:nth-child(15) {
    animation-delay: 0.7s;
}
.leftPanel .qa-nav-main-item:nth-child(16),
.leftPanel .qa-nav-main-item-opp:nth-child(16) {
    animation-delay: 0.75s;
}
.leftPanel .qa-nav-main-item:nth-child(17),
.leftPanel .qa-nav-main-item-opp:nth-child(17) {
    animation-delay: 0.8s;
}
.leftPanel .qa-nav-main-item:nth-child(18),
.leftPanel .qa-nav-main-item-opp:nth-child(18) {
    animation-delay: 0.85s;
}
.leftPanel .qa-nav-main-item:nth-child(n + 19),
.leftPanel .qa-nav-main-item-opp:nth-child(n + 19) {
    animation-delay: 0.9s;
}
.qa-nav-main-item,
a.qa-nav-main-item {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    border-radius: 10px;
}
.qa-nav-main-list a {
    display: block;
    padding: 0.5rem;
    color: #f1f3f4 !important; 
    fill: #f1f3f4 !important; 
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a.qa-nav-main-item:hover {
    background-color: rgb(0 0 0 / 8%);
    text-decoration: none;
}
a.qa-nav-main-selected {
    font-weight: 600;
}
.qa-nav-main-list:nth-of-type(1):before {
    content: "";
    display: block;
    width: 80%;
    height: 1px;
    background-color: rgb(255 255 255 / 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
[data-theme="dark"] .qa-nav-main-list:before {
    background-color: rgb(255 255 255 / 20%);
}
@media (max-width: 575px) {
    .qa-nav-main-list:before {
        width: 90%;
    }
}
.qa-nav-main-ask {
    animation: none !important;
    opacity: 1 !important;
    margin-bottom: 0.6rem !important;
    height: 40px;
}
.qa-nav-main-item svg.qa-svg,
.qa-nav-main-item-opp svg.qa-svg {
    margin-right: 1.2rem;
}
.qa-nav-main-list:nth-of-type(1) svg.qa-svg,
.qa-nav-main-list:nth-of-type(1) svg.qa-svg {
    margin-right: 1rem;
}
.qa-nav-main-list a:hover,
.qa-nav-main-selected {
    background-color: rgb(255 255 255 / 8%);
    text-decoration: none;
}
.qa-nav-main-selected:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 20px;
    background-color: #f1f3f4;
    position: absolute;
    left: 2.4rem;
    top: 50%;
    transform: translateY(-50%) rotate(15deg) translateZ(0);
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
}
[data-theme="dark"] .qa-nav-main-selected:after {
    background-color: #f1f3f4;
}
@media (max-width: 575px) {
    .qa-nav-main-selected:after {
        left: -0.5rem;
    }
}
.qa-needs-moderation {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #f83052;
    border-radius: 50%;
    vertical-align: text-top;
    margin-left: 8px;
}
#filter-trigger .qa-needs-moderation {
    align-self: center;
    margin: 0;
    margin-inline-end: 6px;
}
.loggedOut-UI {
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%) inset;
    background-color: #f8f9fb;
    display: flex;
    flex-direction: row;
}
.loui-darkMode-wrapper {
    padding: 0.5rem;
}
.loggedIn .loui-darkMode-wrapper {
    display: none;
}
.lodm-text {
    margin: 0 1rem;
    font-size: 0.75rem;
}
.loui-goTop {
    justify-content: flex-end;
    flex-grow: 1;
}
.site-goTop {
    padding: 0.5rem;
    cursor: pointer;
    position: relative;
}
.site-goTop:after {
    content: "";
    height: 60%;
    width: 1px;
    background-color: rgb(0 0 0 / 10%);
    position: absolute;
    top: 20%;
    left: 0;
    bottom: 20%;
    -webkit-overflow-scrolling: touch;
}
.site-goTop .svg-icon {
    width: 22px;
    height: 22px;
}
.loadSheet {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    animation: loadSheet 1s forwards;
}
@keyframes loadSheet {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        pointer-events: none;
        display: none;
    }
}
.qa-nav-main-clear,
.qa-nav-sub-clear,
.qa-q-item-clear,
.qa-q-view-clear,
.qa-a-item-clear,
.qa-c-item-clear,
.qa-footer-clear,
.qa-page-links-clear {
    clear: both;
}
.qa-gdev-body {
    position: relative;
    z-index: 1;
    max-width: 2000px;
    margin: 0 auto;
}
.qa-gdev-body:before {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 0;
    left: 225px;
    z-index: 9999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
}
.qa-gdev-body:after {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 0;
    left: 225px;
    z-index: 9999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
}
.filter-container,
.qa-title-section .qa-favoriting {
    position: relative;
}
@media (min-width: 575px) {
    body:not(.qa-template-user) .filter-container {
        margin-bottom: 1rem;
    }
}
@media (max-width: 575px) {
    .filter-container {
        display: inline-flex;
        margin-right: 1rem;
        margin-bottom: 0;
        align-items: center;
    }
    .filter-container ~ .qa-main-heading h1 {
        padding: 0;
    }
}
.filter-wrapper {
    display: block;
}
.fixedSubNav {
    position: fixed;
    top: 50px;
    z-index: 6;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    -moz-box-shadow: 0 5px 2px -2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 5px 2px -2px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 2px -2px rgb(0 0 0 / 10%);
}
#filter-trigger {
    display: none;
    white-space: nowrap;
    padding: 0.2rem 0.2rem 0.2rem 0.6rem;
    cursor: pointer;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 500;
}
#filter-trigger .ft-text {
    display: inline-flex;
    align-items: center;
    pointer-events: none;
    overflow: hidden;
}
.qa-template-user .ft-text {
    white-space: nowrap;
}
#filter-trigger .ft-icon {
    display: inline-flex;
    pointer-events: none;
    align-self: end;
}
.qa-svg-icon.dropdown-carrot {
    line-height: 18px;
}
.qa-template-user .qa-svg-icon.dropdown-carrot {
    display: none;
}
.qa-template-user .qa-svg-icon.more-horiz {
    display: inline-flex;
    color: #ffffff;
    fill: #ffffff;
}
.qa-svg-icon.more-horiz {
    display: none;
}
body:not(.qa-template-admin) .subNav-ball-animation {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    border-radius: 50px;
    opacity: 0;
    animation: subNavAnimation 0.7s forwards;
    will-change: transform, opacity, width;
}
@keyframes subNavAnimation {
    0% {
        opacity: 0;
        transform: scale(0) translateZ(0);
    }
    20% {
        opacity: 1;
        transform: scale(1) translateZ(0);
    }
    40% {
        opacity: 0;
        transform: scale(0.5) translateZ(0);
    }
    50% {
        opacity: 1;
        transform: scale(1) translateZ(0);
        width: 32px;
    }
    90% {
        opacity: 0;
    }
    100% {
        transform: scale(1) translateZ(0);
        width: 300px;
        opacity: 0;
    }
}
.qa-nav-sub-list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #394249;
}
.qa-nav-sub-item {
    color: inherit;
    font-size: 0.9375rem;
    display: inline-flex;
    white-space: nowrap;
    text-transform: capitalize;
    border-radius: 50px;
    cursor: pointer;
    margin-bottom: 0.3rem;
}
.qa-nav-sub-list a,
.qa-nav-sub-admin-theme span {
    color: inherit;
    padding: 0.3rem 0.8rem;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item {
    animation: slideNavigation 0.2s forwards;
    opacity: 0;
    will-change: opacity, transform;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(1) {
    animation-delay: 0.3s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(2) {
    animation-delay: 0.4s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(3) {
    animation-delay: 0.5s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(4) {
    animation-delay: 0.6s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(5) {
    animation-delay: 0.7s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(6) {
    animation-delay: 0.8s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(7) {
    animation-delay: 0.9s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(8) {
    animation-delay: 1s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(9) {
    animation-delay: 1.1s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(10) {
    animation-delay: 1.2s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(11) {
    animation-delay: 1.3s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(12) {
    animation-delay: 1.4s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(13) {
    animation-delay: 1.5s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(14) {
    animation-delay: 1.6s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(15) {
    animation-delay: 1.7s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(16) {
    animation-delay: 1.8s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(17) {
    animation-delay: 1.9s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(18) {
    animation-delay: 2s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(19) {
    animation-delay: 2.1s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(20) {
    animation-delay: 2.2s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(21) {
    animation-delay: 2.3s;
}
body:not(.qa-template-admin) .qa-nav-sub-list .qa-nav-sub-item:nth-child(n + 22) {
    animation-delay: 2.4s;
}
.qa-nav-sub-item:hover:not(.qa-nav-sub-selected) {
    color: #444444;
    background-color: #e0e0e0;
}
.qa-nav-sub-selected {
    background-color: #000000;
    color: #ffffff;
}
[data-theme="dark"] .qa-nav-sub-selected {
    background-color: #53575e;
    color: #ffffff;
}
[data-theme="dark"] body:not(.qa-template-admin) .subNav-ball-animation {
    background-color: #53575e;
}
.textAlert,
.qa-nav-sub-list .textAlert,
.qa-nav-sub-list .textAlert:hover,
.textAlert .qa-nav-sub-item:hover {
    color: #f83052;
}
.qa-main {
    background-color: transparent !important;
    color: inherit !important;
    display: flex;
    flex-direction: column;
    vertical-align: top;
    width: calc(100% - 320px);
}
.qa-template-question .qa-main {
    padding: 1rem;
}
.qa-template-admin .qa-main,
.qa-template-account .qa-main,
.qa-template-favorites .qa-main,
.qa-template-ip .qa-main,
.qa-template-message .qa-main {
    padding: 2rem;
}
.qa-template-custom .qa-main {
    padding-inline-end: 1rem;
}
.qa-main.qa-logReg-container {
    width: 400px;
    max-width: 100%;
    padding: 2rem 3rem;
    margin: 0 auto;
    border: 1px solid #dadce0;
    -moz-box-shadow: 0 1px 16px 0 rgb(60 64 67 / 8%), 0 1px 16px 1px rgb(60 64 67 / 1%);
    -webkit-box-shadow: 0 1px 16px 0 rgb(60 64 67 / 8%), 0 1px 16px 1px rgb(60 64 67 / 1%);
    box-shadow: 0 1px 16px 0 rgb(60 64 67 / 8%), 0 1px 16px 1px rgb(60 64 67 / 1%);
    border-radius: 8px;
}
body:not(.qa-template-login):not(.qa-template-register):not(.qa-template-forgot) .qa-main.qa-logReg-container {
    padding: 2rem 3rem;
}
.qa-template-login .qa-main,
.qa-template-register .qa-main,
.qa-template-forgot .qa-main {
    background-color: #ffffff !important;
}
.qa-logReg-container .qa-part-form {
    padding: 0;
}
#site_maintenance {
    background-color: #ffe0e0;
    color: #fa3437;
    font-weight: bold;
    display: block;
    margin: 1rem 0;
}
#site_maintenance .qa-form-tall-label {
    padding: 1rem 0.8rem;
}
.qa-main-hidden h1 {
    color: #000000;
}
.qa-searched-error {
    margin-top: 2rem;
}
.qa-error-container-body .qa-search {
    position: relative;
}
.qa-searched-error .qa-search {
    width: 80%;
    margin: 0 auto;
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    border-radius: 50px;
    padding: 1rem;
}
.qa-searched-error .qa-search form {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
}
.qa-searched-error .qa-search-field {
    border: 1px solid #e0e0e0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.qa-searched-error .qa-search-field:focus {
    box-shadow: none;
    border-top-color: #9e9e9e;
    border-bottom-color: #9e9e9e;
    border-left-color: #9e9e9e;
}
.qa-searched-error .qa-search-button {
    font-size: 2rem;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #e0e0e0;
    padding: 0 2rem;
    margin-left: -4px;
}
.qa-searched-error .qa-search-button:hover {
    background-color: #bdbdbd;
}
img.gdev-no-results {
    max-width: 100%;
    width: initial;
    height: auto;
}
.qa-not-found-error {
    text-align: center;
}
img.gdev-not-found {
    max-width: 540px;
    width: 100%;
    height: auto;
}
[data-theme="dark"] img.gdev-not-found {
    filter: invert(1) brightness(0.8) blur(0) !important;
    -webkit-filter: invert(1) brightness(0.8) blur(0) !important;
}
.qa-ask-box {
    background: #0087ca;
    border: 1px solid #005782;
    border-radius: 3px;
}
.qa-ask-box .qa-form-tall-label {
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}
.qa-ask-box tr:hover {
    background: none;
}
.entry-title {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.qa-rss-icon {
    float: right;
    font-size: 2rem;
    color: #70757a;
    margin: 0 3rem;
}
.qa-rss-icon:before {
    content: "\e0e5";
}
.qa-main-heading .qa-rss-icon {
    display: none;
}
.qa-q-item-stats {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    vertical-align: top;
    text-align: right;
    border-right: 1px solid #dadce0;
    margin-top: 2px;
    position: relative;
    font-size: 0.875rem;
}
.qa-q-item-stats {
    min-width: 70px;
}
.qa-template-ip .qa-q-item-stats {
    display: none;
}
.qa-q-list-item .qa-voting,
.qa-q-list-item .qa-a-count,
.qa-q-list-item .qa-view-count,
.qa-question-list-count {
    position: relative;
    white-space: nowrap;
    padding: 0 0.5rem 0 14px;
    border-radius: 3px;
    cursor: help;
}
.qa-q-list-item .qa-voting,
.qa-q-list-item .qa-view-count {
    padding-left: 0;
}
.qa-q-list-item .qa-voting-button {
    display: none;
}
.qa-answer-status:after {
    content: "";
    display: block;
    height: 100%;
    width: 4px;
    position: absolute;
    top: 2px;
    right: 0;
    -webkit-overflow-scrolling: touch;
    margin-right: -2px;
    border-radius: 15px;
}
.best-answered .qa-answer-status:after {
    background-color: #00ab78;
}
.answered-not-selected .qa-answer-status:after {
    background-color: #3d5bf0;
}
.qa-q-item-stats .qa-a-count-zero {
    color: #444444;
}
.qa-q-list-item .qa-upvote-count-pad,
.qa-q-list-item .qa-downvote-count-pad,
.qa-q-list-item .qa-netvote-count-pad,
.qa-q-list-item .qa-a-count-pad,
.qa-q-list-item .qa-downvote-count-pad,
.qa-q-list-item .qa-upvote-count-pad,
.qa-q-list-item .qa-view-count-pad {
    position: absolute;
    bottom: 0;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    margin-left: 25px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, visibility;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    padding: 1px 8px;
    border-radius: 0.3rem;
    pointer-events: none;
    -moz-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}
.qa-q-list-item .qa-upvote-count-pad:after,
.qa-q-list-item .qa-downvote-count-pad:after,
.qa-q-list-item .qa-netvote-count-pad:after,
.qa-q-list-item .qa-a-count-pad:after,
.qa-q-list-item .qa-downvote-count-pad:after,
.qa-q-list-item .qa-upvote-count-pad:after,
.qa-q-list-item .qa-view-count-pad:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: 6px;
    right: 100%;
    -webkit-overflow-scrolling: touch;
    border-top: 6px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid rgb(0 0 0 / 90%);
    border-bottom: 6px solid transparent;
}
.qa-upvote-count:hover .qa-upvote-count-pad,
.qa-downvote-count:hover .qa-downvote-count-pad,
.qa-vote-count:hover .qa-netvote-count-pad,
.qa-a-count:hover .qa-a-count-pad,
.qa-q-item-stats .qa-view-count:hover .qa-view-count-pad {
    animation: tooltipAppear 0.2s forwards;
    animation-delay: 0.8s;
}
.qa-c-list-item .qa-upvote-count-pad,
.qa-c-list-item .qa-downvote-count-pad {
    display: none;
}
.qa-voting-button {
    padding: 0;
    color: rgb(95, 99, 104);
    position: relative;
    border-radius: 30px;
}
.qa-voting-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    transform: scale(0) translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s, transform 0.3s;
    background-color: #000000;
    opacity: 0;
    pointer-events: none;
    width: 38px;
    height: 38px;
    border-radius: 30px;
}
.qa-voted-up-button:after,
.qa-voted-down-button:after {
    opacity: 0.2;
    animation: rippleForwards 0.25s forwards;
    transition: transform 0.25s ease, opacity 0.25s ease;
}
.preload .qa-c-list-item .qa-voted-up-button svg {
    animation-duration: 0s !important;
    -webkit-animation-duration: 0s !important;
    transition: transform 0s !important;
}
.qa-c-list-item .qa-voted-up-button svg {
    animation: thumbsUp 1.1s cubic-bezier(0.175, 0.885, 0.22, 1.105);
    transform-origin: 20% 80%;
}
@keyframes thumbsUp {
    0% {
        transform: rotate(0deg) scale(1);
    }
    25% {
        transform: rotate(10deg) scale(0.8);
    }
    50% {
        transform: rotate(-20deg) scale(1.5);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}
@keyframes rippleForwards {
    0% {
        opacity: 0;
        transform: scale(0.2) translateX(-50%) translateY(-50%);
    }
    100% {
        opacity: 0.2;
        transform: scale(1) translateX(-50%) translateY(-50%);
    }
}
.badge-wrapper-sources {
    transform-origin: 0 0;
}
.q2a-show-badge-source .badge-wrapper-sources {
    animation: popUpCenter 0.25s cubic-bezier(0.175, 0.885, 0.22, 1.125), transform 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.145) forwards;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
@keyframes popUpCenter {
    0% {
        transform: scale(0.2) translateX(-50%) translateY(-50%);
    }
    100% {
        transform: scale(1) translateX(-50%) translateY(-50%);
    }
}
.confetti-button {
    position: absolute;
    top: -35%;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 60px;
    height: 60px;
    pointer-events: none;
}
.qa-voting-main-post .confetti-button {
    width: 70px;
    height: 70px;
}
.qa-c-list-item .confetti-button {
    top: -110%;
    left: -28%;
    transform: none;
}
.confetti-button:focus {
    outline: 0;
}
.confetti-button:before,
.confetti-button:after {
    content: "";
    position: absolute;
    -webkit-overflow-scrolling: touch;
    transition: all ease 0.5s;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1000;
    background-repeat: no-repeat;
}
.confetti-button:before {
    display: none;
    top: -18%;
    left: -20%;
    transform: rotate(-45deg) translateZ(0);
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #0963d9 20%, transparent 30%), radial-gradient(circle, #3dbc8d 20%, transparent 20%),
        radial-gradient(circle, #ffc107 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%),
        radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.confetti-button:after {
    display: none;
    top: -18%;
    right: -20%;
    transform: rotate(225deg) translateZ(0);
    background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #0963d9 20%, transparent 20%), radial-gradient(circle, transparent 10%, #3dbc8d 15%, transparent 20%),
        radial-gradient(circle, #ffc107 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.confetti-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 1s forwards;
}
.confetti-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 1s forwards;
}
@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
    10% {
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }
    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }
    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}
@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
    10% {
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }
    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }
    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
}
.qa-part-q-view .qa-vote-one-button.qa-vote-up-disabled ~ .qa-vote-count .qa-netvote-count,
.qa-part-a-list .qa-vote-one-button.qa-vote-up-disabled ~ .qa-vote-count .qa-netvote-count,
.qa-part-q-view .qa-vote-one-button.qa-vote-up-disabled ~ .qa-vote-count .qa-downvote-count,
.qa-part-a-list .qa-vote-one-button.qa-vote-up-disabled ~ .qa-vote-count .qa-downvote-count {
    color: #f83052;
}
.qa-voting-button,
.qa-form-light-button,
.qa-form--button,
.trigger-more-buttons,
.qa-favorite-button,
.qa-unfavorite-button {
    position: relative;
}
.qa-a-selected:after,
.trigger-more-buttons:after,
.qa-favorite-button:after,
.qa-unfavorite-button:after,
.qa-favorite-button:after,
.qa-unfavorite-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 0;
    transform: scale(1) translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    will-change: transform, opacity;
    width: 36px;
    height: 36px;
    border-radius: 30px;
    background-color: #000000;
    opacity: 0;
    pointer-events: none;
}
.qa-form-light-button:before,
.qa-button-label {
    position: relative;
    z-index: 1;
}
.qa-a-selection {
    position: relative;
    margin: 0.5rem auto;
    -webkit-overflow-scrolling: touch;
    text-align: center;
}
.singleVoteBox ~ .qa-a-item-main .qa-a-selection {
    top: 170px;
}
.qa-a-select-button,
.qa-a-unselect-button,
.qa-a-selected {
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    color: rgb(95, 99, 104);
    box-shadow: none;
}
.qa-a-unselect-button,
.qa-a-selected {
    color: #ffffff;
}
.qa-a-selection .svg-icon {
    width: 30px;
    height: 30px;
}
.qa-a-select-button:focus {
    color: #ffffff;
    fill: #ffffff;
}
.select-reminder {
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    z-index: 1;
    transform: translateY(-50%);
    width: 285px;
    max-width: calc(100vw - 65px);
    background-color: #0963d9;
    color: #ffffff;
    padding: 1rem;
    border-radius: 6px;
    cursor: pointer;
}
.select-reminder:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    -webkit-overflow-scrolling: touch;
    border-top: 10px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid #0963d9;
    border-bottom: 10px solid transparent;
}
.select-reminder:after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + 26px);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 30px;
    animation: bubbleButtonPulse 3s linear infinite;
    animation-delay: 0s, 0.7s;
    pointer-events: none;
}
@media (max-width: 700px) {
    .select-reminder:after {
        right: calc(100% + 15px);
    }
}
.sremdr-text {
    font-size: 0.75rem;
    line-height: 1.2rem;
    text-align: initial;
    padding-right: 1rem;
}
.sremdr-close {
    justify-content: flex-end;
    flex-grow: 1;
    font-size: 1.3rem;
}
.qa-a-select-button svg.qa-svg,
.qa-a-unselect-button svg.qa-svg,
.qa-a-selected svg.qa-svg {
    position: relative;
    z-index: 1;
    transform: translateX(1px);
}
.loggedOut .qa-a-select-button:before,
.loggedOut .qa-a-unselect-button:before,
.loggedOut .qa-a-selected:before {
    line-height: 30px;
}
.qa-a-select-button:after,
.qa-a-unselect-button:after,
.qa-a-selected:after {
    width: 28px;
    height: 28px;
    margin-left: 1px;
    -ms-transform: scale(0);
    transition: opacity 0.5s, transform 0.5s;
    will-change: opacity, transform;
}
.qa-a-select-button:after {
    background-color: #3dbc8d;
    opacity: 0;
    transform: scale(0) translateX(-50%) translateY(-50%);
}
.qa-a-unselect-button:after,
.qa-a-selected:after {
    opacity: 1;
    transform: scale(1) translateX(-50%) translateY(-50%);
}
.qa-a-select-button:focus:after,
.qa-a-select-button:active:after {
    animation: bubbleButton 0.5s forwards, bubbleButtonPulse 3s linear infinite;
    animation-delay: 0s, 0.7s;
}
@keyframes bubbleButton {
    from {
        opacity: 0;
        transform: scale(0) translateX(-50%) translateY(-50%);
    }
    to {
        opacity: 1;
        transform: scale(1) translateX(-50%) translateY(-50%);
    }
}
@keyframes bubbleButtonPulse {
    0% {
        box-shadow: 0 0 0 0 rgb(61 188 141 / 70%), 0 0 0 0 rgb(61 188 141 / 70%);
    }
    40% {
        box-shadow: 0 0 0 25px rgba(255, 109, 74, 0), 0 0 0 0 rgb(61 188 141 / 70%);
    }
    80% {
        box-shadow: 0 0 0 25px rgba(255, 109, 74, 0), 0 0 0 15px rgba(255, 109, 74, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 15px rgba(255, 109, 74, 0);
    }
}
.qa-a-unselect-button,
.qa-a-selected {
    color: #ffffff;
    fill: #ffffff;
}
.qa-a-selected-text {
    color: #ffffff;
    line-height: 22px;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px 1rem;
    text-align: left;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    opacity: 0;
    animation: spawnSelectedText 0.3s forwards;
    transition: opacity, height, padding;
    will-change: opacity, height, padding;
}
.qa-a-selected-text,
.qa-a-unselect-button:after,
.qa-a-selected:after {
    background-color: #008563;
}
.q-accept-rate-container {
    display: block;
    margin-top: -8px;
    margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}
[data-theme="dark"] .q-accept-rate-container {
    border-color: rgb(255 255 255 / 20%);
}
.accept-rate {
    display: block;
    font-size: 0.75rem;
    line-height: 1.5rem;
    color: #007b5b;
    cursor: help;
}
.accept-rate-mid-high {
    color: #3d5bf0;
}
.accept-rate-mid-low {
    color: #f50;
}
.accept-rate-low {
    color: #fa3437;
}
[data-theme="dark"] .accept-rate {
    color: #00d19c;
}
[data-theme="dark"] .accept-rate-mid-high {
    color: #7086f3;
}
[data-theme="dark"] .accept-rate-mid-low {
    color: #ffcc01;
}
[data-theme="dark"] .accept-rate-low {
    color: #f83052;
}
@media (max-width: 575px) {
    [data-theme="dark"] .accept-rate {
        opacity: 0.8;
    }
}
@keyframes spawnSelectedText {
    from {
        opacity: 0;
        height: 0px;
        padding: 0;
    }
    to {
        opacity: 1;
        height: 40px;
        padding: 8px 1rem;
    }
}
.accept-rate-summary {
    color: #040304;
}
[data-theme="dark"] .accept-rate-summary {
    color: #dcddde;
}
.qa-voting {
    min-width: 50px;
}
.qa-template-question .qa-voting {
    min-width: 72px;
}
.qa-template-question .qa-voting-main-post .qa-vote-buttons {
    display: inline-block;
    border-radius: 30px;
}
.trigger-more-buttons:after {
    width: 90%;
    height: 90%;
    opacity: 0;
    transform: scale(0) translateX(-50%) translateY(-50%);
}
.opened .trigger-more-buttons:after {
    opacity: 0.1;
    transform: scale(1) translateX(-50%) translateY(-50%);
    -ms-transform: scale(1);
    transition: opacity 0.3s, transform 0.3s;
    will-change: opacity, transform;
}
button.qa-vote-up-button .svg-icon,
button.qa-voted-up-button .svg-icon,
button.qa-vote-up-disabled .svg-icon,
button.qa-vote-down-button .svg-icon,
button.qa-voted-down-button .svg-icon,
button.qa-vote-down-disabled .svg-icon {
    width: 31px;
    height: 31px;
}
button.qa-vote-up-button:after,
button.qa-voted-up-button:after {
    background-color: #0963d9;
}
button.qa-vote-down-button:after,
button.qa-voted-down-button:after {
    background-color: #f83052;
}
button.qa-voted-up-button,
.qa-vote-up-button:hover {
    color: #0963d9;
    fill: #0963d9;
}
button.qa-voted-down-button,
.qa-vote-down-button:hover {
    color: #f83052;
    fill: #f83052;
}
button.qa-vote-up-disabled,
.qa-vote-down-disabled {
    cursor: help;
    color: #e0e0e0;
    fill: #e0e0e0;
}
[data-theme="dark"] .qa-vote-up-disabled,
[data-theme="dark"] .qa-vote-down-disabled {
    color: #616161;
    fill: #616161;
}
button.qa-voted-up-button ~ .qa-vote-down-disabled {
    cursor: context-menu;
}
.qa-template-question .qa-upvote-count,
.qa-template-question .qa-downvote-count,
.qa-template-question .qa-vote-count {
    text-align: center;
    font-size: 1.3rem;
    line-height: normal;
}
.qa-template-question .qa-upvote-count-data,
.qa-template-question .qa-downvote-count-data {
    display: block;
}
.qa-template-question .qa-voting-main-post .qa-vote-count {
    position: relative;
    margin: 4px 0;
}
.qa-template-question .qa-voting-main-post .qa-netvote-count {
    display: inline-block;
    padding: 5px;
}
.qa-vote-buttons ~ .qa-vote-count {
    display: none !important;
}
.qa-q-item-stats .qa-a-count {
    background-color: #3d5bf0;
    color: #ffffff;
    fill: #ffffff;
}
.qa-q-item-stats .qa-a-count-zero {
    background-color: transparent;
    color: inherit;
    fill: inherit;
}
.qa-q-item-stats .qa-a-count-selected,
.qa-related-q-item .qa-a-count-selected {
    background-color: #00ab78;
    color: #ffffff;
    fill: #ffffff;
}
.qa-related-q-item-stats {
    flex-shrink: 0;
    background-color: #f1f3f4;
    width: 30px;
    height: 22px;
    vertical-align: top;
    text-align: center;
    margin-inline-end: 0.4rem;
    border-radius: 3px;
}
[data-theme="dark"] .qa-related-q-item-stats {
    background-color: rgb(0 0 0 / 20%);
}
.qa-q-list-item .item-view-text {
    line-height: 15px;
    vertical-align: middle;
}
.qa-vote-count-updown .qa-svg {
    margin-inline-start: 3px;
}
.qa-upvote-count-pad,
.qa-downvote-count-pad,
.qa-netvote-count-pad,
.qa-template-question .qa-downvote-count-pad,
.qa-template-question .qa-upvote-count-pad {
    position: absolute;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    padding: 1px 8px;
    border-radius: 0.3rem;
    pointer-events: none;
    line-height: 22px;
    -moz-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    white-space: nowrap;
}
.qa-template-question .qa-part-q-view .qa-upvote-count-pad,
.qa-template-question .qa-part-q-view .qa-downvote-count-pad,
.qa-template-question .qa-part-q-view .qa-netvote-count-pad,
.qa-template-question .qa-a-list-item .qa-downvote-count-pad,
.qa-template-question .qa-a-list-item .qa-netvote-count-pad,
.qa-template-question .qa-a-list-item .qa-upvote-count-pad {
    top: 50%;
    right: 120%;
    transform: translateY(-50%);
}
.qa-template-question .qa-part-q-view .qa-upvote-count-pad:after,
.qa-template-question .qa-part-q-view .qa-downvote-count-pad:after,
.qa-template-question .qa-part-q-view .qa-netvote-count-pad:after,
.qa-template-question .qa-a-list-item .qa-downvote-count-pad:after,
.qa-template-question .qa-a-list-item .qa-netvote-count-pad:after,
.qa-template-question .qa-a-list-item .qa-upvote-count-pad:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    border-top: 6px solid transparent;
    border-left: 8px solid rgb(0 0 0 / 90%);
    border-right: 8px solid transparent;
    border-bottom: 6px solid transparent;
}
.qa-upvote-count-pad,
.qa-downvote-count-pad,
.qa-netvote-count-pad,
.qa-a-count-pad,
.qa-q-list-item .qa-view-count-pad {
    font-size: 0.75rem;
    font-weight: initial;
}
.qa-view-count-data {
    text-transform: uppercase;
}
.qa-netvote-count-data .svg-icon,
.qa-a-count-data .svg-icon,
.qa-view-count-data .svg-icon {
    width: 25px;
    height: 18px;
    vertical-align: text-top;
}
.qa-netvote-count-data .svg-icon:before,
.qa-a-count-data .svg-icon:before,
.qa-view-count-data .svg-icon:before {
    content: "";
    display: inline-block;
    width: 8px;
}
.qa-netvote-count-data .svg-icon:after,
.qa-a-count-data .svg-icon:after,
.qa-view-count-data .svg-icon:after {
    content: "";
    display: inline-block;
    width: 8px;
}
.qa-upvote-count,
.qa-downvote-count {
    position: relative;
    display: block;
}
.qa-c-list-item .qa-upvote-count,
.qa-c-list-item .qa-downvote-count {
    display: inline-block;
}
.qa-c-list-item .qa-upvote-count {
    padding-right: 0.8rem;
    margin-right: 0.6rem;
    border-right: 1px solid #e0e0e0;
}
.singleVoteBox .qa-upvote-count:after {
    content: "";
    background-color: #e0e0e0;
    height: 1px;
    width: 50%;
    display: block;
    margin: 0 auto;
}
.singleVoteBox .qa-upvote-count-data,
.singleVoteBox .qa-downvote-count-data {
    margin: 4px 0px;
}
.qa-c-list-item .qa-upvote-count-data,
.qa-c-list-item .qa-downvote-count-data {
    display: block;
    margin-top: 2px;
    font-size: 0.8rem;
    font-weight: initial;
}
.qa-template-question .qa-part-q-view {
    position: relative;
}
.qa-question-stats {
    margin: 0rem 1rem;
    padding-bottom: 1rem;
    font-size: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}
.qa-question-stats .qa-post-when-container {
    display: inline-block;
    float: left;
}
.qa-template-question .qa-view-count {
    margin: 0 1rem;
    float: right;
}
.qa-part-q-view .qa-view-count-data svg.qa-svg {
    margin-left: 3px;
    vertical-align: text-bottom;
}
.qa-template-question .qa-view-count .svg-icon {
    vertical-align: text-bottom;
}
.qa-main-heading .favorite-form {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    align-self: flex-start;
    margin-inline-start: 1rem;
}
.qa-unfavorite-button,
.qa-favorite-button:hover {
    color: #ffc107;
    fill: #ffc107;
}
.qa-favorite-button:after,
.qa-unfavorite-button:after {
    width: 115%;
    height: 115%;
    -ms-transform: scale(0);
    transition: opacity 0.3s, transform 0.5s;
    will-change: transform, opacity;
}
.qa-template-user .qa-favorite-button:after,
.qa-template-user .qa-unfavorite-button:after {
    display: none !important;
}
.qa-favorite-button:after,
.qa-unfavorite-button:focus:after {
    opacity: 0;
    transform: scale(0) translateX(-50%) translateY(-50%);
}
.qa-favorite-button:focus:after,
.qa-unfavorite-button:after {
    background-color: #ffc107;
    opacity: 0.2;
    transform: scale(1) translateX(-50%) translateY(-50%);
}
.qa-template-user .qa-favoriting {
    top: 0;
    font-size: 33px;
    line-height: 33px;
}
.qa-template-user .qa-favorite-button,
.qa-template-user .qa-unfavorite-button,
.qa-template-user .qa-favorite-button:hover:before,
.qa-template-user .qa-favorite-button:focus:before,
.qa-user-button,
.qa-user-button:hover .qa-user-button:focus {
    font-size: inherit;
    color: #444444;
}
.qa-success,
.qa-warning,
.qa-error,
.qa-form-tall-error {
    padding: 1rem 1.5rem 1rem 1rem;
}
.qa-template-admin .qa-part-form .qa-form-tall-error {
    margin-top: 1rem;
}
.qa-success {
    background-color: #d9eefd;
    color: #000000;
    margin-bottom: 1rem;
    border-radius: 8px;
}
.qa-error,
.qa-form-tall-error {
    background-color: #ffe0e0;
    color: #fa3437;
    fill: #fa3437;
    font-weight: bold;
    margin-bottom: 1rem;
    border-radius: 8px;
}
.qa-template-ask .qa-main-wrapper .qa-form-tall-error {
    padding: 0.3rem 1rem;
}
.qa-part-q-view .qa-error,
.qa-part-a-list .qa-error {
    margin-bottom: 1rem;
}
.qa-question-container .qa-question-stats ~ .qa-error {
    margin: 0 1rem 1rem 1rem;
}
.qa-post-c-list .qa-error {
    margin-bottom: 0;
    padding: 0.3rem 0;
    font-size: 0.75rem;
}
.comment-list-wrapper .qa-error {
    padding: 0.3rem 0.6rem;
}
.qa-question-container .qa-question-stats ~ .qa-error,
.qa-question-container .qa-question-stats ~ .qa-form-tall-error,
.qa-a-list .qa-error:first-child,
.qa-a-list .qa-form-tall-error:first-child {
    margin: 0 -1rem;
}
.qa-a-list .qa-error {
    margin: 0 -1rem 1rem -1rem !important;
}
.comment-list-wrapper .qa-error {
    margin: 0 !important;
}
.qa-warning a,
.qa-error a,
.qa-form-tall-error a {
    color: inherit;
    font-weight: bold;
    border-bottom: 1px solid;
}
.qa-error a:hover,
.qa-warning a:hover,
.qa-form-tall-error a:hover {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    border: none;
    margin: -4px;
    padding: 4px;
    text-decoration: none;
}
.qa-error svg.qa-svg {
    color: inherit;
    fill: inherit;
}
.qa-sidepanel {
    display: flex;
    flex-direction: column;
    vertical-align: top;
    width: 45%;
    min-width: 308px;
    max-width: 320px;
    overflow-wrap: anywhere;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.qa-sidepanel img {
    max-width: 100%;
    height: auto;
}
a.rightPanel-ask-button {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 1.6rem;
}
a.rightPanel-ask-button:before {
    content: "\e148";
    font-size: 1.1875rem;
    margin-right: 8px;
    vertical-align: bottom;
    content: "\e94c";
}
.qa-sidebar {
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
}
.card,
.card0,
.card1,
.card2,
.cardblue,
.card3,
.cardshadow,
.card-0,
.card-1,
.card-2,
.card-3 {
    display: block;
    padding: 1.2rem;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 8px;
}
.card {
    border: 1px solid #dadce0;
}
[data-theme="dark"] .card {
    border: 1px solid rgb(255 255 255 / 20%);
}
.card1,
.card-1 {
    background-color: #f8f9fb;
    color: initial;
}
.card2,
.card-2,
.cardblue {
    background-color: #051e34;
    color: #ffffff;
}
[data-theme="dark"] .card2,
.card-2 {
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
}
.card2 a,
.card-2 a,
.cardblue a {
    color: #90c0ff;
    text-decoration: underline;
}
.card2 hr,
[data-theme="dark"] .card2 hr,
.card-2 hr,
[data-theme="dark"] .card-2 hr {
    background-color: rgb(255 255 255 / 20%);
    border-color: rgb(108 108 108 / 20%);
}
.card3,
.card-3,
.cardshadow {
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
}
.qa-sidebar img {
    max-width: 100%;
}
.qa-sidebar hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2b5669;
    padding: 0;
}
.qa-activity-widget {
    position: relative;
}
.qa-activity-widget h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 55px;
    text-align: center;
    height: 55px;
    margin: 0 !important;
}
.qa-activity-count {
    position: relative;
    width: 100%;
    padding-top: 25px;
    margin: 0 auto;
    background-color: #58b4d3;
    background: linear-gradient(#58b4d3, #695fb5);
    color: #ffffff;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.qa-activity-count:after {
    content: "";
    display: block;
    clear: both;
    height: 55px;
}
.qa-activity-count-item {
    padding: 0.5rem 1.5rem;
    width: 50%;
    float: left;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
    text-transform: capitalize;
    z-index: 9;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    border-left: 0;
    transition: color 0.2s ease-in-out;
}
.qa-activity-count-item:nth-child(3),
.qa-activity-count-item:nth-child(4) {
    border-bottom: none;
}
.qa-activity-count-data {
    display: block;
    opacity: 0;
    animation: lazyLoadAppear 0.7s forwards;
    animation-delay: 0.1s;
    font-size: 30px;
    font-family: "Arimo", sans-serif;
    color: #ffffff;
    margin-bottom: 0.2rem;
}
.qa-feed-link {
    font-size: 0.75rem;
    fill: #0963d9;
}
.qa-feed-link svg.qa-svg {
    vertical-align: sub;
}
.ask-new-container {
    position: relative;
    margin: 0 1.5rem;
}
footer {
    color: inherit !important;
    width: initial !important;
}
.the-end-footer {
    margin-top: 3rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    opacity: 0.3;
}
.the-end-footer .svg-icon {
    width: 5rem;
    height: 5rem;
}
.the-end-footer-fill {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000000;
    margin: 0 2rem;
}
[data-theme="dark"] .the-end-footer-fill {
    background-color: #ffffff;
}
[data-theme="dark"] .the-end-footer .svg-icon path {
    fill: #ffffff;
}
.qa-footer-column {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}
.qa-footer-second-column {
    flex-grow: 1;
}
.qa-footer-logo a.qa-logo-link {
    text-decoration: none !important;
}
.qa-footer-logo img {
    max-width: 100%;
}
@media (min-width: 575px) {
    .footer-socials-container {
        width: 90%;
    }
}
.footer-title-container {
    display: block;
}
.footer-title {
    display: block;
    font-size: 0.875rem;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 500;
}
.qa-footer-second-column .footer-title {
    margin-block-end: 0;
    display: inline-block;
    width: 40%;
}
@media (max-width: 575px) {
    .qa-footer-second-column .footer-title {
        margin-block-start: 1em;
    }
    .virtual-footer-title {
        display: none;
    }
}
a.footer-social-icon {
    display: inline-block;
    text-decoration: none !important;
    width: 34px;
    height: 34px;
    line-height: 32px;
    margin: 0 2px;
    text-align: center;
    background-color: #000000;
    border-radius: 30px;
    overflow: hidden;
}
a.footer-social-icon:hover {
    background-color: #424242;
}
a.footer-social-icon .svg-icon {
    width: 1rem;
    height: 1rem;
}
a.footer-social-icon .svg-icon path {
    fill: #ffffff;
}
[data-theme="dark"] a.footer-social-icon {
    background-color: #53575e;
}
[data-theme="dark"] a.footer-social-icon:hover {
    background-color: rgb(95, 99, 104);
}
@media (max-width: 1024px) {
    .qa-footer-column {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    a.footer-social-icon {
        margin: 0 6px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        max-height: 40px;
    }
    a.footer-social-icon .svg-icon {
        width: 1.2rem;
        height: 1.2rem;
    }
}
.qa-footer-bottom-group {
    min-height: 44px;
    margin-top: 4rem;
    padding-top: 1rem;
    padding-bottom: 4rem;
}
@media (min-width: 1300px) {
    .qa-footer-bottom-group {
        margin-left: -3rem;
        margin-right: -2rem;
        background-color: rgb(0 0 0 / 5%);
    }
}
@media (max-width: 900px) {
    .qa-footer-bottom-group {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }
}
.qa-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 2000px;
    padding: 3rem 4rem;
    margin: 0 auto;
    font-size: 0.8125rem;
    overflow: hidden;
}
.qa-footer a {
    color: #114fa1 !important;
}
[data-theme="dark"] .qa-footer a {
    color: #90bfff !important;
}
.qa-footer a,
.qa-footer a:visited {
    text-decoration: underline;
}
.qa-nav-footer-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.qa-nav-footer-list a {
    line-height: 32px;
    width: 90%;
}
.qa-nav-footer-list a,
.qa-nav-footer-list span {
    min-width: 48px;
    letter-spacing: 0.0142857143em;
    display: block;
    width: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 575px) {
    .qa-nav-footer-list a,
    .qa-nav-footer-list span {
        width: initial;
        line-height: 36px;
    }
}
.qa-footer-left {
    float: left;
}
.qa-footer-left p {
    display: inline-block;
}
.qa-footer-right {
    float: right;
    display: inline-block;
    margin-right: 12px;
}
.qa-nav-footer-item {
    display: inline-flex;
    width: 40%;
}
.qa-logReg-bottom-group .qa-nav-footer-item {
    display: inline-flex;
    width: initial;
    margin: 0 0.5rem 1rem 0.5rem;
}
.qa-page-links {
    padding: 12px 0;
    text-align: center;
}
.qa-page-links-label {
    display: none;
}
.qa-page-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.qa-page-links-item {
    text-align: center;
    display: inline;
}
.qa-page-link,
a.qa-page-link,
.qa-page-selected,
.qa-page-prev,
.qa-page-next,
.qa-page-ellipsis {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 30px;
    font-weight: 600;
}
.qa-page-link {
}
.qa-page-selected {
    color: #ffffff;
    background-color: #3d5bf0;
}
a.qa-page-prev,
a.qa-page-next {
    width: auto;
    padding: 0 14px;
}
.qa-page-ellipsis {
    color: #666;
}
.qa-page-link:hover,
.qa-page-prev:hover,
.qa-page-next:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] .qa-page-link:hover,
[data-theme="dark"] .qa-page-prev:hover,
[data-theme="dark"] .qa-page-next:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.qa-part-form {
    padding: 0 1rem;
}
.qa-template-feedback .qa-part-form {
    margin-top: 1rem;
}
.qa-form-tall-table {
    width: 100%;
    border-collapse: separate;
}
.qa-form-tall-table img {
    max-width: 100%;
}
.qa-template-admin .qa-form-tall-table {
    border-collapse: collapse;
}
.qa-form-tall-table tbody#site_url,
.qa-form-tall-table tbody#neat_urls,
.qa-form-tall-table tbody#site_language,
.qa-form-tall-table tbody#site_theme,
.qa-form-tall-table tbody#site_theme_mobile,
.qa-form-tall-table tbody#site_text_direction,
.qa-form-tall-table tbody#tags_or_categories,
.qa-form-tall-table tbody#feedback_email,
.qa-form-tall-table tbody#notify_admin_q_post,
.qa-form-tall-table tbody#feedback_enabled,
.qa-form-wide-table tbody#show_custom_register,
.qa-form-wide-table tbody#custom_register,
.qa-form-wide-table tbody#show_register_terms,
.qa-form-wide-table tbody#register_terms,
.qa-form-wide-table tbody#show_notice_welcome,
.qa-form-wide-table tbody#notice_welcome,
.qa-form-wide-table tbody#show_custom_sidepanel {
    border-bottom: 1px solid #e0e0e0;
}
.qa-form-wide-table tbody#block_bad_usernames tr,
.qa-form-wide-table tbody#block_bad_usernames td,
.qa-form-wide-table tbody#avatar_allow_gravatar tr,
.qa-form-wide-table tbody#avatar_allow_gravatar td,
.qa-form-wide-table tbody#profile_fields tr,
.qa-form-wide-table tbody#profile_fields td,
.qa-form-wide-table tbody#block_bad_words tr,
.qa-form-wide-table tbody#block_bad_words td {
    border: none;
    padding: 0;
}
.qa-template-admin .qa-form-wide-table tr:nth-last-child(2),
.qa-form-wide-table tbody tr#max_rate_ip_votes,
.qa-form-wide-table tbody tr#max_rate_ip_flags,
.qa-form-wide-table tbody tr#max_rate_ip_uploads,
.qa-form-wide-table tbody tr#max_rate_ip_messages {
    border: none !important;
}
.qa-template-admin .qa-form-tall-table tbody select {
    margin: 0.2rem 0;
}
.qa-form-tall-ok,
.qa-form-wide-ok {
    position: fixed;
    top: initial;
    right: 25px;
    bottom: 25px;
    z-index: 99999999;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
    max-width: 520px;
    padding: 10px 40px 10px 25px;
    padding: 0.7rem 2rem;
    text-align: left;
    background-color: #424242;
    font-family: inherit;
    font-weight: 400;
    color: #ffffff;
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
    will-change: opacity, transform;
    animation: savedDisappear 0.6s forwards 5s;
}
@media (min-width: 575px) {
    [data-theme="dark"] .qa-form-tall-ok,
    [data-theme="dark"] .qa-form-wide-ok {
        background-color: #000000;
    }
}
.appear {
    animation: appear 0.6s forwards;
}
@keyframes appear {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@keyframes disappear {
    from {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
@keyframes savedAppear {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: auto;
        transform: translateX(200%) translateZ(0);
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: none;
        transform: translateX(0%) translateZ(0);
    }
}
@keyframes savedDisappear {
    from {
        opacity: 1;
        visibility: hidden;
        pointer-events: auto;
        transform: translateX(0%) translateZ(0);
    }
    to {
        opacity: 0;
        visibility: visible;
        pointer-events: none;
        transform: translateX(200%) translateZ(0);
    }
}
.fadingSheet {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    animation: disappear 0.5s forwards;
    animation-delay: 0.2s;
}
[data-theme="dark"] .fadingSheet {
    background-color: #36393f;
}
.preload .fadingSheet {
    animation: none;
}
@keyframes lineFill {
    0% {
        opacity: 0;
        width: 1%;
    }
    99% {
        width: 82%;
        opacity: 1;
    }
    100% {
        width: 82%;
        opacity: 0;
    }
}
.qa-template-admin .qa-q-item-stats {
    display: none;
}
.qa-template-admin .qa-q-item-main,
.qa-template-admin .select-all-title,
.qa-template-admin .message-container {
    width: 100%;
}
.qa-user-container > span {
    display: block;
}
.qa-form-tall-label {
    font-size: 0.8125rem;
}
.input-ctwrapper {
    margin-top: 1rem;
    display: table;
    width: 100%;
}
tbody#feedback_email,
tbody#smtp_address,
tbody#smtp_username,
tbody#smtp_password {
    margin-top: 0;
}
.gdev-input-group {
    position: relative;
}
.gdev-input-label {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(0.3rem) translateY(-165%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: transform 0.15s ease, font-size 0.15s ease;
    backface-visibility: hidden;
    background-color: #ffffff;
    margin: 0 0.6rem;
    padding: 0 0.3rem;
    pointer-events: none;
    font-size: 0.8125rem;
    opacity: 1;
}
.input-filled > .gdev-input-label {
    transform: translateX(0.3rem) translateY(-165%) translateZ(0) !important;
    font-size: 0.8125rem !important;
    opacity: 1 !important;
}
[data-theme="dark"] .gdev-input-label,
[data-theme="dark"] .bottom-bar-login-container .gdev-input-label {
    background-color: #36393f;
}
.gdev-input[value=""]:empty ~ .gdev-input-label {
    transform: translateY(-50%) translateZ(0);
    font-size: inherit;
    opacity: 0.5;
}
tbody#email_privacy .gdev-input-group {
    margin-top: 1rem;
}
html:not([data-theme="dark"]) .theme-options code {
    background-color: #c9d2df;
}
.theme-options-header .flex-item {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    width: 25%;
    padding: 1rem 2rem;
    cursor: pointer;
    background-color: rgb(0 0 0 / 20%);
}
[data-theme="dark"] .theme-options-header .flex-item {
    background-color: rgb(0 0 0 / 40%);
}
.theme-opt-group {
    background-color: rgb(0 0 0 / 20%);
    padding: 2rem 3rem 3rem 3rem;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}
@media (max-width: 575px) {
    .theme-options-header .flex-item {
        padding: 0.3rem 0.8rem;
    }
    .theme-opt-group {
        padding: 0.5rem 1rem 1rem 1rem;
    }
}
.theme-options-header .flex-item.active,
.theme-opt-group {
    background-color: #f2f2f2;
}
[data-theme="dark"] .theme-options-header .flex-item.active,
[data-theme="dark"] .theme-opt-group {
    background-color: #2b2e32;
}
.theme-options-chunk {
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid rgb(0 0 0 / 20%);
}
[data-theme="dark"] .theme-opt-group,
[data-theme="dark"] .theme-options-chunk {
    border-color: rgb(255 255 255 / 20%);
}
.theme-options .gdev-input-group {
    margin-bottom: 1rem;
}
.theme-options .gdev-input-group ~ .qa-form-tall-note {
    margin-top: -0.5rem;
}
.theme-options-chunk,
.theme-options .gdev-input-group,
.theme-options input.gdev-input,
.theme-options .gdev-input-label {
    background-color: inherit;
}
.input-label {
    font-size: 0.8125rem;
}
.theme-options textarea {
    background-color: rgb(0 0 0 / 10%);
}
[data-theme="dark"] .theme-options textarea,
[data-theme="dark"] .theme-options textarea:focus {
    background-color: #1e1f22;
}
.theme-options textarea,
.theme-options textarea:focus {
    padding: 0.4rem 0.4rem;
}
#opt-desc-remain {
    color: #fa3437;
}
.theme-options .qa-form-tall-spacer {
    margin-bottom: 2rem;
}
.save-theme-options {
    margin-top: 1rem;
}
.test-button {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    height: 27px;
    line-height: 26px;
    border-radius: 18px;
    background-color: #0963d9;
    color: #ffffff;
    cursor: pointer;
}
.test-button-dark {
    background-color: #0963d9;
    color: #ffffff;
}
.test-button-light:hover:before,
.test-button-dark:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 18px;
}
.test-button-light:hover:before {
    background-color: rgb(0 0 0 / 10%);
}
.test-button-dark:hover:before {
    background-color: rgb(255 255 255 / 10%);
}
.test-button.lightBtnHover:hover:before {
    background-color: rgb(0 0 0 / 10%);
}
.test-button.darkBtnHover:hover:before {
    background-color: rgb(255 255 255 / 10%);
}
.qa-js-beautify {
    cursor: pointer;
}
.bottom-bar-login-container {
    position: relative;
    z-index: 3;
    height: 100vh;
    overflow: auto;
}
.bottom-bar-login {
    position: relative;
    z-index: 2;
    padding: 6rem 3rem;
    max-width: 375px;
    opacity: 0;
}
.mobile-login-container.opened .bottom-bar-login {
    animation: appear 0.6s forwards 5s;
    animation-delay: 2.8s;
}
.bottom-bar-login .qa-logo {
    transform: scale(1) !important;
}
.bottom-bar-login input#email {
    width: 100%;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}
.bottom-bar-login input {
    padding: 1rem 0.6rem 0.6rem 0.6rem;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}
.bottom-bar-login button {
    margin-bottom: 0;
}
.bb-login-section {
    margin-top: 1rem;
}
.bb-login-section .flex-item:nth-of-type(1) {
    flex-grow: 1;
}
.bb-login-section.bb-login-forgot {
    margin-top: 0;
}
.bottom-bar-login .flex-item-end {
    margin-inline-start: auto;
}
.bottom-bar-login input:focus {
    -moz-box-shadow: inset 0 -1px 0 0px #0963d9 !important;
    -webkit-box-shadow: inset 0 -1px 0 0px #0963d9 !important;
    box-shadow: inset 0 -1px 0 0px #0963d9 !important;
}
.bottom-bar-login .gdev-input-group {
    margin-top: 1.5rem;
}
.bottom-bar-login .input-filled > .gdev-input-label {
    transform: translateX(-1rem) translateY(-145%) translateZ(0) !important;
}
.qa-template-login .input-filled > .gdev-input-label,
.qa-template-register .input-filled > .gdev-input-label,
.qa-template-forgot .input-filled > .gdev-input-label {
    transform: translateX(-1rem) translateY(-145%) translateZ(0) !important;
}
.qa-template-login input[type="text"],
.qa-template-login input[type="password"],
.qa-template-register input[type="text"],
.qa-template-register input[type="password"],
.qa-template-register input#email,
.qa-template-forgot input[type="text"] {
    padding: 1rem 0.6rem 0.6rem 0.6rem;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
}
.qa-template-question .qa-form-tall-data {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    display: block;
}
.qa-template-admin .qa-form-tall-label {
    padding-top: 0;
}
.qa-form-tall-data {
    padding-bottom: 1rem;
}
.qa-template-question .qa-form-tall-data,
.qa-template-ask .qa-form-tall-data {
}
.qa-form-tall-text,
.qa-form-tall-number {
    padding: 3px;
}
.qa-form-tall-text,
.qa-template-register input#email {
    color: #525252;
    width: 100%;
    font-size: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
}
.qa-form-tall-text {
    padding: 0.4rem 0.4rem;
}
.qa-form-tall-number,
.qa-template-admin .badge-listing input[type="text"] {
    width: 48px;
    padding: 0.5rem 0.5rem !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
}
.qa-template-admin .badge-listing input[type="text"] {
    margin: 0 0.5rem;
}
.qa-ask-similar {
    background-color: #e1f5fe;
    background-color: #ffe0b2;
    padding: 1rem 1.5rem 1rem 1rem;
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 8px;
}
[data-theme="dark"] .qa-ask-similar {
    background-color: rgb(255 224 178 / 7%);
}
.qa-template-admin tr:not(.input-ctlabel) .qa-form-tall-label {
    padding: 0.4rem 0;
}
.qa-form-tall-image {
    text-align: center;
}
.qa-form-tall-suffix {
    font-weight: 400;
    font-size: 0.75rem;
}
#version_check_site_theme,
#version_check_site_theme_mobile {
    color: #f44336;
}
.qa-form-tall-note {
    color: rgb(95, 99, 104);
    font-size: 0.8125rem;
}
body:not(.qa-template-admin) .qa-form-tall-note {
    margin-top: 6px;
}
.qa-form-table-boxed .gdev-input-group ~ .qa-form-tall-note {
    margin-top: 6px;
}
[data-theme="dark"] .qa-form-tall-note {
    color: rgb(163 167 171);
}
.qa-logReg-container .qa-form-tall-note {
    margin-top: 1rem;
}
.qa-template-ask #tags ~ .qa-form-tall-note {
    margin-top: 0;
}
div#category_note:not(:empty) {
    background-color: #d9eefd;
    color: #000000;
    padding: 0.3rem 0.6rem;
    margin-bottom: 1rem;
    border-radius: 6px;
}
.qa-template-ask #tags ~ .qa-form-tall-note #tag_hints .qa-tag-link {
    margin-top: 0.3rem;
}
#tag_hints a {
    color: #444444;
}
body:not(.qa-template-admin) .qa-form-tall-buttons {
    text-align: end;
}
.qa-form--button-save {
    order: 14;
}
body:not(.qa-template-admin):not(.qa-template-login):not(.qa-template-register):not(.qa-template-forgot):not(.qa-template-user):not(.qa-template-user-wall):not(.qa-template-message):not(.qa-template-account) .qa-form-tall-buttons {
    padding: 2rem 0;
}
@media (min-width: 1300px) {
    .qa-template-admin .qa-form-tall-buttons,
    .qa-template-admin .qa-form-wide-buttons {
        border: 1px solid #e0e0e0;
        border-radius: 12px;
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 1;
        transform: translateZ(0);
        -webkit-overflow-scrolling: touch;
        background-color: #ffffff;
        padding: 1rem;
        -moz-box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
        box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    }
    .qa-template-admin .qa-part-form-2 .qa-form-wide-buttons {
        position: initial;
        box-shadow: none !important;
        background-color: initial !important;
        border: none;
    }
    [data-theme="dark"] .qa-template-admin .qa-form-tall-buttons,
    [data-theme="dark"] .qa-template-admin .qa-form-wide-buttons {
        background-color: #44484e;
        border-color: #2d3034;
        -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 24px 2px, rgba(0, 0, 0, 0.22) 0px 6px 30px 5px, rgba(0, 0, 0, 0.3) 0px 8px 10px -5px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 24px 2px, rgba(0, 0, 0, 0.22) 0px 6px 30px 5px, rgba(0, 0, 0, 0.3) 0px 8px 10px -5px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 16px 24px 2px, rgba(0, 0, 0, 0.22) 0px 6px 30px 5px, rgba(0, 0, 0, 0.3) 0px 8px 10px -5px;
    }
    .qa-part-form-plugin-options .qa-form-tall-buttons {
        position: initial !important;
        border: none !important;
        box-shadow: none !important;
        text-align: initial;
    }
    .qa-part-form-plugin-options .qa-form-tall-button[name="badge_save_settings"] {
        margin-top: 1rem;
    }
    .qa-template-admin .qa-form-tall-buttons .qa-form-tall-button,
    .qa-template-admin .qa-form-wide-buttons .qa-form-tall-button {
        margin-bottom: 4px;
    }
    .qa-template-admin .qa-form-tall-ok,
    .qa-template-admin .qa-form-wide-ok {
        bottom: 5rem;
    }
}
.qa-form--button,
.qa-form-tall-table input[type="button"],
.qa-form-basic-button {
    position: relative;
    display: inline-flex;
    flex: 1;
    flex-basis: 1e-9px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    min-width: 0;
    outline-width: 0;
    height: 36px;
    line-height: 36px;
    background: none;
    background-color: transparent;
    margin: 0 0 4px 0;
    color: inherit;
    text-decoration: none;
    text-transform: none;
    font-family: "Roboto", "Arial", sans-serif;
    font-weight: 500;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 18px;
    cursor: pointer;
}
@media (min-width: 900px) {
    .qa-form--button,
    .qa-form-tall-table input[type="button"],
    .qa-form-basic-button {
        font-size: 0.8865rem;
    }
}
[data-theme="dark"] .qa-form--button,
[data-theme="dark"] .qa-form-tall-table input[type="button"],
[data-theme="dark"] .qa-form-basic-button {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.4) !important;
}
.qa-form--button:hover,
.qa-form-tall-table input[type="button"]:hover,
.qa-form-basic-button:hover {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: transparent !important;
}
[data-theme="dark"] .qa-form--button:hover,
[data-theme="dark"] .qa-form-tall-table input[type="button"]:hover,
[data-theme="dark"] .qa-form-basic-button:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.qa-button-text {
    position: relative;
    pointer-events: none;
}
.primaryBtn:hover:before,
.qa-form--button[name*="save"]:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 18px;
}
.qa-template-admin .qa-form--button {
    margin-bottom: 1rem;
}
.qa-form-wide-table {
    border-collapse: collapse;
    width: 100%;
}
.qa-form-wide-table tr {
    border-bottom: 1px solid #f5f5f5;
}
.qa-form-wide-table tr:last-child {
    border-bottom: none;
}
.qa-form-wide-label {
    white-space: nowrap;
    padding: 0.6rem 0.3rem;
    font-weight: bold;
    display: block;
    position: relative;
}
#permits .qa-form-wide-label {
    display: inline-block;
}
.qa-template-account .qa-form-wide-label {
    display: table-cell;
    white-space: initial;
    line-height: normal;
}
.qa-form-wide-data {
    padding: 0.6rem 0.3rem;
}
.qa-form-wide-text,
.qa-form-wide-number {
    padding: 3px;
}
.qa-form-wide-text {
    width: 320px;
    border: 1px solid #ccc;
}
.qa-template-user .cc-user-content-wrapper .qa-form-wide-text {
    width: 100%;
}
.qa-form-wide-data input:not([type="checkbox"]):not(.qa-form-wide-number):not(.qa-form-wide-radio) {
    border: 1px solid #9e9e9e;
    border-radius: 6px;
}
.qa-checkbox-container > input[type="checkbox"] {
    padding: 0;
}
.qa-form-wide-number {
    width: 48px;
    background: #f2f2f4;
    border: none;
    vertical-align: middle;
}
.qa-form-wide-text,
.qa-form-wide-number,
.qa-form-wide-number[type="text"],
input[type="number"] {
    padding: 6px;
}
textarea.qa-form-wide-text {
    padding: 0.4rem 0.8rem;
}
.qa-form-wide-error {
    display: inline-block;
    color: #c00;
    font-size: 0.75rem;
    margin-left: 6px;
}
.qa-form-wide-note {
    font-size: 0.75rem;
    margin-left: 4px;
    color: #666;
}
.qa-form-wide-buttons {
    padding: 8px;
    text-align: end;
}
.qa-template-user .qa-form-wide-buttons {
    text-align: start;
}
.qa-form-wide-prefix {
    font-size: 0.75rem;
}
.qa-form-tall-help,
.qa-form-wide-help {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    border-radius: 18px;
    background-color: #ffe0b2;
    font-size: 0.6875rem;
    line-height: 19px;
    text-align: center;
    cursor: help;
}
.qa-form-wide-spacer,
.qa-form-tall-spacer {
    background-color: #f0f2f4;
    background-position: 0 center;
    height: 15px;
    padding: 12px 0;
}
.qa-form-tall-data .qa-checkbox-container,
.qa-form-wide-data .qa-checkbox-container {
    display: block;
}
.qa-form-wide-data .qa-checkbox-container {
    display: inline-block;
}
.qa-template-account .qa-checkbox-container.qa-input-radio {
    display: block;
    margin-bottom: 0.5rem;
}
.qa-template-account .qa-form-wide-table tr:nth-child(7) .qa-avatar-image {
    margin-right: 8px;
}
.qa-checkbox-wrapper {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    padding: 0;
}
.qa-template-account .qa-checkbox-wrapper {
    margin: 0;
}
.qa-checkbox-wrapper > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: -1;
    transform: scale(1) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.5s, transform 0.5s;
    will-change: opacity, transform;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.42);
    outline: none;
    opacity: 0;
    pointer-events: none;
}
[data-theme="dark"] .qa-checkbox-wrapper > input {
    background-color: rgb(255 255 255 / 42%);
}
.qa-checkbox-wrapper > input:checked {
    background-color: #0963d9;
}
.qa-checkbox-wrapper:active > input,
label:active input {
    opacity: 1;
    transform: scale(0) translateZ(0);
    transition: opacity 0s, transform 0s;
    will-change: opacity, transform;
}
.qa-checkbox-wrapper > input:disabled {
    opacity: 0;
}
.qa-checkbox-wrapper .checkSpan {
    display: inline-block;
    position: relative;
    margin-right: 8px;
}
.qa-checkbox-wrapper > input:disabled + .checkSpan {
    cursor: initial;
}
.qa-checkbox-wrapper > .checkSpan::before {
    content: "";
    display: inline-block;
    border: solid 2px;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    vertical-align: -4px;
    transition: border-color 0.5s, background-color 0.5s;
}
.qa-checkbox-wrapper > input:checked + .checkSpan::before {
    border-color: transparent;
    background-color: #0963d9;
}
.qa-checkbox-wrapper > input:active + .checkSpan::before {
    border-color: #0963d9;
}
.qa-checkbox-wrapper > input:checked:active + .checkSpan::before {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.42);
}
.qa-checkbox-wrapper > input:disabled + .checkSpan::before {
    border-color: rgba(0, 0, 0, 0.26);
}
.qa-checkbox-wrapper > input:checked:disabled + .checkSpan::before {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.26);
}
[data-theme="dark"] .qa-checkbox-wrapper > input:checked:disabled + .checkSpan::before {
    background-color: rgb(255 255 255 / 26%);
}
.qa-checkbox-wrapper > .checkSpan::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: translate(6px, 4px) rotate(45deg) translateZ(0);
    transform: translate(6px, 4px) rotate(45deg) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 4px;
    height: 8px;
    border: solid 2px transparent;
    border-left: none;
    border-top: none;
    pointer-events: none;
}
.qa-checkbox-wrapper > input:checked + .checkSpan::after {
    border-color: #ffffff;
}
[data-theme="dark"] .qa-checkbox-wrapper > input:checked + .checkSpan::after {
    border-color: #0f0f0f;
}
.qa-input-radio > .checkSpan::before {
    border-radius: 30px;
}
.qa-input-radio > .checkSpan::after {
    top: 50%;
    left: 2px;
    width: 9px;
    height: 9px;
    transform: translateY(-50%) translateZ(0);
    border: solid 3px transparent;
    border-radius: 30px;
}
.qa-form-light-button {
    display: inline-block;
    background: none;
    padding: 0.4rem 0.7rem;
    margin-bottom: 4px;
    text-align: inherit;
    border: 0;
    cursor: pointer;
    border-radius: 30px;
    color: #000000;
    vertical-align: text-top;
    line-height: 1;
    text-transform: capitalize;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qa-form-light-button:hover {
    background-color: rgb(0 0 0 / 10%);
}
html:not([data-theme="dark"]) .qa-q-view-buttons .qa-form-light-button,
html:not([data-theme="dark"]) body:not(.qa-template-messages):not(.qa-template-user-wall):not(.qa-template-admin) .qa-a-item-buttons .qa-form-light-button,
html:not([data-theme="dark"]) .qa-trigger-comments {
    background-color: #eee;
    color: #000000;
    font-weight: 500;
}
html:not([data-theme="dark"]) .qa-q-view-buttons .qa-form-light-button:hover,
html:not([data-theme="dark"]) .qa-a-item-buttons .qa-form-light-button:hover {
    background-color: #e0e0e0 !important;
}
.qa-form-light-button svg.qa-svg,
.qa-form-light-button .qa-button-text {
    pointer-events: none;
    width: 18px;
    height: 18px;
}
.qa-form-light-button .qa-button-text {
    margin-left: 0.2rem;
}
button.qa-form-light-button.trigger-more-buttons {
    padding: 0.4rem 0.4rem;
}
.trigger-more-buttons .qa-button-text {
    display: none;
}
.more-buttons-container {
    display: inline;
}
.legacy-share-this {
    white-space: nowrap;
}
.qa-c-form .legacy-share-this {
    display: none;
}
@media (max-width: 395px) {
    .qa-q-view .legacy-share-this {
        padding: 0.4rem;
    }
    .loggedIn .qa-q-view:not(.qa-q-closed) .qa-q-view-main > form .legacy-share-this .qa-button-text {
        display: none;
    }
}
.more-buttons-container a.qa-form-light-button {
    color: inherit;
}
.more-buttons-container a.qa-form-light-button .qa-button-text {
    margin: 0;
}
.qa-form-basic-button {
    vertical-align: middle;
    margin: 4px 4px 8px 0;
}
.qa-part-q-list,
.qa-template-question .qa-main-wrapper {
    opacity: 0;
    animation: lazyLoadAppear 0.7s forwards;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}
.qa-q-list-item,
.select-all-header {
    display: table;
    width: 100%;
    padding: 1rem;
    position: relative;
}
.qa-template-admin .qa-q-list-item:hover,
.qa-template-admin .qa-message-item:hover {
    background-color: rgb(0 0 0 / 2%);
}
[data-theme="dark"] .qa-template-admin .qa-q-list-item:hover,
[data-theme="dark"] .qa-template-admin .qa-message-item:hover {
    background-color: rgb(0 0 0 / 10%);
}
.qa-template-admin .qa-q-list-item:hover {
    border-radius: 12px;
}
.qa-widget-main .qa-q-list-item:nth-last-child(2) {
    border-bottom: none;
}
.qa-template-ip .qa-q-list-item {
    min-height: 100px;
}
.qa-q-item-main,
.select-all-title {
    display: table-cell;
    vertical-align: top;
    padding-left: 1rem;
    position: relative;
    width: 100%;
}
.message-container {
    width: calc(100% - 30px - 2rem);
}
.qa-q-item-title {
    font-size: 1rem;
}
.qa-q-item-title a {
    font-size: 1.125rem;
    color: inherit;
    transition: color 0.3s ease;
}
.qa-closed-tag-text {
    background-color: #ffe0b2;
    padding: 3px 6px;
    border-radius: 3px;
    display: inline;
    font-size: 14px;
}
[data-theme="dark"] .qa-closed-tag-text {
    background-color: rgb(255 255 255 / 15%);
}
.qa-q-item-title a:visited:hover {
    color: #673ab7;
}
.qa-template-question .qa-closed-tag-container {
    display: none;
}
.qa-closed-tag {
    background-color: #ffe0b2;
    padding: 6px;
    border-radius: 3px;
    display: inline-block;
    font-size: 85%;
    line-height: initial;
}
.qa-q-item-content {
    color: rgb(95, 99, 104);
    font-size: 0.8125rem;
    max-height: 52px;
    overflow: hidden;
    padding: 4px 0;
    overflow-wrap: anywhere;
    display: -webkit-box;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.qa-user-container {
    display: block;
    position: relative;
}
.qa-template-user-questions .qa-q-item-avatar-meta .noUserAvatar,
.qa-template-user-answers .qa-q-item-avatar-meta .noUserAvatar {
    display: none;
}
.qa-template-user-questions .qa-q-item-main,
.qa-template-user-answers .qa-q-item-main {
    padding-left: 1rem;
}
.noUserAvatar.qa-q-item-avatar {
    cursor: context-menu;
}
.avatarNotRegistered {
    color: #bdbdbd;
    fill: #bdbdbd;
}
.qa-m-item-header {
    position: relative;
}
.qa-m-item-header {
    padding-right: 2rem;
}
.qa-message-content {
    width: calc(100% - 40px);
}
.qa-message-item .qa-user-container {
    display: block;
}
.qa-m-item-header .qa-post-when-container,
.qa-m-item-header ~ .qa-message-content {
    position: relative;
    z-index: 1;
}
.qa-message-item .q-avatar-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 1rem;
    font-size: 1.875rem;
    line-height: 1.875rem;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    -webkit-overflow-scrolling: touch;
}
.qa-message-item .noUserAvatar {
    width: inherit;
    height: inherit;
}
.qa-message-item .qa-svg {
    width: inherit;
    height: inherit;
}
.qa-item-favorited-user .qa-q-item-avatar,
.qa-item-favorited-user .qa-q-view-avatar,
.qa-item-favorited-user .qa-a-item-avatar {
    -moz-box-shadow: 0px 0px 1px 2px #ffc107;
    -webkit-box-shadow: 0px 0px 1px 2px #ffc107;
    box-shadow: 0px 0px 1px 2px #ffc107;
}
.qa-q-item-avatar img.qa-avatar-image,
.qa-q-view-who img.qa-avatar-image,
.qa-a-item-avatar img.qa-avatar-image,
.qa-top-users-avatar img.qa-avatar-image {
    border-radius: 50%;
    overflow: hidden;
}
.qa-q-item-meta,
.qa-q-list-item .qa-post-when-container,
.badges-q-list {
    vertical-align: middle;
    font-size: 0.75rem;
    line-height: 18px;
}
.qa-q-item-who-points-pad {
    display: none;
}
.qa-q-list-item .qa-q-item-who-pad {
    position: absolute;
    top: -18px;
    right: 90%;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.qa-q-list-item .qa-q-item-who-pad:after {
    content: "";
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    border-top: 8px solid rgb(0 0 0 / 90%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid transparent;
}
.q-avatar-wrapper:hover ~ .q-user-info-wrapper .qa-q-item-who-pad {
    opacity: 1;
    visibility: visible;
}
.qa-q-list-item .qa-q-item-who-pad .badge-medals-widget {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 130%;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    font-size: 0.75rem;
    padding: 0.3rem 1rem;
    border-radius: 0.3rem;
    line-height: 22px;
}
.qa-user-container .qa-q-item-meta .q-item-view {
    display: none;
}
.qa-q-list-item .pbContainer,
.qa-message-item .pbContainer {
    display: inline-block;
    white-space: nowrap;
}
.qa-template-question .qa-a-list-item .qa-what-when-container {
    color: rgb(95, 99, 104);
}
[data-theme="dark"] .qa-template-question .qa-view-count,
[data-theme="dark"] .qa-template-question .qa-what-when-container,
[data-theme="dark"] .qa-template-question .qa-c-item-metadata,
[data-theme="dark"] .qa-c-item-edited {
    color: inherit;
}
.qa-template-question .qa-what-when-container:before {
    font-size: 1rem;
    line-height: normal;
}
.qa-template-question .qa-post-when-container {
    font-size: 0.75rem;
    margin-top: 0.5rem;
}
.qa-template-question .qa-a-list-item .qa-post-when-container {
    margin-bottom: 0.5rem;
}
.qa-template-blogs .qa-post-when-container .qa-post-item-displayName {
    display: none;
}
a.qa-q-view-what {
    color: inherit;
}
a.qa-q-view-what:hover {
    text-decoration: underline;
}
.qa-q-view-where .qa-category-link {
    border-radius: 30px;
}
.qa-template-blogs .qa-what-when-container ~ .ct-who2 {
    position: absolute;
    right: 15px;
    bottom: 5px;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    transition: max-width 0.3s ease-out, padding 0.3s ease-out;
    padding: 4px 10px;
    margin: 0;
    max-width: 25px;
    overflow: hidden;
    border-radius: 40px;
}
.ct-who2.opened,
.qa-template-blogs .qa-what-when-container ~ .ct-who2.opened {
    max-width: 100vw;
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    padding-right: 2rem;
}
.ct-who2 .qa-q-item-what,
.ct-who2 .qa-q-item-when,
.ct-who2 .qa-q-item-who {
    display: inline-block !important;
}
.qa-template-blogs .qa-what-when-container ~ .ct-who2:before {
    content: "\e88e";
    background-color: #ffe0b2;
    width: 20px;
    height: 20px;
    padding: 7px 8px;
    top: -2px;
    left: -5px;
    cursor: pointer;
}
.ct-who2.opened:before,
.qa-template-blogs .qa-what-when-container ~ .ct-who2.opened:before {
    display: none;
}
.qa-post-item-displayName .qa-q-item-who-data {
    display: none;
}
.qa-template-blogs .qa-post-item-displayName .qa-q-item-who-data {
    display: initial;
}
.pbContainer .pbContainer-user,
.pbContainer .qa-who-suffix-container {
    display: inline-block;
}
.qa-post-view .pbContainer .qa-q-view-who-pad,
.qa-post-view .pbContainer .qa-a-item-who-pad {
    display: inline-block;
    margin-top: 2px;
    border-radius: 3px;
}
.badge-medals-widget .badge-silver-medal {
    color: #ababab;
}
.qa-c-list-item .badges-q-list {
    display: none;
}
.qa-template-question .qa-user-container {
    background-color: #eee;
    border-radius: 8px;
    padding: 0.8rem;
    float: right;
    position: relative;
    min-width: 192px;
}
body:not(.qa-template-question) .qa-user-container .q-user-info-wrapper {
    padding: 0px 6px;
}
.qa-template-question .ct-who1 .pbContainer {
    padding: 0px 6px;
}
.qa-template-favorites .q-user-info-wrapper {
    width: 72%;
}
.qa-q-item-avatar-meta .q-user-info-wrapper {
    display: block;
}
.ct-who2 {
    display: inline-block;
    font-size: 0.75rem;
    line-height: normal;
    background-color: #e1f5fe;
    color: initial;
    position: relative;
    padding: 2px 6px;
    border-radius: 10px;
    white-space: nowrap;
}
body:not(.qa-template-question) .ct-who2 {
    margin-top: 2px;
}
.qa-message-item .pbContainer {
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    padding: 12px 30px 6px 55px;
    position: absolute;
    left: -1rem;
    top: -8px;
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.15s ease-out;
    will-change: opacity, visibility;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    min-height: 72px;
    min-width: 220px;
    border-radius: 6px;
}
.qa-message-item .pbContainer-user .qa-message-who-pad:first-child {
    display: none;
}
.qa-message-avatar:hover ~ .qa-message-meta .pbContainer {
    animation: visibleAppear 0.2s forwards;
    animation-delay: 0.8s;
}
.qa-message-avatar-meta .badges-q-list {
    display: none;
}
.qa-template-user .qa-part-message-list .pbContainer {
    display: none;
}
.qa-template-user .qa-part-message-list .qa-message-list::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    margin: 1rem 0;
}
.qa-template-user .qa-part-message-list .qa-message-list::-webkit-scrollbar {
    width: 10px;
}
.qa-template-user .qa-part-message-list .qa-message-list::-webkit-scrollbar-thumb {
    background: #dad7d7;
}
.qa-message-meta .pbContainer > .qa-message-who-pad:first-child {
    display: none;
}
.qa-message-item .pbContainer:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.qa-message-avatar:hover ~ .qa-message-meta .pbContainer {
    animation: visibleAppear 0.2s forwards;
    animation-delay: 0.8s;
}
.tooltip {
    position: relative;
    font-size: 0.75rem;
    line-height: normal;
}
.q-accept-rate-container .tooltip {
    display: block;
}
.tooltip-text {
    position: absolute;
    left: 50%;
    bottom: 220%;
    z-index: 3;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    pointer-events: none;
    -moz-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
    white-space: nowrap;
    max-height: 350px;
    opacity: 0;
    pointer-events: none;
}
.tooltip:hover .tooltip-text,
.tooltip-trigger:hover ~ .tooltip-text {
    animation: tooltipAppear 0.2s forwards;
    animation-delay: 0.5s;
}
.tooltip-text:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    z-index: 1000;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    border-top: 12px solid rgb(0 0 0 / 90%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid transparent;
}
.tooltip-text span {
    display: block;
}
@keyframes visibleAppear {
    from {
        opacity: 0;
        visibility: hidden;
        pointer-events: auto;
    }
    to {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@keyframes tooltipAppear {
    from {
        opacity: 0;
        visibility: hidden;
    }
    to {
        opacity: 1;
        visibility: visible;
    }
}
.pbContainer .qa-q-item-who-title {
    display: none;
}
.qa-q-list-item .pbContainer .qa-q-item-who-points,
.qa-message-item .pbContainer .qa-q-item-who-points {
    white-space: nowrap;
    display: inline-block;
}
.qa-q-item-meta .pbContainer-user .qa-q-item-who-pad:first-child,
.qa-q-view-meta .pbContainer-user .qa-q-view-who-pad:first-child,
.qa-a-item-meta .pbContainer-user .qa-a-item-who-pad:first-child {
    display: none;
}
.qa-q-item-who-title,
.qa-q-view-who-title,
.qa-a-item-who-title,
.qa-c-item-who-title {
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #424242;
    color: #ffffff;
    cursor: default;
}
.qa-c-item-who-title {
    font-size: 0.75rem;
}
a.qa-q-item-what {
}
a.qa-q-item-what:hover {
    text-decoration: underline;
}
.qa-q-item-flags {
    color: #f83052;
    fill: #f83052;
    font-size: 0.75rem;
}
.qa-template-admin .qa-q-item-flags {
    display: none;
}
.qa-user-container {
    margin-top: 6px;
    width: 37%;
    float: right;
}
.qa-list-category .qa-list-where-where-pad {
    display: none;
}
.qa-q-item-where-data a:before,
.qa-q-view-where-data a:before {
    content: "\1F4C2";
    padding-right: 3px;
    vertical-align: middle;
    line-height: 13px;
}
.qa-q-item-tags {
    margin-top: 0.5rem;
    width: 60%;
    float: left;
}
.qa-q-item-tag-list,
.qa-q-view-tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 11px;
}
.qa-q-item-tag-item,
.qa-q-view-tag-item {
    display: inline;
    vertical-align: top;
}
@media (max-width: 575px) {
    .qa-q-item-tag-item {
        line-height: 28px;
    }
}
.more-tags-container {
    display: none;
}
.show-more-tags {
    display: inline-block;
    background-color: #e0e0e0;
    vertical-align: middle;
    text-align: center;
    width: 27px;
    height: 27px;
    font-size: 18px;
    line-height: 27px;
    margin: 0 4px;
    border-radius: 30px;
    cursor: pointer;
}
.q-tags-has-favorite:not(.q-tags-expanded) .show-more-tags {
    color: #f9bd09 !important;
}
.show-more-tags .tags-showmore-btn {
    display: inline-flex;
}
.show-more-tags .tags-showless-btn {
    display: none;
}
.q-tags-expanded .tags-showmore-btn {
    display: none;
}
.q-tags-expanded .tags-showless-btn {
    display: inline-flex;
}
.qa-q-item-buttons {
    clear: both;
    float: left;
    margin: 10px 0;
}
.qa-template-admin .qa-q-item-buttons {
    clear: none;
}
.select-all-header {
    text-align: end;
    border-bottom: 1px solid #e0e0e0;
}
[data-theme="dark"] .select-all-header {
    border-color: #2a2a2a;
}
.qa-part-message-list .select-all-header {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
}
[data-theme="dark"] .qa-part-message-list .select-all-header {
    border-color: #202020;
}
.select-all-title {
    padding-right: 1rem;
}
.select-all-container {
    position: sticky;
    bottom: 1rem;
    z-index: 3;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 12px;
    background-color: #f0f0f0;
}
[data-theme="dark"] .select-all-container {
    background-color: #44484e;
}
.select-all-container .qa-form-light-button {
    margin-inline-end: 4px;
}
.qa-form--button.qa-form-light-button,
.qa-form-light-button.qa-form--button {
    font-size: small;
    font-weight: initial;
}
.q-demo-login-container {
    text-align: center;
    margin: 3rem 0;
}
.qa-suggest-next-container {
    margin-top: 2rem;
    padding: 0 2rem;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.qa-homepage-content ~ .qa-suggest-next-container {
    width: 95%;
}
.qa-sgst-next-fill {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #bdbdbd;
}
.qa-suggest-next {
    width: 100%;
    padding: 0.5rem 1rem;
    display: block;
    font-size: 0.875rem;
    text-align: center;
    width: 170%;
}
@media (max-width: 575px) {
    .qa-suggest-next {
        width: 200%;
    }
}
.the-end-footer-middle {
    text-transform: uppercase;
    font-size: 0.8235rem;
    font-weight: bold;
    line-height: normal;
    transform: rotate(-3deg) skew(-12deg);
}
.the-end-footer-middle .tefm {
    display: block;
    white-space: nowrap;
}
.qa-suggest-next a {
    font-weight: 700;
    color: #01579b;
    white-space: nowrap;
}
.qa-suggest-next a:hover {
    text-decoration: underline;
}
.list-item-extra-info {
    display: table-cell;
    width: 7%;
    min-width: 22px;
    vertical-align: top;
    text-align: center;
    font-size: 1.375rem;
    color: #9e9e9e;
}
.qa-template-admin .list-item-extra-info {
    padding-right: 1rem;
}
.qa-q-item-selector {
    position: relative;
    display: table-cell;
    width: 7%;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid rgb(0 0 0 / 10%);
    padding: 0rem 1rem;
}
[data-theme="dark"] .qa-q-item-selector {
    border-color: #2a2a2a;
}
.qa-q-item-selector label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}
.qa-q-item-selector .checkSpan {
    margin: 0;
}
.show-title-btn {
    width: 23px;
    height: 23px;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    border-radius: 50%;
}
.qa-q-item-title.qa-chopped-title {
    max-height: 46px;
    max-width: 65vw;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.show-title-btn:before {
    content: "\e145";
}
.show-title-btn.qa-smt-opened:before {
    content: "\e15b";
}
.legacy-item-status {
    vertical-align: top;
    cursor: help;
}
.list-status-flagged {
    white-space: nowrap;
    color: #f83052;
    fill: #f83052;
}
.list-status {
    margin-bottom: 0.5rem;
}
.list-status span {
    font-size: 1rem;
}
.list-status-pinned {
    display: none;
}
.qa-q-list-item-featured .list-status-pinned {
    display: inline-block;
}
.list-status.list-status-favorite {
    color: #ffc107;
    fill: #ffc107;
}
.qa-q-list-item:not(.qa-q-favorited) .list-status.list-status-favorite {
    display: none;
}
.qa-q-list-item-featured {
    background-color: transparent !important;
}
.qa-q-list-item-featured:hover {
    background-color: transparent !important;
}
.list-status.list-status-pinned .qa-svg {
    transform: rotate(45deg);
}
.qa-q-list-item-featured .qa-answer-status:before {
    content: "Featured";
    font-size: 11px;
    font-weight: 500;
    border: 1px solid;
    padding: 0 6px;
    margin: 0 8px;
    border-radius: 3px;
    display: inline-block;
}
@media (max-width: 575px) {
    .qa-q-list-item-featured .qa-answer-status:before {
        font-size: 8px;
        display: none;
    }
}
.qa-template-favorites .qa-part-ranking-users .qa-ranking-item,
.qa-template-users .qa-ranking-item {
    background-color: #000000;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    display: inline-flex;
    position: relative;
    vertical-align: top;
    width: 30%;
    max-width: 200px;
    min-height: 230px;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    margin: 0 0.6rem 25px 0.6rem;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.qa-top-users-item {
}
.muffin-top-avatar-container {
    position: relative;
    z-index: 2;
    width: 100%;
}
.qa-top-tags-item .muffin-top-avatar-container {
    display: inline;
}
.qa-top-users-avatar {
    display: block;
    position: relative;
    z-index: 2;
}
.qa-ranking-item .noUserAvatar {
    border: 0;
    vertical-align: middle;
    height: inherit;
    width: inherit;
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.qa-ranking-item .noUserAvatar svg.qa-svg {
    fill: #bdbdbd;
}
.qa-top-users-item a.qa-user-link,
[data-theme="dark"] .qa-top-users-item a.qa-user-link {
    color: #ffffff;
}
.gdev-top-avatar-bg {
    opacity: 0;
    background-color: #051e34;
    position: absolute;
    top: -1rem;
    left: -1rem;
    right: -1rem;
    bottom: -1rem;
    -webkit-overflow-scrolling: touch;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(2px);
}
.gdev-top-avatar-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(28 38 47 / 60%);
    background: linear-gradient(0deg, rgb(28 38 47 / 85%) 0, rgb(28 38 47 / 45%) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}
.gdev-top-avatar-bg[data-ll-status] {
    opacity: 0;
    animation: lazyLoadAppear 0.7s forwards;
}
.gdev-top-avatar-bg img {
    width: 100%;
    height: auto;
    filter: blur(3px);
}
.qa-template-favorites .qa-top-users-avatar a.qa-avatar-link,
.qa-template-users .qa-top-users-avatar a.qa-avatar-link {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 41%), 0 2px 9px 2px rgb(0 0 0 / 31%);
    border: 4px solid rgb(255 255 255);
}
.noUserAvatarContainer {
    display: block;
    position: relative;
    height: 50px;
    width: 50px;
    font-size: 50px;
    line-height: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.qa-ranking-users-points .qa-topu-score-container,
.qa-ranking-users-date .qa-topu-score-container,
.qa-ranking-users-level .qa-topu-score-container {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
}
.qa-top-users-avatar:not(.qa-users-no-avatar) ~ .qa-topu-score-container {
    text-align: center;
}
.qa-top-tags-item .qa-topu-score-container {
    display: inline-block;
}
.qa-top-users-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qa-top-points-container {
    color: rgb(255 255 255 / 75%);
}
.qa-top-users-item .qa-top-users-score {
    display: block;
}
.qa-top-users-item .badge-medals-widget {
    display: block;
    font-size: 0.875rem;
}
a.qa-ranked-visit-profile {
    background-color: #0963d9;
    color: #ffffff;
    padding: 0.4rem 1.5rem;
    border-radius: 30px;
    font-size: 0.8125rem;
}
.qa-ranking-user-info {
    color: rgb(95, 99, 104);
}
.qa-ranking-points-txt {
    position: absolute;
    top: 2.4rem;
    right: 1rem;
    -webkit-overflow-scrolling: touch;
}
.qa-ranking-user-info .badge-medals-widget {
    margin: 0 8px;
}
body:not(.qa-template-favorites) .qa-ranking-users-points,
body:not(.qa-template-favorites) .qa-ranking-users-date,
body:not(.qa-template-favorites) .qa-ranking-users-level {
    padding-top: 2rem;
    margin: 0 0.8rem;
}
.qa-top-tags-count {
    display: inline-block;
    min-width: 40px;
    text-align: right;
    padding-right: 3px;
}
.qa-top-tags-label {
    display: inline-block;
}
.qa-part-ranking.qa-ranking-tags-count {
    padding: 2rem 1rem;
}
.qa-template-favorites .qa-ranking-item.qa-top-tags-item,
.qa-template-tags .qa-ranking-item.qa-top-tags-item {
    display: inline-block;
    width: 32%;
    margin-bottom: 1rem;
}
.qa-top-tags-item .qa-topu-score-container {
    display: inline-block;
}
.qa-top-tags-item {
    white-space: nowrap;
}
.qa-template-categories .qa-main-wrapper {
    padding: 2rem;
}
.qa-widget-side ul.qa-nav-cat-list:nth-child(2) {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-inline-end: 5px;
}
ul.qa-nav-cat-list,
.qa-browse-cat-list {
    padding: 0;
    margin: 0 0 1rem 26px;
}
ul.qa-nav-cat-list:nth-child(2),
.qa-browse-cat-list:nth-child(1) {
    margin-left: 0;
}
.qa-nav-cat-item,
.qa-browse-cat-item {
    display: block;
    position: relative;
    white-space: nowrap;
}
a.qa-nav-cat-link {
    display: block;
    padding: 4px 5px;
    padding-right: 55px;
    border-radius: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
}
a.qa-nav-cat-selected {
    color: inherit;
    margin: 5px 0;
}
a.qa-nav-cat-selected:hover {
    color: #4285f4;
}
a.qa-browse-cat-link.qa-browse-cat-selected,
a.qa-nav-cat-selected,
.qa-nav-cat-item:hover > .qa-nav-cat-link:hover {
    background-color: #f5f5f5;
}
[data-theme="dark"] .qa-nav-cat-note {
    color: #dcddde;
}
[data-theme="dark"] a.qa-browse-cat-link.qa-browse-cat-selected,
[data-theme="dark"] a.qa-nav-cat-selected,
[data-theme="dark"] .qa-nav-cat-item:hover > .qa-nav-cat-link:hover {
    background-color: #525252;
    border-color: transparent;
}
[data-theme="dark"] a.qa-browse-cat-link {
    border-color: #9e9e9e;
}
[data-theme="dark"] .qa-browse-cat-link:hover {
    background-color: #525252;
    border-color: transparent;
}
a.qa-browse-cat-link {
    padding: 2px 8px;
    margin: 3px 0;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
}
.qa-browse-cat-nolink {
    padding: 2px 8px;
    margin: 3px 0;
    display: inline-block;
}
a.qa-browse-cat-selected {
    color: inherit;
    background-color: #f5f5f5;
    border-color: transparent;
}
.qa-browse-cat-link:hover {
    background-color: #f5f5f5;
    border-color: transparent;
}
.currentCategory,
a.currentCategory {
    color: inherit;
}
.qa-nav-cat-list:not(:nth-child(2)):before {
    content: "\e5da";
    font-size: 16px;
    color: rgb(95, 99, 104);
    position: absolute;
    left: 6px;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
}
a.qa-nav-cat-link:before,
.qa-browse-cat-link:before {
    font-size: 16px;
    color: rgb(95, 99, 104);
    margin-right: 8px;
    content: "📁";
}
a.qa-nav-cat-selected:before,
.qa-browse-cat-open .qa-browse-cat-link:before {
    content: "\1F4C2";
}
.qa-browse-cat-closed .qa-browse-cat-link:before {
    content: "\1F4C1";
}
.qa-browse-cat-list:not(:nth-child(1)):before,
.qa-nav-cat-list:not(:nth-child(2)):before {
    content: "\21B3";
    font-size: 16px;
    color: rgb(95, 99, 104);
    position: absolute;
    left: 16px;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
}
.qa-nav-cat-note {
    color: #9e9e9e;
    position: absolute;
    top: 4px;
    right: 6px;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
}
.qa-template-categories .qa-main .qa-browse-cat-list:not(:nth-child(1)):before,
.qa-template-categories .qa-main .qa-nav-cat-list:not(:nth-child(2)):before {
    left: 10px;
}
.qa-template-categories ul.qa-nav-cat-list:not(:first-child),
.qa-template-categories .qa-browse-cat-list:not(:first-child) {
    position: relative;
}
.qa-template-categories .qa-nav-cat-item,
.qa-template-categories .qa-browse-cat-note {
    white-space: initial;
}
.qa-template-favorites .cc-user-content-wrapper {
    position: relative;
    overflow: hidden;
}
.qa-template-favorites .filter-container {
    border-bottom: none;
}
.qa-template-favorites .qa-main-wrapper {
    display: flex;
    flex-direction: column;
}
.qa-template-favorites .filter-container {
    order: 1;
}
.qa-template-favorites .qa-error-container {
    order: 2;
}
.qa-template-favorites .qa-html-widget-main {
    order: 3;
}
.qa-template-favorites .qa-part-nav-list-categories {
    order: 4;
}
.qa-template-favorites .qa-part-ranking-tags {
    order: 5;
}
.qa-template-favorites .qa-part-ranking-users {
    order: 6;
}
.qa-template-favorites .qa-part-q-list {
    order: 7;
}
.qa-template-favorites .qa-suggest-next {
    margin-top: 2rem;
}
.favTriggerContainer {
    margin-top: -1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.favTabs {
    display: flex;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
    padding: 0.45rem;
    border-radius: 99px;
}
.favTabs * {
    z-index: 2;
}
.favTabs input[type="radio"] {
    display: none;
}
.favTab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 130px;
    font-weight: 500;
    border-radius: 99px;
    cursor: pointer;
    transition: color 0.15s ease-in;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.favNotification {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.75rem;
    border-radius: 50%;
    background-color: #e6eef9;
    transition: background-color 0.15s ease-in, color 0.15s ease-in;
}
.favTabs input[type="radio"]:checked + label {
    color: #185ee0;
}
.favTabs input[type="radio"]:checked + label > .favNotification {
    background-color: #185ee0;
    color: #ffffff;
}
.favTabs input[id="favRadio-1"]:checked ~ .favGlider {
    transform: translateX(0);
}
.favTabs input[id="favRadio-2"]:checked ~ .favGlider {
    transform: translateX(100%);
}
.favTabs input[id="favRadio-3"]:checked ~ .favGlider {
    transform: translateX(200%);
}
.favTabs input[id="favRadio-4"]:checked ~ .favGlider {
    transform: translateX(300%);
}
.favGlider {
    position: absolute;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.25s ease-out;
    will-change: transform;
    display: flex;
    height: 34px;
    width: 130px;
    background-color: #e6eef9;
    border-radius: 99px;
}
@media (max-width: 700px) {
    .favTabs {
        transform: scale(0.6) translateZ(0);
    }
}
.qa-template-favorites .qa-main-wrapper .qa-part-ranking-tags,
.qa-template-favorites .qa-main-wrapper .qa-part-q-list,
.qa-template-favorites .qa-main-wrapper .qa-part-ranking-users,
.qa-template-favorites .qa-main-wrapper .qa-part-nav-list-categories {
    display: none;
}
.qa-template-favorites .favTabOpen,
.qa-template-favorites .qa-main-wrapper .qa-part-ranking-tags.favTabOpen,
.qa-template-favorites .qa-main-wrapper .qa-part-q-list.favTabOpen,
.qa-template-favorites .qa-main-wrapper .qa-part-ranking-users.favTabOpen,
.qa-template-favorites .qa-main-wrapper .qa-part-nav-list-categories.favTabOpen {
    display: block;
}
.qa-template-favorites .qa-main-wrapper h2 {
    background-color: #f8f9fa;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.qa-template-favorites .qa-part-nav-list-categories,
.qa-template-favorites .qa-part-ranking-tags,
.qa-template-favorites .qa-part-ranking-users,
.qa-template-favorites .qa-part-q-list {
    margin-top: 1rem;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}
.qa-template-favorites .qa-part-nav-list-categories h2,
.qa-template-favorites .qa-part-ranking-tags h2,
.qa-template-favorites .qa-part-ranking-users h2 {
    margin-bottom: 1rem;
}
.qa-template-favorites .qa-part-ranking-tags .qa-topu-score-container {
    left: 3rem;
    bottom: -8px;
}
.qa-post-content {
    overflow-wrap: anywhere;
    position: relative;
}
.qa-post-clamp {
    display: -webkit-box;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 20;
    overflow: hidden;
    max-height: 600px;
}
.qa-post-clamp.expandable {
    display: block;
    max-height: initial;
    -webkit-line-clamp: unset !important;
}
.qa-post-content a,
.qa-message-content a {
    word-wrap: break-word;
}
.qa-post-content a:hover,
.qa-what-when-container a:hover,
.qa-c-item-link:hover {
    text-decoration: underline;
}
.qa-post-content iframe {
    border-radius: 8px;
    width: 100%;
}
.qa-post-clamp:not(.expandable):not(.qa-c-item-content):after {
    content: "";
    width: 100%;
    height: 100px;
    background: linear-gradient(rgb(255 255 255 / 0%), #ffffff);
    position: absolute;
    bottom: 0;
}
[data-theme="dark"] .qa-post-clamp:not(.expandable):not(.qa-c-item-content):after {
    background: linear-gradient(rgb(255 255 255 / 0%), #36393f);
}
.showmore-anchor {
    position: absolute;
    top: 590px;
    -webkit-overflow-scrolling: touch;
    width: 1px;
    height: 1px;
}
.qa-post-content div[itemprop] > :first-child {
    margin-top: 0;
}
.qa-post-content div[itemprop] > :last-child {
    margin-bottom: 0;
}
.qa-q-view-content img,
.qa-a-item-content img,
.qa-c-item-content img {
    max-width: 100% !important;
    border-radius: 8px;
}
.qa-title-anchor-icon {
    display: inline-block;
    margin: 0 8px;
    line-height: inherit;
    vertical-align: baseline;
    height: 20px;
    transform: translateY(10%);
}
.qa-title-anchor-icon svg.qa-svg {
    visibility: hidden;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    transform: translateY(-10%);
}
.qa-title-anchor:hover .qa-title-anchor-icon svg.qa-svg {
    visibility: visible;
}
.qa-q-view-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}
.qa-q-view-content td,
.qa-q-view-content th {
    border-color: #ddd !important;
    padding: 1rem;
}
.qa-q-view-content tr:nth-child(even) {
    background-color: #f2f2f2;
}
.qa-post-view {
    padding: 1.5rem 2rem 2rem 0;
    position: relative;
}
.qa-post-view.qa-q-view {
    margin-bottom: 3rem;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
[data-theme="dark"] .qa-post-view.qa-q-view {
    border-color: transparent;
}
.qa-post-view table caption {
    margin-bottom: 1rem;
}
.qa-post-view table td {
    padding: 1rem;
}
.qa-a-list-item-selected {
    -moz-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}
.qa-template-question .qa-part-form-q-edit ~ .qa-question-container .qa-question-stats,
.qa-template-question .qa-part-form-q-edit ~ .qa-question-container .qa-q-view {
    display: none;
}
.qa-part-form-q-edit ~ .qa-post-view.qa-q-view {
    display: none;
}
.qa-voting-container {
    text-align: center;
    float: left;
    position: relative;
}
.singleVoteBox {
    margin-bottom: 2rem;
}
.qa-q-view-main,
.qa-a-item-main {
    width: calc(100% - 72px);
    float: right;
}
.qa-part-form-q-edit ~ .qa-post-view.qa-q-view .qa-q-view-main,
.qa-part-form-q-edit ~ .qa-question-stats {
    display: none;
}
.qa-template-question .pbContainer .pbContainer-who {
    display: none;
}
.qa-expand-comments .noUserAvatar,
.qa-expand-comments:before {
    display: none;
}
.qa-q-view-meta,
.qa-a-item-meta {
    vertical-align: middle;
    font-size: 0.75rem;
    line-height: normal;
}
.pbContainer .qa-q-view-who-data,
.pbContainer .qa-a-item-who-data {
    font-size: 0.8125rem;
    display: inline-block;
    margin-bottom: 2px;
}
.qa-q-view-who-title,
.qa-a-item-who-title {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}
.qa-q-item-who-points,
.qa-q-view-who-points,
.qa-a-item-who-points {
    margin-top: 3px;
    display: block;
}
.qa-post-view .qa-who-suffix-container {
    display: block;
}
@media (max-width: 575px) {
    .qa-post-view .qa-who-suffix-container .qa-a-item-who-points {
        margin-inline-end: 4px;
    }
    .qa-q-item-who-points,
    .qa-q-view-who-points,
    .qa-a-item-who-points {
        margin-top: 0;
        display: inline-block;
    }
}
.qa-q-view-closed {
    font-size: 0.875rem;
    background-color: #ffe0b2;
    padding: 0.5rem 1rem 0.5rem 4rem;
    margin-bottom: 1rem;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.qa-q-view-closed .qa-closed-icon {
    font-size: 1.375rem;
    background-color: #f1d2a4;
    padding: 0 1rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
[data-theme="dark"] .qa-q-view-closed .qa-closed-icon {
    background-color: #757575;
    color: #ffffff;
}
@media (max-width: 575px) {
    .qa-q-view-closed .qa-closed-icon {
        padding: 0 0.6rem;
    }
}
.qa-q-view-closed-content {
    font-weight: initial;
}
.qa-q-view-closed-title {
    font-weight: bold;
    display: block;
}
.qa-q-closed .qa-post-content {
}
.qa-q-view-extra {
    font-size: 0.875rem;
    margin-bottom: 18px;
}
.qa-q-view-extra-content {
    font-weight: 700;
}
.qa-q-view-points-data {
    font-weight: 700;
}
.qa-q-view-flags,
.qa-a-item-flags {
    color: #f83052;
    padding-left: 4px;
    text-align: right;
    display: block;
    right: 0;
    bottom: 0;
}
.qa-question-stats .qa-q-view-flags {
    position: initial;
    font-size: initial;
    float: right;
}
.qa-a-item-flags {
    margin-bottom: 0.5rem;
}
.qa-q-view-flags-pad svg.qa-svg,
.qa-a-item-flags svg.qa-svg {
    color: #f83052;
    fill: #f83052;
    vertical-align: text-top;
}
#section-post-tags {
    margin-top: 1rem;
    margin-bottom: 1rem;
    clear: both;
}
.qa-q-view-avatar-meta .qa-post-when-container,
.qa-q-view-main .qa-q-view-flags,
.qa-q-view-avatar-meta .qa-what-when-container {
    display: none;
}
.qa-template-question .qa-post-item-displayName {
    display: none;
}
.qa-q-view-buttons,
.qa-a-item-buttons {
    float: left;
    max-width: 60%;
}
.trigger-more-buttons {
    cursor: pointer;
}
.qa-q-view-hidden .qa-voting-container,
.qa-q-view-hidden .qa-post-content,
.qa-q-view-hidden .qa-user-container,
.qa-a-list-item-hidden .qa-voting-container,
.qa-a-item-hidden .qa-post-content,
.qa-a-item-hidden .qa-user-container {
    opacity: 0.5;
}
.qa-a-list-item {
    border-top: 1px solid #e0e0e0;
    position: relative;
    min-height: 108px;
}
.qa-a-list-item:first-of-type {
    border: none;
}
.qa-a-list-item:last-child .mf-divider {
    display: none;
}
.qa-a-list-item-selected {
    margin-bottom: 4rem;
    border-bottom: none;
}
.qa-a-item-points-data {
    font-weight: 700;
}
.qa-comment-divider {
    margin-top: 0.5rem;
    border-top: 1px dashed #e0e0e0;
}
.popup-comments-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: inherit;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
@media (max-width: 575px) {
    .popup-comments-header {
        margin-top: 0.5rem;
    }
}
.qa-trigger-comments {
    display: none;
}
.polaris-do-comment-btn {
    display: inline-grid;
    justify-content: flex-end;
    flex-grow: 1;
}
.polaris-do-comment-btn .qa-form-light-button-comment {
    background-color: #eeeeee;
    color: #000000;
    font-weight: 500;
    padding: 0.4rem 0.7rem;
    border-radius: 30px;
}
.polaris-do-comment-btn .qa-form-light-button-comment:before {
    font-size: 140%;
    line-height: 1rem;
    margin: 0 0.4rem;
    margin-inline-start: 0px;
}
@media (min-width: 575px) {
    .polaris-do-comment-btn {
        display: none;
    }
}
.qa-c-list-item {
    padding: 0.6rem 0;
    position: relative;
}
.qa-c-list-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    width: 110%;
    height: 97%;
    pointer-events: none;
}
.qa-c-list-item:target:before {
    transform: translateX(-50%) translateY(-50%);
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}
.qa-a-list-item:target,
.qa-c-list-item:target:before,
.badge-entry-badge:target {
    animation: highlight 3s cubic-bezier(0.175, 0.885, 0.22, 1.105);
}
[data-theme="dark"] .qa-a-list-item:target,
[data-theme="dark"] .qa-c-list-item:target:before,
[data-theme="dark"] .badge-entry-badge:target {
    animation: highlightDark 3s cubic-bezier(0.175, 0.885, 0.22, 1.105);
}
@keyframes highlight {
    0% {
        background-color: rgb(0 176 255 / 15%);
    }
    100% {
        background-color: transparent;
    }
}
.qa-ci-container-avatar {
    padding: 8px 12px;
    position: relative;
    z-index: 1;
}
.qa-c-list-item .noUserAvatar.avatarNotRegistered {
    margin: 0 8px;
    font-size: 35px;
}
.qa-template-question .noUserAvatar.qa-ci-container-avatar {
    padding: 8px 7px;
    position: relative;
    z-index: 1;
}
.qa-c-list-item-wrapper {
    width: 100%;
}
.qa-ci-container-avatar .qa-avatar-link {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
}
.qa-ci-container-avatar img.qa-avatar-image {
    width: 100%;
    height: auto;
}
.qa-c-list-item:last-child {
    border-bottom: none;
}
.qa-c-item-metadata .qa-c-item-who {
    font-weight: 700;
    display: inline-block;
}
.qa-c-item-metadata .askercomment {
    background-color: #eeeeee;
    color: #000000;
    padding: 3px 6px;
    border-radius: 3px;
}
[data-theme="dark"] .qa-c-item-metadata .askercomment {
    background-color: #53575e;
}
.qa-c-item-metadata .askercomment .qa-user-link {
    color: inherit;
}
.qa-c-item-metadata .qa-ip-link,
.qa-c-item-metadata .qa-user-link {
    color: #040304;
}
.qa-ip-link,
.qa-user-link {
    text-transform: capitalize;
}
.qa-c-item-metadata .qa-c-item-what {
    display: none;
}
.qa-c-item-hidden .qa-c-item-content,
.qa-c-item-hidden .qa-c-item-metadata .qa-c-item-when,
.qa-c-item-hidden .qa-vote-count,
.qa-c-item-hidden .qa-c-item-who-data,
.qa-c-item-hidden .qa-c-item-who-title {
    opacity: 0.5;
}
.qa-c-item-hidden .qa-c-item-edited .qa-c-item-who-data {
    opacity: 1;
}
.qa-c-item-hidden .qa-c-item-link {
    color: #aaf;
}
.qa-c-item-hidden .qa-c-item-metadata .qa-c-item-what {
    color: #ccc;
}
.qa-c-item-link {
    display: block;
    margin-bottom: 6px;
}
a.qa-c-item-expand {
    display: inline-block;
    color: #666;
}
@media (min-width: 575px) {
    a.qa-c-item-expand {
        margin-top: 0.6rem;
    }
}
a.qa-c-item-expand:before {
    content: "";
    display: inline-block;
    height: 1px;
    width: 2rem;
    margin: 4px 0.7rem 4px 0;
    background-color: #e0e0e0;
}
.qa-c-item-content {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    margin-right: 2.5rem;
    position: relative;
    overflow: hidden;
    max-height: 84px;
    display: -webkit-box;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.qa-c-item-content.qa-post-clamp {
    -webkit-line-clamp: 4;
}
.qa-c-item-content.expandable p:first-child {
    margin-bottom: revert;
}
.qa-c-item-content p:first-child,
.qa-c-item-content.expandable p:last-child {
    margin-bottom: 0;
}
.expandpost {
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.75rem;
}
@media (min-width: 575px) {
    .expandpost:hover {
        text-decoration: underline;
    }
}
@media (max-width: 575px) {
    .expandpost {
        text-decoration: underline;
    }
}
[data-theme="dark"] .expandpost {
    color: inherit;
}
.qa-q-view-content ~ .expandpost-container .expandpost,
.qa-a-item-content ~ .expandpost-container .expandpost {
    margin-top: 0.3rem;
    line-height: 2rem;
}
.qa-c-item-footer,
.qa-c-item-header {
    position: relative;
    font-size: 0.75rem;
    padding-right: 2.5rem;
}
.qa-c-item-when {
    display: inline-block;
}
.qa-c-item-metadata,
.qa-c-item-edited {
    color: rgb(95, 99, 104);
}
a.qa-c-item-what {
    color: rgb(95, 99, 104);
}
a.qa-c-item-what:hover {
    text-decoration: underline;
}
.c-edited-container {
    display: inline;
    position: relative;
}
.qa-c-item-edited {
    position: relative;
    display: inline;
    white-space: nowrap;
}
.qa-c-item-edited:before,
.qa-c-item-header .c-asked-related:before {
    content: "•";
}
.qa-c-item-header .c-asked-related:before {
    margin-inline-end: 3px;
}
.c-edited-info {
    display: none;
}
@media (max-width: 500px) {
    .c-edited-info {
        display: inline-block;
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        background-color: rgb(0 176 255 / 15%);
        background-color: #e0e0e0;
        border-radius: 30px;
        font-family: monospace;
    }
    [data-theme="dark"] .c-edited-info {
        background-color: #53575e;
        color: #ffffff;
    }
    .qa-c-item-edited {
        position: absolute;
        left: 50%;
        z-index: 3;
        transform: translateX(-50%) translateZ(0);
        -webkit-overflow-scrolling: touch;
        bottom: 200%;
        background-color: rgb(0 0 0 / 90%);
        color: #ffffff;
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
        border-radius: 0.3rem;
        pointer-events: none;
        line-height: 22px;
        display: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .c-edited-info:hover ~ .qa-c-item-edited {
        display: inline;
    }
    [data-theme="dark"] .qa-c-item-edited {
        color: #ffffff;
    }
    .qa-c-item-edited:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 3;
        -webkit-overflow-scrolling: touch;
        margin-left: -8px;
        border-top: 8px solid rgb(0 0 0 / 90%);
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 6px solid transparent;
    }
    .comment-list-wrapper .qa-c-list-item:first-child .qa-c-item-edited {
        top: 200%;
        bottom: initial;
    }
    .comment-list-wrapper .qa-c-list-item:first-child .qa-c-item-edited:before {
        top: initial;
        bottom: 100%;
        border-bottom: 8px solid rgb(0 0 0 / 90%);
        border-top: 6px solid transparent;
    }
}
.qa-c-item-header .qa-c-item-metadata,
.qa-c-item-edited .qa-c-item-what,
.qa-c-item-header .c-asked-related {
    display: inline;
}
.ct-who2 a.qa-user-link,
.qa-c-item-edited a.qa-user-link {
    color: inherit;
}
.ct-who2 a.qa-user-link:hover,
.qa-c-item-edited a.qa-user-link:hover {
    text-decoration: underline;
}
.qa-template-question .qa-c-form .qa-form-tall-label {
    padding-top: 1rem;
}
.qa-template-question .qa-c-form .qa-form-tall-buttons {
    padding: 1rem 0;
}
.qa-c-item-header .pbContainer {
    display: inline-block;
}
.qa-c-item-header .qa-c-item-metadata .qa-c-item-who-pad {
    display: none;
}
.qa-c-item-header .qa-who-suffix-container .qa-c-item-who-pad {
    display: inline-block;
}
.qa-c-item-header .qa-who-suffix-container {
    position: absolute;
    left: -15px;
    bottom: 150%;
    z-index: 2;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    pointer-events: none;
    line-height: 22px;
    -moz-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qa-c-item-who:hover .qa-who-suffix-container {
    opacity: 1;
    visibility: visible;
}
.qa-c-item-header .qa-who-suffix-container:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    border-top: 8px solid rgb(0 0 0 / 90%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid transparent;
}
.qa-who-suffix-container .qa-c-item-who-points {
    font-weight: bold;
}
.qa-c-list-item .qa-voting-container,
.qa-message-item .qa-voting-container {
    text-align: initial;
}
.qa-c-list-item .trigger-more-buttons,
.qa-message-item .trigger-more-buttons {
    position: absolute;
    top: -0.5rem;
    right: 0;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0.5rem;
}
[data-theme="dark"] .qa-c-list-item .trigger-more-buttons,
[data-theme="dark"] .qa-message-item .trigger-more-buttons {
    fill: #ffffff;
}
.qa-c-list-item .more-buttons-container,
.qa-message-item .more-buttons-container {
    position: absolute;
    top: 0;
    right: 2rem;
    z-index: 999;
    transform-origin: 100% 0;
    transform: scale(0.2) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.105), transform 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.105);
    will-change: opacity, transform;
    -moz-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    background-color: #ffffff;
    padding: 6px;
    min-width: 180px;
    transition-delay: 0.1s;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    border-radius: 8px;
}
[data-theme="dark"] .qa-c-list-item .more-buttons-container,
[data-theme="dark"] .qa-message-item .more-buttons-container {
    background-color: #3b3e44;
}
.qa-message-item .qa-a-item-buttons.opened .more-buttons-container {
    transform: scale(1);
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
.qa-c-item-buttons.opened .more-buttons-container,
.qa-message-item.opened .more-buttons-container {
    transform: scale(1) translateZ(0);
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
.qa-c-list-item .qa-form-light-button,
.qa-message-item .qa-form-light-button {
    display: block;
    width: 100%;
    padding: 0.6rem;
    margin: 0;
    position: relative;
    border-radius: 4px;
    line-height: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qa-c-list-item .qa-form-light-button svg.qa-svg,
.qa-message-item .qa-form-light-button svg.qa-svg,
.qa-c-list-item .qa-form-light-button .svg-icon,
.qa-message-item .qa-form-light-button .svg-icon {
    margin-right: 0.5rem;
}
.qa-form-light-button-clearflags,
.qa-form-light-button-unflag {
    color: #fa3437;
    background-color: #ffe0e0;
}
.qa-form-light-button-clearflags {
    color: #f11518 !important;
    fill: #f11518;
}
.qa-c-list-item .qa-voting-container {
    text-align: initial;
}
.qa-c-list-item .qa-vote-buttons {
    width: initial;
}
.qa-c-list-item .qa-voting-button {
    display: inline-block;
    box-shadow: none;
    padding: 0.5rem;
    font-size: 20px;
    line-height: 20px;
}
.qa-c-list-item .qa-vote-up-button .svg-icon,
.qa-c-list-item .qa-voted-up-button .svg-icon,
.qa-c-list-item .qa-vote-up-disabled .svg-icon,
.qa-c-list-item .qa-vote-down-button .svg-icon,
.qa-c-list-item .qa-voted-down-button .svg-icon,
.qa-c-list-item .qa-vote-down-disabled .svg-icon {
    width: 24px;
    height: 24px;
}
.qa-c-list-item .qa-voting-button:after {
    width: 30px;
    height: 30px;
}
.qa-c-list-item .qa-vote-count {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
}
.qa-template-question .qa-vote-count svg.qa-svg {
    display: none;
}
.qa-c-list-item .qa-vote-count .qa-netvote-count-pad {
    display: none;
}
.qa-c-item-meta {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.625rem;
    color: #666;
}
.qa-c-item-flags {
    float: right;
    color: #f83052;
    font-weight: bold;
}
.qa-c-item-flags-pad:nth-child(1):after {
    content: "\e153";
    line-height: 13px;
}
.qa-c-item-flags-pad .qa-flag-reason:before {
    right: 5rem;
}
.qa-c-form h2 {
    font-size: 1.17em;
}
.qa-c-list-item .qa-voting {
    margin-inline-start: -0.5rem;
}
.qa-c-list-item .more-buttons-container .qa-form-light-button-comment {
    display: none;
}
.qa-c-list-item .qa-voting-container form {
    display: inline-block;
}
.qa-reply-share {
    display: inline-block;
    margin-inline-start: -0.6rem;
}
form ~ .qa-reply-share {
    margin-inline-start: 2px;
}
.qa-reply-share .qa-button-text {
    vertical-align: middle;
}
.qa-text-button {
    display: inline-block;
    background: none;
    padding: 0.4rem 0.7rem;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 4px;
    text-align: inherit;
    border: 0;
    cursor: pointer;
    border-radius: 30px;
    vertical-align: middle;
    color: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 15px;
    text-transform: capitalize;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qa-text-button:hover {
    background-color: #eee;
}
[data-theme="dark"] .qa-text-button:hover {
    background-color: #53575e;
    color: #fff;
}
@media (max-width: 575px) {
    [data-theme="dark"] .qa-text-button:hover {
        background-color: #292b2f;
    }
}
.qa-text-button svg.qa-svg {
    width: 17px;
    height: 17px;
}
.qa-message-item {
    border-top: 1px solid #e0e0e0;
    padding: 1rem 0;
    margin: 0;
    position: relative;
}
.qa-message-item:hover {
    z-index: 3;
}
.qa-message-item:first-child {
    border-top: none;
}
.qa-message-buttons .qa-form-light-button {
    background: none;
    height: auto;
    font-size: 0.625rem;
    padding: 0;
}
.qa-related-qs {
    font-size: 0.875rem;
}
.qa-related-q-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.qa-related-q-item {
    display: flex;
    margin: 0;
    padding: 5px 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #ddd;
}
.qa-related-q-item:first-child {
    border-top: none;
}
.qa-related-q-item:last-child {
    border-bottom: none;
}
.qa-main .qa-widget-container h2 {
    font-size: 1.125rem;
    font-weight: 500;
    padding: 1.5rem 1rem 0.5rem 1rem;
}
.qa-widget-container .qa-q-list {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}
.qa-widget-container .qa-q-list-item:hover {
    background-color: #f8f9fa;
}
.qa-template-question .qa-q-item-stats {
    min-width: unset;
}
.qa-widget-container .qa-a-count,
.qa-widget-container .qa-view-count,
.qa-widget-container .qa-post-when-container,
.qa-widget-container .qa-q-item-content,
.qa-widget-container .qa-user-container,
.qa-widget-container .qa-q-item-tags {
    display: none;
}
.qa-widget-container .qa-q-item-avatar-meta .qa-post-when-container {
    display: initial;
}
.qa-widget-container .qa-q-item-stats {
    padding: 10px;
}
.qa-widget-container .qa-vote-count {
    font-size: initial;
    line-height: initial;
    text-align: inherit;
}
.qa-widget-container .qa-q-item-main {
    padding: 0 1rem;
}
.qa-widget-container .qa-q-item-title a {
    font-size: 1rem;
}
.qa-widget-container .qa-q-list-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.qa-widget-container .qa-user-container {
    float: none;
    width: initial;
}
.qa-widget-full {
    clear: both;
    margin: 1rem;
}
.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 {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 0;
}
.qa-widget-side:not(.qa-activity-widget) {
    text-align: start;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #dadce0;
    border-radius: 8px;
}
[data-theme="dark"] .qa-widget-side:not(.qa-activity-widget) {
    border-color: transparent;
}
a.rightPanel-ask-button,
.qa-widget-side {
    -webkit-transition: box-shadow 0.18s ease;
    transition: box-shadow.18s ease;
    margin-bottom: 2rem;
}
a.rightPanel-ask-button:hover,
.qa-widget-side:hover {
}
.qa-sidepanel h2 {
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    font-weight: 500;
}
.as-widget,
.tagsearch-widget-container {
    min-height: 85px;
    background-color: #ffffff;
    padding: 0rem !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 8px;
}
.qa-checkbox-container #exact-tag-match {
    float: none !important;
    width: 48px !important;
}
.qam-tag-search .qa-checkbox-container {
    vertical-align: sub;
}
.as-widget .qa-search form {
    position: initial;
    top: initial;
    left: initial;
    transform: none;
    width: 90%;
}
.as-widget .qa-search-field {
    vertical-align: middle;
}
.tagsearch-widget-container {
    padding: 0rem !important;
    margin: 0 !important;
    border: none !important;
}
.tagsearch-widget-container #tag_search {
    border: none;
    max-width: 100%;
    background-color: #f1f3f4;
    margin: 0 0 8px 0;
}
button.qa-tag-search-button.fa.fa-search {
    width: 85%;
}
.qa-user-link,
a.qa-user-link {
    font-weight: bold;
    color: #040304;
}
a.qa-ip-link:hover {
    text-decoration: underline;
}
.qa-category-link,
a.qa-category-link,
.qa-tag-link,
a.qa-tag-link,
.qa-widget-side .qa-q-view-tag-item,
.qa-widget-side > div > a {
    background-color: #e0e0e0;
    color: #444;
    font-size: 0.75rem;
    line-height: normal;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    padding: 7px 9px;
    margin-bottom: 4px;
    border-radius: 30px;
    -webkit-transition: box-shadow 0.18s ease, background-color 0.18s ease;
    transition: box-shadow.18s ease, background-color 0.18s ease;
}
.qa-category-link:hover,
.qa-tag-link:hover,
.qa-widget-side .qa-q-view-tag-item:hover,
.qa-widget-side > div > a:hover {
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.qa-network-site-link img {
    vertical-align: middle;
}
a.qa-tag-link:before {
    content: "#";
}
.qa-related-q-item a {
    flex-grow: 1;
    margin: 0;
    background: none;
    border: none;
    text-transform: none;
}
.qa-avatar-image {
    border: 0;
    vertical-align: middle;
    font-size: 12px;
    line-height: normal;
}
img.qa-lazy-img[data-src] {
    opacity: 0;
    filter: blur(0);
    -webkit-filter: blur(0);
}
img.qa-lazy-img.loaded,
img.qa-lazy-img.error {
    opacity: 0;
    animation: lazyLoadAppear 0.7s forwards;
}
@keyframes lazyLoadAppear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.qa-q-view-content img:not(.error):not(.loaded)[data-src],
.qa-a-item-content img:not(.error):not(.loaded)[data-src],
.qa-c-item-content img:not(.error):not(.loaded)[data-src] {
    opacity: 1;
    height: 0;
    padding-bottom: 56.25%;
    background-image: linear-gradient(to right, transparent 8%, rgb(0 0 0 / 10%) 38%, transparent 54%);
    background-size: 200% 100%;
    animation: placeHolderShimmer 1s linear infinite;
}
[data-theme="dark"] .qa-q-view-content img:not(.error):not(.loaded)[data-src],
[data-theme="dark"] .qa-a-item-content img:not(.error):not(.loaded)[data-src],
[data-theme="dark"] .qa-c-item-content img:not(.error):not(.loaded)[data-src] {
    background-image: linear-gradient(to right, transparent 8%, rgb(255 255 255 / 10%) 38%, transparent 54%);
}
.qa-q-view-content img.loaded,
.qa-a-item-content img.loaded,
.qa-c-item-content img.loaded {
    width: auto;
    height: auto !important;
    padding-bottom: initial;
}
@keyframes placeHolderShimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}
.qa-q-view-avatar,
.qa-a-item-avatar,
.qa-avatar-link {
    -webkit-tap-highlight-color: transparent;
}
.qa-avatar-link,
.qa-avatar-link:hover {
    text-decoration: none;
}
.qa-favorite-image {
    height: 24px;
    width: 14px;
    overflow: hidden;
}
.qa-favorite-image:before {
    content: "⭐";
}
.qa-suggest-next .qa-favorite-image {
    height: 18px;
    width: 20px;
    line-height: 15px;
}
.qa-favorite-image:before {
    font-size: 20px;
    vertical-align: top;
}
.qa-waiting {
    width: 14px;
    height: 14px;
    display: inline-block;
    font-size: 0;
    margin: 0 8px 0 4px;
    vertical-align: middle;
}
.qa-favoriting .qa-waiting {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    margin: -7px 0 0 -7px;
}
.qa-a-selection .qa-waiting {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    margin: -7px 0 0 -7px;
}
.qa-nav-cat-favorited {
    margin-left: -18px;
}
a.qa-tag-favorited {
}
.qa-tag-favorited:before {
    content: "" !important;
    width: 6px;
    height: 6px;
    background-color: #ffc107;
    border-radius: 8px;
    margin-right: 4px;
    vertical-align: middle;
}
.qa-template-login .qa-body-wrapper,
.qa-template-register .qa-body-wrapper,
.qa-template-forgot .qa-body-wrapper {
    margin: 0rem;
}
.cc-rg-logo-wrapper {
    margin-top: 0rem;
    margin-bottom: 0rem;
    text-align: center;
}
.qa-logReg-container h1 {
    margin-top: 0;
    font-size: 1.5rem;
}
.qa-logReg-container .qa-form-tall-label {
    padding-top: 0;
}
.qa-logReg-container .qa-form-tall-buttons {
    padding: 1rem 0;
}
.logReg-link-container a svg.qa-svg {
    fill: #0963d9;
}
[data-theme="dark"] .logReg-link-container a svg.qa-svg {
    fill: #90bfff;
}
.qa-template-login .qa-footer,
.qa-template-register .qa-footer,
.qa-template-forgot .qa-footer {
    max-width: 450px;
    padding: 0;
    margin-top: 1rem;
    display: block;
}
.qa-template-login .qa-footer-column,
.qa-template-register .qa-footer-column,
.qa-template-forgot .qa-footer-column {
    display: block;
    width: 100%;
    text-align: center;
}
@media (max-width: 900px) {
    .qa-footer {
        padding: 0;
        display: block;
    }
    .qa-nav-footer-list {
        float: none;
        display: block;
        text-align: initial;
        width: 85%;
        margin: 0 auto;
    }
    .qa-attribution {
        float: none;
        display: block;
        text-align: center;
    }
    .qa-footer-second-column .footer-title,
    .qa-nav-footer-item {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        width: 49%;
        padding-inline-start: 8%;
    }
    .qa-navfl-one {
        text-align: center;
    }
    .qa-navfl-one .footer-title,
    .qa-navfl-one .qa-nav-footer-item {
        padding: 0;
        justify-content: center;
    }
}
.qa-logReg-bottom-group a {
    color: inherit;
}
.qa-logReg-container .qa-form-tall-error {
    padding: 0.5rem 0.6em;
    font-size: 0.75rem;
    margin-bottom: 0;
}
.qa-logReg-container .qa-form-tall-error:before {
    margin-right: 0.4rem;
    font-size: 1.25rem;
}
.qa-template-admin .qa-main,
.qa-template-user .qa-main {
    width: 100%;
}
.qa-template-account .qa-main {
    padding-top: 2rem;
}
.qa-template-user-activity .qa-user-container .flex-parent {
    align-items: end;
    justify-content: end;
}
.qa-part-form-password:before {
    content: "";
    background-color: #f0f2f4;
    background-position: center;
    height: 15px;
    padding: 12px 0;
    display: block;
}
.qa-template-account .qa-part-form:before,
.qa-template-account .qa-part-form-2:before,
.qa-template-account .qa-part-form-pipcheckbox:before {
    content: "";
    background-color: #f0f2f4;
    background-position: center;
    height: 15px;
    padding: 12px 0;
    display: block;
}
.qa-template-user .qa-title-section {
    margin: 1rem 2rem;
}
.qa-user-profile-header {
    position: relative;
}
.qa-topbar-message {
    display: none;
}
.qa-topbar-icon,
a.qa-topbar-icon {
    color: inherit;
}
.qa-upb-header-msg {
    position: relative;
    font-size: 1.5rem;
    line-height: 2rem;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0px 4px;
    font-weight: 400;
    font-style: normal;
    color: inherit;
}
.pwpbutton {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #e0e0e0;
    color: #444444;
    fill: #444444;
    border-radius: 30px;
    transition: background-color 0.18s ease;
}
.pwpbutton:hover {
    background-color: #b5b5b5;
}
.pwp-send svg {
    padding: 5px;
}
.pwpbutton:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform-origin: 0 0;
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s, transform 0.3s;
    width: 120%;
    height: 120%;
    border-radius: 30px;
    background-color: #000000;
    opacity: 0;
    pointer-events: none;
}
.pwpbutton:after {
    opacity: 0.1;
    transform: scale(0) translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
}
.pwpbutton:focus:after {
    opacity: 0.2;
    transform: scale(1) translateX(-50%) translateY(-50%) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
}
.uph-button {
    vertical-align: bottom;
    position: relative;
    z-index: 3;
}
.uph-button a {
    position: absolute;
    top: -15px;
    right: 1rem;
    -webkit-overflow-scrolling: touch;
    transition: background-color 0.18s ease;
    padding: 0.4rem 0.6rem;
    border-radius: 30px;
    background-color: #273c60;
    color: #ffffff;
    font-weight: 500;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(0 0 0 / 15%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%), 0 2px 6px 2px rgb(0 0 0 / 15%);
}
.uph-button .upb-text:hover {
    background-color: #2f4770;
}
.uph-button .upb-settings-icon {
    margin-right: 4px;
}
.qa-user-profile-banner {
    position: relative;
    min-height: 395px;
    margin-bottom: 2rem;
    border-radius: 30px;
    overflow: hidden;
}
.qup-banner-container {
    display: flex;
    width: 100%;
    color: #ffffff;
    padding: 2rem;
    position: relative;
    z-index: 1;
}
.qup-banner-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    background-image: radial-gradient(circle at 0 2%, #283e63, #172337 99%);
    pointer-events: none;
}
@media (min-width: 575px) {
    .qupb-cover-image {
        opacity: 0.4;
        filter: blur(4px);
        will-change: filter;
        -webkit-overflow-scrolling: touch;
    }
}
.qup-banner-cover img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) translateY(-20%) translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.qupb-cover-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    background-image: linear-gradient(0deg, #1c262f 0, rgba(28, 38, 47, 0.35) 100%);
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile,
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity,
.qa-template-user:not(.qa-template-editing-user) .qa-part-message-list,
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list {
    display: inline-flex;
    flex-direction: column;
    width: 45%;
    min-height: 500px;
    padding: 2rem;
    margin: 1rem 2rem;
    vertical-align: top;
    background-color: #ffffff;
    -moz-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 18px;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-message-list {
    display: none;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity {
    margin: 1rem 0rem;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list {
    width: 93.2%;
}
@media (max-width: 700px) {
    .qa-template-user .badge-container-sources {
        transform: translateX(300%);
    }
}
.qa-part-form-profile .qa-form-wide-buttons {
    padding-left: 0;
}
.qa-template-user .qa-part-message-list {
    display: none;
}
.qa-part-form-activity h2,
.qa-part-message-list h2,
.qa-part-form-badges-list h2 {
    font-size: 0.8125rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 0;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile .qa-form-wide-table,
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity .qa-form-wide-table {
    font-size: 0.8125rem;
}
.cc-edit-mobile {
    position: absolute;
    left: 50%;
    bottom: -16px;
    z-index: 1;
    transform: translateX(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    background-color: #1e1e1e;
    color: #e0e0e0 !important;
    font-size: 1.625rem;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.qa-upb-avatar-container {
    width: 43%;
    max-width: 228px;
    position: relative;
}
.qa-upb-avatar {
    display: block;
    background-color: rgb(0 0 0 / 20%);
    border-radius: 300px;
    border-bottom-right-radius: 75px;
    border-bottom-left-radius: 75px;
}
.qa-upb-avatar img {
    width: 100%;
    height: auto;
    background-color: rgb(255 255 255 / 45%);
    transition: width ease 0.2s, max-width ease 0.2s, height ease 0.2s;
}
.qa-template-user .qa-favoriting button {
    width: 36px;
    height: 36px;
    background-color: #b5b5b5;
    border-radius: 50%;
    z-index: 2;
    fill: #444444;
}
.qa-template-user .qa-favoriting .qa-unfavorite-button:before {
    color: #444444;
}
.qa-template-user .svg-icon.qa-favorite-icon {
    width: 32px;
}
.upb-show-followers {
    display: inline;
    font-weight: 400;
}
.upb-get-followers {
    display: none;
}
.qa-upb-img-container {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}
.qa-upb-img-wrapper {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border: 14px solid transparent;
    box-shadow: 0 0 0 0.55rem rgb(255 255 255 / 8%);
    border-radius: 50%;
}
.qa-upb-img-wrapper img {
    border-radius: 50%;
}
.qa-upb-img-wrapper .noUserAvatar svg.qa-svg {
    width: 105%;
    height: 105%;
}
#cape-profile-edit {
    position: absolute;
    top: 50%;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    height: 50%;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    padding: 12px;
    opacity: 0;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
    overflow: hidden;
}
.qa-upb-img-wrapper:hover #cape-profile-edit {
    opacity: 0.8;
}
#cape-profile-edit .cc-edit-button {
    font-size: 0.75rem;
}
.cc-edit-avatar {
    fill: #ffffff;
}
.qa-upb-avatar-points {
    text-align: center;
    padding: 1.5rem 1rem 1rem 1rem;
}
.qa-upb-avatar-points .qa-upb-username {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 168px;
    text-transform: capitalize;
}
.qa-user-banner-points {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
.points-symbol {
    display: inline-block;
    position: relative;
    margin: 0 4px;
    margin-inline-start: 3px;
    margin-inline-end: 2px;
    line-height: 1;
    height: 16px;
    vertical-align: middle;
}
.qa-logged-in-data .points-symbol {
    margin-inline-end: 3px;
}
.points-symbol:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #7c39ff;
    background-image: linear-gradient(45deg, #6b30df 50%, #7c39ff 50%);
    transform: rotate(45deg) skew(10deg, 10deg);
}
.qa-template-question .qa-who-suffix-container .points-symbol {
    margin-inline-start: 1px;
}
@media (min-width: 575px) {
    .qa-user-banner-points .points-symbol {
        height: 18px;
        margin-inline-end: 4px;
    }
    .qa-user-banner-points .points-symbol:before {
        width: 8px;
        height: 8px;
    }
}
.qa-user-banner-badges {
    margin-bottom: 0.4rem;
    display: none;
}
.upb-favorite-container {
    border-top: 1px solid rgb(255 255 255 / 10%);
    margin-top: 1rem;
    padding-top: 1rem;
    margin-bottom: 0.5rem;
}
.upb-favorite-container form {
    display: inline-block;
}
.qa-user-button,
.qa-favoriting-user button {
    display: inline-block;
    padding: 0rem 1rem;
    margin: 0 0.1rem;
    vertical-align: middle;
    background-color: rgb(0 0 0 / 40%);
    transition: background-color 0.18s ease;
    font-family: inherit;
    line-height: 2.3;
    font-weight: bold;
    border-radius: 30px;
}
.qa-favoriting-user button,
.qa-user-button,
a.qa-user-button {
    background-color: #e0e0e0;
    color: #444444;
    fill: #444444;
}
@media (max-width: 575px) {
    .qa-user-button,
    .qa-favoriting-user button {
        line-height: 2.5;
    }
}
#trigger-user-subnav {
    padding: 0 0.25rem;
}
.qa-favoriting-user button {
    background-color: #e0e0e0;
}
.qa-favoriting-user button:hover {
    background-color: #b1b1b1;
}
.qa-favoriting-user button.qa-unfavorite-button,
[data-theme="dark"] .qa-favoriting-user button.qa-unfavorite-button {
    background-color: rgb(0 0 0 / 40%);
    color: #ffffff !important;
}
#trigger-user-about,
#trigger-user-subnav {
    display: none;
}
.qa-upb-about {
    width: 100%;
    position: relative;
    padding: 0 2rem;
}
.qa-upb-badgery {
    width: 100%;
}
#userfield-3 {
    display: none;
}
.qa-other-about {
    margin-bottom: 1rem;
}
.about-aoi-item {
    margin-bottom: 6px;
}
.qa-other-about .floatRight {
    text-align: end;
}
.text-small,
.small-text {
    font-size: 0.75rem;
}
.about-rank-number {
    padding: 0.15rem 0.4rem;
    border-radius: 5px;
}
.urank1 {
    background-color: #fdd84b;
    color: #000;
}
.about-website a {
    background-color: rgb(255 255 255 / 22%);
    color: #ffffff;
    fill: #ffffff;
    display: inline-block;
    padding: 1px 8px 1px 3px;
    border-radius: 30px;
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: background-color 0.18s ease;
}
.about-website a:hover {
    background-color: rgb(255 255 255 / 30%);
}
.about-website a svg.qa-svg {
    transform: rotate(-45deg);
}
.qa-upb-badgery-badges .badge-medals-widget {
    width: 100%;
}
.qa-upb-badgery-badges .badge-pointer {
    display: inline-block;
    text-align: center;
    width: 32%;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.1);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 10px;
    border-radius: 0.934rem;
}
.qa-upb-badgery-badges .badge-pointer .badge-bronze-count,
.qa-upb-badgery-badges .badge-pointer .badge-silver-count,
.qa-upb-badgery-badges .badge-pointer .badge-gold-count {
    display: block;
    font-size: 2rem;
    line-height: normal;
    padding-bottom: 1rem;
}
.qa-user-profile-banner .badge-bronze-count:before,
.qa-user-profile-banner .badge-silver-count:before,
.qa-user-profile-banner .badge-gold-count:before {
    display: none;
}
.qa-upb-badgery-badges .badge-bronze-medal,
.qa-upb-badgery-badges .badge-silver-medal,
.qa-upb-badgery-badges .badge-gold-medal {
    display: none;
}
.qa-upb-badgery-badges .badge-pointer-Bronze:before,
.qa-upb-badgery-badges .badge-pointer-Silver:before,
.qa-upb-badgery-badges .badge-pointer-Gold:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    line-height: normal;
}
.qa-upb-badgery-badges .badge-pointer-Gold:after,
.qa-upb-badgery-badges .badge-pointer-Silver:after,
.qa-upb-badgery-badges .badge-pointer-Bronze:after {
    display: block;
    white-space: initial;
    font-size: 0.8125rem;
    line-height: initial;
    color: rgb(255 255 255 / 45%);
    white-space: nowrap;
}
.qa-upb-badgery-badges .badge-pointer-Gold:after {
    content: "Gold Badges";
}
.qa-upb-badgery-badges .badge-pointer-Silver:after {
    content: "Silver Badges";
}
.qa-upb-badgery-badges .badge-pointer-Bronze:after {
    content: "Bronze Badges";
}
.cc-profile-tabs {
    display: none;
}
.qa-upb-other-info {
    width: 40%;
    position: relative;
}
.qa-upb-item {
    position: relative;
    color: rgb(95, 99, 104);
    margin: 0.4rem 0;
}
#userfield-3 a {
    display: inline-block;
    line-height: normal;
}
#level .qa-form-wide-static a {
    background-color: #3d5bee;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.6875rem;
    font-weight: bold;
    padding: 0.2rem 0.4rem;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
    margin-top: 0.4rem;
    display: inline-block;
    display: none;
}
.qa-form-wide-static a.qa-ip-link {
    overflow-wrap: anywhere;
}
.qa-upb-abtitle-container {
    white-space: nowrap;
}
.qa-upb-about-title {
    width: 60%;
    font-weight: 500;
    color: inherit;
}
.qa-upb-user-at {
    color: #9fa4ad;
    margin: 0 3px;
}
.qa-upb-user-location {
    max-width: 30%;
    text-overflow: ellipsis;
    overflow: hidden;
    fill: #ffffff;
    font-weight: 400;
}
.qa-upb-location-icon {
    fill: #ffffff;
    margin-top: -2px;
}
.qa-upb-about:before {
    display: none;
}
.qa-upb-about-content {
    width: 100%;
    max-width: 350px;
    max-height: 300px;
    overflow: auto;
    color: rgba(255, 255, 255, 0.64);
    display: block;
    padding-right: 1rem;
}
@media (min-width: 575px) {
    .qa-upb-about-content {
        opacity: 0;
        animation: appear 0.6s forwards;
        animation-delay: 0.15s;
    }
}
.qa-upb-about-content a {
    overflow-wrap: anywhere;
}
.qa-upb-about-content img {
    max-width: 100%;
    height: auto;
}
.close-about-container {
    display: none;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    margin-bottom: 1rem;
}
.trigger-close-about {
    cursor: pointer;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.qa-upb-about-content::-webkit-scrollbar {
    width: 10px;
    background: #f4f4f4;
}
.qa-upb-about-content::-webkit-scrollbar-thumb {
    background: #636364;
    border: 0;
}
.qa-upb-about-content::-webkit-scrollbar-track {
    background-color: #323740;
}
.qa-template-editing-user .qa-part-form-profile,
.qa-template-editing-user .qa-part-form-activity {
    width: 100%;
}
.qa-template-user:not(.qa-template-editing-user) tbody#avatar,
.qa-template-user:not(.qa-template-editing-user) tr#userfield-4 {
    display: none;
}
#userfield-4 .qa-form-wide-static {
    display: block;
    margin-top: 1rem;
}
.qa-form-wide-static img {
    max-width: 100%;
    height: auto;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile .qa-form-wide-table tr {
    position: relative;
    margin: 0.4rem 0;
}
#bonus .qa-form-wide-data {
    position: relative;
}
.qa-part-form-activity input.qa-form-wide-number {
    padding: 0.3rem;
}
.qa-uf-container-a-votes,
.qa-uf-container-downvotes,
.qa-uf-container-downvoteds {
    display: block;
}
.qa-uf-user-upvotes,
.qa-uf-user-upvoteds {
    color: #3d5bf0;
}
.qa-uf-user-downvotes,
.qa-uf-user-downvoteds {
    color: #f83052;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity .qa-form-wide-buttons {
    padding: 8px 0;
}
.qa-template-account tbody tr:nth-last-child(2) {
    border: none;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-message-list .qa-form-tall-buttons,
.qa-template-user-wall .qa-form-tall-buttons {
    padding: 0;
}
.qa-part-form-message {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.qa-part-form-message:after {
    content: "";
    display: block;
    background-color: #f0f2f4;
    background-position: center;
    width: 100%;
    height: 15px;
    padding: 12px 0;
}
.qa-part-form-message .qa-form-tall-data {
    padding-bottom: 0;
}
.qa-template-user .qa-message-list-form,
.qa-template-user-wall .qa-message-list-form {
    border-radius: 8px;
}
.qa-template-user-wall .qa-message-list-form {
    margin: 1rem;
    padding: 1rem;
    border: 1px solid #e0e0e0;
}
[data-theme="dark"] .qa-template-user-wall .qa-message-list-form {
    border: 1px solid #2c2c2c;
    -moz-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
}
.qa-part-message-list .qa-error ~ [name="wallpost"] .qa-message-list-form {
    display: none;
}
.qa-template-user-wall .qa-message-list-form .qa-form-tall-data {
    padding-bottom: 0;
}
.qa-template-user:not(.qa-template-editing-user) .qa-part-message-list .qa-message-list {
    padding: 1rem 1rem 3rem 0.5rem;
    margin-bottom: 2rem;
}
.qa-template-user-wall .qa-message-list {
    padding: 2rem;
    margin-bottom: 2rem;
}
.qa-template-user .qa-part-message-list .qa-message-list-form tbody {
    display: flex;
    width: 100%;
}
.qa-template-user .qa-part-message-list .qa-message-list-form tr {
    display: inline-flex;
}
.qa-template-user .qa-part-message-list .qa-message-list-form tr:first-child {
    flex: auto;
}
.qa-template-user .qa-part-message-list .qa-message-list-form tr:first-child .qa-form-tall-data {
    width: 95%;
}
#permits .qa-form-wide-data:before,
#email .qa-form-wide-static:after,
#lastlogin .qa-form-wide-static:after,
#lastwrite .qa-form-wide-static:after,
#bonus .qa-form-wide-data:after {
    content: "i";
    font-family: monospace;
    position: absolute;
    top: 10px;
    -webkit-overflow-scrolling: touch;
    width: 15px;
    vertical-align: top;
    background-color: #e0e0e0;
    border-radius: 30px;
    padding: 4px;
    cursor: pointer;
    font-size: 16px;
    line-height: 15px;
    pointer-events: auto;
    text-align: center;
}
#email .qa-form-wide-static:after,
#lastlogin .qa-form-wide-static:after,
#lastwrite .qa-form-wide-static:after,
#bonus .qa-form-wide-data:after {
    right: 0;
}
#permits .qa-form-wide-data:hover .qa-form-wide-static {
    animation: visibleAppear 0.2s forwards;
}
#permits .qa-form-wide-data:before .qa-form-wide-static:hover {
    animation: visibleAppear 0s forwards;
    animation-delay: 0s;
}
#permits .qa-form-wide-data .qa-form-wide-static:before {
    content: "";
    position: absolute;
    top: 40px;
    right: 100%;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    border-top: 10px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid rgb(0 0 0 / 90%);
    border-bottom: 10px solid transparent;
}
tr#permits .qa-form-wide-data {
    position: absolute;
    -webkit-overflow-scrolling: touch;
    display: inline;
}
tr#permits .qa-form-wide-static,
.qa-template-user:not(.qa-template-editing-user) .qa-form-wide-note {
    position: absolute;
    top: -30px;
    left: 3rem;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0 0 0 / 90%);
    color: #ffffff;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    pointer-events: none;
    -moz-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
}
.qa-template-user:not(.qa-template-editing-user) .qa-form-wide-note {
    top: initial;
    left: initial;
    right: 0;
    margin-right: -12px;
    bottom: 120%;
}
.qa-template-user:not(.qa-template-editing-user) .qa-form-wide-note:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 14px;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    border-top: 12px solid rgb(0 0 0 / 90%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid transparent;
}
.qa-template-user:not(.qa-template-editing-user) .qa-form-wide-static:hover ~ .qa-form-wide-note,
#bonus .qa-form-wide-data:hover .qa-form-wide-note {
    animation: tooltipAppear 0.2s forwards;
    animation-delay: 0.5s;
}
.qa-template-editing-user .qa-user-profile-header,
.qa-template-editing-user .qa-user-profile-banner {
    display: none;
}
.qa-template-editing-user .qa-part-form-profile,
.qa-template-editing-user .qa-part-form-activity {
    margin-bottom: 3rem;
}
#legacy-social-container {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000000;
    transform-origin: 0 0;
    transform: scale(0) translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.125), transform 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.145);
    background-color: #ffffff;
    border-radius: 0.5rem;
    -moz-box-shadow: 0 0.6875rem 0.9375rem -0.4375rem rgb(0 0 0 / 20%), 0 1.5rem 2.375rem 0.1875rem rgb(0 0 0 / 14%), 0 0.5625rem 2.875rem 0.5rem rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0.6875rem 0.9375rem -0.4375rem rgb(0 0 0 / 20%), 0 1.5rem 2.375rem 0.1875rem rgb(0 0 0 / 14%), 0 0.5625rem 2.875rem 0.5rem rgb(0 0 0 / 12%);
    box-shadow: 0 0.6875rem 0.9375rem -0.4375rem rgb(0 0 0 / 20%), 0 1.5rem 2.375rem 0.1875rem rgb(0 0 0 / 14%), 0 0.5625rem 2.875rem 0.5rem rgb(0 0 0 / 12%);
    padding: 2rem;
    opacity: 0;
    pointer-events: none;
    backface-visibility: hidden;
}
#legacy-social-container.opened {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateX(-50%) translateY(-50%) translateZ(0);
}
[data-theme="dark"] #legacy-social-container {
    background-color: #3b3e44;
}
#legacy-social-bar {
    margin-top: 1rem;
}
.legacy-social-link-container {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    background-color: #eee;
    padding: 0.4rem;
    border-radius: 30px;
}
[data-theme="dark"] .legacy-social-link-container {
    background-color: #292b2f;
}
.legacy-social-link-wrapper {
    width: 100%;
    position: relative;
}
#legacy-social-link {
    width: 100%;
    background-color: transparent;
    color: #525252;
    padding: 0.65rem 0.8rem;
    border: none;
    transform: translateX(0) translateY(0) translateZ(0);
    backface-visibility: hidden;
}
[data-theme="dark"] #legacy-social-link,
[data-theme="dark"] #legacy-social-link:focus {
    color: #777777;
}
#legacy-social-link:focus {
    box-shadow: none;
}
.copy-social-link-effect {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: normal;
    background-color: #e3f2fd;
    color: #0963d9;
    background-color: #525252;
    color: #bbdefb;
    padding: 0.5rem 0.8rem;
    opacity: 0;
    border-radius: 3px;
    pointer-events: none;
    transform: translateY(0%) translateZ(0);
    -webkit-overflow-scrolling: touch;
    transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
    backface-visibility: hidden;
}
[data-theme="dark"] .copy-social-link-effect {
    background-color: #000000;
}
.copy-social-link-effect.opened {
    opacity: 1;
    transform: translateY(-150%) translateZ(0);
    -moz-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
}
#legacy-copy-social {
    flex: none;
    margin-bottom: 0;
    transform: translateX(0) translateY(0) translateZ(0);
}
#legacy-copy-social .qa-button-text {
    pointer-events: none;
}
a.legacy-share-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: inherit !important;
    border: none;
    width: 60px;
    margin: 0 0.3rem;
    outline: none;
    text-align: center;
    backface-visibility: hidden;
}
.legacy-share-btn:active {
}
.lss-title {
    font-size: 0.825rem;
    backface-visibility: hidden;
}
.lss-icon {
    backface-visibility: hidden;
}
[class^="qa-part-form-plugin"] {
    border: 1px solid #dadce0;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 2rem;
}
[data-theme="dark"] [class^="qa-part-form-plugin"] {
    border-color: #9e9e9e;
}
.qa-part-form-plugin-options {
    margin-top: calc(-2rem - 6px);
    border-top-color: #ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #ffffff;
    border-top: 1px dashed #9d9d9d;
}
@media (min-width: 1300px) {
    .sc-header-wrapper {
        padding: 0 2rem;
    }
    .leftPanel.display-none {
        transform: translateX(0) translateZ(0);
        visibility: visible;
    }
    .dark-pane {
        z-index: 9999999;
    }
}
@media (min-width: 900px) {
    .qa-search-container {
        display: initial;
    }
    .mobile-search-trigger-container {
        display: none;
    }
    .leftPanel {
        min-height: 279px;
    }
    .qa-sidepanel {
        min-height: 300px;
    }
}
@media (min-width: 700px) {
    .trigger-more-buttons.noSelect {
        display: none;
    }
    .cc-edit-mobile {
        display: none;
    }
}
@media (min-width: 575px) {
    a.qa-topbar-message {
        display: none;
    }
    .qa-whos-post-header {
        display: none;
    }
    .comment-list-container.display-none {
        display: block;
    }
}
@media (min-width: 480px) {
    .qa-c-list-item .trigger-more-buttons,
    .qa-message-item .trigger-more-buttons {
        display: inline-block;
    }
}
@media (min-width: 1300px) and (max-width: 1320px) {
    .qa-template-users .qa-ranking-item {
        max-width: 190px;
    }
}
@media (max-width: 1300px) {
    .sc-header-wrapper {
        padding-inline-end: 1rem;
    }
    #menu-trigger {
        display: inline-flex;
        width: 56px;
        height: 56px;
    }
    .qa-body-container {
        margin-left: 0;
    }
}
@media (max-width: 1140px) {
    .qa-search form {
        width: 42%;
    }
    body:not(.qa-template-login):not(.qa-template-register):not(.qa-template-forgot) .qa-logo {
        transform: scale(0.7);
        transform-origin: 0;
    }
    .qa-form-wide-data input:not(.qa-form-wide-number):not([type="checkbox"]) {
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 900px) {
    .qa-search-container {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        z-index: 3;
        background-color: #ffffff;
    }
    .qa-search form {
        width: 90%;
    }
    .qa-logged-in-data {
        padding: 0.6rem;
    }
    .qa-nav-user .sc-logged-in-points,
    .qa-nav-user .badge-medals-widget {
        display: none;
    }
    .sc-user-nav {
        right: -4px;
    }
    .qa-body-wrapper,
    .qa-template-user .qa-body-wrapper {
        margin: 0;
    }
    .qa-main,
    .qa-template-admin .qa-main,
    .qa-template-custom .qa-main,
    .qa-template-account .qa-main,
    .qa-template-favorites .qa-main,
    .qa-template-ip .qa-main,
    .qa-template-message .qa-main {
        width: 100%;
        padding: 0;
    }
    .qa-sidepanel {
        display: none;
    }
    .qa-a-list-item-selected {
        box-shadow: none;
    }
    .qa-template-blog .qa-q-view-main {
        width: 100%;
    }
    .qa-post-c-list,
    .qa-c-form {
    }
    .qa-c-item-who-title {
        display: none;
    }
    .qa-upb-header-msg a {
        right: 1rem;
    }
    .qa-part-form-profile form {
        padding-left: 1.5rem;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-form-wide-label {
        padding-right: 4px;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-form-wide-label,
    .qa-template-user:not(.qa-template-editing-user) .qa-form-wide-data {
        display: block;
        width: 100%;
    }
    .qa-part-form-profile .qa-form-wide-data {
        max-width: 17rem;
    }
    .qa-part-form-profile a {
        max-width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-form-wide-label {
        padding-bottom: 0;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-form-wide-data {
        padding-top: 0;
    }
    #permits td {
        display: inline-block;
        padding: 0.6rem 0.3rem;
        width: auto;
    }
    tr#permits .qa-form-wide-static {
        top: 44px;
        left: -5rem;
        right: initial;
    }
    #permits .qa-form-wide-data .qa-form-wide-static:before {
        top: -24px;
        right: 55%;
        border-top: 12px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 12px solid rgb(0 0 0 / 90%);
    }
    #userfield-4 .qa-form-wide-label {
        display: block;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list {
        display: block;
    }
    #email:before,
    #userfield-2:before,
    #userfield-3:before {
        top: -8px;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile .qa-form-wide-table tr {
        border-bottom: 1px solid #f5f5f5;
        padding: 0.3rem 0;
    }
    #userfield-4 .qa-form-wide-static {
        margin-top: 0;
        max-width: 100%;
        overflow-x: hidden;
        word-break: break-word;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity .qa-form-wide-buttons {
        text-align: initial;
    }
}
@media (max-width: 700px) {
    body {
        font-size: 0.875rem;
    }
    .noScroll,
    .noScroll .qa-header {
        margin-right: 0px;
        padding-right: 0px;
    }
    .qa-nav-main {
        margin-top: 2rem;
    }
    .mobile-search-trigger-container {
        width: 56px;
        height: 56px;
    }
    .qa-nav-user-item {
        padding: 0.8rem 0.5rem;
    }
    .qa-nav-user-dark-theme {
        padding: 1rem 0.5rem;
    }
    .qa-title-section {
        padding: 0.5rem 1rem 1rem 1rem;
        margin: 0;
        min-height: auto;
        border-bottom: 1px solid #e0e0e0;
        -moz-box-shadow: 0 3px 4px 0 rgb(0 0 0 / 8%);
        -webkit-box-shadow: 0 3px 4px 0 rgb(0 0 0 / 8%);
        box-shadow: 0 3px 4px 0 rgb(0 0 0 / 8%);
        position: relative;
    }
    .qa-main .qa-title-section {
        padding: 0.5rem 1rem 1rem 1rem;
    }
    .qa-title-section .qa-main-heading h1 {
        font-size: 0.875rem;
        line-height: initial;
        align-self: center;
    }
    .svg-icon.qa-favorite-icon {
        width: 2rem;
    }
    .qa-template-user .qa-part-form-pupi-pc-pointschart,
    .qa-template-user .qa-part-form-newsletter {
        display: none;
    }
    .favTabs {
        width: 100%;
        overflow: hidden;
    }
    .favTab {
        width: 25%;
        margin: 0 8px;
    }
    .favGlider {
        width: 25%;
    }
    .favTabs input[id="favRadio-2"]:checked ~ .favGlider {
        margin-left: -5px;
    }
    .favTabs input[id="favRadio-3"]:checked ~ .favGlider {
        margin-left: -9px;
    }
    .favTabs input[id="favRadio-4"]:checked ~ .favGlider {
        margin-left: -12px;
    }
    .favNotification {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        margin-left: 4px;
        min-width: 20px;
        width: 20px;
        height: 20px;
    }
    .qa-rss-icon {
        font-size: 1.5rem;
        width: 20px;
        height: 20px;
    }
    .qa-rss-icon .svg-icon {
        width: inherit;
        height: inherit;
    }
    .qa-template-login .qa-main,
    .qa-template-register .qa-main,
    .qa-template-forgot .qa-main {
        border: none;
        box-shadow: none;
        margin: 0 auto;
    }
    .qa-template-login .qa-footer,
    .qa-template-register .qa-footer,
    .qa-template-forgot .qa-footer {
        margin: 0;
        padding: 1rem;
        border-top: 1px solid #e0e0e0;
    }
    .qa-q-item-main {
        padding-left: 12px;
    }
    .qa-template-blogs .qa-q-item-main {
        padding-left: 4px;
    }
    .qa-q-item-stats {
        width: 60px;
        min-width: initial;
    }
    .qa-q-list-item .qa-view-count {
        width: 100%;
        white-space: nowrap;
    }
    .qa-q-item-avatar,
    .qa-q-item-avatar-meta .noUserAvatar {
        display: none;
    }
    .qa-q-item-content {
        max-height: 44px;
    }
    body:not(.qa-template-question) .qa-q-item-when {
        white-space: nowrap;
    }
    .qa-suggest-next {
        font-size: inherit;
    }
    .qa-template-question .qa-post-view.qa-q-view {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }
    .qa-template-question .qa-a-list-item {
        width: 100%;
    }
    .qa-question-stats {
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        border-bottom: none;
    }
    .qa-q-view-main,
    .qa-a-item-main {
        width: calc(100% - 52px);
    }
    .qa-question-stats .qa-q-view-flags {
        font-size: inherit;
    }
    .qa-post-view {
        padding: 1rem 16px 1rem 0;
    }
    .qa-q-view-follows {
        padding: 0.5rem 1rem;
    }
    .qa-q-view-follows:before {
        padding: 0 0.5rem;
    }
    .qa-c-list-item .qa-post-content {
        font-size: inherit;
        line-height: inherit;
        padding-right: 2rem;
    }
    .qa-q-view-closed {
        margin-right: 24px;
        font-size: inherit;
        padding: 0.5rem 1rem 0.5rem 3rem;
    }
    .qa-q-view-closed:before {
        padding: 0 0.5rem;
    }
    .qa-template-question .qa-post-when-container,
    .qa-template-question .qa-view-count {
        float: none;
        margin: 0;
        max-width: 90%;
    }
    .qa-template-question .qa-post-when-container {
        margin-top: 0.5rem;
    }
    .ct-who2 {
        padding: 2px 6px;
    }
    body:not(.qa-template-question) .ct-who2 .qa-q-item-what {
        display: none !important;
    }
    .ct-who2 .qa-q-item-when:before {
        content: "\270E";
        transform: rotate(90deg);
        line-height: 1;
        margin: 0 -2px;
    }
    #a_list_title {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .qa-template-question .qa-post-view .qa-voting {
        min-width: 50px;
    }
    .qa-template-question .qa-c-list-item .qa-vote-buttons {
        width: initial;
    }
    .qa-c-list-item .qa-vote-count {
        font-size: 0.8rem;
    }
    .qa-q-view,
    .qa-a-list-item {
        position: relative;
    }
    .qa-template-question .qa-q-view .qa-user-container {
        margin-top: 1rem;
    }
    .qa-template-question .qa-user-container {
        float: none;
        width: 100%;
        padding: 1rem;
    }
    .qa-q-view-buttons,
    .qa-a-item-buttons {
        position: relative;
        float: none;
        margin-top: 1rem;
        max-width: 100%;
        width: 100%;
    }
    .qa-message-item .qa-a-item-buttons {
        position: initial;
        margin: 0;
    }
    .qa-form-light-button {
        margin-right: 5px;
    }
    .loggedOut .qa-q-view-buttons .trigger-more-buttons {
        display: none;
    }
    button.qa-form-light-button.trigger-more-buttons {
        padding: 0.4rem;
    }
    .qa-c-list-item .trigger-more-buttons {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-overflow-scrolling: touch;
        padding: 0.5rem;
        margin: 0;
        color: rgb(95, 99, 104);
    }
    .qa-c-list-item .trigger-more-buttons {
        top: -0.5rem;
        right: 0;
    }
    .more-buttons-container,
    .qa-c-list-item .more-buttons-container {
        position: absolute;
        right: 6px;
        bottom: 0.5rem;
        z-index: 999;
        transform-origin: 100% 100%;
        transform: scale(0.2) translateZ(0);
        -webkit-overflow-scrolling: touch;
        transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.105), transform 0.3s cubic-bezier(0.175, 0.885, 0.22, 1.105);
        will-change: opacity, transform;
        -moz-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
        box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
        background-color: #ffffff;
        padding: 8px 0;
        min-width: 200px;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        border-radius: 4px;
    }
    .qa-c-list-item .more-buttons-container,
    .qa-message-item .more-buttons-container {
        top: 0;
        right: 10px;
        bottom: initial;
        transform-origin: 100% 0;
    }
    .qa-q-view-buttons.opened .more-buttons-container,
    .qa-a-item-buttons.opened .more-buttons-container {
        transform: scale(1) translateZ(0);
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
    }
    .more-buttons-container .qa-form-light-button,
    .qa-c-list-item .qa-form-light-button {
        display: block;
        width: 100%;
        padding: 0.8rem 0.4rem;
        margin: 0;
        position: relative;
        border-radius: 0;
        font-size: 0.875rem;
        background-color: transparent !important;
    }
    .more-buttons-container .qa-form-light-button svg.qa-svg,
    .opened .qa-message-item .qa-form-light-button svg.qa-svg {
        margin: 0 0.8rem;
    }
    button.qa-form-light-button .svg-icon {
        margin-right: 0.5rem;
    }
    .pbContainer .qa-q-view-who-data,
    .pbContainer .qa-a-item-who-data {
        font-size: inherit;
    }
    .qa-template-user .qa-title-section {
        position: relative;
    }
    .qup-banner-container {
        display: block;
        padding: 0;
    }
    .qa-upb-avatar {
        background-color: transparent;
        padding: 0;
        text-align: center;
    }
    .qa-user-profile-banner,
    .qa-upb-avatar-container {
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: 310px;
        padding: 1rem;
        margin: 0 auto;
        border-radius: 0;
    }
    #cape-profile-edit {
        display: none;
    }
    .qa-upb-img-wrapper {
        width: 144px;
        height: 144px;
        margin: 0 auto;
        border: 0;
    }
    .qa-upb-avatar-points .qa-upb-username {
        margin: 0;
        max-width: unset;
    }
    .qa-upb-avatar-points .qa-upb-user-at {
        display: block;
        font-size: 0.75rem;
    }
    .qa-user-banner-badges {
        display: initial;
    }
    .upb-favorite-container .qa-favorite-button,
    .upb-favorite-container .qa-unfavorite-button,
    #trigger-user-about,
    #trigger-user-subnav,
    .qa-user-button {
        display: inline-block;
        padding: 0.1rem 1rem;
    }
    #trigger-user-subnav {
        width: 33px;
        height: 33px;
        padding: 0;
    }
    .qa-upb-about {
        pointer-events: none;
        position: absolute;
        top: 3rem;
        left: 0;
        right: 0;
        bottom: 0rem;
        z-index: 4;
        transform: translateY(100%) translateZ(0);
        -webkit-overflow-scrolling: touch;
        transition: transform 0.3s ease, opacity 0.3s ease;
        width: 100vw;
        height: 100vh;
        margin: 0 -1rem;
        background-color: #12171c;
        padding: 1.5rem;
        border-radius: 30px;
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .qa-upb-about.opened {
        pointer-events: auto;
        transform: translateY(0%) translateZ(0);
    }
    .qa-upb-about-content {
        height: 190px;
    }
    .close-about-container {
        display: block;
    }
    .qa-upb-badgery {
        margin-top: 1rem;
        text-align: center;
        display: none;
    }
    #userfield-3 {
        display: initial;
    }
    .qa-template-user .cc-user-content-container {
        overflow: hidden;
        position: relative;
        margin-top: -12px;
        z-index: 1;
    }
    .qa-template-user .cc-user-content-wrapper {
        display: flex;
        width: 100%;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }
    .qa-template-user .txam-000 {
        transform: translateX(0);
    }
    .qa-template-user .txam-100 {
        transform: translateX(-100%);
    }
    .qa-template-user .txam-200 {
        transform: translateX(-200%);
    }
    .qa-template-user .txam-300 {
        transform: translateX(-300%);
    }
    .qa-template-user .qa-part-form-activity,
    .qa-template-user .qa-part-form-badges-list,
    .qa-template-user .qa-part-form-profile,
    .qa-template-user .qa-part-message-list {
        width: 100%;
        flex-shrink: 0;
    }
    .cc-profile-tabs {
        display: flex;
        width: 100%;
        overflow: auto;
        overflow: hidden;
    }
    .cc-protab {
        flex: auto;
        padding: 10px 0;
        margin: 0 -4px;
        cursor: pointer;
        text-align: center;
        color: rgb(255 255 255 / 55%);
    }
    .cc-protab span {
        font-weight: 700;
        text-transform: uppercase;
        pointer-events: none;
        padding: 6px 14px;
        transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-bottom: 2px solid transparent;
    }
    .active-cc-tab span {
        color: #ffffff;
        border-bottom: 2px solid;
    }
    .qa-part-form-activity h2,
    .qa-part-message-list h2,
    .qa-part-form-badges-list h2 {
        display: none;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile,
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 1rem;
        padding-bottom: 10rem;
        border: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-message-list,
    .qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list {
        float: none;
        width: 100% !important;
        margin: 0 auto;
        padding: 1rem;
        padding-bottom: 10rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .badges-tabs-content .qa-part-message-list {
        display: block !important;
    }
    .qa-template-user-wall .qa-message-list {
        padding: 0;
    }
    .qa-error,
    .qa-form-tall-error {
        font-size: 0.75rem;
    }
    .qa-template-user .qa-error,
    .qa-template-user .qa-form-tall-error {
        margin: 0 -2rem;
    }
    .qa-template-user .qa-part-message-list .qa-message-list-form tbody {
        display: initial;
    }
    .qa-template-user .qa-part-message-list .qa-message-list-form tr {
        display: initial;
    }
    .qa-template-user .qa-part-message-list .qa-message-list-form tr .qa-form-tall-data {
        padding-bottom: 0;
    }
    .qa-template-user:not(.qa-template-editing-user) .qa-part-message-list #wallmessages {
        padding: 1rem 0 3rem 0;
    }
    .qa-ranking-users-points,
    .qa-ranking-users-date,
    .qa-ranking-users-level {
        margin: 0;
    }
    .qa-template-users .qa-ranking-item {
        margin: 7px 5px;
        width: 46%;
        min-height: 155px;
        padding: 1rem;
    }
    .qa-template-favorites .qa-top-users-avatar a.qa-avatar-link,
    .qa-template-users .qa-top-users-avatar a.qa-avatar-link {
        outline: none;
        width: 60px;
        height: 60px;
        border: 0px solid rgb(255 255 255);
    }
    .ask-new-container {
        display: block;
    }
    .qa-template-qa .leg-ask-new,
    .qa-template-activity .leg-ask-new,
    .qa-template-questions .leg-ask-new,
    .qa-template-hot .leg-ask-new {
        display: flex;
    }
    #legacy-social-container {
        width: 90vw;
        padding-top: 0.5rem;
    }
    a.legacy-share-btn {
        width: 50px;
        margin-top: 1rem;
    }
    .lss-title {
        font-size: 0.6875rem;
    }
    .qa-form-wide-table td {
        display: block;
    }
    .qa-q-list-item .MathJax_Display {
        overflow: auto;
        max-width: 70vw;
    }
    .qa-template-blogs .qa-q-item-stats,
    .qa-template-exams .qa-q-item-stats {
        min-width: 58px;
    }
    .qa-template-blogs .qa-what-when-container ~ .ct-who2 {
        top: 2px;
        bottom: initial;
        right: 0;
        padding: 4px 10px;
        max-width: 10px;
    }
    .qa-template-blogs .qa-what-when-container ~ .ct-who2:before {
        width: 16px;
        height: 16px;
        padding: 7px 5px;
    }
}
@media (max-width: 575px) {
    body {
        padding-top: 56px;
        font-size: 12px;
        line-height: 19px;
        font: 400 12px/19px Roboto, sans-serif;
        background-color: #ffffff;
    }
    .qa-template-user {
        margin-top: -56px;
    }
    textarea,
    .qa-form-tall-text,
    .qa-form-wide-text {
        font-size: 0.875rem;
    }
    .qa-form-tall-ok,
    .qa-form-wide-ok {
        bottom: 6rem;
        max-width: 85vw;
    }
    .notify-container {
        bottom: 6rem !important;
    }
    .qa-header {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    #menu-trigger {
        display: none;
    }
    body:not(.qa-template-qa):not(.qa-template-home) #go-back-trigger {
        display: inline-flex;
    }
    .qa-logo {
        margin: 1rem;
    }
    body:not(.qa-template-qa):not(.qa-template-home) #go-back-trigger ~ .qa-logo {
        margin: 0;
        margin-left:10px !important;
    }
    .sc-header-wrapper {
        height: 56px;
    }
    a.sc-register {
        display: none;
    }
    a.sc-login{
        display: none;
    }
    .qa-logged-in-data,
    .qa-nav-user .qa-logged-in-pad,
    .qa-topbar-search-button {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    .qa-nav-user .qa-logged-in-data {
        display: none;
    }
    .sc-topbar-avatar {
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }
    .qa-closed-tag-text {
        display: none;
    }
    .qa-a-item-when-pad,
    .qa-a-item-who-pad {
        display: none;
    }
    .qa-post-view .pbContainer .qa-q-view-who-pad,
    .qa-post-view .pbContainer .qa-a-item-who-pad {
        margin-top: 4px;
    }
    #osnbox:hover {
        background-color: unset;
    }
    .nfyWrap {
        top: -8px !important;
        right: -1rem !important;
        bottom: 0;
        width: 100vw !important;
        height: calc(100vh + 40px);
        padding-bottom: 6rem !important;
    }
    .nfyTop {
        height: 56px;
        padding: 1.4rem 1rem !important;
        background-color: #ffffff !important;
        border-bottom: 1px solid #e0e0e0 !important;
        -moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
        -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
        border-radius: 0 !important;
    }
    .nfyWrap .nfyContainer {
        overflow: hidden !important;
        height: 100% !important;
        max-height: initial !important;
        padding: 0 !important;
    }
    #nfyContainerInbox {
        max-height: 100%;
        padding-bottom: 50vh !important;
        overflow: auto;
    }
    .qa-template-user .widget-main-top {
        display: none;
    }
    .muffin-top-note {
        margin-top: 0;
        margin-bottom: 0;
    }
    .qa-template-login.loggedOut .gdev-body-wrapper,
    .qa-template-ask .gdev-body-wrapper {
        animation: lazyLoadAppear 0.7s forwards;
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .qa-template-qa .cc-user-content-container,
    .qa-template-activity .cc-user-content-container,
    .qa-template-questions .cc-user-content-container,
    .qa-template-hot .cc-user-content-container,
    .qa-template-unanswered .cc-user-content-container {
        min-height: 530px;
    }
    .qa-template-categories .qa-main-wrapper {
        padding: 0;
    }
    #filter-trigger {
        display: inline-flex;
        background-color: #e0e0e0;
    }
    .filter-list {
        position: absolute;
        top: -2px;
        left: 0;
        z-index: 4;
        -webkit-overflow-scrolling: touch;
        width: 90vw;
        max-width: 380px;
        max-height: 60vh;
        -moz-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
        -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
        box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
        background-color: #ffffff;
        padding: 12px;
        border-radius: 4px;
        backface-visibility: hidden;
        overflow: auto;
        display: none;
    }
    .qa-template-user .filter-list {
        display: block;
        position: fixed;
        top: initial;
        left: 0;
        right: 0;
        bottom: 0px;
        z-index: 99999998;
        width: 100vw;
        height: 50vh;
        padding-bottom: 6rem;
        transform: translateY(100%) scaleX(0.8) translateZ(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .qa-template-user .filter-list.showFilterList {
        transform: translateY(0) scaleX(1) translateZ(0);
    }
    .qa-template-user .qa-nav-sub-list .qa-nav-sub-item {
        animation: none;
        opacity: 1;
    }
    .subNav-ball-animation,
    body:not(.qa-template-admin) .subNav-ball-animation {
        top: 12px;
        left: 12px;
    }
    .qa-nav-sub-list .qa-nav-sub-item {
        width: 48%;
        overflow: hidden;
    }
    .qa-nav-sub-list a {
        color: inherit;
        font-size: 0.9375rem;
        display: inline-block;
        padding: 0.5rem 3rem 0.5rem 1rem;
        white-space: nowrap;
        text-transform: capitalize;
        -webkit-overflow-scrolling: touch;
    }
    .qa-nav-sub-item:hover {
        color: #444444;
        background-color: #eee;
    }
    .filter-wrapper {
        text-align: center;
    }
    .showFilterList {
        display: block;
        text-align: initial;
        overflow-x: hidden;
    }
    .qa-html-widget {
        font-size: 0.8125rem;
        font-size: 0.75rem;
    }
    .qa-template-admin .qa-part-form {
        padding-top: 1rem;
    }
    .leftPanel {
        top: initial;
        bottom: 0px;
        z-index: 99999998;
        width: 100vw;
        height: 82vh;
        transform: translateY(0) scaleX(1) translateZ(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .leftPanel.display-none {
        transform: translateY(100%) scaleX(0.8) translateZ(0);
        visibility: visible;
    }
    .qa-nav-main-logo {
        margin: 1rem 2rem;
        height: 50px;
        line-height: 50px;
    }
    .qa-nav-main-logo .qa-logo {
        margin: 0;
    }
    .qa-nav-main {
        margin-top: 1rem;
        max-height: 70%;
    }
    .qa-nav-main-list {
        overflow: hidden;
        height: unset;
    }
    .qa-nav-main-list:before {
        width: 85% !important;
    }
    .qa-nav-main-ask {
        height: 43px;
    }
    .leftPanel .qa-nav-main-item,
    .leftPanel .qa-nav-main-item-opp {
        opacity: 1;
        animation: none;
        animation-duration: 0.3s;
    }
    .qa-nav-main-list a {
        padding: 0.8rem 0.5rem;
    }
    a.qa-nav-main-item {
        padding: 0.7rem;
        font-size: 1rem;
    }
    .loggedOut-UI {
        margin-top: 1rem;
        padding-bottom: 8rem;
        place-content: flex-end;
    }
    .loggedIn .loggedOut-UI {
        padding-bottom: 6rem;
        box-shadow: none !important;
    }
    .loui-darkMode-wrapper {
        padding: 1rem;
    }
    .loui-goTop {
        display: none;
    }
    .qa-main.qa-logReg-container {
        width: 100%;
        max-width: 250px;
        padding: 2rem 0rem;
    }
    .qa-q-list-item {
        padding: 1rem;
        padding-left: 0;
    }
    .qa-q-list-item:hover {
        background-color: inherit;
    }
    .qa-q-item-title {
        overflow: hidden;
        max-height: 46px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }
    .qa-q-item-title a {
        font-size: 0.9375rem;
        font-weight: 500;
    }
    .qa-template-blogs .qa-q-item-title {
        max-height: 53px;
        margin-top: -8px !important;
        padding: 8px 0;
    }
    .qa-template-question .qa-title-section h1 {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
    .qa-favoriting button svg.qa-svg {
        width: 32px;
        height: 32px;
    }
    .qa-q-item-tag-list {
        display: inline;
    }
    #section-post-tags {
        margin-bottom: 0;
    }
    .qa-q-list-item .more-tags-container {
        display: inline-block;
    }
    .qa-c-item-who .qa-who-suffix-container,
    .qa-c-item-who:hover .qa-who-suffix-container {
        display: none;
    }
    .qa-post-content {
        margin-right: 0.5rem;
    }
    .qa-post-clamp {
        -webkit-line-clamp: 31;
    }
    [data-theme="dark"] .qa-post-clamp:not(.expandable):not(.qa-c-item-content):after {
        background: linear-gradient(rgb(255 255 255 / 0%), #1b1c1e);
    }
    [data-theme="dark"] .qa-a-list-item-selected .qa-post-clamp:not(.expandable):not(.qa-c-item-content):after {
        background: linear-gradient(rgb(255 255 255 / 0%), #1a1f1e);
    }
    .qa-a-select-button:after,
    .qa-a-unselect-button:after {
        width: 26px !important;
        height: 26px !important;
    }
    .qa-a-select-button svg.qa-svg,
    .qa-a-unselect-button svg.qa-svg,
    .qa-a-selected svg.qa-svg {
        width: 27px;
        height: 27px;
    }
    .qa-q-list-item .qa-voting,
    .qa-q-list-item .qa-a-count,
    .qa-q-list-item .qa-view-count {
    }
    .qa-netvote-count-data .svg-icon,
    .qa-a-count-data .svg-icon,
    .qa-view-count-data .svg-icon {
        width: 23px;
        height: 14px;
    }
    .qa-netvote-count-data:after,
    .qa-a-count-data:after,
    .qa-view-count-data:after {
        width: 12px;
        height: 16px;
        line-height: 18px;
        font-size: 14px;
    }
    .qa-q-item-avatar-meta .qa-post-when-container {
        margin-top: 6px;
        width: 30%;
        float: right;
    }
    .qa-q-item-tags {
        margin-top: 8px;
        width: 66%;
        max-height: 28px;
        overflow: hidden;
    }
    .q-tags-expanded .qa-post-when-container {
        display: none;
    }
    .q-tags-expanded .qa-q-item-tags {
        max-height: unset;
        overflow: unset;
        width: 100%;
    }
    .qa-q-item-what {
        display: block;
    }
    a.qa-tag-link,
    .qa-widget-side .qa-q-view-tag-item,
    .qa-widget-side > div > a {
        font-weight: initial;
    }
    .qa-q-item-title .qa-closed-tag {
        display: none;
    }
    body:not(.qa-template-question):not(.qa-template-messages):not(.qa-template-user):not(.qa-template-user-wall):not(.qa-template-blog) .qa-user-container {
        display: none;
    }
    .list-status.list-item-closed,
    .list-status.list-item-closed:before {
        width: 22px;
        height: 22px;
    }
    .qa-voting-button:after {
        width: 32px;
        height: 32px;
    }
    .qa-c-list-item .qa-a-list-item .qa-a-item-buttons .trigger-more-buttons {
        top: initial;
        bottom: 1.2rem;
    }
    .qa-part-form-badges-list {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .qa-post-view table td {
        padding: 0;
    }
    .qa-a-list-item.qa-a-list-item-selected {
        padding-bottom: 2rem;
    }
    .qa-trigger-comments.display-none {
        display: inline-block;
        padding: 0.5rem 0.7rem;
    }
    .qa-expand-comments {
        padding: 0 0.6rem 1rem 0.6rem;
    }
    a.qa-c-item-what {
        display: none;
    }
    .qa-whos-post-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .comment-list-container .popup-comments-header {
        display: flex;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        padding: 1rem;
        margin: 0 -0.5rem;
        transition: box-shadow 0.1s ease-in-out;
    }
    .mobcom-scrolled {
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    }
    .comment-list-container {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10000000;
        transform: translateX(0) scaleX(1) translateZ(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        height: 100vh;
        padding: 0 0.5rem;
        background-color: #ffffff;
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .comment-list-container.display-none {
        transform: translateX(100%) scaleX(0.8) translateZ(0);
    }
    .qa-whosp-content {
        margin: 0 1rem;
        max-height: 40px;
        overflow: hidden;
    }
    .qa-post-c-list {
        height: 100%;
    }
    .qa-c-form h2 {
        font-size: 0.75rem;
        font-weight: normal;
        line-height: normal;
    }
    .comment-list-wrapper {
        overflow: auto;
        height: calc(100% - 84px);
        padding-top: 0.6rem;
        padding-bottom: 15rem;
    }
    .qa-c-list-item:before {
        width: 100%;
    }
    .qa-c-list-item .noUserAvatar.avatarNotRegistered {
        width: 46px;
    }
    .qa-ranking-item,
    .qa-template-favorites .qa-ranking-item.qa-top-tags-item,
    .qa-template-tags .qa-ranking-item.qa-top-tags-item {
        width: 49%;
    }
    .qa-template-question .qa-main {
        padding: 0;
    }
    .qa-template-question .qa-view-count {
        display: block;
    }
    .qa-template-question .qa-view-count .qa-view-count-icon {
        display: none;
    }
    .qa-question-stats .qa-q-view-flags {
        padding: 0 1rem;
    }
    .qa-question-stats {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 1rem 0;
        border-bottom: 1px solid #e0e0e0;
    }
    .qa-template-user .qa-header {
        background-color: transparent;
        color: #ffffff;
        fill: #ffffff;
    }
    .qa-header.qa-topbar-sticky {
        background-color: #ffffff;
        color: inherit;
        fill: inherit;
    }
    .noScroll .qa-header.hide-header,
    .qa-header.qa-topbar-sticky.hide-header {
        transform: translateY(-130%);
    }
    .menu-trigger-icon,
    a.qa-logo-link,
    .mobile-search-trigger {
        color: inherit;
    }
    .qa-template-user .qa-header:not(.qa-topbar-sticky) .qa-logo img {
        filter: invert(1) grayscale(1);
    }
    .qa-template-user .qa-title-section {
        border: none !important;
    }
    .qa-template-user .muffin-top-note {
        margin: 0;
    }
    .qa-template-user .qa-title-section {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 2;
    }
    .qa-template-user .filter-container {
        margin: 0;
    }
    .qa-template-user .filter-wrapper {
        text-align: inherit;
    }
    .qa-template-user #filter-trigger {
        background-color: transparent;
        color: #ffffff;
        position: absolute;
        top: 62px;
        left: 0;
        z-index: 2;
        -webkit-overflow-scrolling: touch;
    }
    .qa-template-user #filter-trigger .ft-text {
        display: none;
    }
    .qa-user-profile-container {
        position: relative;
        background-color: #000000;
    }
    .qupb-cover-image {
        opacity: 0.6;
    }
    .profile-fader.parallax-shadow {
        width: 100%;
        height: 505px;
        z-index: 1;
        background-image: linear-gradient(rgb(0 0 0 / 0%), #0a0e12);
        box-shadow: 0px 122px 0px 120px #0a0e12;
        transform: translateY(60%) translateZ(0);
        -webkit-overflow-scrolling: touch;
        transition: opacity 0.25s ease;
        pointer-events: none;
        will-change: transform;
        opacity: 0;
    }
    .qa-header.qa-topbar-sticky ~ .qa-gdev-body .profile-fader {
        opacity: 1;
    }
    .qa-user-profile-footer {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        padding: 0.5rem 1rem 1.6rem 1rem;
    }
    .qa-template-user .qa-favoriting {
        top: 145px;
        right: initial;
        left: 50%;
        transform: translateX(-50%) translateZ(0);
        z-index: 1;
    }
    .qa-template-user .qa-favoriting button {
        background-color: #45515e;
    }
    .qa-upb-header-msg a {
        top: 62px;
        right: 4rem;
        color: #ffffff;
    }
    .qa-user-profile-banner {
        position: fixed;
        top: 0;
        -webkit-overflow-scrolling: touch;
        padding-top: 86px;
        padding-bottom: 3.5rem;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .qup-banner-cover img {
        height: 100vh;
        width: auto;
    }
    .uph-button {
        display: none;
    }
    .qa-part-form-profile form {
        padding: 0;
    }
    .qa-template-account .qa-form-wide-label,
    .qa-template-account .qa-form-wide-data {
        display: block;
    }
    .qa-template-account .qa-form-wide-label {
        padding-bottom: 0;
    }
    .qa-template-account .qa-form-wide-data {
        padding-top: 4px;
    }
    .qa-suggest-next:before {
        font-size: 1rem;
    }
    .qa-template-favorites .qa-suggest-next {
        margin: 1rem -2rem 0rem 0rem;
    }
    .dark-pane {
        opacity: 0.6;
    }
    .qa-template-user .qa-footer-bottom-group {
        display: none;
    }
}
@media (max-width: 425px) {
    .qa-template-favorites .qa-main-heading {
        display: none;
    }
    .favNotification {
        display: none;
    }
    .qa-q-item-stats,
    .qa-view-count-data {
        font-size: 0.75rem;
    }
    .qa-q-list-item .qa-q-item-content {
    }
    .qa-q-item-meta,
    .qa-q-list-item .qa-post-when-container,
    .badges-q-list {
        font-size: 0.6875rem;
        line-height: normal;
    }
    .input-ctlabel .qa-form-tall-label,
    .qa-form-tall-label,
    #email_shown,
    #email_hidden,
    #a_email_shown,
    a_email_hidden {
        max-width: 88%;
        font-size: 0.75rem;
    }
    .q2am-next-prev-question {
        margin: 15px 0.5rem;
    }
    .q2am-next-prev-question .button {
        padding: 0.4rem 0.6rem;
    }
    .answer_input input#answer {
        padding: 0.6rem 0.8rem;
    }
}
@media (max-width: 375px) {
    .flex-item.sc-logo-container {
        min-width: 65%;
    }
}
@media (max-width: 320px) {
    input.qa-form-tall-text,
    .qa-form-tall-email {
        padding: 0.6rem 0.8rem;
    }
    .input-ctlabel .qa-form-tall-label {
        transform: none;
    }
    .answer_input input#answer {
        padding: 0.6rem 0.8rem;
        margin: 0 0.8rem;
    }
    input#ans-submit {
        margin: 0.5rem 0.8rem 0 0.8rem;
    }
}
[data-theme="dark"] body {
    background-color: #36393f;
    color: #dcddde;
    fill: #dcddde;
}
[data-theme="dark"] ::selection {
    background-color: #53709b;
    color: #fff;
}
[data-theme="dark"] ::-moz-selection {
    background-color: #53709b;
    color: #fff;
}
@media (min-width: 700px) {
    [data-theme="dark"] * :not(body) ::-webkit-scrollbar-track {
        background-color: rgb(0 0 0 / 8%);
    }
    [data-theme="dark"] * :not(body) ::-webkit-scrollbar {
        background-color: rgb(0 0 0 / 6%);
    }
    [data-theme="dark"] * :not(body) ::-webkit-scrollbar-thumb {
        background-color: rgb(255 255 255 / 10%);
        border-color: #2f3236;
    }
    [data-theme="dark"] * :not(body) ::-webkit-scrollbar-corner {
        background: rgb(0 0 0 / 6%);
    }
    [data-theme="dark"] .leftPanel ::-webkit-scrollbar-track {
        background-color: rgb(0 0 0 / 6%);
    }
    [data-theme="dark"] .leftPanel ::-webkit-scrollbar-thumb {
        border-color: #282b30;
    }
}
@media (min-width: 1700px) {
    .qa-main {
        width: calc(100% - 320px);
    }
    .qa-q-list-item {
        display: inline-table;
        width: 48%;
        min-height: 210px;
        vertical-align: top;
    }
    .qa-q-item-tag-list {
        display: inline;
    }
    .qa-q-list-item .more-tags-container {
        display: inline-block;
    }
    .qa-q-item-title {
        max-height: 46px;
        overflow: hidden;
        display: -webkit-box;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .q-tags-expanded .qa-user-container {
        display: none;
    }
    .q-tags-expanded .qa-q-item-tags {
        width: 100%;
    }
}
@media (min-width: 1700px) and (max-width: 1900px) {
    .qa-user-container,
    .qa-q-item-tags {
        width: 48%;
    }
}
[data-theme="dark"] hr {
    background-color: #616161;
}
[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="password"]:focus {
    color: #ffffff;
    -moz-box-shadow: inset 0 0px 0 1px #bdbdbd;
    -webkit-box-shadow: inset 0 0px 0 1px #bdbdbd;
    box-shadow: inset 0 0px 0 1px #bdbdbd;
    border-color: #bdbdbd;
}
[data-theme="dark"] input[type="text"].qa-form-tall-number:focus {
    -moz-box-shadow: inset 0 -1px 0 0px #bdbdbd;
    -webkit-box-shadow: inset 0 -1px 0 0px #bdbdbd;
    box-shadow: inset 0 -1px 0 0px #bdbdbd;
}
[data-theme="dark"] .qa-template-login input[type="text"]:focus,
[data-theme="dark"] .qa-template-register input[type="text"]:focus,
[data-theme="dark"] .qa-template-forgot input[type="text"]:focus,
[data-theme="dark"] .qa-template-login input[type="password"]:focus,
[data-theme="dark"] .qa-template-register input[type="password"]:focus,
[data-theme="dark"] .qa-template-forgot input[type="password"]:focus {
    color: #ffffff;
    -moz-box-shadow: inset 0px -1px 0px 0px #bdbdbd;
    -webkit-box-shadow: inset 0px -1px 0px 0px #bdbdbd;
    box-shadow: inset 0px -1px 0px 0px #bdbdbd;
    border-color: #bdbdbd;
}
[data-theme="dark"] textarea {
    background-color: #292b2f;
    color: #b8b8b8;
    caret-color: #ffffff;
}
[data-theme="dark"] textarea:focus {
    background-color: transparent;
    color: #ffffff;
}
[data-theme="dark"] .qa-mobile-textarea textarea,
[data-theme="dark"] .qa-mobile-textarea textarea:focus [data-theme="dark"] .qa-mobile-textarea textarea.wmd-input {
    background-color: #292b2f;
}
[data-theme="dark"] .qa-post-content a,
[data-theme="dark"] a.qa-category-link,
[data-theme="dark"] .q2am-next-prev-question .button,
[data-theme="dark"] a.qa-browse-cat-link,
[data-theme="dark"] .qa-browse-cat-note a,
[data-theme="dark"] .as-widget a,
[data-theme="dark"] #qas-recent-posts a,
[data-theme="dark"] .qa-related-qs a,
[data-theme="dark"] .qa-part-custom a,
[data-theme="dark"] a.qa-c-item-expand {
    color: #90bfff;
}
[data-theme="dark"] blockquote {
    background-color: rgb(255 224 178 / 20%);
    color: #dcddde;
}
[data-theme="dark"] .qa-q-view-content pre,
[data-theme="dark"] .qa-a-item-content pre,
[data-theme="dark"] .qa-c-item-content pre,
[data-theme="dark"] .wmd-preview pre,
[data-theme="dark"] code {
    background-color: #1f2124;
    color: inherit;
}
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] .qa-form-tall-email,
[data-theme="dark"] .qa-form-wide-email {
    background-color: transparent;
}
[data-theme="dark"] .qa-form-wide-number,
[data-theme="dark"] .qa-form-tall-number {
    background-color: #292b2f !important;
}
[data-theme="dark"] .input-ctlabel .qa-form-tall-label {
    background-color: #36393f;
}
input[type="text"]:autofill,
input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill:active,
input[type="password"]:autofill,
input[type="password"]:-webkit-autofill,
input[type="password"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:active,
input.gdev-input:autofill,
input.gdev-input:-webkit-autofill,
input.gdev-input:-webkit-autofill:hover,
input.gdev-input:-webkit-autofill:focus,
input.gdev-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    transition: box-shadow 0s ease;
}
[data-theme="dark"] input[type="text"]:autofill,
[data-theme="dark"] input[type="text"]:-webkit-autofill,
[data-theme="dark"] input[type="text"]:-webkit-autofill:hover,
[data-theme="dark"] input[type="text"]:-webkit-autofill:focus,
[data-theme="dark"] input[type="text"]:-webkit-autofill:active,
[data-theme="dark"] input[type="password"]:autofill,
[data-theme="dark"] input[type="password"]:-webkit-autofill,
[data-theme="dark"] input[type="password"]:-webkit-autofill:hover,
[data-theme="dark"] input[type="password"]:-webkit-autofill:focus,
[data-theme="dark"] input[type="password"]:-webkit-autofill:active,
[data-theme="dark"] input.gdev-input:autofill,
[data-theme="dark"] input.gdev-input:-webkit-autofill,
[data-theme="dark"] input.gdev-input:-webkit-autofill:hover,
[data-theme="dark"] input.gdev-input:-webkit-autofill:focus,
[data-theme="dark"] input.gdev-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #36393f inset !important;
    -webkit-text-fill-color: #dcddde;
    caret-color: #dcddde;
}
[data-theme="dark"] .qa-template-admin .badge-listing input[type="text"],
[data-theme="dark"] .qa-part-form-plugin-options .qa-form-tall-number {
    border-color: transparent;
    background-color: #25272a;
}
[data-theme="dark"] select {
    background-color: #4d515a;
    color: #ffffff;
    -moz-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    box-shadow: 0 1px 2px 0 rgb(38 40 42), 0 1px 3px 1px rgb(21 23 24);
    box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
}
[data-theme="dark"] .qa-form-light-button {
    color: #ffffff;
    fill: #fcfcfc;
}
[data-theme="dark"] .qa-form-light-button:hover {
    background-color: rgb(95, 99, 104) !important;
    color: #ffffff;
}
.qa-form--button-block,
.qa-form--button-block,
.qa-form-light-button-clearflags,
.qa-form-light-button-unflag {
    border-color: #fa3437 !important;
    color: #fa3437 !important;
    background-color: transparent !important;
}
.qa-form--button-block:hover,
.qa-form--button-block:hover,
.qa-form-light-button-clearflags:hover,
.qa-form-light-button-unflag:hover {
    background-color: rgb(250 52 55 / 20%) !important;
    border-color: transparent;
}
[data-theme="dark"] .qa-form--button-block,
[data-theme="dark"] .qa-form--button-block,
[data-theme="dark"] .qa-form-light-button-clearflags,
[data-theme="dark"] .qa-form-light-button-unflag {
    border-color: #a94141 !important;
    color: #f55b5d !important;
    fill: #f55b5d;
}
[data-theme="dark"] .qa-form--button-block:hover,
[data-theme="dark"] .qa-form--button-block:hover,
[data-theme="dark"] .qa-form-light-button-clearflags:hover,
[data-theme="dark"] .qa-form-light-button-unflag:hover {
    border-color: transparent !important;
}
[data-theme="dark"] .qa-form-light-button-clearflags,
[data-theme="dark"] .qa-form-light-button-unflag {
    color: #ffffff !important;
    fill: #ffffff;
}
@media (max-width: 575px) {
    [data-theme="dark"] .qa-form-light-button-clearflags,
    [data-theme="dark"] .qa-form-light-button-unflag {
        color: #f55b5d !important;
        fill: #f55b5d;
        border-color: transparent;
    }
}
[data-theme="dark"] .qa-form--button-block:hover,
[data-theme="dark"] .qa-form--button-block:hover,
[data-theme="dark"] .qa-form-light-button-clearflags:hover,
[data-theme="dark"] .qa-form-light-button-unflag:hover {
    background-color: #2e2727 !important;
    border-color: #362525;
}
.qa-form--button-block:before,
.qa-form--button-block:before,
.qa-form-light-button-clearflags:before,
.qa-form-light-button-unflag:before {
    background-color: transparent !important;
}
[data-theme="dark"] .qa-form--button-block:before,
[data-theme="dark"] .qa-form--button-block:before,
[data-theme="dark"] .qa-form-light-button-clearflags:before,
[data-theme="dark"] .qa-form-light-button-unflag:before {
    background-color: rgb(255 255 255 / 10%) !important;
}
.qa-form-light-button-clearflags,
.qa-form-light-button-unflag {
    border: 1px solid;
}
[data-theme="dark"] .qa-template-admin small {
    color: #909090 !important;
}
[data-theme="dark"] .qa-part-form-plugin-options {
    background-color: #36393f;
}
[data-theme="dark"] .qa-error,
[data-theme="dark"] .qa-form-tall-error {
    background-color: rgb(255 69 72 / 15%);
    color: #ff4f53;
}
[data-theme="dark"] .qa-error a {
    color: inherit;
}
[data-theme="dark"] .qa-error a:hover,
[data-theme="dark"] .qa-warning a:hover,
[data-theme="dark"] .qa-form-tall-error a:hover {
    background: rgb(255 255 255 / 15%);
}
[data-theme="dark"] #site_maintenance {
    background-color: #543535;
    color: #ff4548;
}
@keyframes highlightDark {
    0% {
        background-color: #81735d;
    }
    100% {
        background-color: transparent;
    }
}
[data-theme="dark"] .mf-divider {
    background-color: #202020;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.5px;
    width: 100%;
}
[data-theme="dark"] .mf-divider:before {
    content: "";
    position: absolute;
    bottom: calc(100% + 0.5px);
    -webkit-overflow-scrolling: touch;
    height: 1px;
    width: 100%;
    background: linear-gradient(180deg, transparent, rgb(255 255 255 / 5%) 80%) no-repeat;
}
[data-theme="dark"] .mf-divider:after {
    content: "";
    position: absolute;
    top: calc(100% + 0.5px);
    -webkit-overflow-scrolling: touch;
    height: 2px;
    width: 100%;
    background: linear-gradient(0deg, transparent, rgb(255 255 255 / 5%) 80%) no-repeat;
}
.qa-question-stats ~ .mf-divider {
    position: relative;
}
.qa-c-list-item:last-child .mf-divider {
    display: none;
}
[data-theme="dark"] .qa-question-stats ~ .mf-divider {
    margin: 0 1rem;
    width: calc(100% - 2rem);
}
[data-theme="dark"] .qa-template-question .mf-divider:before {
    display: none;
}
[data-theme="dark"] .qa-widget-main .qa-q-list .mf-divider {
    display: none;
}
[data-theme="dark"] .qa-widget-main-bottom {
    border-color: #202020;
}
[data-theme="dark"] .qa-header {
    color: #dcddde;
}
[data-theme="dark"] .qa-header.qa-topbar-sticky {
    background-color: #36393f;
    border-color: #212121;
}
[data-theme="dark"] .bottom-bar {
    color: inherit;
}
[data-theme="dark"] .bottom-bar-icon {
    border-color: #202020;
    background-color: #36393f;
    fill: #ffffff;
}
[data-theme="dark"] .bottom-bar-wrapper {
    border-bottom-color: #36393f;
    color: #ffffff;
}
[data-theme="dark"] .dsm .bottom-bar-menu,
[data-theme="dark"] .dsm .bottom-bar-close {
    background-color: #36393f;
    -moz-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 60%), 0 6px 10px 4px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 2px 3px 0 rgb(0 0 0 / 60%), 0 6px 10px 4px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 60%), 0 6px 10px 4px rgb(0 0 0 / 30%);
}
[data-theme="dark"] .qa-inset-fab {
    background-image: -webkit-radial-gradient(50% -1px, circle closest-corner, transparent 0, transparent 39px, #202020 40px);
}
[data-theme="dark"] .qa-inset-fab:before {
    background-image: -webkit-radial-gradient(50% 0%, circle closest-corner, transparent 0, transparent 39px, #36393f 40px);
}
[data-theme="dark"] .qa-inset-fab:after {
    background-color: #36393f;
}
[data-theme="dark"] a.qa-logo-link,
[data-theme="dark"] a.qa-logo-link:hover {
    color: #ffffff;
}
[data-theme="dark"] .qa-search form input {
    background-color: #292b2f;
    color: #b8b8b8;
    -webkit-text-fill-color: #b8b8b8;
}
[data-theme="dark"] .qa-search form input:focus {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}
[data-theme="dark"] .qa-search form input:autofill,
[data-theme="dark"] .qa-search form input:-webkit-autofill,
[data-theme="dark"] .qa-search form input:-webkit-autofill:hover,
[data-theme="dark"] .qa-search form input:-webkit-autofill:focus,
[data-theme="dark"] .qa-search form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #292b2f inset !important;
}
[data-theme="dark"] .qa-search-container .qa-search-button {
    color: #dcddde;
    fill: #ffffff;
}
[data-theme="dark"] .qa-search-container .qa-search-button:hover {
    background-color: #424242;
}
[data-theme="dark"] .qa-logged-in-data {
    box-shadow: inset 0px 0px 0px 1px #737881;
}
[data-theme="dark"] .sc-logged-in-points {
    color: #ffffff;
}
[data-theme="dark"] .qa-logged-in-data:hover,
[data-theme="dark"] .osn-bell:hover,
[data-theme="dark"] div#osnbox.active-menu-item .osn-bell,
[data-theme="dark"] .qa-history-new-event-link:hover,
[data-theme="dark"] .qa-logged-in-data.user-nav-open,
[data-theme="dark"] .qa-nav-user .qa-logged-in-pad.user-nav-open,
[data-theme="dark"] .pupi-fns-icon-bell:hover {
    background-color: #50545a;
    border-color: #50545a;
}
[data-theme="dark"] .sc-user-nav,
[data-theme="dark"] .sc-user-nav-mobile {
    background-color: #282b30;
    color: inherit;
}
[data-theme="dark"] .sc-user-nav,
[data-theme="dark"] .nfyWrap {
    -webkit-box-shadow: 0 2px 3px 0 rgb(14 15 16 / 20%), 0 6px 10px 4px rgb(14 15 16 / 50%) !important;
    -moz-box-shadow: 0 2px 3px 0 rgb(14 15 16 / 20%), 0 6px 10px 4px rgb(14 15 16 / 50%) !important;
    box-shadow: 0 2px 3px 0 rgb(14 15 16 / 20%), 0 6px 10px 4px rgb(14 15 16 / 50%) !important;
}
[data-theme="dark"] .qa-nav-user-handle {
    color: #ffffff;
}
[data-theme="dark"] .qa-nav-user-email {
    color: #bdbdbd;
}
[data-theme="dark"] .sc-562 {
    border-color: #202020;
}
[data-theme="dark"] .qa-nav-user-item:hover {
    background-color: rgb(255 255 255 / 10%);
}
[data-theme="dark"] .qa-nav-user-logout {
    background-color: initial;
}
[data-theme="dark"] .qa-nav-user-logout:hover {
    background-color: rgb(250 52 55 / 15%);
}
[data-theme="dark"] .qa-nav-user-dark-theme {
    border-color: rgb(255 255 255 / 5%);
}
[data-theme="dark"] .qa-nav-user-dark-theme:hover {
    background-color: transparent;
}
[data-theme="dark"] .sc-user-nav .mf-divider:before {
    display: none;
}
[data-theme="dark"] #dt-button {
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 60%), 0 1px 9px 0 rgb(0 0 0 / 60%);
}
[data-theme="dark"] .qa-nav-user-logout:before {
    background-color: #202020;
}
[data-theme="dark"] .leftPanel {
    background-color: #2e3136;
}
[data-theme="dark"] .qa-nav-main-list a:hover,
[data-theme="dark"] .qa-nav-main-selected {
    background-color: #53575e;
    color: #ffffff !important;
    font-weight: 400;
}
[data-theme="dark"] .loggedOut-UI {
    box-shadow: 0 1px 0 rgb(255 255 255 / 10%) inset;
    background-color: #2e3136;
}
[data-theme="dark"] .loggedOut-UI .dt-button {
    transform: translateX(16px) translateZ(0);
    background-color: #3ea6ff;
}
[data-theme="dark"] .site-goTop:after {
    background-color: rgb(255 255 255 / 10%);
}
[data-theme="dark"] .qa-nav-sub-list {
    color: inherit;
}
[data-theme="dark"] .qa-nav-sub-item:not(.qa-nav-sub-selected) {
    color: inherit !important;
}
[data-theme="dark"] .qa-nav-sub-item:hover:not(.qa-nav-sub-selected) {
    background-color: #53575e;
    color: #ffffff !important;
}
[data-theme="dark"] .qa-title-section .qa-main-heading h1 {
    color: #ffffff;
}
[data-theme="dark"] body:not(.qa-template-user):not(.qa-template-login):not(.qa-template-register):not(.qa-template-forgot) .gdev-body-wrapper {
    background-color: transparent;
}
[data-theme="dark"] .qa-template-login .qa-main,
[data-theme="dark"] .qa-template-register .qa-main,
[data-theme="dark"] .qa-template-forgot .qa-main {
    background-color: transparent !important;
}
[data-theme="dark"] .qa-q-list-item {
    border-color: #212121;
}
[data-theme="dark"] .qa-q-item-title a {
    color: #ffffff;
}
[data-theme="dark"] .qa-q-item-title a:visited:hover {
    color: #9575cd;
}
[data-theme="dark"] .qa-q-item-content {
    color: #cccccc;
}
[data-theme="dark"] .qa-q-item-stats {
    border-color: rgb(255 255 255 / 15%);
    color: inherit;
}
[data-theme="dark"] .qa-q-item-stats .qa-a-count-selected,
[data-theme="dark"] .qa-related-q-item .qa-a-count-selected,
[data-theme="dark"] .best-answered .qa-answer-status:after,
[data-theme="dark"] .qa-a-selected-text,
[data-theme="dark"] .qa-a-unselect-button:after,
[data-theme="dark"] .qa-a-selected:after {
    background-color: #1b725b;
}
[data-theme="dark"] .qa-q-list-item .qa-upvote-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-downvote-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-netvote-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-a-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-downvote-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-upvote-count-pad,
[data-theme="dark"] .qa-q-list-item .qa-view-count-pad,
[data-theme="dark"] .qa-q-item-title.qa-q-read:after,
[data-theme="dark"] .qa-question-list-count .q-number-pad {
    -moz-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
    box-shadow: 0 0.3125rem 0.3125rem -0.1875rem rgb(0 0 0 / 20%), 0 0.5rem 0.625rem 0.0625rem rgb(0 0 0 / 14%), 0 0.1875rem 0.875rem 0.125rem rgb(0 0 0 / 12%);
}
[data-theme="dark"] .qa-q-list-item .qa-upvote-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-downvote-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-netvote-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-a-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-downvote-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-upvote-count-pad:after,
[data-theme="dark"] .qa-q-list-item .qa-view-count-pad:after {
    border-right-color: rgb(0 0 0 / 90%);
}
[data-theme="dark"] .qa-user-link,
[data-theme="dark"] a.qa-user-link {
    color: #dcddde;
}
[data-theme="dark"] .qa-c-item-metadata .qa-ip-link,
[data-theme="dark"] .qa-c-item-metadata .qa-user-link,
[data-theme="dark"] .qa-message-item a.qa-user-link {
    color: #ffffff;
}
[data-theme="dark"] .qa-c-item-edited .qa-user-link {
    color: inherit;
}
[data-theme="dark"] .ct-who2 .qa-user-link,
[data-theme="dark"] .ct-who2 a.qa-user-link {
    color: #000000;
}
[data-theme="dark"] .qa-closed-tag {
    background-color: #616161;
    background-color: #7a6b54;
}
[data-theme="dark"] .qa-tag-link:not(.qa-tag-favorited),
[data-theme="dark"] .qa-widget-side .qa-q-view-tag-item:not(.qa-tag-favorited),
[data-theme="dark"] .show-more-tags,
[data-theme="dark"] a.qa-tag-favorited,
[data-theme="dark"] .qa-category-link,
[data-theme="dark"] a.qa-category-link {
    background-color: #9e9e9e;
    color: #000000 !important;
    fill: #000000;
}
[data-theme="dark"] .qa-category-link:hover,
[data-theme="dark"] a.qa-tag-link:hover,
[data-theme="dark"] .qa-widget-side .qa-q-view-tag-item:hover,
[data-theme="dark"] .qa-widget-side > div > a:hover {
    -moz-box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 60%), inset 0 0px 3px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 60%), inset 0 0px 3px 0px rgb(0 0 0 / 30%);
    box-shadow: inset 0 1px 2px 0 rgb(0 0 0 / 60%), inset 0 0px 3px 0px rgb(0 0 0 / 30%);
    background-color: #969696;
}
[data-theme="dark"] .svg-box {
    fill: #dcddde;
}
[data-theme="dark"] .qa-title-section .qa-main-heading a,
[data-theme="dark"] .qa-title-section .qa-main-heading h1 {
    color: #ffffff !important;
}
[data-theme="dark"] .entry-title {
    color: #ffffff;
}
[data-theme="dark"] .examinfo-left,
[data-theme="dark"] .examinfo-right {
    background-color: #36393f;
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
    border-color: #3b3e44;
}
[data-theme="dark"] .ct-who2,
[data-theme="dark"] .qa-template-blogs .qa-what-when-container ~ .ct-who2:before {
    background-color: rgb(225 245 254 / 65%);
}
[data-theme="dark"] .qa-question-stats {
    border: none;
}
[data-theme="dark"] .qa-voting-button {
    color: #9e9e9e;
}
[data-theme="dark"] .qa-a-unselect-button,
[data-theme="dark"] .qa-a-selected {
    color: #ffffff;
    fill: #ffffff;
}
[data-theme="dark"] button.qa-voted-up-button,
[data-theme="dark"] .qa-vote-up-button:hover {
    color: #3d5bf0;
}
[data-theme="dark"] button.qa-voted-down-button,
[data-theme="dark"] .qa-vote-down-button:hover {
    color: #f83052;
    fill: #f83052;
}
[data-theme="dark"] .qa-q-view-closed {
    background-color: #616161;
}
[data-theme="dark"] .qa-q-view-closed:before {
    background-color: #505050;
}
[data-theme="dark"] .qa-q-view-buttons .qa-form-light-button,
[data-theme="dark"] .qa-template-question .qa-a-item-buttons .qa-form-light-button,
[data-theme="dark"] .qa-trigger-comments,
[data-theme="dark"] .polaris-do-comment-btn .qa-form-light-button-comment {
    background-color: #53575e;
}
[data-theme="dark"] .qa-template-question .qa-user-container {
    background-color: #505050;
    background-color: #292b2f;
}
[data-theme="dark"] .qa-a-list-item,
[data-theme="dark"] .qa-message-item {
    border-color: transparent;
}
[data-theme="dark"] .qa-a-list-item-selected {
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
    border-color: #195e45 !important;
}
@media (max-width: 575px) {
    [data-theme="dark"] .qa-a-list-item-selected {
        background-color: rgb(0 74 47 / 5%);
    }
}
[data-theme="dark"] .qa-widget-container .qa-q-list {
    border-color: #202020;
}
[data-theme="dark"] .qa-c-item-buttons.opened .more-buttons-container,
[data-theme="dark"] .qa-message-item.opened .more-buttons-container {
    background-color: #3b3e44;
}
[data-theme="dark"] .qa-c-item-buttons .qa-form-light-button:hover,
[data-theme="dark"] .qa-message-item .qa-form-light-button:hover {
    background-color: #4e5256;
}
[data-theme="dark"] .qa-comment-divider {
    border-color: #202020;
}
[data-theme="dark"] .comment-list-container {
    background-color: #36393f;
}
@media (max-width: 575px) {
    [data-theme="dark"] .comment-list-container {
        background-color: #36393f;
    }
    [data-theme="dark"] .comment-list-container .popup-comments-header {
        border-color: #202020;
    }
    [data-theme="dark"] .comment-list-container .mobcom-scrolled {
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 28%);
    }
}
[data-theme="dark"] .qa-vote-up-button:hover:after,
[data-theme="dark"] .qa-vote-down-button:hover:after,
[data-theme="dark"] .trigger-more-buttons:hover:after,
[data-theme="dark"] .qa-favorite-button:hover:after,
[data-theme="dark"] .qa-unfavorite-button:hover:after {
    opacity: 0.15;
    opacity: 0.2;
}
[data-theme="dark"] .qa-post-c-list {
    border-color: #616161;
}
[data-theme="dark"] .qa-upb-header-msg a:after {
    background-color: #ffffff;
}
[data-theme="dark"] .qa-upb-header-msg a:hover:after {
    opacity: 0.2;
}
[data-theme="dark"] .about-website a {
    color: #ffffff;
}
[data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile,
[data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity,
[data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-message-list,
[data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list,
[data-theme="dark"] .qa-template-user .qa-part-form-pupi-pc-pointschart,
[data-theme="dark"] .qa-template-user .qa-part-form-newsletter {
    background-color: #36393f;
    -moz-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
}
[data-theme="dark"] .qa-form-wide-table tr {
    border-color: #4a4a4a;
}
[data-theme="dark"] #permits .qa-form-wide-data:before,
[data-theme="dark"] #email .qa-form-wide-static:after,
[data-theme="dark"] #lastlogin .qa-form-wide-static:after,
[data-theme="dark"] #lastwrite .qa-form-wide-static:after,
[data-theme="dark"] #bonus .qa-form-wide-data:after {
    background-color: #53575e;
    color: #ffffff;
}
[data-theme="dark"] .qa-template-admin .qa-form-wide-table tr:not(:last-child) {
    border-color: #4a4a4a;
}
[data-theme="dark"] .qa-form-wide-spacer,
[data-theme="dark"] .qa-form-tall-spacer {
    filter: brightness(0.5);
}
[data-theme="dark"] .qa-form-tall-table tbody#site_url,
[data-theme="dark"] .qa-form-tall-table tbody#neat_urls,
[data-theme="dark"] .qa-form-tall-table tbody#site_language,
[data-theme="dark"] .qa-form-tall-table tbody#site_theme,
[data-theme="dark"] .qa-form-tall-table tbody#site_theme_mobile,
[data-theme="dark"] .qa-form-tall-table tbody#site_text_direction,
[data-theme="dark"] .qa-form-tall-table tbody#tags_or_categories,
[data-theme="dark"] .qa-form-tall-table tbody#feedback_email,
[data-theme="dark"] .qa-form-tall-table tbody#notify_admin_q_post,
[data-theme="dark"] .qa-form-tall-table tbody#feedback_enabled,
[data-theme="dark"] .qa-form-wide-table tbody#show_custom_register,
[data-theme="dark"] .qa-form-wide-table tbody#custom_register,
[data-theme="dark"] .qa-form-wide-table tbody#show_register_terms,
[data-theme="dark"] .qa-form-wide-table tbody#register_terms,
[data-theme="dark"] .qa-form-wide-table tbody#show_notice_welcome,
[data-theme="dark"] .qa-form-wide-table tbody#notice_welcome,
[data-theme="dark"] .qa-form-wide-table tbody#show_custom_sidepanel {
    border-color: #202020;
}
[data-theme="dark"] .qa-sgst-next-fill {
    background-color: rgb(255 255 255 / 30%);
}
[data-theme="dark"] .qa-template-favorites .qa-part-ranking-users .qa-ranking-item,
[data-theme="dark"] .qa-template-users .qa-ranking-item {
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
}
[data-theme="dark"] .qa-related-q-item {
    border-color: #2f3132;
}
[data-theme="dark"] #post_ids_list {
    background-color: #292b2f;
    border-color: #37393e;
}
[data-theme="dark"] #post_ids_list_row label {
    background-color: transparent;
}
@media (min-width: 900px) {
    [data-theme="dark"] .qa-widget-side:not(.qa-activity-widget) {
        background-color: #36393f;
        border-color: transparent;
        -moz-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
        -webkit-box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
        box-shadow: 0 1px 2px 0 rgb(2 2 2 / 30%), 0 1px 3px 1px rgb(2 2 2 / 15%);
    }
}
[data-theme="dark"] .favTabs {
    background-color: #4f535a;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 15%), 0 6px 12px 0 rgb(0 0 0 / 15%);
}
[data-theme="dark"] .favNotification {
    background-color: #36393f;
}
[data-theme="dark"] .favGlider {
    background-color: #b2ccef;
}
[data-theme="dark"] .qa-template-favorites .qa-main-wrapper h2 {
    background-color: #4f535a;
}
[data-theme="dark"] .qa-template-favorites .qa-part-nav-list-categories,
[data-theme="dark"] .qa-template-favorites .qa-part-ranking-tags,
[data-theme="dark"] .qa-template-favorites .qa-part-ranking-users,
[data-theme="dark"] .qa-template-favorites .qa-part-q-list {
    border-color: #202020;
}
[data-theme="dark"] .qa-template-favorites .qa-q-list .mf-divider {
    display: none;
}
[data-theme="dark"] .mobile-login-container.opened .mobile-login-wrapper {
    animation: init 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, darkMoveUp 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation-delay: 0s, 0.7s, 1.7s;
}
[data-theme="dark"] .mobile-login-container.opened .bottom-ball-fill {
    animation: darkMateria 0.4s ease-in-out forwards;
    animation-delay: 2.35s;
}
[data-theme="dark"] .mobile-login-content svg.qa-svg {
    animation: loginLockColor 0.4s ease-in-out forwards;
    animation-delay: 1.7s;
}
@keyframes darkMoveUp {
    0% {
        bottom: 20px;
        background-color: #607d8b;
    }
    50% {
        bottom: 60%;
    }
    100% {
        bottom: calc(50% - 25px);
        background-color: #36393f;
    }
}
@keyframes darkMateria {
    0% {
        transform: translateX(-50%) translateY(50%) scale(0.08) translateZ(0);
        background-color: #36393f;
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(50%) scale(1) translateZ(0);
        background-color: #36393f;
        opacity: 1;
    }
}
@keyframes loginLockColor {
    0% {
        fill: #ffffff;
    }
    100% {
        fill: #36393f;
    }
}
[data-theme="dark"] .qa-q-view-content table {
    border-color: #202020;
}
[data-theme="dark"] .qa-q-view-content td,
[data-theme="dark"] .qa-q-view-content th {
    border-color: #202020 !important;
}
[data-theme="dark"] .qa-q-view-content tr:nth-child(even) {
    background-color: #292b2f;
}
[data-theme="dark"] .entry-content div {
    background-color: transparent !important;
}
@media (max-width: 900px) {
    [data-theme="dark"] .qa-search-container {
        background-color: #36393f;
    }
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile .qa-form-wide-table tr,
    [data-theme="dark"] .qa-message-item {
        border-color: #4a4a4a;
    }
}
@media (max-width: 700px) {
    [data-theme="dark"] .qa-header.qa-topbar-sticky {
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 28%);
    }
    [data-theme="dark"] .qa-title-section {
        border-color: #2e3136;
    }
    [data-theme="dark"] .more-buttons-container,
    [data-theme="dark"] .qa-c-list-item .more-buttons-container {
        background-color: #3b3e44;
    }
    [data-theme="dark"] .qa-user-profile-footer {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        padding: 0.5rem 1rem 1.6rem 1rem;
    }
    [data-theme="dark"] .qa-header.qa-topbar-sticky ~ .qa-gdev-body .qa-user-profile-footer {
        background-color: rgb(25 33 42 / 60%);
    }
}
@media (max-width: 575px) {
    [data-theme="dark"] body:not(.qa-template-user) #filter-trigger {
        background-color: #4f535c;
    }
}
#brightness-sheet {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999999;
    pointer-events: none;
}
[data-theme="dark"] #brightness-sheet {
    display: block;
}
.darkmode-intensity {
    width: 100%;
}
input.brightness {
    position: relative;
    direction: rtl;
    width: 100%;
    cursor: pointer;
}
.brightness:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 20px;
}
input.brightness::-webkit-slider-runnable-track {
    height: 1px;
}
input.brightness::-webkit-slider-thumb {
    transform: translateY(-50%);
}
@media (max-width: 575px) {
    [data-theme="dark"] body {
        background-color: #1b1c1e;
        color: #b8b8b8;
        fill: #dcddde;
    }
    [data-theme="dark"] .gdev-input-label {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] textarea:focus {
        color: #dcddde;
    }
    [data-theme="dark"] blockquote {
        background-color: #ffef95;
        border-color: #81735d;
    }
    [data-theme="dark"] .input-ctlabel .qa-form-tall-label {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] .qa-header.qa-topbar-sticky {
        background-color: #1b1c1e;
        border-color: #1b1c1e;
        box-shadow: 0 2px 10px 0 rgb(0 0 0 / 50%);
        fill: #dcddde;
    }
    [data-theme="dark"] .bottom-bar-icon {
        background-color: #1b1c1e;
        border-color: #454545;
    }
    [data-theme="dark"] .dsm .bottom-bar-menu,
    [data-theme="dark"] .dsm .bottom-bar-close,
    [data-theme="dark"] .qa-inset-fab:after {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] .qa-inset-fab {
        background-image: -webkit-radial-gradient(50% -1px, circle closest-corner, transparent 0, transparent 39px, #454545 40px);
    }
    [data-theme="dark"] .qa-inset-fab:before {
        background-image: -webkit-radial-gradient(50% 0%, circle closest-corner, transparent 0, transparent 39px, #1b1c1e 40px);
    }
    [data-theme="dark"] .bottom-bar-wrapper {
        border-bottom-color: #1b1c1e;
    }
    [data-theme="dark"] .bottom-bar-container.botbar-open .bottom-dar-gradient {
        background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
    }
    [data-theme="dark"] a.qa-nav-main-selected .svg-icon {
        background-color: #3c3c3c;
        box-shadow: 0px 0px 0px 6px #3c3c3c;
    }
    [data-theme="dark"] a.qa-nav-main-item:hover,
    [data-theme="dark"] a.qa-nav-main-item.qa-nav-main-selected {
        background-color: #292b2f;
    }
    [data-theme="dark"] .loggedOut-UI {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] .qa-title-section {
        border-color: rgb(255 255 255 / 4%);
    }
    [data-theme="dark"] .leftPanel,
    [data-theme="dark"] .sc-user-nav-mobile,
    [data-theme="dark"] .qa-search-container {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] a.wn-link:link {
        color: #2a3c91;
    }
    [data-theme="dark"] .noUserAvatar {
        fill: #6f6f6f;
    }
    [data-theme="dark"] .fadingSheet {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] .qa-q-item-title a,
    [data-theme="dark"] .qa-q-item-title a:visited:hover {
        color: #ffffff;
    }
    [data-theme="dark"] .qa-q-item-content {
        color: #b8b8b8;
    }
    [data-theme="dark"] .qa-q-item-stats .qa-a-count:not(.qa-a-count-zero):not(.qa-a-count-selected),
    [data-theme="dark"] .answered-not-selected .qa-answer-status:after {
        background-color: #2a3c91;
    }
    [data-theme="dark"] .qa-q-item-stats .qa-a-count-selected,
    [data-theme="dark"] .qa-related-q-item .qa-a-count-selected,
    [data-theme="dark"] .best-answered .qa-answer-status:after,
    [data-theme="dark"] .qa-a-selected-text {
        background-color: #1c5f47;
    }
    [data-theme="dark"] a.qa-tag-link:not(.qa-tag-favorited),
    [data-theme="dark"] .qa-widget-side .qa-q-view-tag-item:not(.qa-tag-favorited),
    [data-theme="dark"] .show-more-tags,
    [data-theme="dark"] a.qa-tag-link,
    [data-theme="dark"] .qa-list-category .qa-category-link,
    [data-theme="dark"] .qa-widget-side .qa-q-view-tag-item,
    [data-theme="dark"] .qa-widget-side > div > a,
    [data-theme="dark"] .qa-template-question .qa-form-light-button:not(.qa-form-light-button-unflag),
    [data-theme="dark"] .qa-template-question .qa-form-light-button:not(.qa-form-light-button-unflag):hover,
    [data-theme="dark"] .qa-trigger-comments,
    [data-theme="dark"] .polaris-do-comment-btn .qa-form-light-button-comment,
    [data-theme="dark"] a.footer-social-icon {
        background-color: #292b2f !important;
        color: #ffffff !important;
        fill: #fff;
    }
    [data-theme="dark"] .qa-form-light-button-clearflags,
    [data-theme="dark"] .qa-form-light-button-unflag {
        color: #f55b5d !important;
        fill: #f55b5d;
        border-color: transparent;
    }
    [data-theme="dark"] .qa-list-category {
        color: #ffffff;
        fill: #ffffff;
        font-weight: 400;
    }
    [data-theme="dark"] .qa-list-category .qa-category-link {
        fill: #ffffff;
    }
    [data-theme="dark"] .mf-divider {
        background-color: rgba(255, 255, 255, 0.2);
        display: none;
    }
    [data-theme="dark"] blockquote {
        background-color: rgb(129 115 93 / 20%);
        border-color: rgb(255 239 149 / 30%);
    }
    [data-theme="dark"] .qa-form-light-button:hover {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }
    [data-theme="dark"] .qa-c-item-buttons.opened .more-buttons-container,
    [data-theme="dark"] #legacy-social-container,
    [data-theme="dark"] .more-buttons-container,
    [data-theme="dark"] .qa-c-list-item .more-buttons-container,
    [data-theme="dark"] .filter-list {
        background-color: #292b2f;
    }
    [data-theme="dark"] .legacy-social-link-container {
        background-color: #101112;
    }
    [data-theme="dark"] .qa-comment-divider {
    }
    [data-theme="dark"] .comment-list-container {
        background-color: #1b1c1e;
    }
    .expandpost {
        margin-top: 0.5rem;
    }
    .qa-c-list-item .qa-voting-container,
    .qa-message-item .qa-voting-container {
        margin-top: 0.8rem;
    }
    .wmd-button-bar {
        height: 35px;
        margin-bottom: 0;
        overflow: hidden;
    }
    textarea.wmd-input {
        padding: 0.3rem 0.8rem !important;
        height: 46px;
        border-radius: 50px;
        overflow: hidden;
        display: -webkit-box;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .qa-mobile-textarea textarea.wmd-input {
        border-radius: 0;
        display: initial;
    }
    [data-theme="dark"] textarea::-webkit-resizer {
        background-color: #292b2f;
        display: none;
    }
    [data-theme="dark"] .wmd-input,
    [data-theme="dark"] body:not(.qa-template-user) .qa-mobile-textarea textarea,
    [data-theme="dark"] body:not(.qa-template-user) .qa-mobile-textarea textarea.wmd-input,
    [data-theme="dark"] .qa-mobile-textarea .wmd-button-bar,
    [data-theme="dark"] .qa-mobile-textarea .qa-form-title,
    [data-theme="dark"] .qa-main-heading.qa-mobile-textarea {
        background-color: #292b2f;
    }
    [data-theme="dark"] #wmd-preview-content,
    [data-theme="dark"] .wmd-preview {
        background-color: transparent;
        border-top: 1px dashed rgb(255 224 178 / 15%) !important;
        border-bottom: 1px dashed rgb(255 224 178 / 15%) !important;
    }
    [data-theme="dark"] .qa-header.qa-topbar-sticky ~ .qa-gdev-body .qa-user-profile-footer {
        background-color: rgb(6 8 10 / 60%);
    }
    [data-theme="dark"] .qup-banner-cover {
        background-image: radial-gradient(circle at 0 2%, rgb(0 0 0 / 60%), #000000 100%);
    }
    [data-theme="dark"] .qupb-cover-gradient {
        background-image: linear-gradient(0deg, #1b1c1e 0, rgb(20 20 20 / 60%) 100%);
    }
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile,
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-activity,
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-message-list,
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-badges-list,
    [data-theme="dark"] .qa-template-user .qa-part-form-pupi-pc-pointschart {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] .qa-upb-about,
    [data-theme="dark"] .qa-upb-about.opened {
        background-color: #101112;
    }
    [data-theme="dark"] tr#permits .qa-form-wide-static {
        background-color: #1b1c1e;
    }
    [data-theme="dark"] #permits .qa-form-wide-data:before,
    [data-theme="dark"] #email .qa-form-wide-static:after,
    [data-theme="dark"] #lastlogin .qa-form-wide-static:after,
    [data-theme="dark"] #lastwrite .qa-form-wide-static:after,
    [data-theme="dark"] #bonus .qa-form-wide-data:after {
        background-color: #292b2f;
    }
    [data-theme="dark"] #permits .qa-form-wide-data .qa-form-wide-static:before,
    [data-theme="dark"] .qa-template-user:not(.qa-template-editing-user) .qa-part-form-profile .qa-form-wide-table tr,
    [data-theme="dark"] .qa-message-item,
    [data-theme="dark"] .qa-logged-in-data:hover,
    [data-theme="dark"] .osn-bell:hover,
    [data-theme="dark"] #osnbox.active-menu-item .osn-bell,
    [data-theme="dark"] .qa-history-new-event-link:hover,
    [data-theme="dark"] .qa-logged-in-data.user-nav-open,
    [data-theme="dark"] .qa-nav-user .qa-logged-in-pad.user-nav-open,
    [data-theme="dark"] .pupi-fns-icon-bell:hover {
        border-bottom-color: #292b2f;
    }
    [data-theme="dark"] body:not(.qa-template-user) #filter-trigger {
        background-color: #36393f;
    }
    .qa-template-login .qa-footer,
    .qa-template-register .qa-footer,
    .qa-template-forgot .qa-footer {
        border-color: rgb(255 255 255 / 15%);
    }
}
.qa-upb-badgery-badges .badge-pointer-Bronze:before,
.badge-title-Bronze:before {
    background-image: url(../images/bronze-badge.png);
}
.qa-upb-badgery-badges .badge-pointer-Silver:before,
.badge-title-Silver:before {
    background-image: url(../images/silver-badge.png);
}
.qa-upb-badgery-badges .badge-pointer-Gold:before,
.badge-title-Gold:before {
    background-image: url(../images/gold-badge.png);
}
.qa-upb-badgery-badges .badge-pointer-Bronze:before {
    color: #b3934e;
}
.qa-upb-badgery-badges .badge-pointer-Silver:before {
    color: #cdcdcd;
}
.qa-upb-badgery-badges .badge-pointer-Gold:before {
    color: #ffcc01;
}
.qa-part-form-message:after,
.qa-form-wide-spacer,
.qa-form-tall-spacer,
.qa-part-form-password:before,
.qa-template-account .qa-part-form:before,
.qa-template-account .qa-part-form-2:before,
.qa-template-account .qa-part-form-pipcheckbox:before {
    content: "";
    background: url(../images/striped-bar.svg) top repeat-x;
    background-position: 0 center;
    width: 100%;
    height: 15px;
    padding: 12px 0;
}
[data-theme="dark"] .qa-part-form-message:after,
[data-theme="dark"] .qa-form-wide-spacer,
[data-theme="dark"] .qa-form-tall-spacer,
[data-theme="dark"] .qa-part-form-password:before,
[data-theme="dark"] .qa-template-account .qa-part-form:before,
[data-theme="dark"] .qa-template-account .qa-part-form-2:before,
[data-theme="dark"] .qa-template-account .qa-part-form-pipcheckbox:before {
    opacity: 0.3;
}
.badge-title-Bronze:before {
    color: #c7962d;
}
.badge-title-Silver:before {
    color: #cdcdcd;
}
.badge-title-Gold:before {
    color: #ffcc01;
}
.wmd-button > span {
    background-image: url(../images/wmd-buttons.png) !important;
}
.dark-theme .wmd-button > span {
    background-image: url(../images/wmd-dark-buttons.png) !important;
}
.btn-custom {
    color: #031b37 !important;
    background-color: #ffffff !important;
}