/*!
 * minimum set of bootstrap includes for most embed components
 */

 .clearfix:after,
 .clearfix:before,
 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
   content: "";
 }
 
 .btn,
 .btn-link {
   cursor: pointer;
 }
 
 .btn:hover,
 a {
   text-decoration: none;
 }
 
 .dropdown-menu,
 ol,
 ul {
   list-style: none;
 }
 
 *,
 .btn-block,
 .input-block-level {
   box-sizing: border-box;
 }
 
 .btn-block,
 .input--text,
 button.alert,
 input[type="button"].btn-block,
 input[type="reset"].btn-block,
 input[type="submit"].btn-block {
   width: 100%;
 }
 
 .audiencesync:after,
 .auth-section:after,
 .children .post:after,
 .clearfix:after,
 .comment-footer__menu:after,
 .disqus-footer:after,
 .dropdown-menu a,
 .moderate:after,
 .nav:after,
 .notice:after,
 .post-content .post-body .media-activated .media-content-placeholder,
 .post-content .post-menu:after,
 .post-content .post-message:after,
 .post-content footer,
 .post-content:after,
 .post-list .post:after,
 .services:after,
 .sso__button.no-image,
 .textarea-wrapper:after,
 .tooltip__footer:after {
   clear: both;
 }
 
 a,
 abbr,
 acronym,
 address,
 blockquote,
 button,
 caption,
 cite,
 code,
 dd,
 del,
 dfn,
 dl,
 dt,
 em,
 fieldset,
 form,
 
 label,
 legend,
 li,
 ol,
 p,
 pre,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 tr,
 tt,
 ul,
 var {
   margin: 0;
   padding: 0;
   border: 0;
   font-weight: 400;
   font-style: normal;
   font-size: 100%;
   line-height: 1;
   font-family: inherit;
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 html {
   overflow-x: hidden!important;
   font-size: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   text-size-adjust: 100%;
 }
 
 a:active,
 a:hover {
   outline: 0;
 }
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   display: block;
 }
 
 audio,
 canvas,
 video {
   display: inline-block;
 }
 
 audio:not([controls]) {
   display: none;
 }
 
 sub,
 sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
 
 sup {
   top: -0.5em;
 }
 
 sub {
   bottom: -0.25em;
 }
 
 img {
   border: 0;
   -ms-interpolation-mode: bicubic;
 }
 
 button,
 input,
 select,
 textarea {
   font-size: 100%;
   margin: 0;
   vertical-align: baseline;
 }
 
 button,
 input {
   line-height: normal;
 }
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0;
 }
 
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   cursor: pointer;
   -webkit-appearance: button;
 }
 
 input[type="search"] {
   -webkit-appearance: textfield;
   box-sizing: content-box;
 }
 
 .input--text,
 .inputBg,
 .textarea-wrapper,
 .user-mention__list {
   -webkit-appearance: none;
 }
 
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 textarea {
   overflow: auto;
   vertical-align: top;
 }
 
 #layout,
 .btn-default,
 .dropdown-menu .divider,
 .follow-btn,
 .post-content .post-body {
   overflow: hidden;
 }
 
 .clearfix:after,
 .clearfix:before {
   display: table;
   line-height: 0;
 }
 
 .hide-text {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }
 
 .input-block-level {
   display: block;
   width: 100%;
   min-height: 30px;
 }
 
 .hide {
   display: none;
 }
 
 .btn-block,
 .show {
   display: block;
 }
 
 .affix {
   position: fixed;
 }
 
 .btn-default,
 .dropdown {
   position: relative;
 }
 
 .dropdown-toggle:active,
 .input--text:focus,
 .open .dropdown-toggle,
 .post-content:focus,
 a:focus {
   outline: 0;
 }
 
 .btn.active,
 .btn:active {
   background-color: #e6e6e6;
   background-color: #d9d9d9;
   background-image: none;
   outline: 0;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .btn.disabled,
 .btn[disabled] {
   cursor: default;
   background-color: #e6e6e6;
   background-image: none;
   opacity: 0.65;
   box-shadow: none;
 }
 
 .btn-default {
   color: #fff;
   background: #8e979c;
   font-size: 14px;
   padding: 8px 24px;
   line-height: 20px;
   text-shadow: none;
   border: none;
   box-shadow: none;
 }
 
 .btn-danger,
 .btn-info,
 .btn-inverse,
 .btn-primary,
 .btn-success,
 .btn-warning {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-repeat: repeat-x;
   color: #fff;
 }
 
 .btn-default:hover {
   color: #fff;
   background-color: #8e979c;
 }
 
 .btn-left {
   float: left;
 }
 
 .btn-right {
   float: right;
 }
 
 .btn-large {
   padding: 11px 19px;
   font-size: 17.5px;
   border-radius: 6px;
 }
 
 .btn-large [class*=" icon-"],
 .btn-large [class^="icon-"] {
   margin-top: 2px;
 }
 
 .btn-small {
   padding: 2px 10px;
   font-size: 11.9px;
   border-radius: 3px;
 }
 
 .btn-small [class*=" icon-"],
 .btn-small [class^="icon-"] {
   margin-top: 0;
 }
 
 .btn-mini {
   padding: 1px 6px;
   font-size: 10.5px;
   border-radius: 3px;
 }
 
 .btn-block {
   padding-left: 0;
   padding-right: 0;
 }
 
 .btn-block + .btn-block {
   margin-top: 5px;
 }
 
 .btn-primary {
   background-color: #004cd6;
   background-image: linear-gradient(to bottom, #0069d6, #0022d6);
   border-color: #0022d6 #0022d6 #00168a;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-primary.active,
 .btn-primary.disabled,
 .btn-primary:active,
 .btn-primary:hover,
 .btn-primary[disabled] {
   color: #fff;
   background-color: #0022d6;
 }
 
 .btn-primary.active,
 .btn-primary:active {
   background-color: #001aa3;
 }
 
 .btn-warning {
   background-color: #ffb57f;
   background-image: linear-gradient(to bottom, #ffc79e, #ff9b51);
   border-color: #ff9b51 #ff9b51 #ff6f04;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-warning.active,
 .btn-warning.disabled,
 .btn-warning:active,
 .btn-warning:hover,
 .btn-warning[disabled] {
   color: #fff;
   background-color: #ff9b51;
 }
 
 .btn-warning.active,
 .btn-warning:active {
   background-color: #ff7e1e;
 }
 
 .btn-danger {
   background-color: #da4f49;
   background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
   border-color: #bd362f #bd362f #802420;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-danger.active,
 .btn-danger.disabled,
 .btn-danger:active,
 .btn-danger:hover,
 .btn-danger[disabled] {
   color: #fff;
   background-color: #bd362f;
 }
 
 .btn-danger.active,
 .btn-danger:active {
   background-color: #942a25;
 }
 
 .btn-success {
   background-color: #5bb75b;
   background-image: linear-gradient(to bottom, #62c462, #51a351);
   border-color: #51a351 #51a351 #387038;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-success.active,
 .btn-success.disabled,
 .btn-success:active,
 .btn-success:hover,
 .btn-success[disabled] {
   color: #fff;
   background-color: #51a351;
 }
 
 .btn-success.active,
 .btn-success:active {
   background-color: #408140;
 }
 
 .btn-info {
   background-color: #49afcd;
   background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
   border-color: #2f96b4 #2f96b4 #1f6377;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-info.active,
 .btn-info.disabled,
 .btn-info:active,
 .btn-info:hover,
 .btn-info[disabled] {
   color: #fff;
   background-color: #2f96b4;
 }
 
 .btn-info.active,
 .btn-info:active {
   background-color: #24748c;
 }
 
 .btn-inverse {
   background-color: #46484c;
   background-image: linear-gradient(to bottom, #444, #494e58);
   border-color: #494e58 #494e58 #26292e;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 }
 
 .btn-inverse.active,
 .btn-inverse.disabled,
 .btn-inverse:active,
 .btn-inverse:hover,
 .btn-inverse[disabled] {
   color: #fff;
   background-color: #494e58;
 }
 
 .btn-inverse.active,
 .btn-inverse:active {
   background-color: #32353c;
 }
 
 button.btn::-moz-focus-inner,
 input[type="submit"].btn::-moz-focus-inner {
   padding: 0;
   border: 0;
 }
 
 .btn-link,
 .btn-link:active,
 .btn-link[disabled] {
   background-color: transparent;
   background-image: none;
   box-shadow: none;
 }
 
 .btn-link {
   border-color: transparent;
   color: #0069d6;
   border-radius: 0;
 }
 
 .btn-link:hover {
   color: #00438a;
   text-decoration: underline;
   background-color: transparent;
 }
 
 .btn-link[disabled]:hover {
   color: #656c7a;
   text-decoration: none;
 }
 
 .dropdown .caret {
   margin-top: 8px;
   margin-left: 2px;
 }
 
 .dropdown:hover .caret,
 .open.dropdown .caret {
   opacity: 1;
 }
 
 .dropdown-menu {
   position: absolute;
   left: 0;
   float: left;
   display: none;
   max-width: 220px;
   padding: 4px 0;
   margin: 0;
   background-color: #fff;
   background-clip: padding-box;
 }
 
 .dropdown.open .dropdown-menu,
 button.alert {
   display: block;
 }
 
 .dropdown-menu.bottom-up {
   top: auto;
   bottom: 100%;
   margin-bottom: 2px;
 }
 
 .dropdown-menu .divider {
   height: 1px;
   margin: 5px 1px;
   background-color: #e5e5e5;
   border-bottom: 1px solid #fff;
 }
 
 .dropdown-menu a {
   display: block;
   font-weight: 500;
   line-height: 18px;
   white-space: nowrap;
 }
 
 h3,
 h4,
 strong,
 strong a {
   font-weight: 700;
 }
 
 .dropdown-menu .active > a,
 .dropdown-menu .active > a:hover,
 .dropdown-menu li > a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #2e9fff;
 }
 
 .dropdown.open .dropdown-toggle {
   color: #fff;
   background: #ccc;
   background: rgba(0, 0, 0, 0.3);
 }
 
 .typeahead {
   margin-top: 2px;
   border-radius: 4px;
 }
 
 h3,
 p {
   margin: 0 0 1.2em;
 }
 
 .inputBg {
   background: #fff;
   border: 2px solid #dbdfe4;
 }
 
 .inputBg:focus {
   border: 2px solid #c2c6cc;
 }
 
 body {
   background: 0 0;
   color: #2a2e2e;
   font-family: "Helvetica Neue", arial, sans-serif;
   font-size: 15px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 body.dark {
   color: #fff;
 }
 
 a:active,
 a:hover {
   text-decoration: none;
 }
 
 a {
   color: #288ce4;
   transition: color linear 0.1s;
 }
 
 a:hover {
   color: #74da71;
 }
 
 button::-moz-focus-inner {
   border: 0;
 }
 
 em {
   font-style: italic;
 }
 
 h3 {
   font-size: 16px;
 }
 
 h3 a.pull-right {
   font-size: 12px;
   font-weight: 400;
 }
 
 h4 {
   font-size: 18px;
   line-height: 1.2;
 }
 
 h5,
 h6 {
   font-weight: 700;
   font-size: 11px;
   color: #687a86;
   margin: 0 0 10px;
   line-height: 1;
 }
 
 h6 {
   text-transform: uppercase;
 }
 
 .dark h6 {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .follow-btn,
 .follow-btn.edit-profile,
 .mobile .btn {
   border: none;
   box-shadow: none;
 }
 
 .btn.btn-small:hover {
   background-position: 0 -40px;
 }
 
 .follow-btn {
   position: relative;
   color: #fff;
   background: #2e9fff;
   font-size: 14px;
   padding: 4px 14px;
   line-height: 20px;
   text-shadow: none;
   transition: all 0.2s;
 }
 
 .follow-btn:hover {
   color: #fff;
   background-color: #8e979c;
 }
 
 .follow-btn .follow-text {
   display: inline;
 }
 
 .follow-btn .following-text {
   display: none;
 }
 
 .follow-btn .icon-checkmark {
   display: block;
   position: absolute;
   left: 9px;
   top: 15px;
   transition: all 0.2s;
   opacity: 0;
 }
 
 .follow-btn .icon-plus {
   display: none;
 }
 
 .follow-btn.private {
   background-color: #a9b0b4 !important;
   cursor: not-allowed;
 }
 
 .follow-btn.private .icon-lock {
   display: inline;
   padding-right: 0.25em;
 }
 
 .follow-btn.private .icon-lock:before {
   position: relative;
   top: 1px;
 }
 
 .follow-btn.edit-profile {
   color: #fff;
   background-color: #a9b0b4;
   text-shadow: none;
   font-weight: 700;
   transition: all 0.2s;
 }
 
 .follow-btn.edit-profile:hover {
   color: #fff;
   background-color: #8e979c;
 }
 
 .follow-btn.following {
   background: #8fc847 !important;
   padding-right: 10px;
   padding-left: 30px;
 }
 
 .follow-btn.following .follow-text {
   display: none;
 }
 
 .follow-btn.following .following-text,
 .follow-link .follow-text {
   display: inline;
 }
 
 .follow-btn.following .icon-checkmark {
   top: 6px;
   opacity: 1;
 }
 
 .follow-btn.btn-small {
   font-size: 12px;
   font-weight: 700;
   padding: 2px 9px 1px;
 }
 
 .follow-btn.btn-small.following {
   padding-left: 24px;
 }
 
 .follow-btn.btn-small.following .icon-checkmark {
   top: 3px;
   left: 7px;
 }
 
 .follow-link {
   position: relative;
 }
 
 .follow-link .following-text {
   display: none;
   transition: all 0.2s;
 }
 
 .follow-link .icon-checkmark {
   position: absolute;
   left: 2px;
   top: 10px;
   transition: all 0.2s;
   opacity: 0;
 }
 
 .follow-link.following .follow-text {
   display: none;
 }
 
 .follow-link.following .following-text {
   margin-left: 20px;
   display: inline;
   color: #c2c6cc;
 }
 
 .dark .follow-link.following .following-text {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .follow-link.following .icon-checkmark {
   top: 2px;
   opacity: 1;
   color: #c2c6cc;
 }
 
 .dark .follow-link.following .icon-checkmark {
   color: rgba(255, 255, 255, 0.6);
 }
 
 @media (max-width: 480px) {
   #profile .btn.follow-btn {
     font-size: 13px;
     padding: 4px 9px;
   }
   #profile .btn.follow-btn .icon-lock,
   #profile .btn.follow-btn .icon-plus {
     position: static !important;
   }
   #profile .btn.follow-btn .btn-text {
     display: none !important;
   }
   #profile .btn.follow-btn .icon-plus {
     display: inline;
   }
   #profile .btn.follow-btn .icon-checkmark {
     display: none;
   }
   #profile .btn.follow-btn.following .icon-checkmark {
     position: static;
     display: inline;
   }
   #profile .btn.follow-btn.following .icon-plus {
     display: none;
   }
 }
 
 .outbound-link .icon-expand {
   font-size: 0.6em;
   color: #c2c6cc;
   padding-left: 1em;
 }
 
 [dir="rtl"],
 [dir="rtl"] * {
   font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, Verdana,
     sans-serif;
 }
 
 @font-face {
   font-family: icons;
 
   src: url("../046adee74e5ce76db11491906a21c09399391571.bin")
       format("woff2"),
     url("../fonts/eb38b942e1de61e442f9bc0fe44fd23c3b963a82") format("woff");
 
   font-weight: 400;
   font-style: normal;
 }
 
 [class*=" icon-"]:before,
 [class^="icon-"]:before {
   font-family: icons;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-allstar:before {
   content: "\f101";
 }
 
 .icon-arrow-2:before {
   content: "\25b3";
 }
 
 .icon-arrow-back:before {
   content: "\2770";
 }
 
 .icon-arrow-down:before {
   content: "\f102";
 }
 
 .icon-arrow-forward:before {
   content: "\2771";
 }
 
 .icon-arrow-up:before {
   content: "\f103";
 }
 
 .icon-arrow:before {
   content: "\25bd";
 }
 
 .icon-bell:before {
   content: "\2b26";
 }
 
 .icon-camera:before {
   content: "\233c";
 }
 
 .icon-cancel:before {
   content: "\2715";
 }
 
 .icon-chat-bubble:before {
   content: "\f104";
 }
 
 .icon-checkmark:before {
   content: "\2714";
 }
 
 .icon-clock:before {
   content: "\23f2";
 }
 
 .icon-cog:before {
   content: "\2699";
 }
 
 .icon-comment:before {
   content: "\e603";
 }
 
 .icon-delete:before {
   content: "\f105";
 }
 
 .icon-discovery:before {
   content: "\2604";
 }
 
 .icon-discussion:before {
   content: "\f106";
 }
 
 .icon-disqus:before {
   content: "\64";
 }
 
 .icon-expand-corners:before {
   content: "\2922";
 }
 
 .icon-expand:before {
   content: "\23cd";
 }
 
 .icon-export:before {
   content: "\2924";
 }
 
 .icon-facebook-circle:before {
   content: "\46";
 }
 
 .icon-facebook:before {
   content: "\66";
 }
 
 .icon-feed:before {
   content: "\72";
 }
 
 .icon-flag:before {
   content: "\2691";
 }
 
 .icon-forward:before {
   content: "\3e";
 }
 
 .icon-google-plus-circle:before {
   content: "\47";
 }
 
 .icon-google-plus:before {
   content: "\67";
 }
 
 .icon-group:before {
   content: "\f107";
 }
 
 .icon-heart-empty:before {
   content: "\f108";
 }
 
 .icon-heart:before {
   content: "\f109";
 }
 
 .icon-images:before {
   content: "\26fa";
 }
 
 .icon-lightning:before {
   content: "\f10a";
 }
 
 .icon-link:before {
   content: "\bb";
 }
 
 .icon-location:before {
   content: "\2351";
 }
 
 .icon-lock:before {
   content: "\1f512";
 }
 
 .icon-mail:before {
   content: "\2709";
 }
 
 .icon-map:before {
   content: "\25eb";
 }
 
 .icon-megaphone:before {
   content: "\e600";
 }
 
 .icon-menu:before {
   content: "\2630";
 }
 
 .icon-minus:before {
   content: "\2d";
 }
 
 .icon-music:before {
   content: "\266b";
 }
 
 .icon-pause:before {
   content: "\268c";
 }
 
 .icon-pencil-large:before {
   content: "\270e";
 }
 
 .icon-pencil:before {
   content: "\270f";
 }
 
 .icon-photo:before {
   content: "\25f1";
 }
 
 .icon-pin:before {
   content: "\2199";
 }
 
 .icon-play:before {
   content: "\25ba";
 }
 
 .icon-plus:before {
   content: "\2b";
 }
 
 .icon-proceed:before {
   content: "\2192";
 }
 
 .icon-remove:before {
   content: "\2716";
 }
 
 .icon-reply-large:before {
   content: "\21a9";
 }
 
 .icon-reply:before {
   content: "\3c";
 }
 
 .icon-search:before {
   content: "\26b2";
 }
 
 .icon-share:before {
   content: "\2945";
 }
 
 .icon-site-new:before {
   content: "\f10b";
 }
 
 .icon-site:before {
   content: "\f10c";
 }
 
 .icon-spam:before {
   content: "\f10d";
 }
 
 .icon-star:before {
   content: "\2605";
 }
 
 .icon-trophy:before {
   content: "\1f3c6";
 }
 
 .icon-twitter-circle:before {
   content: "\54";
 }
 
 .icon-twitter:before {
   content: "\74";
 }
 
 .icon-upgrade-arrow-pro:before {
   content: "\f10e";
 }
 
 .icon-video:before {
   content: "\25b6";
 }
 
 .icon-warning:before {
   content: "\26a0";
 }
 
 .icon-write:before {
   content: "\29c4";
 }
 
 #layout > section {
   min-height: 125px;
 }
 
 #no-posts {
   opacity: 0.6;
   line-height: 107px;
   text-align: center;
 }
 
 .loading {
   background: url("") center center no-repeat;
   min-height: 100px;
 }
 
 .input--text {
   background: #fff;
   border: 2px solid #dbdfe4;
   transition: all 0.2s linear;
   padding: 5px 9px;
   margin: 0;
   border-radius: 4px;
   font-size: 13px;
   height: 32px;
 }
 
 .input--text:focus {
   border: 2px solid #c2c6cc;
 }
 
 .input--text:placeholder-shown {
   color: #687a86;
 }
 
 .has-error .input--text,
 .has-error .input--text:focus {
   border-color: #f05f70;
 }
 
 .dark .input--text {
   background: #fff;
   box-shadow: none;
   border-color: #e7e9ee;
 }
 
 .input-label {
   color: #fff;
   display: block;
   position: relative;
   padding: 15px 13px;
   margin-top: 15px;
   margin-bottom: 25px;
   background-color: #494e58;
   font-weight: 700;
   line-height: 1.5em;
   border-radius: 4px;
 }
 
 .avatar .user,
 .avatar img {
   display: block;
   border-radius: 3px;
 }
 
 .input-label:after {
   content: "";
   position: absolute;
   left: 15px;
   top: -5px;
   width: 10px;
   height: 10px;
   background-color: inherit;
   transform: rotate(45deg);
 }
 
 .has-error .input-label {
   border-color: #cf4847;
   background-color: #cf4847;
   color: #fff;
 }
 
 .input-label .link {
   color: #fff;
   text-decoration: underline;
 }
 
 .input-label .link:hover {
   text-decoration: none;
 }
 
 .avatar {
   float: left;
 }
 
 .avatar img {
   width: 48px;
   height: 48px;
 }
 
 .avatar .user {
   position: relative;
   /* z-index: 100; */
   background: #dbdfe4;
   padding: 0;
 }
 
 .post .avatar {
   margin-right: 12px;
 }
 
 .acceptance-wrapper {
   margin: 12px 0;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.5em;
   color: #687a86;
 }
 
 .acceptance-wrapper a {
   font-weight: 500;
 }
 
 .dark .acceptance-wrapper {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .spinner {
   z-index: 50;
   width: 15px;
   height: 15px;
   border-radius: 28px;
   border: 2px solid transparent;
   border-color: transparent #fff;
   margin: auto;
   animation: rotate-loading 1.2s linear 0s infinite normal;
   display: none;
 }
 
 .spinner.-button {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 .badge {
   color: #fff;
   background: #687a86;
   padding: 1px 3px;
   font-size: 10px;
   line-height: 1.1;
   font-weight: 700;
   border-radius: 3px;
   display: inline-block;
   position: relative;
   top: -1px;
   left: 1px;
 }
 
 .dark .badge {
   background: rgba(255, 255, 255, 0.35);
 }
 
 .dropdown-menu--coachmark {
   padding: 15px;
   text-align: center;
   max-width: 280px;
   width: 280px;
   border: 1px solid #dbdfe4;
   box-shadow: 0 1px 3px #dbdfe4;
   top: 26px;
   left: 3px;
 }
 
 @media (min-width: 460px) {
   .dropdown-menu--coachmark {
     max-width: 300px;
     width: 300px;
   }
 }
 
 .dropdown-menu--coachmark:after,
 .dropdown-menu--coachmark:before {
   bottom: 100%;
   left: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-width: 10px;
   margin-left: -96px;
 }
 
 .dropdown-menu--coachmark:after {
   border-color: rgba(255, 255, 255, 0);
   border-bottom-color: #fff;
 }
 
 .dropdown-menu--coachmark:before {
   border-color: rgba(204, 204, 204, 0);
   border-bottom-color: #494e58;
 }
 
 .coachmark__description {
   line-height: 1.4em;
   margin-bottom: 10px;
   margin-top: 5px;
   font-size: 13px;
   color: #656c7a;
 }
 
 .coachmark__heading {
   font-size: 14px;
   font-weight: 700;
   line-height: 1.4em;
   color: #2a2e2e;
 }
 
 @media (min-width: 460px) {
   .coachmark__description {
     font-size: 14px;
   }
   .coachmark__heading {
     font-size: 15px;
   }
 }
 
 .coachmark__button {
   display: block;
   padding: 10px 0;
   background: #2e9fff;
   color: #fff !important;
   font-weight: 700;
 }
 
 .dark .highlighted-post .highlighted .feedback button,
 .dark .highlighted > .post-content .feedback button {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .has-highlighted-post .highlight-toggle {
   display: none;
 }
 
 .has-highlighted-post .highlighted > .post-content .highlight-toggle {
   display: block;
 }
 
 .highlighted-post .post-list {
   margin-bottom: 24px;
 }
 
 .highlighted-post .post-menu li {
   display: none;
 }
 
 .highlighted-post .post-menu li.moderator-menu-options {
   display: list-item;
 }
 
 .highlighted-post .post-menu li.moderator-menu-options .dropdown-toggle {
   border-left: none;
 }
 
 .highlighted-post .post-menu li.moderator-menu-options li {
   display: none;
 }
 
 .highlighted-post .post-menu li.moderator-menu-options li.highlight-toggle {
   display: list-item;
 }
 
 .highlighted-post .highlighted {
   background-color: #edeef2;
 }
 
 .highlighted-post .highlighted .post-content {
   background-color: transparent;
   margin-bottom: 0;
 }
 
 .dark .highlighted-post .highlighted {
   background-color: rgba(255, 255, 255, 0.08);
 }
 
 .highlighted > .post-content {
   background-color: #edeef2;
 }
 
 .dark .highlighted > .post-content {
   background-color: rgba(255, 255, 255, 0.08);
 }
 
 .highlighted-comment-header {
   font-size: 15px;
   font-weight: 700;
   margin-bottom: 12px;
   margin-top: 24px;
 }
 
 .has-highlighted-post .highlighted-comment-header {
   display: block;
 }
 
 .post-list {
   list-style-type: none;
   margin: 0;
 }
 
 .post-list .post:after,
 .post-list .post:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .post-list .post.banned,
 .post-list .post.collapsed .children,
 .post-list .post.collapsed > .post-content .post-menu .collapse {
   display: none;
 }
 
 .post-list .post.collapsed > .post-content .post-menu {
   top: 12px;
 }
 
 .post-list .post.collapsed > .post-content .post-menu .expand {
   display: inline;
 }
 
 .post-list .post.collapsed > .post-content .post-body-inner {
   display: none;
 }
 
 .post-list .post.collapsed > .post-content .post-meta {
   display: inline-block !important;
 }
 
 .post-list .post.collapsed > .post-content .post-media,
 .post-list .post.collapsed > .post-content .reply,
 .post-list .post.collapsed > .post-content .state-byline,
 .post-list .post.collapsed > .post-content footer,
 .post-list .post.minimized > .post-content .post-media,
 .post-list .post.minimized > .post-content .post-meta,
 .post-list .post.minimized > .post-content .reply,
 .post-list .post.minimized > .post-content .state-byline,
 .post-list .post.minimized > .post-content footer {
   display: none;
 }
 
 .post-list .post.collapsed > .post-content,
 .post-list .post.minimized > .post-content {
   transition: none;
   min-height: 36px;
 }
 
 .post-list .post.collapsed > .post-content .post-message,
 .post-list .post.minimized > .post-content .post-message {
   float: left;
 }
 
 .post-list .post.collapsed > .post-content .post-message p,
 .post-list .post.minimized > .post-content .post-message p {
   line-height: 36px;
 }
 
 .post-list .post.collapsed > .post-content header,
 .post-list .post.minimized > .post-content header {
   line-height: 36px;
   font-size: 12px;
 }
 
 .post-list .post.collapsed > .post-content .indicator,
 .post-list .post.minimized > .post-content .indicator {
   height: 36px;
 }
 
 .post-list .post.collapsed > .post-content .avatar img,
 .post-list .post.minimized > .post-content .avatar img {
   width: 36px;
   height: 36px;
   border-radius: 2px;
 }
 
 .post-list .post.minimized > .post-content .post-message p {
   opacity: 0.7;
   font-size: 12px;
 }
 
 .children .post:after,
 .children .post:before,
 .post-content:after,
 .post-content:before {
   display: table;
   line-height: 0;
   content: "";
 }
 
 .post-list .post.advertisement {
   height: 0;
 }
 
 .post-list .post.advertisement .post-content {
   margin-bottom: 0;
 }
 
 .post-list .post.advertisement .post-content .advertisement-comment {
   text-align: center;
   font-size: 12px;
 }
 
 .post-list > .post.collapsed,
 .post-list > .post.minimized {
   min-height: 36px;
 }
 
 .children .post {
   margin-left: 60px;
 }
 
 .highlighted .children .post {
   margin-left: 72px;
 }
 
 .children .post .avatar .user img {
   width: 36px;
   height: 36px;
 }
 
 .children .post .indicator {
   height: 36px;
 }
 
 .children .children .post {
   margin-left: 48px;
 }
 
 .children .children .children .children .post {
   margin-left: 0;
 }
 
 .children .children .children .children .post .post-body {
   margin-left: 48px;
 }
 
 .children .children .children .children .post .indicator {
   left: 0;
 }
 
 .post-content {
   position: relative;
   margin-bottom: 24px;
   transition: all 0.2s ease-in-out;
 }
 
 .post-content .indicator {
   position: absolute;
   top: 0;
   left: 0;
   width: 5px;
   height: 48px;
   border-radius: 3px;
 }
 
 .post-content.new,
 .post-content.target {
   padding-left: 12px;
 }
 
 .post-content.new > .avatar,
 .post-content.target > .avatar {
   left: 12px;
 }
 
 .post-content.new .indicator,
 .post-content.target .indicator {
   background: #2e9fff;
 }
 
 .post-content.target .indicator {
   background: #ffd34f;
 }
 
 .post-content.post-reply .source-avatar {
   position: absolute;
   left: 6px;
   top: 6px;
   width: 42px;
   height: 42px;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
 }
 
 .post-content.post-reply .target-avatar {
   width: 42px;
   height: 42px;
 }
 
 .comment-footer__menu > li a:focus,
 .post-content .post-menu .collapse a:focus,
 .post-content .post-menu .dropdown-toggle:focus,
 .post-content .post-menu .expand a:focus {
   outline: auto;
 }
 
 .post-content .post-body .media-container img {
   border-radius: 3px;
   display: block;
   max-width: 100%;
   max-height: 480px;
   z-index: -1;
 }
 
 .post-content .post-body .media-button {
   text-align: left;
   font-size: 10px;
   padding: 3px 5px 4px 0;
   border-radius: 5px;
   border-style: solid;
   border-width: 2px;
 }
 
 .post-content .post-body .media-content-placeholder {
   display: none;
   position: relative;
   width: 100%;
   min-height: 100px;
 }
 
 .post-content .post-body .media-button-contract,
 .post-content .post-body .media-button-expand,
 .post-content .post-body .media-container {
   display: none;
 }
 
 .post-content .post-body .media-container.media-activated,
 .post-content .post-body .media-container.media-mode-deferred,
 .post-content .post-body .media-container.media-show-buttons {
   display: block;
 }
 
 .post-content .post-body .media-show-buttons .media-button-expand {
   display: inline-block;
   cursor: zoom-in;
 }
 
 .post-content .post-body .media-show-buttons .media-button-contract {
   display: none;
   margin-bottom: 15px;
   cursor: zoom-out;
 }
 
 .post-content .post-body .media-show-buttons .media-button-contract i,
 .post-content .post-body .media-show-buttons .media-button-expand i {
   font-size: 8px;
   color: #fff;
   padding: 4px 5px 4px 4px;
   margin-right: 2px;
 }
 
 .post-content .post-body .media-activated .media-content-placeholder {
   display: block;
 }
 
 .post-content
   .post-body
   .media-show-buttons.media-activated
   .media-button-contract {
   display: inline-block;
 }
 
 .post-content
   .post-body
   .media-show-buttons.media-activated
   .media-button-expand {
   display: none;
 }
 
 .post-content .post-body .media-mode-deferred .media-content-placeholder {
   display: block;
 }
 
 .post-content
   .post-body
   .media-loading.media-activated
   .media-content-placeholder,
 .post-content
   .post-body
   .media-mode-deferred.media-show-buttons
   .media-button-contract,
 .post-content
   .post-body
   .media-mode-deferred.media-show-buttons
   .media-button-expand {
   display: none;
 }
 
 .post-content .post-body .media-content-loader {
   display: none;
   height: 300px;
   text-align: center;
   background: url("") center center no-repeat;
 }
 
 .post-content .post-body .media-loading.media-activated .media-content-loader {
   display: block;
 }
 
 .post-content .post-body .media-content-placeholder .media-force-load {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   display: block;
   border-radius: 3px;
   border: 2px solid rgba(0, 39, 59, 0.2);
   color: rgba(0, 39, 59, 0.2) !important;
 }
 
 .post-content .post-body .media-content-placeholder .media-force-load i {
   width: 100%;
   position: absolute;
   top: 50%;
   font-size: 32px;
   margin-top: -16px;
   text-align: center;
 }
 
 .post-content .post-body .media-webpage {
   height: 36px;
   border-left: 5px solid;
   border-color: #687a86;
   padding: 0 0 0 15px;
   width: 100%;
   display: inline-block;
 }
 
 .post-content .post-body .media-webpage img {
   float: left;
   max-height: 36px;
   max-width: 36px;
 }
 
 .post-content .post-body .media-webpage .media-webpage-title {
   padding-top: 2px;
 }
 
 .post-content .post-body .media-webpage .media-webpage-domain {
   padding-top: 3px;
   font-size: 80%;
   color: #656c7a;
 }
 
 .post-content .post-body .post-media-link i {
   padding-right: 4px;
 }
 
 .post-content .post-body .post-media-link .post-media-link-domain {
   font-size: 11px;
   color: #656c7a !important;
 }
 
 .post-content .post-body spoiler {
   display: inline;
   background: #687a86;
   color: transparent;
   padding: 0 0.5em;
 }
 
 .post-content .post-body spoiler a {
   visibility: hidden;
   transition: none;
 }
 
 .post-content .post-body spoiler .media-content-placeholder {
   background: #687a86;
 }
 
 .post-content .post-body spoiler:focus,
 .post-content .post-body spoiler:hover {
   background: #e7e9ee;
   color: inherit;
 }
 
 .post-content .post-body spoiler:focus a,
 .post-content .post-body spoiler:hover a {
   visibility: visible;
 }
 
 .post-content .post-body spoiler:focus .media-content-placeholder,
 .post-content .post-body spoiler:hover .media-content-placeholder {
   background: 0 0;
 }
 
 .dark .post-content .post-body spoiler:focus,
 .dark .post-content .post-body spoiler:hover {
   background: rgba(255, 255, 255, 0.2);
 }
 
 .post-content .post-menu {
   opacity: 0;
   visibility: hidden;
   position: absolute;
   top: 3px;
   right: 0;
 }
 
 .post-content .post-menu:after,
 .post-content .post-menu:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .touch .post-content .post-menu {
   opacity: 1;
   visibility: visible !important;
 }
 
 .post-content .post-menu .dropdown-toggle {
   border-left: 2px solid;
   border-color: #e7e9ee;
   padding-left: 5px;
 }
 
 .post-content .post-menu .dropdown-toggle .caret {
   margin-top: 4px;
 }
 
 .post-content .post-menu .dropdown-menu {
   position: absolute;
   z-index: 1001;
   left: auto;
   right: 0;
   top: 15px;
   min-width: 100px;
   padding: 0;
 }
 
 .post-content .post-menu .dropdown-menu li a {
   display: block;
   padding: 6px 8px;
   white-space: nowrap;
   font-weight: 700;
   font-size: 11px;
 }
 
 .post-content .post-menu.open .dropdown-toggle {
   background: 0 0;
   color: #2e9fff !important;
 }
 
 .post-content .post-menu.open .dropdown-menu {
   opacity: 1;
   visibility: visible !important;
 }
 
 .post-content .post-menu > li {
   float: left;
   margin: 0 0 0 8px;
 }
 
 .post-content .post-menu > li a {
   color: #656c7a !important;
 }
 
 .dark .post-content .post-menu > li a {
   color: #2a2e2e !important;
 }
 
 .post-content .post-menu .collapse a,
 .post-content .post-menu .expand a {
   font-size: 20px;
   opacity: 0.6;
   position: relative;
   top: -6px;
   padding: 10px 0 10px 10px;
 }
 
 .post-content .post-menu .collapse a:hover,
 .post-content .post-menu .expand a:hover {
   opacity: 1;
 }
 
 .post-content .post-menu .expand {
   display: none;
 }
 
 .post-content .post-message-container {
   position: relative;
   overflow: hidden;
   zoom: 1;
   width: 100%;
 }
 
 .post-content .post-message {
   line-height: 21px;
 }
 
 .post-content .post-message:after,
 .post-content .post-message:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .post-content .post-message.loading {
   background: url("") center left no-repeat;
   min-height: 21px;
 }
 
 .post-content .post-message p {
   line-height: 21px;
   margin: 0 0 15px;
 }
 
 .post-content .post-message p:last-child {
    font-size: 16px;
   margin: 0;
 }
 
 .post-content .post-message blockquote,
 .post-content .post-message pre {
   line-height: 21px;
   margin: 0 0 15px;
   border-left: 4px solid #687a86;
   padding: 0 0 0 12px;
 }
 
 .post-content .post-message blockquote:last-child,
 .post-content .post-message pre:last-child {
   margin: 0;
 }
 
 .post-content .post-message pre {
   overflow-x: auto;
 }
 
 .post-content .post-message code,
 .post-content .post-message pre {
   font-size: 12px;
   font-family: monaco, menlo, monospace;
 }
 
 .post-content .post-menu.open,
 .post-content:hover .post-menu {
   opacity: 1;
   visibility: visible !important;
 }
 
 .post-content:focus-within .post-menu {
   opacity: 1;
   visibility: visible !important;
   transform: none;
 }
 
 .use-opacity-transitions .post-content.new .indicator,
 .use-opacity-transitions .post-content.target .indicator {
   transition: opacity 10s linear;
 }
 
 .use-opacity-transitions .post-content.new.seen .indicator,
 .use-opacity-transitions .post-content.target.seen .indicator {
   opacity: 0;
 }
 
 .use-opacity-transitions .post-content footer .voting {
   transition: opacity 0.3s;
 }
 
 .use-opacity-transitions .post-content footer .voting .control {
   transition: opacity 0.2s linear;
 }
 
 .use-opacity-transitions .post-content footer .voting .vote-down .tooltip {
   transition: opacity 0.2s;
 }
 
 .use-opacity-transitions .post-content header .dropdown .dropdown-menu {
   transition: opacity 0.1s linear;
 }
 
 .use-opacity-transitions .post-content .share ul li {
   transition-property: opacity, right;
 }
 
 .disabled.post-content {
   opacity: 0.5;
 }
 
 .disabled.post-content a,
 .disabled.post-content footer menu .voting .vote-down,
 .disabled.post-content footer menu .voting .vote-up {
   cursor: not-allowed;
 }
 
 .close,
 .close:hover,
 .dismiss,
 .see-more,
 .share__button,
 .vote-down:hover,
 .vote-up:hover {
   cursor: pointer;
 }
 
 .highlighted > .post-content {
   padding: 12px;
   border-radius: 3px;
 }
 
 .highlighted > .post-content.new .indicator,
 .highlighted > .post-content.target .indicator {
   margin-top: 12px;
   margin-left: 4px;
 }
 
 .highlighted > .post-content .post-menu {
   top: 12px;
   right: 12px;
 }
 
 .highlighted > .post-content.collapsed header {
   font-size: 13px;
 }
 
 .highlighted
   > .post-content.collapsed
   .post-list
   .post.minimized
   > .post-content
   header {
   line-height: 12px;
 }
 
 .highlighted > .post-content.collapsed .post-byline {
   margin-left: 12px;
   font-size: 13px;
 }
 
 .highlighted > .post-content.collapsed .state-byline {
   display: none;
 }
 
 .highlighted > .post-content.collapsed,
 .highlighted > .post-content.minimized {
   min-height: 48px;
 }
 
 .mention {
   font-weight: 700;
 }
 
 .mention:before {
   content: "@";
 }
 
 .dark .mention:before {
   color: #fff !important;
 }
 
 .moderate {
   border: 1px solid #c2c6cc;
   background: #e7e9ee;
   background: rgba(0, 0, 0, 0.03);
   padding: 8px;
   margin: 1em 0 0;
   border-radius: 3px;
 }
 
 .moderate:after,
 .moderate:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .moderate.loading {
   background: url("") center center no-repeat;
   min-height: 22px;
 }
 
 .upvoters-outer:after,
 .upvoters-outer:before {
   background-repeat: repeat-x;
   background-color: rgba(255, 255, 255, 0);
 }
 
 .moderate.loading * {
   display: none;
 }
 
 .moderate h5 {
   font-weight: 700;
   margin: 0 0 9px;
 }
 
 .moderate p {
   margin: 0;
   color: #666;
 }
 
 .moderate label {
   width: 50%;
   float: left;
   display: block;
   padding: 0 4px 5px 0;
   font-size: 0.9em;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow-x: hidden;
 }
 
 @media (max-width: 480px) {
   .moderate label {
     width: 100%;
   }
 }
 
 .moderate .btn.btn-small {
   font-size: 11px;
   padding: 4px 6px;
   line-height: 1;
   text-align: center;
   min-width: 65px;
 }
 
 .moderate .pull-right {
   padding-top: 6px;
 }
 
 .moderate .actions {
   clear: both;
   border-top: 1px solid;
   border-color: #687a86;
   padding: 8px;
   margin: -8px;
 }
 
 .updatable {
   transition: all 0.3s linear;
 }
 
 .updatable.update {
   color: #2a2e2e;
 }
 
 .post-count .update {
   color: #494e58;
 }
 
 .upvoters-outer:after,
 .upvoters-outer:before {
   content: "";
   display: block;
   height: 10px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 900;
   border-radius: 5px;
 }
 
 .upvoters-outer:before {
   top: 0;
   background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
 }
 
 .upvoters-outer:after {
   bottom: 0;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
 }
 
 .mobile .upvoters-outer {
   display: none !important;
 }
 
 .upvoters-outer .upvoters {
   max-height: 400px;
   width: 213px;
   padding-right: 0;
   padding-bottom: 0;
   position: relative;
 }
 
 .upvoters-outer .upvoters .scroll-measure {
   overflow: hidden;
   margin-top: -15px;
   padding-top: 15px;
 }
 
 .upvoters-outer .upvoters .user {
   margin: 0 0 8px;
   padding: 0;
   height: 30px;
   position: relative;
   float: left;
   color: #656c7a;
 }
 
 .upvoters-outer .upvoters .user .avatar {
   display: block;
   position: relative;
   top: 0 !important;
   left: 0;
   float: left;
 }
 
 .upvoters-outer .upvoters .user .avatar img {
   width: 30px;
   height: 30px;
   min-width: 30px !important;
   min-height: 30px !important;
 }
 
 .upvoters-outer .upvoters .user .username {
   width: 137px;
   padding: 5px 0 0 8px;
   line-height: 1.2em;
   display: block;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: inherit;
   float: left;
   overflow: hidden;
 }
 
 .upvoters-outer .upvoters .user .username:hover {
   color: #000;
 }
 
 .upvoters-outer .upvoters .highlight {
   animation-name: new-upvoter-insertion;
   animation-duration: 0.75s;
   animation-timing-function: ease-in-out;
   animation-delay: 0;
 }
 
 .upvoters-outer .upvoters li[data-role="guest"].highlight {
   animation-name: new-upvoter-guest;
   animation-duration: 1.25s;
   animation-timing-function: ease-in-out;
   animation-delay: 0;
 }
 
 .user-activity .avatar {
   top: 0;
 }
 
 .user-activity ul {
   margin-bottom: 35px;
 }
 
 .user-activity img.user {
   display: inline-block;
   position: relative;
   top: 5px;
   margin-right: 5px;
   border-radius: 3px;
   width: 24px;
   height: 24px;
 }
 
 .user-activity li {
   padding: 0 0 0 34px;
   position: relative;
   line-height: 22px;
   margin-bottom: 20px;
 }
 
 .user-activity li header {
   padding-top: 4px;
   display: block;
   margin-bottom: 9px;
   font-size: 12px;
   line-height: 18px;
   color: #888;
 }
 
 .user-activity li article {
   display: block;
 }
 
 .caret,
 .help-icon {
   display: inline-block;
 }
 
 .user-activity li article blockquote {
   border-left: 4px solid;
   border-color: #687a86;
   padding-left: 12px;
 }
 
 .user-activity li article blockquote p {
   line-height: 1.4;
 }
 
 .debug {
   margin-bottom: 2em;
 }
 
 .debug li {
   line-height: 1.5em;
 }
 
 .serif .post-message p,
 .serif .top-thread-post p,
 .serif .top-user p {
   font-family: Georgia, Times, serif;
 }
 
 .help-icon {
   border-radius: 9px;
   border: 2px solid #687a86;
   padding: 2px 4px;
   margin-top: -2px;
   font-size: 12px;
   height: 18px;
   width: 19px;
 }
 
 .help-icon:before {
   content: "?";
   font-weight: 700;
   color: #656c7a;
 }
 
 .dark .help-icon {
   border-color: rgba(255, 255, 255, 0.7);
 }
 
 .dark .help-icon:before {
   color: rgba(255, 255, 255, 0.7);
 }
 
 .caret {
   width: 0;
   height: 0;
   text-indent: -99999px;
   vertical-align: top;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid #000;
   opacity: 0.3;
   content: "\2193";
 }
 
 .dark .caret {
   border-top-color: rgba(255, 255, 255, 0.85);
 }
 
 .dark .btn .caret {
   border-top-color: #000;
 }
 
 .bullet {
   padding: 0;
   color: #c2c6cc;
   line-height: 1.4;
 }
 
 @keyframes rotate-loading {
   0% {
     transform: rotate(0);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 
 @keyframes anim-heart {
   0% {
     opacity: 0;
     transform: scale(0.2, 0.2);
   }
   50% {
     opacity: 1;
     transform: scale(1.2, 1.2);
   }
   100% {
     opacity: 0;
     transform: scale(0.75, 0.75);
   }
 }
 
 @keyframes new-upvoter-insertion {
   0% {
     opacity: 0;
     margin-top: -50px;
   }
   50% {
     margin-top: 0;
   }
   100% {
     opacity: 1;
     margin-top: 0;
   }
 }
 
 @keyframes new-upvoter-guest {
   0% {
     color: inherit;
   }
   100% {
     color: #656c7a;
   }
 }
 
 .nav {
   position: relative;
   margin: 0 0 -6px;
   padding: 0;
 }
 
 .nav:after,
 .nav:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .nav .caret {
   display: block;
   position: absolute;
   right: 0;
   top: 5px;
   margin: 0;
   transition: 0.2s all;
 }
 
 .nav-primary {
   margin: 0 0 24px;
   border-bottom: 2px solid #e7e9ee;
 }
 
 .dark .nav-primary {
   border-bottom-color: rgba(255, 255, 255, 0.2);
 }
 
 .nav-secondary {
   margin: -12px 0 6px;
 }
 
 .nav-tab > a {
   color: #656c7a;
   display: block;
   margin: 0;
   padding: 0;
   font-weight: 700;
   line-height: 1;
   position: relative;
   transition: all 0.2s ease-in-out;
 }
 
 .active .nav-tab > a:after,
 .tab-conversation.active > a:after {
   content: " ";
   display: block;
   height: 2px;
   background: #2e9fff;
   position: absolute;
   bottom: -2px;
   left: 0;
   right: 0;
 }
 
 .nav-tab > a:hover {
   color: #2a2e2e;
 }
 
 .dark .nav-tab > a {
   color: #eee !important;
   text-shadow: none;
 }
 
 .dark .nav-tab > a:hover {
   color: #fff !important;
 }
 
 .active .nav-tab > a {
   color: #2a2e2e !important;
 }
 
 .dark .active .nav-tab > a,
 .dark .active .nav-tab > a:hover {
   color: #fff !important;
 }
 
 .nav-tab--primary > a {
   font-size: 15px;
   padding: 12px 0;
   margin-right: 15px;
 }
 
 .tab-conversation {
   float: left;
 }
 
 .tab-conversation > a {
   text-transform: capitalize;
 }
 
 .tab-conversation.active > a {
   color: #2a2e2e !important;
 }
 
 .notification-loading:before,
 .thread-likes .label-count:after,
 .user-menu .dropdown-toggle-wrapper:before {
   content: "";
 }
 
 .dark .tab-conversation.active > a {
   color: #fff !important;
 }
 
 .tab-community {
   float: left;
 }
 
 .tab-community > a {
   margin-left: 15px;
 }
 
 .notification-menu {
   float: right;
   margin-top: 11px;
   padding: 0;
   width: 19px;
 }
 
 .notification-menu > a {
   position: relative;
   top: -1px;
   margin: 0;
 }
 
 .user-menu {
   float: right;
   margin-left: 10px;
 }
 
 @media (min-width: 500px) {
   .user-menu {
     margin-left: 6px;
   }
   .user-menu .dropdown-toggle {
     overflow: hidden;
     text-overflow: ellipsis;
   }
 }
 
 .user-menu .dropdown-menu {
   left: auto;
   top: 33px;
   right: 0;
 }
 
 .user-menu .dropdown-toggle {
   max-width: 160px;
   height: 33px;
   margin: 0;
   padding-right: 14px !important;
 }
 
 .user-menu .caret {
   top: 18px;
   right: 0;
 }
 
 .user-menu .dropdown-toggle-wrapper {
   white-space: nowrap;
 }
 
 .user-menu .dropdown-toggle-wrapper .username {
   display: none;
 }
 
 .user-menu .dropdown-toggle-wrapper .avatar img {
   width: 21px;
   height: 21px;
   margin-top: -3px;
   margin-right: 2px;
   border-radius: 2px;
 }
 
 @media (min-width: 500px) {
   .user-menu .dropdown-toggle-wrapper .username {
     display: inline;
   }
   .user-menu .dropdown-toggle-wrapper .avatar {
     display: none;
   }
 }
 
 .media-toggle-on {
   display: none !important;
 }
 
 .media-collapsed .media-toggle-on {
   display: block !important;
 }
 
 .media-collapsed .media-toggle-off {
   display: none !important;
 }
 
 .comment-count-placeholder,
 .community-name-placeholder {
   display: none;
 }
 
 @media (max-width: 480px) {
   .comment-count,
   .community-name {
     display: none;
   }
   .comment-count-placeholder,
   .community-name-placeholder {
     display: block;
   }
 }
 
 .recommend:empty,
 .thread-likes .upvoted .label-default {
   display: none;
 }
 
 .nav-tab--secondary {
   margin-bottom: 15px;
 }
 
 .nav-tab--secondary > a,
 .nav-tab--secondary > div a {
   width: auto;
   font-size: 13px;
 }
 
 .recommend {
   float: left;
   margin-right: 15px;
 }
 
 .recommend .label {
   font-weight: 700;
 }
 
 .share-menu {
   float: left;
   max-width: none;
   margin-top: 2px;
 }
 
 .share-menu .dropdown-toggle {
   padding-right: 0;
 }
 
 .share-menu .dropdown-menu {
   padding: 0;
 }
 
 .share-menu .share-menu__label {
   padding: 4px 15px;
   white-space: nowrap;
   color: #687a86;
   font-size: 13px;
   position: relative;
   font-weight: 500;
 }
 
 .sorting {
   margin-left: 12px;
 }
 
 .sorting .dropdown-toggle {
   padding-right: 14px;
 }
 
 .thread-likes a {
   position: relative;
   /*z-index: 100;*/
   margin-right: 0;
 }
 
 .thread-likes a:hover {
   -webkit-transform: translate3d(0, 0, 0);
 }
 
 .thread-likes a:hover .label-count {
   color: #2a2e2e;
 }
 
 .thread-likes .upvoted .label-recommended {
   display: inline;
 }
 
 .thread-likes .label-recommended {
   display: none;
 }
 
 .thread-likes .label-count {
   position: relative;
   font-size: 11px;
   font-weight: 700;
   padding: 2px 5px 3px;
   background: #e7e9ee;
   color: #494e58;
   border-radius: 2px;
   margin-left: 2px;
   transition: all 0.2s ease-in-out;
 }
 
 .dark .thread-likes .label-count {
   background: #fff;
   color: #494e58 !important;
 }
 
 .thread-likes .label-count:after {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -25px 0 0 -25px;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   opacity: 0;
   pointer-events: none;
   background: rgba(240, 95, 112, 0.2);
 }
 
 .thread-likes .upvoted .label-count:after {
   animation: anim-heart 0.4s forwards;
 }
 
 .dropdown-toggle {
   position: relative;
   padding-right: 12px;
   background: 0 0 !important;
   color: #656c7a !important;
 }
 
 .dropdown-toggle:hover {
   color: #2a2e2e !important;
 }
 
 .dark .dropdown-toggle,
 .dark .open .dropdown-toggle {
   border: none;
 }
 
 .dropdown-menu {
   font-size: 13px;
   border: 2px solid #687a86;
   border-radius: 3px;
   background: #fff;
   box-shadow: none;
   min-width: 130px;
   z-index: 1001;
   top: 20px;
 }
 
 .dropdown-menu.pull-right {
   right: 0;
   left: auto;
 }
 
 .dropdown-menu.open {
   display: block;
 }
 
 .dropdown-menu a {
   transition: none;
   color: #687a86;
   padding: 4px 15px;
   position: relative;
 }
 
 .dropdown-menu a:focus {
   background-color: #2e9fff;
 }
 
 .use-opacity-transitions .dropdown-menu {
   transition: opacity 0.2s;
 }
 
 .dropdown-menu .icon-checkmark:before {
   display: none;
   font-size: 11px;
   position: absolute;
   right: 10px;
   top: 7px;
 }
 
 .selected a .dropdown-menu .icon-checkmark:before {
   display: block;
 }
 
 .notification-icon {
   position: absolute;
   top: 0;
   left: 0;
   font-size: 19px;
   transition: color 0.1s;
 }
 
 @media (max-width: 480px) {
   .notification-icon.icon-disqus {
     display: none;
   }
   .notice {
     text-align: center;
   }
 }
 
 .unread .notification-icon {
   color: #f05f70;
 }
 
 .unread .notification-container:hover .notification-icon {
   color: #ec3046;
 }
 
 .notification-count {
   position: absolute;
   top: 4px;
   left: 0;
   width: 20px;
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   text-align: center;
 }
 
 .notification-count .icon-plus {
   font-size: 6px;
 }
 
 .notification-loading {
   height: 20px;
   position: relative;
 }
 
 .notification-loading .notification-container {
   display: none;
 }
 
 .notification-loading:before {
   display: block;
   width: 14px;
   height: 14px;
   border-radius: 25px;
   border: 2px solid transparent;
   border-color: transparent #c2c6cc;
   position: absolute;
   top: 0;
   left: 1px;
   animation: rotate-loading 1.5s linear 0s infinite normal;
   transform-origin: 50% 50%;
 }
 
 .dark .notification-loading:before {
   border-color: transparent #fff;
 }
 
 .icon-cog:hover,
 .icon-export:hover,
 .label:hover {
   color: #2a2e2e;
   transition: color 250ms ease-in-out;
 }
 
 .dark .icon-cog,
 .dark .icon-export,
 .dark .label {
   color: #fff;
 }
 
 .icon-export:before {
   position: relative;
   top: 0.31em;
   margin-right: -1px;
   line-height: 0;
   font-size: 19px;
 }
 
 .recommend-icon {
   color: #f05f70;
   margin-right: 1px;
 }
 
 .recommend-icon:before {
   position: relative;
   top: 0.18em;
   font-size: 13px;
   padding-left: 0.5px;
   line-height: 0;
 }
 
 .upvoted .recommend-icon,
 .upvoted:hover .recommend-icon {
   transition: all 0.2s ease-in-out;
 }
 
 .disqus-footer__wrapper {
   border-top: 2px solid #e7e9ee;
   padding: 7px 0 10px;
 }
 
 @media only screen and (min-width: 480px) {
   .disqus-footer__wrapper {
     padding-bottom: 0;
   }
 }
 
 .dark .disqus-footer__wrapper {
   border-top: 2px solid rgba(255, 255, 255, 0.08);
 }
 
 .disqus-footer:after,
 .disqus-footer:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 @media only screen and (max-width: 480px) {
   .disqus-footer {
     border-bottom: 1px solid rgba(0, 49, 79, 0.08);
   }
 }
 
 @media only screen and (max-width: 360px) {
   .disqus-footer li:nth-of-type(3) {
     display: none;
   }
 }
 
 .disqus-footer__item {
   margin: 0;
   border: none;
   padding: 1px 15px 10px 0;
   float: left;
   position: relative;
 }
 
 @media only screen and (min-width: 480px) {
   .disqus-footer__item {
     margin-right: 29px;
     padding-right: 0;
   }
   .disqus-footer__logo .disqus-footer__link {
     float: right;
   }
 }
 
 .disqus-footer__link {
   font-size: 11px;
   padding: 0 0 0 18px;
   color: #656c7a;
   font-weight: 700;
 }
 
 @media only screen and (min-width: 550px) {
   .disqus-footer__link {
     padding: 0 0 0 25px;
     font-size: 12px;
   }
 }
 
 .dark .disqus-footer__link {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .dark .disqus-footer__link:hover {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .disqus-footer__logo {
   padding-top: 2px;
   padding-right: 0;
   float: right;
   margin: 0;
 }
 
 .disqus-footer__logo .disqus-footer__link {
   margin: 0 auto;
   display: block;
   text-indent: -9999em;
   background-position: 0 -38px;
   padding: 0;
 }
 
 .dark .disqus-footer__logo .disqus-footer__link {
   background-position: 0 -54.5px;
 }
 
 .email a,
 .install a,
 .privacy a {
   line-height: 1.1;
   transition: color 0.2s;
 }
 
 .email a:hover,
 .install a:hover,
 .privacy a:hover {
   color: #494e58;
 }
 
 .email .icon,
 .install .icon,
 .privacy .icon {
   position: absolute;
   left: 0;
 }
 
 .install .icon {
   font-size: 14px;
   top: 2px;
 }
 
 @media only screen and (min-width: 480px) {
   .install a {
     padding-left: 22px;
   }
   .install .icon {
     font-size: 17px;
     left: 3px;
     top: 0;
   }
 }
 
 .privacy {
   padding-right: 5px;
   margin-left: -5px;
   margin-right: 0;
 }
 
 .privacy a {
   padding-left: 17px;
 }
 
 .privacy .icon {
   font-size: 12px;
   left: 3px;
   top: 3px;
 }
 
 @media only screen and (min-width: 480px) {
   .privacy a {
     padding-left: 22px;
   }
   .privacy .icon {
     font-size: 16px;
     top: 0;
   }
 }
 
 .email a {
   padding-left: 20px;
 }
 
 .email .icon {
   font-size: 16px;
   top: 1px;
 }
 
 @media only screen and (min-width: 480px) {
   .email a {
     padding-left: 25px;
   }
   .email .icon {
     font-size: 19px;
     top: -1px;
   }
 }
 
 .email .icon-checkmark {
   opacity: 0;
   visibility: hidden;
   transition: top 0.15s ease-in-out;
   color: #5cb767;
   font-size: 12px;
   right: -19px;
   top: -5px;
   left: auto;
 }
 
 .use-opacity-transitions .email .icon-checkmark {
   transition-property: opacity, top;
 }
 
 .email .form {
   display: none;
 }
 
 .email.subscribed .disqus-footer__link {
   color: #5cb767;
 }
 
 .email.subscribed .icon-checkmark {
   opacity: 1;
   visibility: visible !important;
   top: 3px;
 }
 
 @media only screen and (max-width: 480px) {
   .email .icon-checkmark {
     left: 3px;
   }
   .email.subscribed .icon-checkmark {
     top: 2px;
   }
   .email.subscribed .icon-mail {
     display: none;
   }
 }
 
 .load-more {
   margin: 0 0 24px;
 }
 
 .load-more__button {
   font-size: 13px;
   font-weight: 500;
   display: block;
   text-align: center;
   padding: 11px 14px;
 }
 
 .dark .load-more__button {
   background: rgba(255, 255, 255, 0.85);
   color: #444;
 }
 
 .dark .load-more__button:hover {
   background: rgba(255, 255, 255, 0.7);
   color: #222;
 }
 
 .dark .is-submitting .load-more__button {
   opacity: 0.7;
   background: rgba(255, 255, 255, 0.7);
 }
 
 .dark .is-submitting .load-more__button:hover {
   background: rgba(255, 255, 255, 0.7);
   color: #444;
 }
 
 .comment__footer .vote-down,
 .comment__footer a,
 .comment__header .vote-down,
 .comment__header a {
   color: #656c7a;
   font-weight: 500;
 }
 
 .comment__footer .vote-down:hover,
 .comment__footer a:hover,
 .comment__header .vote-down:hover,
 .comment__header a:hover {
   color: #2a2e2e;
 }
 
 .dark .comment__footer .vote-down,
 .dark .comment__footer a,
 .dark .comment__header .vote-down,
 .dark .comment__header a {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .dark .comment__footer .vote-down:hover,
 .dark .comment__footer a:hover,
 .dark .comment__header .vote-down:hover,
 .dark .comment__header a:hover {
   color: rgba(255, 255, 255, 0.85);
 }
 
 .comment__footer .author,
 .comment__header .author {
   color: #656c7a;
   font-weight: 700;
 }
 
 .dark .comment__footer .author,
 .dark .comment__header .author {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .mobile .comment__footer .bullet,
 .mobile .comment__header .bullet {
   display: none;
 }
 
 .mobile .vote-down span.control,
 .mobile .vote-up span.control,
 .vote-down,
 .vote-up {
   display: inline-block;
 }
 
 .parent-link,
 .state-byline,
 .time-ago {
   font-weight: 500;
   font-size: 12px;
   color: #687a86;
 }
 
 .parent-link {
   position: relative;
 }
 
 .mobile .parent-link {
   font-size: 14px;
 }
 
 .vote-down,
 .vote-up {
   position: relative;
   padding: 0 3px;
   line-height: 0.85;
   height: 11px;
   min-height: 14px;
   overflow: hidden;
 }
 
 .vote-down .control,
 .vote-up .control {
   font-size: 16px;
   font-weight: 700;
   opacity: 0.7;
 }
 
 .mobile .vote-down,
 .mobile .vote-up {
   margin-right: 10px;
   border: none;
   display: inline-block;
   height: 2em;
   vertical-align: text-bottom;
   padding: 0;
 }
 
 .alert .icon,
 .media-box,
 .mobile .vote-down span,
 .mobile .vote-up span,
 .newsletter-box__input-group__icon,
 .notice__message,
 .sso__button.no-image,
 .user-mention__item span {
   vertical-align: middle;
 }
 
 .mobile .vote-down .tooltip,
 .mobile .vote-up .tooltip {
   display: none;
 }
 
 .vote-down {
   padding-right: 0;
   padding-left: 6px;
   border-left: 2px solid #e7e9ee;
 }
 
 .vote-down.downvoted .control {
   color: #f05f70;
 }
 
 .dark .vote-down {
   border-left: 1px dotted rgba(255, 255, 255, 0.2);
 }
 
 .vote-down .mobile {
   padding-left: 10px;
   padding-right: 10px;
 }
 
 .vote-up {
   padding-left: 0;
 }
 
 .vote-up:after {
   content: "";
   display: block;
   position: absolute;
   top: -10px;
   left: -5px;
   right: -3px;
   bottom: -10px;
 }
 
 .vote-up .count {
   color: gray;
   position: relative;
   top: -3px;
   font-size: 13px;
 }
 
 .mobile .vote-up .count {
   top: 0;
 }
 
 .vote-up.count-0 {
   margin-left: -3px;
 }
 
 .vote-up.count-0 .count {
   display: none;
 }
 
 .vote-up.upvoted .control,
 .vote-up.upvoted .count {
   color: #2e9fff;
 }
 
 .state-byline {
   position: relative;
   display: block;
   font-weight: 500;
   margin: 8px 0 0;
   top: 2px;
   transition: color linear 0.1s;
 }
 
 .state-byline span {
   position: relative;
   top: -3px;
 }
 
 .state-byline [class|="icon"] {
   margin-right: 4px;
   float: left;
   position: relative;
   top: -3px;
   z-index: 3;
 }
 
 .state-byline-warning {
   color: #f05f70;
 }
 
 .state-byline-sponsored .icon-trophy {
   color: #ffd34f;
 }
 
 .allstar__icon {
   color: #ffd34f;
   transition: color 0.2s ease-in-out;
 }
 
 .allstar__icon:hover {
   color: #ffc61c;
 }
 
 .comment__header {
   line-height: 1;
   font-size: 13px;
   padding-right: 46px;
   margin-bottom: 3px;
 }
 
 .comment__header .author a {
   font-weight: 700;
 }
 
 .mobile .comment__header .author {
   font-size: 15px;
   line-height: 18px;
 }
 
 .mobile .comment__header {
   padding-right: 0;
   margin-right: 48px;
   margin-bottom: 4px;
   font-size: 14px;
   line-height: 18px;
   position: relative;
   top: -4px;
 }
 
 .comment__footer {
   color: #656c7a;
   margin: 4px 0 0;
 }
 
 .comment__footer .bullet {
   line-height: 1.45;
 }
 
 .mobile .comment__footer {
   position: relative;
   overflow: hidden;
   font-size: 18px;
 }
 
 .comment-footer__menu {
   margin: 0;
   padding: 0;
 }
 
 .comment-footer__menu:after,
 .comment-footer__menu:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .comment-footer__menu > li {
   float: left;
   list-style-type: none;
   padding: 0;
   font-size: 13px;
   line-height: 15px;
   margin-right: 7px;
 }
 
 .alert,
 .close {
   font-weight: 700;
   line-height: 20px;
 }
 
 .comment-footer__menu > li.comment__share {
   margin-right: 0;
 }
 
 .comment-footer__menu > li.realtime {
   float: right;
 }
 
 .edit a,
 .reply a {
   padding: 2px 0;
   border-radius: 4px;
 }
 
 .edit.active .text,
 .reply.active .text {
   font-weight: 700;
 }
 
 .highlighted-post .reply {
   display: none;
 }
 
 .comment__share {
   position: relative;
   margin-right: 0;
 }
 
 .comment__share .toggle {
   position: relative;
   z-index: 100;
   cursor: pointer;
 }
 
 .mobile .comment__share {
   display: none !important;
 }
 
 .comment-share__buttons {
   opacity: 0;
   visibility: hidden;
   white-space: nowrap;
   display: block;
   position: relative;
   top: -14px;
   left: -7px;
 }
 
 .comment__share:hover .comment-share__buttons {
   opacity: 1;
   visibility: visible !important;
 }
 
 .comment-share__buttons li {
   float: none;
   transition: right 0.4s ease-in-out;
   opacity: 0;
   position: absolute;
   right: 30px;
   top: -2px;
   padding-left: 8px;
 }
 
 .comment-share__buttons li.link .share__button {
   opacity: 0;
 }
 
 .comment__share:hover .comment-share__buttons li {
   opacity: 1;
 }
 
 .comment__share:hover .comment-share__buttons li.twitter {
   right: -28px;
 }
 
 .comment__share:hover .comment-share__buttons li.facebook {
   right: -52px;
 }
 
 .comment__share:hover .comment-share__buttons li.link {
   right: -230px;
 }
 
 .comment__share:hover .comment-share__buttons li.link .share__button {
   transition: opacity 0.3s ease-in-out 0.2s;
   opacity: 0.6;
 }
 
 .comment__share:focus-within .comment-share__buttons {
   opacity: 1;
   visibility: visible !important;
 }
 
 .comment__share:focus-within .comment-share__buttons li {
   opacity: 1;
 }
 
 .comment__share:focus-within .comment-share__buttons li.twitter {
   right: -28px;
 }
 
 .comment__share:focus-within .comment-share__buttons li.facebook {
   right: -52px;
 }
 
 .comment__share:focus-within .comment-share__buttons li.link {
   right: -230px;
 }
 
 .comment__share:focus-within .comment-share__buttons li.link .share__button {
   transition: opacity 0.3s ease-in-out 0.2s;
   opacity: 0.6;
 }
 
 .share__button {
   display: inline-block;
   width: 18px !important;
   height: 18px !important;
   padding: 0 0 0 18px;
   overflow: hidden;
   border: none;
   opacity: 0.6;
 }
 
 .facebook .share__button,
 .link .share__button,
 .twitter .share__button {
   background-image: url("../img/94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   height: 18px;
 }
 
 .close,
 .share__button:hover {
   opacity: 0.8;
 }
 
 .twitter .share__button {
   background-position: 0 -56px;
   width: 18px;
 }
 
 .facebook .share__button {
   background-position: 0 -16px;
   width: 18px;
 }
 
 .link .share__button {
   background-position: 0 -36px;
   width: 172px !important;
   padding: 0 0 2px 20px;
   text-decoration: underline;
 }
 
 .mobile .post-byline {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding-right: 15px;
 }
 
 .post-meta {
   display: inline-block;
 }
 
 .mobile div.post-meta {
   display: none;
 }
 
 .realtime-replies {
   color: #687a86;
   font-size: 85%;
 }
 
 .realtime-button:hover,
 .see-more {
   color: #656c7a;
 }
 
 .realtime-button {
   transition: right 0.2s ease-in-out;
   display: inline;
   font-size: 10px;
   padding: 0 0 0 14px;
   position: relative;
   right: -100%;
 }
 
 .realtime-button .indicator {
   transition: width 0.6s ease-in-out;
   display: inline-block;
   width: 300px !important;
   height: 9px !important;
   border-radius: 5px;
   background: #2e9fff;
   position: absolute !important;
   left: 5px !important;
   top: 2px !important;
 }
 
 .realtime-button.reveal {
   right: 0;
 }
 
 .realtime-button.reveal .indicator {
   width: 5px !important;
 }
 
 .see-more {
   z-index: 901;
   text-align: center;
   font-size: 12px;
   font-weight: 700;
   padding: 10px 0;
   border-top: 2px solid #e7e9ee;
   display: block;
 }
 
 .see-more:before {
   content: "";
   display: block;
   height: 3px;
   box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.08);
   position: relative;
   top: -11px;
 }
 
 .see-more.hidden {
   display: none;
 }
 
 .dark .see-more {
   border-color: rgba(255, 255, 255, 0.5);
   color: rgba(255, 255, 255, 0.7);
 }
 
 .dark .see-more:before {
   box-shadow: 0 -3px 3px rgba(255, 255, 255, 0.08);
 }
 
 .alert {
   background: #3b464d;
   padding: 10px 35px 10px 14px;
   border: none;
   margin-bottom: 24px;
   border-radius: 4px;
   color: #fff;
   font-size: 13px;
 }
 
 .alert a,
 .alert a:hover {
   color: #fff;
   font-weight: 700;
   text-decoration: underline;
 }
 
 .alert .icon {
   padding-right: 0.5em;
 }
 
 .dark .alert {
   background-color: rgba(255, 255, 255, 0.2);
 }
 
 #global-alert .alert {
   margin-bottom: 12px;
 }
 
 .alert.error,
 .dark .alert.error {
   background: #f05f70;
 }
 
 .alert.alert--realtime,
 .alert.info,
 .alert.success,
 .dark .alert.alert--realtime,
 .dark .alert.info,
 .dark .alert.success {
   background: #2e9fff;
 }
 
 .close {
   background: 0 0;
   border: 0;
   color: #fff;
   float: right;
   font-size: 20px;
   padding: 0 !important;
   position: relative;
   right: -21px;
   top: -2px;
   text-decoration: none !important;
 }
 
 .notice,
 .tooltip {
   border-radius: 5px;
 }
 
 .close:hover {
   opacity: 0.4;
   text-decoration: none;
 }
 
 .notice {
   padding: 20px;
   font-size: 15px;
   font-weight: 500;
   background: #e7e9ee;
 }
 
 .notice:after,
 .notice:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .dark .notice {
   background: rgba(255, 255, 255, 0.2);
 }
 
 .notice--brand {
   background: #2e9fff;
   color: #fff;
 }
 
 .notice-wrapper {
   display: table;
   width: 100%;
 }
 
 .notice-wrapper > * {
   display: table-cell;
 }
 
 .notice__icon {
   margin-top: 2px;
   color: #687a86;
   font-size: 32px;
   padding-right: 15px;
 }
 
 .dark .notice__icon {
   color: #e7e9ee;
 }
 
 .notice--brand .notice__icon {
   color: #fff;
 }
 
 .notice__button {
   width: 110px;
   padding-left: 0;
   padding-right: 0;
   background: #2e9fff;
   color: #fff;
   transition: all 250ms ease-in-out;
 }
 
 .notice--brand .notice__button {
   background: #fff;
   color: #2e9fff;
 }
 
 .notice__message {
   max-width: 540px;
   padding-right: 0.5em;
   color: #494e58;
   font-weight: 400;
   text-decoration: none;
   line-height: 1.3em;
 }
 
 .notice__message:hover {
   color: #656c7a;
 }
 
 @media (max-width: 480px) {
   .notice__icon {
     display: none;
   }
   .notice__button {
     width: 100%;
     display: inline-block;
   }
   .notice__message {
     margin-bottom: 12px;
     display: inline-block;
     padding-right: 0;
   }
 }
 
 .notice--brand .notice__message {
   color: #fff;
 }
 
 .dark .notice__message,
 .dark .notice__message:hover {
   color: #e7e9ee;
 }
 
 .dismiss {
   display: block;
   text-align: right;
   font-size: 12px;
   font-weight: 400;
   color: #687a86;
 }
 
 .dismiss .cross {
   font-weight: 700;
   font-size: 16px;
 }
 
 .dark .dismiss {
   color: #e7e9ee;
 }
 
 .tooltip-outer {
   z-index: 1000;
   position: absolute;
   top: -20px;
   left: 24px;
 }
 
 .children .tooltip-outer {
   left: 48px;
   top: -24px;
 }
 
 .tooltip-outer .point-position-bl {
   left: 41px;
   bottom: -16px;
 }
 
 .tooltip-outer .point-position-tl {
   left: 41px;
   top: -16px;
 }
 
 .tooltip-outer .point-position-tl:after,
 .tooltip-outer .point-position-tl:before {
   top: 9px;
 }
 
 .tooltip-point {
   width: 70px;
   height: 16px;
   overflow: hidden;
   position: absolute;
   margin-left: -35px;
 }
 
 .tooltip-point:after,
 .tooltip-point:before {
   content: "";
   position: absolute;
   left: 20px;
   top: -20px;
   width: 25px;
   height: 25px;
   background: #fff;
   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
   transform: rotate(45deg);
 }
 
 .tooltip {
   position: relative;
   background: #fff;
   overflow: auto;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
   padding: 8px 8px 0;
   color: #7f8d99;
 }
 
 .use-opacity-transitions .tooltip {
   transition: opacity 0.25s linear;
 }
 
 .message-card .tooltip {
   padding: 2px 5px;
 }
 
 .profile-card .tooltip {
   width: 290px;
 }
 
 .upgrade-card .tooltip {
   width: 300px;
   text-align: center;
   padding: 8px;
 }
 
 .upgrade-card .tooltip .btn {
   color: #fff;
   background: #2e9fff;
 }
 
 .tooltip .avatar {
   position: absolute;
   top: 8px !important;
   left: 8px;
   transition: left 0.2s linear;
 }
 
 .tooltip .avatar img {
   display: block;
   width: 75px;
   height: 75px;
   border-radius: 3px;
   min-width: 75px !important;
   min-height: 75px !important;
 }
 
 .context-card .tooltip {
   border-radius: 4px;
   padding: 5px 5px 0;
   width: 220px;
 }
 
 .context-card .tooltip .avatar {
   left: 5px !important;
   top: 5px !important;
 }
 
 .context-card .tooltip .avatar img {
   width: 36px !important;
   height: 36px !important;
   min-width: 36px !important;
   min-height: 36px !important;
 }
 
 .tooltip__content {
   margin-left: 84px;
   min-height: 74px;
 }
 
 .tooltip__content h3 {
   margin: 0 0 5px;
   font-size: 16px;
   line-height: 1.2;
   overflow-x: hidden;
   text-overflow: ellipsis;
 }
 
 .tooltip__content h3 a {
   font-weight: 700;
   color: #000;
 }
 
 .tooltip__content h3 .badge {
   position: relative;
   top: -1px;
 }
 
 .tooltip__content p {
   margin: 0 0 2px;
   font-size: 13px;
   line-height: 1.3;
 }
 
 .tooltip__content p.bio {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
 }
 
 .tooltip__content p.stats {
   font-size: 12px;
   min-height: 15.6px;
   font-weight: 700;
 }
 
 .context-card .tooltip__content {
   min-height: 40px;
   margin-left: 44px;
 }
 
 .context-card .tooltip__content p {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .tooltip__footer {
   display: block !important;
   background: #e7e9ee;
   height: 40px;
   margin: 8px -8px 0;
   padding: 8px;
   border-radius: 0 0 4px 4px;
 }
 
 .tooltip__footer:after,
 .tooltip__footer:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .full-profile {
   color: #656c7a;
   font-weight: 700;
   float: right;
   float: right !important;
   font-size: 12px;
   padding: 7px 13px 3px 0;
   background: url("") center right no-repeat;
 }
 
 .dark .full-profile {
   color: #7f8d99 !important;
 }
 
 .vote-action.tooltip {
   cursor: default;
   transition-delay: 0.4s;
   position: absolute;
   z-index: 1001;
   display: inline-block;
   width: 170px;
   border-radius: 3px;
   line-height: 1.1;
   padding: 5px 10px;
   bottom: 15px;
   left: 6px;
 }
 
 .use-opacity-transitions .connect__button,
 .use-opacity-transitions .sso__button {
   transition: opacity 0.2s;
 }
 
 .context-card {
   display: block;
   left: -100px;
   right: 0;
   top: -52px;
 }
 
 .context-card .notch {
   top: auto;
   left: 104px;
   bottom: -9px;
   background-position: bottom center;
   height: 14px;
   display: none;
 }
 
 .context-card h3 {
   line-height: 1.1 !important;
   margin-bottom: 2px !important;
   white-space: nowrap;
   overflow-y: hidden;
 }
 
 .context-card h3 a {
   line-height: 1.2 !important;
   display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .audiencesync {
   overflow: hidden;
 }
 
 .audiencesync:after,
 .audiencesync:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .audiencesync p {
   font-size: 12px;
   line-height: 1.5em;
   overflow: hidden;
   float: left;
   margin: 0;
   max-width: 170px;
 }
 
 .audiencesync__icons {
   margin-right: 10px;
   margin-bottom: 1.5em;
   overflow: hidden;
   float: left;
 }
 
 .audiencesync__icons .icon {
   float: left;
   color: #939ea7;
 }
 
 .audiencesync__icons .icon-proceed {
   padding: 7px;
 }
 
 @media (max-width: 480px) {
   .audiencesync__icons img {
     width: 16px;
   }
 }
 
 .connect__button,
 .sso__button {
   background: 0 0;
   font-size: 11px;
   width: 34px;
   height: 34px;
 }
 
 .auth-section {
   display: none;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 10px 0 0;
   margin: 0;
   z-index: 200;
 }
 
 .auth-section:after,
 .auth-section:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 @media (min-width: 480px) {
   .auth-section {
     margin: 0 0 0 60px;
   }
 }
 
 .auth-section.logged-out__display {
   display: -ms-flexbox;
   display: flex;
 }
 
 .auth-section.logged-out__hide {
   display: none;
 }
 
 .expanded .postbox .auth-section {
   display: -ms-flexbox;
   display: flex;
 }
 
 .post-list .auth-section {
   margin-left: 48px;
 }
 
 .mobile .post-list .auth-section {
   padding: 12px;
   border: 2px solid #cbd2d6;
   border-top: none;
 }
 
 .connect {
   padding-right: 10px;
 }
 
 .guest {
   padding: 2px 0 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-preferred-size: 270px;
   flex-basis: 270px;
 }
 
 .guest p {
   margin: 0 0 12px;
 }
 
 .services {
   margin: 0 0 18px;
 }
 
 .services:after,
 .services:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .services li {
   float: left;
   margin: 0 3px 0 0;
 }
 
 .services li.sso {
   float: none;
   margin: 0 0 12px;
 }
 
 .connect__button {
   display: block;
   text-indent: -9999em;
   opacity: 0.9;
 }
 
 .connect__button:hover {
   opacity: 1;
 }
 
 .sso__button {
   display: block;
   opacity: 0.9;
   text-indent: 0;
 }
 
 .sso__button:hover {
   opacity: 1;
 }
 
 .sso__button.image {
   box-shadow: none;
   width: auto;
 }
 
 .sso__button.no-image {
   margin-bottom: 0;
   font-size: 14px;
   cursor: pointer;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
     0 1px 2px rgba(0, 0, 0, 0.05);
   border: none;
   background: #778289;
   background: rgba(29, 47, 58, 0.6);
   padding: 10px 16px;
   color: #fff;
   line-height: 1.1;
   border-radius: 3px;
   font-weight: 500;
   transition: background 0.2s;
   text-shadow: none;
   text-align: center;
   display: block;
   width: 143px;
 }
 
 .sso__button.no-image.active,
 .sso__button.no-image.disabled,
 .sso__button.no-image:active,
 .sso__button.no-image:hover,
 .sso__button.no-image[disabled] {
   color: #656c7a;
   background-color: #e6e6e6;
 }
 
 .sso__button.no-image.active,
 .sso__button.no-image:active {
   background-color: #ccc;
 }
 
 .sso__button.no-image:hover {
   color: #656c7a;
   text-decoration: none;
   background-color: #e6e6e6;
   background-position: 0 -15px;
   transition: background-position 0.1s linear;
 }
 
 .sso__button.no-image:focus {
   outline: #333 dotted thin;
   outline: -webkit-focus-ring-color auto 5px;
   outline-offset: -2px;
 }
 
 .sso__button.no-image.active,
 .sso__button.no-image:active {
   background-color: #e6e6e6;
   background-color: #d9d9d9;
   background-image: none;
   outline: 0;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 
 .sso__button.no-image.disabled,
 .sso__button.no-image[disabled] {
   cursor: default;
   background-color: #e6e6e6;
   background-image: none;
   opacity: 0.65;
   box-shadow: none;
 }
 
 .sso__button.no-image:not(:disabled):hover {
   background: #606d75;
   background: rgba(29, 47, 58, 0.7);
   color: #fff;
 }
 
 .sso__button.no-image:not(:disabled).active,
 .sso__button.no-image:not(:disabled):active {
   transition: none;
   background: #2e9fff;
 }
 
 .sso__button.no-image.busy {
   background: #ebeef2;
   color: #999;
   text-shadow: none;
 }
 
 .sso__button.no-image.busy:active,
 .sso__button.no-image.busy:hover {
   background: #ebeef2;
   text-shadow: none;
   cursor: not-allowed;
 }
 
 .auth-disqus button,
 .auth-facebook button,
 .auth-google button,
 .auth-twitter button {
   background-image: url("../img/94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   height: 34px;
 }
 
 .sso__button.no-image.btn-small {
   font-size: 12px;
   padding: 8px 10px;
   background-position: 0 -10px;
 }
 
 .sso__button.no-image.btn-small.follow {
   font-weight: 400;
   font-size: 10px;
   padding: 1px 4px;
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
 }
 
 .sso__button.no-image.btn-small:hover {
   background-position: 0 -40px;
 }
 
 .mobile .sso__button.no-image {
   border: none;
   box-shadow: none;
 }
 
 .guest-details {
   overflow: hidden;
   display: none;
 }
 
 .guest-details.expanded {
   display: block;
 }
 
 .guest-checkbox {
   margin: 9px 2px 19px 0;
 }
 
 .guest-form-title {
   display: inline-block;
 }
 
 .guest-text {
   display: none;
 }
 
 .is-guest .guest-text,
 .register-text {
   display: block;
 }
 
 .is-guest .register-text,
 .proceed.is-submitting .icon-proceed {
   display: none;
 }
 
 .auth-twitter button {
   background-position: 0 -251px;
   width: 34px;
 }
 
 .auth-facebook button {
   background-position: 0 -179px;
   width: 34px;
 }
 
 .auth-google button {
   background-position: 0 -215px;
   width: 34px;
 }
 
 .auth-disqus button {
   background-position: 0 -143px;
   width: 35px;
 }
 
 .proceed {
   position: relative;
   font-size: 12px;
   width: 100%;
 }
 
 @media (min-width: 480px) {
   .guest-checkbox {
     margin-bottom: 12px;
     float: left;
   }
   .proceed {
     float: right;
     width: 60px;
   }
 }
 
 .proceed.active {
   opacity: 1;
 }
 
 .proceed.is-submitting .spinner {
   display: block;
 }
 
 .proceed__button {
   height: 32px;
   padding: 9px 0;
   width: 100%;
   text-align: center;
 }
 
 .dark .proceed__button {
   background: rgba(255, 255, 255, 0.85);
   color: #444;
 }
 
 .dark .proceed__button:hover {
   background: rgba(255, 255, 255, 0.7);
   color: #222;
 }
 
 .is-submitting .proceed__button {
   opacity: 0.5;
   cursor: default;
 }
 
 .is-submitting .proceed__button:hover {
   background-color: #656c7a;
 }
 
 .dark .is-submitting .proceed__button {
   opacity: 0.7;
   background: rgba(255, 255, 255, 0.7);
 }
 
 .dark .is-submitting .proceed__button:hover {
   background: rgba(255, 255, 255, 0.7);
   color: #444;
 }
 
 .next {
   display: none;
 }
 
 .register .next {
   display: block;
 }
 
 .register .submit {
   display: none;
 }
 
 .help-tooltip__wrapper {
   cursor: pointer;
   display: inline-block;
   position: relative;
   background: 0 0;
 }
 
 .help-tooltip__wrapper:focus .help-tooltip,
 .help-tooltip__wrapper:hover .help-tooltip {
   opacity: 1;
   visibility: visible !important;
 }
 
 .help-tooltip,
 .post-actions {
   opacity: 0;
   visibility: hidden;
 }
 
 .help-tooltip {
   text-indent: 0;
   z-index: 1001;
   position: absolute;
   width: 300px;
   top: 20px;
   padding: 18px 14px 4px;
   left: 8px;
   margin-left: -155px;
 }
 
 .help-tooltip__heading {
   color: #687a86;
   padding: 0 4px;
   margin: 0 0 14px;
   font-weight: 700;
 }
 
 .help-tooltip__list {
   list-style: disc;
   padding: 0 0 0 20px;
   margin: 0 0 14px;
 }
 
 .help-tooltip__list li {
   color: #687a86;
   list-style: disc;
   margin: 0 0 6px;
   line-height: 1.4;
   font-size: 13px;
 }
 
 .help-tooltip__list li span {
   color: #656c7a;
 }
 
 .help-tooltip__button {
   font-size: 12px;
   padding: 10px;
   margin-bottom: -2px;
   display: block;
   text-align: center;
 }
 
 .textarea-wrapper {
   background: #fff;
   border: 2px solid #dbdfe4;
   position: relative;
   border-radius: 4px;
   margin: 0 0 0 48px;
 }
 
 .textarea-wrapper:after,
 .textarea-wrapper:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .textarea-wrapper:focus {
   border: 2px solid #c2c6cc;
 }
 
 .edit .textarea-wrapper {
   margin: 3px 0 9px !important;
   padding-bottom: 36px;
 }
 
 .textarea-wrapper--top-level .textarea-wrapper {
   margin-left: 60px;
 }
 
 @media (max-width: 500px) {
   .textarea-wrapper--top-level .textarea-wrapper {
     margin-left: 0;
   }
   .textarea-wrapper--top-level .avatar {
     display: none;
   }
 }
 
 .mobile .textarea-wrapper--top-level .textarea-wrapper {
   margin-left: 0;
 }
 
 .mobile .textarea-wrapper {
   margin-left: 42px;
 }
 
 .mobile .edit .textarea-wrapper {
   margin: 0 !important;
 }
 
 .textarea-wrapper.error {
   border-color: #f05f70;
 }
 
 .textarea-wrapper--top-level .avatar {
   position: absolute;
   left: 0;
   transition: left 0.2s linear;
 }
 
 .mobile .textarea-wrapper--top-level {
   margin-bottom: 1em;
 }
 
 .mobile .textarea-wrapper--top-level.active {
   display: block;
 }
 
 .mobile .textarea-wrapper--top-level .avatar {
   display: none;
 }
 
 .placeholder {
   color: #687a86;
   line-height: 30px;
   font-size: 15px;
   position: absolute;
   top: 7px;
   left: 10px;
   right: 9px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   cursor: text;
 }
 
 @media (min-width: 500px) {
   .placeholder {
     font-size: 18px;
   }
 }
 
 .textarea {
   color: #2a2e2e;
   cursor: text;
   resize: none;
   border: 0;
   display: block;
   padding: 6px 10px 8px;
   margin: 0;
   width: 100%;
   min-height: 44px;
   height: auto;
   line-height: 1.4;
   font-size: 14px;
   font-family: "Helvetica Neue", arial, sans-serif;
   overflow-y: scroll;
   transition: all 0.15s ease-in-out;
 }
 
 .dark .textarea {
   border-color: #e7e9ee;
   border-radius: 4px;
 }
 
 .expanded .textarea {
   margin-bottom: 36px;
   min-height: 73px;
 }
 
 @media (max-width: 500px) {
   .expanded .textarea {
     min-height: 60px;
   }
 }
 
 .mobile .textarea {
   min-height: 35px;
 }
 
 .textarea div,
 .textarea p {
   margin: 0;
   line-height: 1.4;
 }
 
 .textarea:focus {
   outline: 0;
 }
 
 .expanded .postbox .logged-in {
   display: none;
 }
 
 .expanded.authenticated .postbox .logged-in {
   display: block;
 }
 
 .expanded.authenticated .postbox .logged-out {
   display: none;
 }
 
 .postbox {
   position: relative;
   margin-left: 60px;
 }
 
 .media-drag-hover,
 .media-drag-hover .drag-text {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
 }
 
 .reply-form-container .postbox {
   margin: 24px 0 0 60px;
 }
 
 .children .postbox {
   margin-left: 48px;
 }
 
 .textarea-wrapper--top-level .postbox {
   margin: 0 0 24px;
 }
 
 .children .children .children .postbox,
 .mobile .postbox {
   margin-left: 0 !important;
 }
 
 .post-list .postbox .avatar img {
   width: 36px;
   height: 36px;
 }
 
 .postbox .edit-alert .alert {
   border-radius: 0;
   margin: -36px -2px 36px;
   border-top: solid 2px;
   border-color: #dbdfe4;
 }
 
 .postbox section {
   border-radius: 0 0 3px 3px;
 }
 
 .postbox section label {
   font-size: 13px;
   color: #687a86;
 }
 
 .dark .postbox section label {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .postbox section small {
   display: block;
   font-size: 11px;
   line-height: 1.2 !important;
   color: #a9adb3;
   margin: 4px 0 0 16px;
 }
 
 .edit .edit-alert .alert {
   border-radius: 0;
   margin: 0 -2px;
   border-top: solid 2px;
   border-color: #dbdfe4;
 }
 
 .edit .edit-alert .alert > a {
   color: #fff !important;
 }
 
 .media-drag-hover {
   overflow: hidden;
   top: 0;
   bottom: 0;
   border-radius: 3px;
   background-color: rgba(0, 0, 0, 0.4);
   font-weight: 700;
   z-index: 2000;
   color: #fff;
 }
 
 .media-drag-hover .drag-text {
   border: 3px dashed #fff;
   padding: 12px;
   top: 50%;
   margin: -22px 30px 0;
   border-radius: 6px;
   height: 45px;
 }
 
 .media-box,
 .media-ct,
 .media-expanded,
 .media-surface {
   position: relative;
 }
 
 .media-preview {
   transition: padding-bottom 0.15s ease-in-out;
   background-color: #687a86;
   background: rgba(16, 48, 68, 0.03);
   border-top: solid 2px;
   border-color: #dbdfe4;
   padding: 10px 0 8px;
   margin: 20px 0 0;
 }
 
 .media-preview .empty,
 .media-preview.empty {
   display: none;
 }
 
 .dark .media-preview {
   background: rgba(255, 255, 255, 0.2);
 }
 
 .expanded .media-preview {
   padding-bottom: 42px;
 }
 
 .media-preview ul {
   display: inline;
 }
 
 .media-preview li {
   display: inline-block;
   zoom: 1;
   margin: 0 0 0 8px;
 }
 
 .media-preview li.active {
   border: 1px solid;
   padding: 0;
 }
 
 .media-expanded {
   max-height: 300px;
   margin: 8px 8px 0;
   text-align: center;
 }
 
 .media-expanded img {
   max-height: 300px;
   max-width: 100%;
 }
 
 .media-box,
 .media-surface img {
   max-width: 128px;
   max-height: 128px;
 }
 
 .media-box {
   display: table-cell;
   text-align: center;
 }
 
 .media-ct {
   display: inline;
   display: inline-block;
 }
 
 .media-surface {
   display: table-cell;
 }
 
 .media-surface img {
   border-radius: 3px;
 }
 
 .media-progress-box {
   position: relative;
   width: 128px;
   height: 128px;
   background: url("") center 45% no-repeat;
 }
 
 .media-progress {
   position: absolute;
   top: 65%;
   left: 20%;
   width: 60%;
   height: 5px;
   background-color: #dbdfe4;
 }
 
 .media-progress .bar {
   background-color: #687a86;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
 }
 
 .post-actions {
   background: #f6f8f9;
   border-radius: 0 0 2px 2px;
   border-top: solid 2px #dbdfe4;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 36px;
   transition: opacity linear 0.2s;
 }
 
 .edit .post-actions,
 .expanded .post-actions {
   opacity: 1;
   visibility: visible !important;
 }
 
 .dark .post-actions {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .post-action__button {
   margin: -2px -2px 0 0;
   white-space: nowrap;
   border-radius: 0 0 3px;
   font-size: 12px;
   padding: 12px 14px 13px;
   font-weight: 700;
   float: right;
 }
 
 .post-action__cancel {
   line-height: 30px;
   float: right;
   color: #c2c6cc !important;
   font-size: 12px;
   font-weight: 500;
   margin-right: 12px;
 }
 
 .post-action__cancel:hover {
   color: #656c7a !important;
 }
 
 .wysiwyg {
   position: absolute;
   top: 2px;
   left: 2px;
 }
 
 .wysiwyg__item {
   float: left;
   position: relative;
 }
 
 .wysiwyg__item input[type="file"] {
   visibility: hidden;
   width: 1px;
 }
 
 .wysiwyg__item a {
   display: block;
   height: 30px;
   width: 34px;
   position: relative;
 }
 
 .wysiwyg__item a span {
   width: 14px;
   height: 14px;
   display: block;
   position: absolute;
   top: 9px;
   left: 10px;
   text-indent: -9999em;
   transition: opacity 0.1s linear;
   opacity: 0.65;
 }
 
 .wysiwyg__item a.attach span {
   background-image: url("../img/94861a62de5a06a0b4fee481763578fd9483a4c2.png");
   background-position: 0 0;
   width: 14px;
   height: 14px;
 }
 
 .wysiwyg__item.active a span,
 .wysiwyg__item:active a span,
 .wysiwyg__item:hover a span {
   opacity: 1;
 }
 
 .user-mention__list {
   position: absolute;
   left: 0;
   top: 99%;
   z-index: 1002;
   width: 100%;
   box-sizing: content-box;
   margin: 0 -2px -2px;
   padding: 0;
   list-style-type: none;
   line-height: 1;
   zoom: 1;
   background: #fff;
   border: 2px solid #dbdfe4;
   border-radius: 0 0 3px 3px;
   cursor: pointer;
 }
 
 .user-mention__header {
   background: #fff;
   padding: 8px;
   margin: 0;
 }
 
 .user-mention__header h5 {
   margin: 0;
   padding: 0;
   border: 0;
   font-weight: 700;
   font-size: 11px;
   text-transform: uppercase;
   line-height: 11px;
   color: #999;
 }
 
 .dark .user-mention__header {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .dark .user-mention__header h5 {
   color: rgba(0, 0, 0, 0.6);
 }
 
 .user-mention__item {
   position: relative;
   color: #656c7a;
   padding: 8px;
   font-weight: 500;
   overflow: hidden;
 }
 
 .textarea-wrapper--top-level .user-mention__item span {
   padding-left: 32px;
 }
 
 .user-mention__item .avatar {
   top: 5px;
   left: 5px;
   width: 22px;
   height: 22px;
 }
 
 .textarea-wrapper--top-level .user-mention__item .avatar {
   top: 6px;
   left: 8px;
 }
 
 .user-mention__item:hover {
   background-color: #e7e9ee;
 }
 
 .user-mention__item.active {
   background-color: #2e9fff;
   color: #fff;
 }
 
 .user-mention__item.active:last-child {
   border-radius: 0 0 1px 1px;
 }
 
 .mobile .alert {
   margin-left: 0 !important;
 }
 
 .mobile .alert .avatar {
   display: none;
 }
 
 .mobile .post .alert .avatar {
   display: block;
 }
 
 .mobile .post-list form.edit {
   margin: 0;
 }
 
 .mobile .post-list .authored-by-session-user form.edit:before,
 .mobile .post-list .authored-by-session-user form.reply:before {
   left: 140px;
 }
 
 .mobile .post-list > .post:first-child > .post-content {
   border-top: none;
 }
 
 .mobile .post-list .post {
   padding: 0;
 }
 
 .mobile .post-list .post .post-content {
   margin: 0;
   padding-top: 12px;
 }
 
 .mobile .post-list .post .post-content .indicator {
   height: 30px;
 }
 
 .mobile .post-list .post .post-content .post-menu {
   display: block;
   visibility: visible;
   opacity: 1;
   position: absolute;
   min-width: 0;
   right: 0;
   top: -10px;
   padding: 0;
 }
 
 .mobile .post-list .post .post-content .post-menu * {
   -webkit-tap-highlight-color: transparent;
 }
 
 .mobile .post-list .post .post-content .post-menu .dropdown-toggle {
   border: none;
   padding: 15px 6px 12px 10px;
 }
 
 .mobile .post-list .post .post-content .post-menu .dropdown-menu {
   top: 32px;
 }
 
 .mobile .post-list .post .post-content .post-menu li {
   margin: 0;
 }
 
 .mobile .post-list .post .post-content .post-menu li a {
   position: static;
   display: block;
   margin: 0;
   padding: 10px 0 10px 10px;
 }
 
 .mobile .post-list .post .post-content .post-menu li a span {
   display: block;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   vertical-align: middle;
   border-radius: 3px;
   box-shadow: inset 0 0 0 2px rgba(0, 39, 59, 0.2);
   transition: background;
 }
 
 .mobile .post-list .post .post-content .avatar .user {
   background: #c2c6cc;
 }
 
 .mobile .post-list .post .post-content .avatar .user img {
   width: 30px;
   height: 30px;
 }
 
 .mobile .post-list .post .post-content .post-body {
   overflow: visible;
   display: block;
 }
 
 .mobile .post-list .post .post-content .post-body .post-byline {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding-right: 15px;
 }
 
 .mobile .post-list .children .post:after,
 .mobile .post-list .post .post-content .post-body .badge,
 .mobile .post-list .post.minimized > .post-content .post-meta {
   display: none;
 }
 
 .mobile .post-list .post .post-content .post-body .post-message-container {
   box-sizing: border-box;
   position: static;
   width: auto;
 }
 
 .mobile .post-list .post.collapsed > .post-content,
 .mobile .post-list .post.minimized > .post-content {
   margin-bottom: 12px;
 }
 
 .mobile .post-list .post.collapsed > .post-content .post-message,
 .mobile .post-list .post.minimized > .post-content .post-message {
   float: none;
   margin-right: 24px;
 }
 
 .mobile .post-list .post.minimized > .post-content .avatar img {
   width: 30px;
   height: 30px;
   margin-top: 4px;
 }
 
 .mobile .post-list .post.minimized > .post-content .post-message p {
   line-height: 1.35em;
 }
 
 .mobile .post-list .post.minimized.collapsed > .post-content header {
   line-height: 36px;
   font-size: 14px;
 }
 
 .mobile input[type="checkbox"],
 .mobile input[type="email"],
 .mobile input[type="password"],
 .mobile input[type="text"],
 .mobile textarea {
   font-size: 16px;
 }
 
 .mobile .post-list .post .post-content {
   margin-bottom: 16px;
   padding: 0;
   border-top: none;
   transition: none;
 }
 
 .mobile .post-list .post .post-content.new .avatar,
 .mobile .post-list .post .post-content.target .avatar {
   margin-left: 8px;
 }
 
 .mobile .post-list .post .post-content.new .indicator {
   width: 2px;
 }
 
 .mobile .post-list .post .post-content .post-body .post-body-inner {
   clear: left;
   position: relative;
   top: -4px;
   overflow: visible;
 }
 
 .actions:after,
 .media:after,
 .no-flexbox .align:after,
 .row:after {
   clear: both;
 }
 
 .mobile .post-list .children {
   padding-left: 17px;
   border-left: 2px solid #e7e9ee;
 }
 
 .mobile .post-list .children .post {
   margin-left: 0;
 }
 
 .mobile .post-list .children .post .post-content {
   margin-left: 0;
   padding: 0;
   border-top: none;
 }
 
 .mobile .post-list .children .post .post-content .post-message-container,
 .mobile .post-list .children .post .post-content footer,
 .mobile .post-list .children .post .post-content header {
   margin-left: 0 !important;
 }
 
 .mobile .post-list .children .post .post-content .post-body,
 .mobile .post-list .children .post-content .reply-form-container {
   margin-left: 0;
 }
 
 .mobile .post-list .children .post .post-content .avatar img {
   margin-top: 0;
 }
 
 .mobile .post-list .children .post-content .reply-form-container .alert,
 .mobile .post-list .postbox {
   margin-top: 5px;
 }
 
 .mobile .post-list .children li:only-child {
   margin-bottom: 20px;
 }
 
 .mobile .post-list .children .children .children {
   padding-left: 0;
   border-left: none;
 }
 
 .mobile .post-list .children .highlighted.post-content,
 .mobile .post-list .highlighted .post-content {
   padding: 12px;
 }
 
 .mobile .post-list .highlighted .post-content .post-menu {
   right: 12px;
   top: 2px;
 }
 
 .mobile .post-list .highlighted .post-content .indicator {
   margin-left: 12px;
 }
 
 .mobile .post-list .highlighted .thread-link {
   margin: 3px 0 0 !important;
 }
 
 .mobile .post-list .highlighted .thread-link a {
   line-height: 1.6em;
 }
 
 .mobile .post-list .highlighted .thread-link .icon,
 .mobile .post-list .highlighted .thread-link .text {
   display: none !important;
 }
 
 .mobile .post-list .highlighted .thread-link .mobile-text {
   display: inline !important;
 }
 
 .mobile .post-list .highlighted .feedback {
   display: none !important;
 }
 
 .mobile .highlighted-post .highlighted > .post-content footer menu li.reply {
   display: none;
 }
 
 .mobile .dark .post-list .post .post-menu li a span {
   box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
 }
 
 .mobile .dark .post-list .post form.reply:before {
   background: rgba(255, 255, 255, 0.2);
 }
 
 .mobile .dark .post-list .children {
   border-color: rgba(255, 255, 255, 0.08);
 }
 
 .newsletter-box {
   background: #ebeef2;
   border-radius: 5px;
   padding: 14px;
 }
 
 .dark .newsletter-box {
   color: #fff;
   background-color: #46494e;
   border-color: #353a3d;
 }
 
 @media only screen and (max-width: 767px) {
   .newsletter-box input[type="submit"] {
     margin: 10px 0 !important;
   }
   .comment-policy {
     width: 100%;
   }
 }
 
 .newsletter-box__hide {
   color: #546673;
   -ms-flex-item-align: end;
   align-self: flex-end;
   text-decoration: none;
   font-size: 13px;
 }
 
 .button-link-inverted,
 .newsletter-box__hide:hover,
 .text-underline {
   text-decoration: underline;
 }
 
 .dark .newsletter-box__hide {
   color: #288ce4;
 }
 
 .newsletter-box__input-group {
   border: 1px solid #2e9fff;
   padding: 5px 0.75em 6px;
   background: #fff;
   border-radius: 3px;
   margin-right: 10px;
   display: inline-block;
 }
 
 .newsletter-box__input-group input {
   border: none;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
 .newsletter-box__input-group__icon {
   color: #2e9fff;
   margin-right: 10px;
   position: relative;
   top: 2px;
 }
 
 .comment-policy {
   -ms-flex-positive: 0;
   flex-grow: 0;
   background-position: right 20px top 20px;
   border: none;
   border-radius: 4px;
   position: relative;
   overflow: hidden;
   margin-top: 10px;
 }
 
 .dark .comment-policy {
   color: #fff;
   background-color: #46494e;
 }
 
 .comment-policy .content {
   position: relative;
   z-index: 1;
 }
 
 .comment-policy p {
   margin-bottom: 4px;
 }
 
 .comment-policy .title {
   font-weight: 700;
 }
 
 .dark .comment-policy .title {
   color: #fff;
 }
 
 .comment-policy i {
   color: #e0e3e9;
   position: absolute;
 }
 
 .dark .comment-policy i {
   color: #353a3d;
 }
 
 .button {
   border-radius: 3px;
   border: 1px solid transparent;
   line-height: 1.1em;
   text-align: center;
   font-weight: 500;
   padding: 8px 10px 9px;
   display: inline-block;
   cursor: pointer;
 }
 
 .no-touch .button:hover,
 .no-touchevents .button:hover {
   transition: all 0.2s ease-in-out;
 }
 
 .button:disabled {
   opacity: 0.35;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
 .button-smaller {
   font-size: 13px;
   padding: 6px 10px;
 }
 
 .button-small {
   font-size: 13px;
   padding: 8px 10px;
 }
 
 @media only screen and (min-width: 768px) {
   .button-small {
     padding: 8px 11px;
   }
 }
 
 .button-medium {
   font-size: 15px;
   padding: 9px 17px;
 }
 
 @media only screen and (min-width: 768px) {
   .button-medium {
     padding: 10px 24px;
   }
 }
 
 .button-large {
   font-size: 18px;
   padding: 10px 25px;
 }
 
 @media only screen and (min-width: 768px) {
   .button-large {
     padding: 12px 36px;
   }
 }
 
 .button-wide {
   display: block;
   width: 100%;
 }
 
 @media only screen and (max-width: 767px) {
   .button-wide--mobile {
     display: block;
     width: 100%;
   }
 }
 
 @media only screen and (max-width: 480px) {
   .button-wide--footer {
     display: block;
     width: 100%;
     position: absolute;
     bottom: 0;
     height: 50px;
     border-radius: 0;
     font-size: 18px;
   }
 }
 
 .button-inline {
   padding: 0;
   border-width: 0;
 }
 
 .button-inverted.-thick,
 .button-outline.-thick {
   border-width: 2px;
 }
 
 .button-padding-taller {
   padding-top: 12px;
   padding-bottom: 13px;
 }
 
 .button-padding-wide {
   padding-left: 20px;
   padding-right: 20px;
 }
 
 .button-padding-wider {
   padding-left: 30px;
   padding-right: 30px;
 }
 
 .button-disabled {
   background-color: #687a86;
   border-color: #687a86;
   color: #fff;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
 .no-touch .button-disabled:hover,
 .no-touchevents .button-disabled:hover {
   color: #fff;
 }
 
 .button-link {
   color: #2e9fff;
   font-size: inherit;
 }
 
 .no-touch .button-link:hover,
 .no-touchevents .button-link:hover {
   color: #546673;
 }
 
 .button-link-inverted {
   color: #fff;
   font-size: inherit;
 }
 
 .no-touch .button-link-inverted:hover,
 .no-touchevents .button-link-inverted:hover {
   color: #cce9ff;
 }
 
 .button-outline {
   border-color: #cce9ff;
   background-color: #fff;
   color: #2e9fff;
 }
 
 .no-touch .button-outline:hover,
 .no-touchevents .button-outline:hover {
   border-color: #2e9fff;
   background-color: #f2f9ff;
   color: #2e87e7;
 }
 
 .button-outline.-blue-darker {
   border-color: #fff;
   color: #164b78;
 }
 
 .no-touch .button-outline.-blue-darker:hover,
 .no-touchevents .button-outline.-blue-darker:hover {
   color: #164b78;
   border-color: #fff;
   background-color: rgba(255, 255, 255, 0.8);
 }
 
 .button-outline.-border-muted {
   border-color: #e0e3e9;
 }
 
 .button-outline.-border-light {
   border-color: #fff;
 }
 
 .no-touch .button-outline.-border-light:hover,
 .no-touchevents .button-outline.-border-light:hover {
   border-color: #f2f9ff;
   background-color: rgba(255, 255, 255, 0.7);
 }
 
 .button-outline.-border-blue-dark {
   border-color: currentColor;
 }
 
 .no-touch .button-outline.-border-blue-dark:hover,
 .no-touchevents .button-outline.-border-blue-dark:hover {
   color: #2e87e7;
   background-color: #cce9ff;
   border-color: #2e87e7;
 }
 
 .button-outline.-border-red {
   color: #f05f70;
   border-color: #f05f70;
   background-color: transparent;
 }
 
 .button-outline.-border-red:hover {
   background-color: #f05f70;
 }
 
 .no-touch .button-outline.-border-red:hover,
 .no-touchevents .button-outline.-border-red:hover {
   color: #fff;
   border-color: #f05f70;
   background-color: #f05f70;
 }
 
 .button-inverted {
   border-color: #fff;
   color: #fff;
 }
 
 .no-touch .button-inverted:hover,
 .no-touchevents .button-inverted:hover {
   color: #fff;
   background-color: #164b78;
   border-color: #164b78;
 }
 
 .no-touch .button-inverted.-thick:hover,
 .no-touchevents .button-inverted.-thick:hover {
   background-color: transparent;
   border-color: #cce9ff;
   color: #cce9ff;
 }
 
 .no-touch .button-inverted.-hover-opaque:hover,
 .no-touchevents .button-inverted.-hover-opaque:hover {
   background-color: transparent;
   background-color: rgba(255, 255, 255, 0.1);
   border-color: #fff;
 }
 
 .button-inverted.-border-blue-dark {
   color: #2e87e7;
   border-color: currentColor;
 }
 
 .no-touch .button-inverted.-border-blue-dark:hover,
 .no-touchevents .button-inverted.-border-blue-dark:hover {
   color: #164b78;
   border-color: currentColor;
   background-color: rgba(255, 255, 255, 0.1);
 }
 
 .button-inverted.-border-gray {
   border-color: #687a86;
   border-width: 2px;
 }
 
 .no-touch .button-inverted.-border-gray:hover,
 .no-touchevents .button-inverted.-border-gray:hover {
   color: #fff;
   border-color: currentColor;
 }
 
 .button-fill {
   border-color: #687a86;
   background-color: #687a86;
   color: #fff;
 }
 
 .no-touch .button-fill:hover,
 .no-touchevents .button-fill:hover {
   border-color: #2e9fff;
   background-color: #2e9fff;
   color: #fff;
 }
 
 .no-touch .button-fill.-dark-hover:hover,
 .no-touchevents .button-fill.-dark-hover:hover {
   border-color: #164b78;
   background-color: #164b78;
   color: #fff;
 }
 
 .button-fill--gray-light {
   border-color: #e0e3e9;
   background-color: #e0e3e9;
   color: #353a3d;
 }
 
 .no-touch .button-fill--gray-light:hover,
 .no-touchevents .button-fill--gray-light:hover {
   border-color: #c2c9d4;
   background-color: #c2c9d4;
   color: #164b78;
 }
 
 .button-fill--white {
   border-color: #fff;
   background-color: #fff;
   color: #2e9fff;
 }
 
 .button-fill--white:hover {
   border-color: #164b78;
   background-color: #164b78;
   color: #fff;
 }
 
 .button-fill--brand {
   border-color: #2e9fff;
   background-color: #2e9fff;
   color: #fff;
 }
 
 .no-touch .button-fill--brand:hover,
 .no-touchevents .button-fill--brand:hover {
   background-color: #164b78;
   border-color: #164b78;
   color: #fff;
 }
 
 .no-touch .button-fill--brand:disabled:hover,
 .no-touchevents .button-fill--brand:disabled:hover {
   background-color: #2e9fff;
   border-color: #2e9fff;
 }
 
 .button-fill--blue-light {
   border-color: #cce9ff;
   background-color: #f2f9ff;
   color: #2e9fff;
 }
 
 .no-touch .button-fill--blue-light:hover,
 .no-touchevents .button-fill--blue-light:hover {
   background-color: #cce9ff;
   border-color: #2e9fff;
   color: #2e9fff;
 }
 
 .no-touch .button-fill--blue-light:disabled:hover,
 .no-touchevents .button-fill--blue-light:disabled:hover {
   background-color: #f2f9ff;
   border-color: #f2f9ff;
 }
 
 .button-fill--red {
   border-color: #f05f70;
   background-color: #f05f70;
   color: #fff;
 }
 
 .no-touch .button-fill--red:hover,
 .no-touchevents .button-fill--red:hover {
   border-color: #ec3046;
   background-color: #ec3046;
   color: #fff;
 }
 
 .button-fill--green {
   border-color: #5cb767;
   background-color: #5cb767;
   color: #fff;
 }
 
 .no-touch .button-fill--green:hover,
 .no-touchevents .button-fill--green:hover {
   border-color: #5e9164;
   background-color: #5e9164;
   color: #fff;
 }
 
 .button-fill--green-light {
   border-color: #8bcf93;
   background-color: #8bcf93;
   color: #fff;
 }
 
 .no-touch .button-fill--green-light:hover,
 .no-touchevents .button-fill--green-light:hover {
   background-color: #5cb767;
   border-color: #5cb767;
   color: #fff;
 }
 
 .button-fill--yellow {
   border-color: #ffefb7;
   background-color: #fffbed;
   color: #c19219;
 }
 
 .no-touch .button-fill--yellow:hover,
 .no-touchevents .button-fill--yellow:hover {
   background-color: #fff9cf;
   border-color: #ffe070;
   color: #a47703;
 }
 
 .button-fill--orange {
   border-color: #ff9b51;
   background-color: #ff9b51;
   color: #fffaf6;
 }
 
 .no-touch .button-fill--orange:hover,
 .no-touchevents .button-fill--orange:hover {
   background-color: #ffb884;
   border-color: #ffb884;
   color: #fff;
 }
 
 .toggle-button input[type="checkbox"] {
   display: none;
 }
 
 .toggle-button label {
   cursor: pointer;
   text-indent: 30px;
   width: 76px;
   height: 38px;
   background: #d9dee7;
   color: #494e58;
   display: block;
   border-radius: 76px;
   position: relative;
   margin: 0 10px;
   text-align: center;
   padding-top: 9px;
   font-size: 14px;
   font-weight: 700;
 }
 
 .toggle-button label:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 38px;
   height: 38px;
   background: #fff;
   border-radius: 38px;
   transition: 0.3s;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(0, 0, 0, 0.08);
 }
 
 .toggle-button input:checked + label {
   background: #8bcf93;
   color: #23812e;
   text-indent: -30px;
 }
 
 .toggle-button input:checked + label:after {
   left: calc(100%);
   transform: translateX(-100%);
 }
 
 .toggle-button:not(.static) label:active:after {
   width: 130px;
 }
 
 .toggle-button.static label {
   cursor: default;
 }
 
 .toggle-button.disabled label {
   cursor: default;
   background: #c2c9d4;
   color: #7f919e;
 }
 
 .toggle-button.disabled label:active:after {
   width: 38px;
 }
 
 .align {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
 }
 
 .no-flexbox .align:after,
 .no-flexbox .align:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .no-flexbox .align > * {
   float: left;
   padding-right: 10px;
 }
 
 .align-inline {
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 
 .no-flexbox .align-inline {
   display: inline-block;
 }
 
 @media only screen and (min-width: 480px) {
   .align-mid-mobile {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row;
   }
   .no-flexbox .align-mid-mobile:after,
   .no-flexbox .align-mid-mobile:before {
     display: table;
     content: "";
     line-height: 0;
   }
   .no-flexbox .align-mid-mobile:after {
     clear: both;
   }
   .no-flexbox .align-mid-mobile > * {
     float: left;
     padding-right: 10px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .align-max-mobile {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row;
   }
   .no-flexbox .align-max-mobile:after,
   .no-flexbox .align-max-mobile:before {
     display: table;
     content: "";
     line-height: 0;
   }
   .no-flexbox .align-max-mobile:after {
     clear: both;
   }
   .no-flexbox .align-max-mobile > * {
     float: left;
     padding-right: 10px;
   }
 }
 
 @media only screen and (min-width: 768px) {
   .align-min-tablet {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row;
   }
   .no-flexbox .align-min-tablet:after,
   .no-flexbox .align-min-tablet:before {
     display: table;
     content: "";
     line-height: 0;
   }
   .no-flexbox .align-min-tablet:after {
     clear: both;
   }
   .no-flexbox .align-min-tablet > * {
     float: left;
     padding-right: 10px;
   }
 }
 
 @media only screen and (min-width: 1025px) {
   .align-min-desktop {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: row;
     flex-direction: row;
   }
   .no-flexbox .align-min-desktop:after,
   .no-flexbox .align-min-desktop:before {
     display: table;
     content: "";
     line-height: 0;
   }
   .no-flexbox .align-min-desktop:after {
     clear: both;
   }
   .no-flexbox .align-min-desktop > * {
     float: left;
     padding-right: 10px;
   }
 }
 
 .align--column {
   -ms-flex-direction: column;
   flex-direction: column;
 }
 
 .align--column-reverse {
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
 }
 
 .align--row-reverse {
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
 }
 
 .align--middle {
   -ms-flex-align: center;
   align-items: center;
 }
 
 .align--stretch {
   -ms-flex-align: stretch;
   align-items: stretch;
 }
 
 .align--between {
   -ms-flex-pack: justify;
   justify-content: space-between;
 }
 
 .no-flexbox .align--between .align__item:last-child {
   float: right;
 }
 
 .align--center {
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 .align--around {
   -ms-flex-pack: distribute;
   justify-content: space-around;
 }
 
 .align--wrap {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 
 @media only screen and (max-width: 480px) {
   .align--wrap-mobile {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }
 
 .no-flexbox .align__item {
   float: left;
   padding-right: 10px;
 }
 
 .align__item--swap-first {
   -ms-flex-order: 2;
   order: 2;
 }
 
 @media only screen and (min-width: 768px) {
   .align__item--swap-first {
     -ms-flex-order: 1;
     order: 1;
   }
 }
 
 .align__item--swap-last {
   -ms-flex-order: 1;
   order: 1;
 }
 
 @media only screen and (min-width: 768px) {
   .align__item--swap-last {
     -ms-flex-order: 2;
     order: 2;
   }
 }
 
 .align__item--grow {
   -ms-flex-positive: 1;
   flex-grow: 1;
 }
 
 .align__item--no-shrink {
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }
 
 .align__item--equal {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
 }
 
 .align__item--flex-1 {
   -ms-flex: 1;
   flex: 1;
 }
 
 .media:after,
 .media:before {
   display: table;
   content: "";
   line-height: 0;
 }
 
 .media-right,
 .media > .pull-right {
   padding-left: 10px;
 }
 
 .media-left,
 .media > .pull-left {
   padding-right: 10px;
 }
 
 .media-body,
 .media-left,
 .media-right {
   display: table-cell;
   vertical-align: top;
 }
 
 .actions:after,
 .actions:before,
 .row:after,
 .row:before {
   display: table;
   content: "";
 }
 
 .media-heading {
   padding-top: 5px;
   margin-bottom: 5px;
 }
 
 .text-huge {
   font-size: 36px;
   line-height: 1.1em;
 }
 
 .text-largest {
   font-size: 28px;
   line-height: 1.1em;
 }
 
 .text-larger {
   font-size: 22px;
   line-height: 1.1em;
 }
 
 .text-large {
   font-size: 18px;
   line-height: 1.25em;
 }
 
 .text-medium {
   font-size: 15px;
 }
 
 .text-base {
   font-size: 17px;
 }
 
 .text-small {
   font-size: 13px;
   line-height: 1.305em;
 }
 
 .text-smallish {
   font-size: 14px;
   line-height: 1.45em;
 }
 
 @media only screen and (min-width: 768px) {
   .text-smallish {
     font-size: 16px;
   }
 }
 
 .text-smaller {
   font-size: 12px;
 }
 
 .text-smallest {
   font-size: 11px;
 }
 
 .text-subheading {
   font-size: 12px;
   color: #687a86;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   font-weight: 500;
 }
 
 .text-bold {
   font-weight: 600;
 }
 
 .text-semibold {
   font-weight: 500;
 }
 
 .text-normal {
   font-weight: 400;
 }
 
 .text-gray-darker {
   color: #353a3d;
 }
 
 .text-gray-dark {
   color: #546673;
 }
 
 .text-gray {
   color: #687a86;
 }
 
 .text-gray-light {
   color: #c2c9d4;
 }
 
 .text-light {
   color: #fff;
 }
 
 .text-drop-shadow {
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 
 .text-error,
 .text-red {
   color: #f05f70;
 }
 
 .text-green,
 .text-success {
   color: #5cb767;
 }
 
 .text-blue,
 .text-brand {
   color: #2e9fff;
 }
 
 .text-blue-darker {
   color: #164b78;
 }
 
 .text-warning,
 .text-yellow {
   color: #ffd34f;
 }
 
 .text-orange {
   color: #ff9b51;
 }
 
 .text-violet {
   color: #b180c9;
 }
 
 .text-center {
   text-align: center;
 }
 
 .text-right {
   text-align: right;
 }
 
 @media only screen and (max-width: 1024px) {
   .text-center-mobile {
     text-align: center;
   }
 }
 
 @media only screen and (max-width: 768px) {
   .text-center-min-mobile {
     text-align: center;
   }
   .text-left-mobile {
     text-align: left;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .text-center-sm {
     text-align: center;
   }
 }
 
 .text-left {
   text-align: left;
 }
 
 .text-capitalized {
   text-transform: capitalize;
 }
 
 .text-uppercase {
   text-transform: uppercase;
 }
 
 .text-strikethrough {
   text-decoration: line-through;
 }
 
 .spacing-narrow {
   margin: 7.5px 0;
 }
 
 .spacing-default {
   margin: 10px;
 }
 
 .spacing-double {
   margin: 20px;
 }
 
 .spacing-default-narrow {
   margin: 5px;
 }
 
 .spacing-left-large {
   margin-left: 20px;
 }
 
 .spacing-left {
   margin-left: 10px;
 }
 
 .spacing-left-small {
   margin-left: 5px;
 }
 
 .spacing-right-large {
   margin-right: 25px;
 }
 
 .spacing-right {
   margin-right: 10px;
 }
 
 .spacing-right-small {
   margin-right: 5px;
 }
 
 .spacing-top {
   margin-top: 15px;
 }
 
 .spacing-top-narrow {
   margin-top: 7.5px;
 }
 
 .spacing-top-small {
   margin-top: 5px;
 }
 
 .spacing-top-double {
   margin-top: 30px;
 }
 
 .spacing-top-quad {
   margin-top: 60px;
 }
 
 .spacing-bottom {
   margin-bottom: 15px;
 }
 
 .spacing-bottom-narrow {
   margin-bottom: 7.5px;
 }
 
 .spacing-bottom-small {
   margin-bottom: 5px;
 }
 
 .spacing-bottom-large {
   margin-bottom: 25px;
 }
 
 .spacing-bottom-double {
   margin-bottom: 30px;
 }
 
 .spacing-bottom-quad {
   margin-bottom: 60px;
 }
 
 .spacing-bottom-none {
   margin-bottom: 0 !important;
 }
 
 .spacing-top-bottom {
   margin: 10px 0 !important;
 }
 
 .spacing-top-bottom-double {
   margin: 15px 0;
 }
 
 .spacing-quad {
   margin: 60px;
 }
 
 .spacing-quad-desktop {
   margin: 15px;
 }
 
 @media only screen and (min-width: 1025px) {
   .spacing-quad-desktop {
     margin: 60px;
   }
 }
 
 .spacing-top-none {
   margin-top: 0;
 }
 
 .spacing-center {
   margin-left: auto;
   margin-right: auto;
 }
 
 .spacing-inner p {
   margin: 7.5px 0;
 }
 
 .spacing-inner.-medium p {
   margin: 10px 0;
 }
 
 .padding-small {
   padding: 5px;
 }
 
 .padding-gutter {
   padding: 15px;
 }
 
 .padding-top-bottom-gutter {
   padding: 10px 15px;
 }
 
 .padding-default {
   padding: 10px;
 }
 
 .padding-double {
   padding: 20px;
 }
 
 .padding-quad {
   padding: 40px;
 }
 
 .padding-top-bottom-quad {
   padding-top: 40px;
   padding-bottom: 40px;
 }
 
 .padding-left-right {
   padding: 0 15px;
 }
 
 .padding-left-right-large {
   padding: 0 22.5px;
 }
 
 .padding-left-right-quad {
   padding: 0 40px;
 }
 
 .padding-top-bottom {
   padding: 10px 0;
 }
 
 .padding-top {
   padding-top: 15px;
 }
 
 .padding-top-half {
   padding-top: 7.5px;
 }
 
 .padding-top-double {
   padding-top: 30px;
 }
 
 .padding-top-none {
   padding-top: 0 !important;
 }
 
 .padding-bottom {
   padding-bottom: 15px;
 }
 
 .padding-bottom-double {
   padding-bottom: 30px;
 }
 
 .padding-bottom-none {
   padding-bottom: 0;
 }
 
 @media only screen and (max-width: 480px) {
   .padding-bottom-mobile {
     padding-bottom: 15px;
   }
 }
 
 .border-gray-light {
   border: 1px solid #c2c9d4;
 }
 
 .border-gray-lighter {
   border: 1px solid #ebeef2;
 }
 
 .border-bottom-none {
   border-bottom: 0;
 }
 
 .actions:after,
 .actions:before {
   line-height: 0;
 }
 
 .actions .forgot {
   color: #dbdfe4;
   font-size: 12px;
   padding: 3px 0;
   line-height: 2.5;
 }
 
 .dark .actions .forgot {
   text-shadow: none;
 }
 
 .row:after,
 .row:before {
   line-height: 0;
 }
 
 .invisible {
   opacity: 0;
   visibility: hidden;
 }
 
 .visible {
   opacity: 1;
   visibility: visible !important;
 }
 
 .hidden {
   display: none;
 }
 
 .icon__position {
   position: relative;
   min-width: 12px;
 }
 
 .icon__position.-inline {
   margin-right: 3px;
 }
 
 .icon__position.-allstar {
   top: 2px;
 }
 
 .pull-right {
   float: right !important;
 }
 
 .pull-left {
   float: left !important;
 }
 
 @media screen and (min-width: 480px) {
   .visible-sm {
     display: none !important;
   }
 }
 
 @media screen and (max-width: 480px) {
   .hidden-sm {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 550px) {
   .visible-md {
     display: none !important;
   }
 }
 
 @media screen and (max-width: 550px) {
   .hidden-md {
     display: none !important;
   }
 }
 
 @media screen and (min-width: 320px) {
   .visible-xs {
     display: none !important;
   }
 }
 
 @media screen and (max-width: 320px) {
   .hidden-xs {
     display: none !important;
   }
 }
 
 .embed-hidden {
   display: none;
 }
 
 .admin-modal__content {
   display: -ms-flexbox;
   display: flex;
 }
 
 .admin-modal__content > div {
   width: 50%;
 }
 
 @media (max-width: 480px) {
   .admin-modal__content {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
   .admin-modal__content > div {
     width: 100%;
   }
 }
 
 .admin-modal__footer {
   border-top: 1px solid #ddd;
   margin: 0 -10px;
   padding: 10px 10px 0;
 }
 
 .admin-modal__footer a.button,
 .admin-modal__footer button {
   font-size: 12px;
   font-weight: 700;
   padding: 5px;
   border-radius: 3px;
   transition: background-color 0.5s ease-in;
   line-height: normal;
 }
 
 .admin-modal__footer a.button,
 .admin-modal__footer button,
 .no-touch .admin-modal__footer a.button:hover,
 .no-touch .admin-modal__footer button:hover {
   background-color: #888;
   border: initial;
   color: #fff;
 }
 
 .admin-modal__footer a.button:hover,
 .admin-modal__footer button:hover,
 .no-touch .admin-modal__footer a.button:hover,
 .no-touch .admin-modal__footer button:hover {
   background-color: #666;
 }
 
 .moderate label.ban__reason input {
   display: block;
   margin: 5px 0 0;
   line-height: 20px;
   width: 100%;
   max-width: 350px;
 }
 
 .ban__config label,
 label.ban__option,
 label.flagging__reason {
   width: 100%;
   overflow: visible;
   white-space: normal;
   padding-right: 50px;
   font-size: 13px;
 }
 
 .ban__config label input,
 label.ban__option input,
 label.flagging__reason input {
   float: left;
   margin-right: 5px;
 }
 
 .ban__config label .alert,
 label.ban__option .alert,
 label.flagging__reason .alert {
   background: #ffd34f;
   padding: 2px 10px;
   margin-left: 5px;
   border-radius: 20px;
 }
 
 .ban__config label .custom-select,
 .ban__config label .input--textbox,
 label.ban__option .custom-select,
 label.ban__option .input--textbox,
 label.flagging__reason .custom-select,
 label.flagging__reason .input--textbox {
   margin-left: 5px;
 }
 
 .ban__config label .input--textbox,
 label.ban__option .input--textbox,
 label.flagging__reason .input--textbox {
   float: none;
 }
 
 .ban__title,
 .flagging__title {
   font-size: 12px;
   font-weight: 700;
   margin-bottom: 5px;
 }
 
 p.flagging__subtitle {
   font-size: 14px;
   font-weight: 500;
   margin: 10px 0;
   color: #687a86;
 }
 
 p.ban__option-text,
 p.flagging__reason-text {
   margin-bottom: 2px;
   text-align: left;
 }
 
 p.ban__option-text .icon-upgrade-arrow-pro,
 p.flagging__reason-text .icon-upgrade-arrow-pro {
   margin-left: 5px;
   font-size: 15px;
 }
 
 .ban__option-subtext,
 p.flagging__reason-subtext {
   color: #687a86;
   font-size: 12px;
   padding-bottom: 5px;
 }
 
 .-selected .ban__option-subtext,
 .-selected p.flagging__reason-subtext {
   display: block;
 }
 
 .ban__option-subtext label,
 p.flagging__reason-subtext label {
   width: auto;
   overflow-x: visible;
   font-size: 1em;
   margin-top: 2px;
   float: none;
   padding-bottom: 4px;
 }
 
 .ban__option-subtext input,
 p.flagging__reason-subtext input {
   margin-right: 3px;
 }
 
 .ban__option-subtext p,
 p.flagging__reason-subtext p {
   color: inherit;
   line-height: 1.3em;
   margin-bottom: 5px;
 }
 
 .ban__option-subtext section,
 p.flagging__reason-subtext section {
   white-space: nowrap;
 }
 
 .ban__option-subtext section label,
 p.flagging__reason-subtext section label {
   float: left;
 }
 
 .ban__description {
   padding: 0 18px;
 }
 
 .media-middle {
   vertical-align: middle;
 }
 
 .comment-policy {
   margin-bottom: 25px;
   color: #2a2e2e;
   background-color: #ebeef2;
   font-size: 16px;
   width: 100%;
   line-height: 1.45em;
   padding: 15px;
 }
 
 .dark .comment-policy {
   background-color: rgba(255, 255, 255, 0.2);
   border-color: #2a2e2e;
 }
 
 .comment-policy .title {
   font-size: 15px;
 }
 
 .comment-policy .policy-link {
   font-weight: 500;
 }
 
 .comment-policy .policy-link:hover {
   text-decoration: underline;
 }
 
 .comment-policy p {
   line-height: inherit;
   font-size: 15px;
 }
 
 .comment-policy.button-variant .policy-link {
   border-color: #2e9fff;
   margin-top: 10px;
   font-size: 14px;
   display: inline-block;
 }
 
 .comment-policy.button-variant .policy-link:hover {
   text-decoration: none;
 }
 
 .comment-policy i {
   top: 50%;
   margin-top: -30px;
   right: 20px;
   font-size: 60px;
 }
 
 #tos__container {
   position: fixed;
   top: 10px;
   bottom: 0;
   z-index: 1000;
   background: rgba(255, 255, 255, 0.7);
 }
 
 #tos__container #tos__message {
   background-color: #25557d;
   border: 1px solid #2e87e7;
   color: #fff;
   padding: 20px;
   margin: 10px;
   border-radius: 5px;
 }
 
 #tos__container #tos__message a,
 #tos__container #tos__message a:active,
 #tos__container #tos__message a:hover,
 #tos__container #tos__message a:visited {
   color: #fff !important;
 }
 
 #tos__container #tos__message h1 {
   font-size: 30px;
   margin-bottom: 20px;
   font-weight: 700;
 }
 
 @media (max-width: 480px) {
   #tos__container #tos__message h1 {
     font-size: 24px;
     margin-bottom: 10px;
   }
 }
 
 #tos__container #tos__message p {
   font-size: 17px;
   line-height: 19px;
   margin: 0 0 1em;
 }
 
 #tos__container #tos__message p a {
   color: #000;
   font-weight: 500;
   text-decoration: underline;
 }
 
 @media (max-width: 480px) {
   #tos__container #tos__message p {
     font-size: 13px;
     line-height: 15px;
   }
 }
 
 #tos__container #tos__message > p:last-of-type {
   margin-bottom: 0;
 }
 
 #tos__container #tos__message .checkbox-wrapper {
   max-width: 600px;
 }
 
 .comment-share__buttons {
   display: none;
 }
 
 .progress-container {
   width: 100%;
   height: 5px;
   background: #ccc;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
 }
 
 .progress-bar {
   height: 5px;
   background: #0071c6;
   width: 0%;
 }
 
 .main_header_wrap {
   background-color: #fff;
   z-index: 999;
   position: fixed;
   width: 100%;
   top: 5px;
   left: 0;
 }
 
 .main_header {
   display: flex;
   align-items: center;
   min-height: 50px;
   justify-content: space-between;
   font-family: "Helvetica Neue", sans-serif;
   position: relative;
   border-bottom: 1px #e9e9ee solid;
 }
 
 .main_header_left_block {
   display: flex;
   align-items: center;
 }
 
 .menu_btn,
 .search_btn {
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #000;
   margin-right: 10px;
 }
 
 .login_btn:focus,
 .login_btn:hover,
 .menu_btn:focus,
 .menu_btn:hover,
 .search_btn:focus,
 .search_btn:hover,
 .subscribe_btn:focus,
 .subscribe_btn:hover {
   color: #000;
   text-decoration: none;
 }
 
 .menu_btn img {
   width: 16px;
   height: 12px;
   display: block;
   margin-right: 5px;
 }
 
 .search_btn i {
   font-size: 15px;
   margin-right: 5px;
 }
 
 .search_btn {
   margin-left: 10px;
   position: relative;
 }
 
 .search_btn:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: -10px;
   width: 1px;
   height: 100%;
   background-color: #babac1;
 }
 
 .header_logo {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }
 
 .header_logo img {
   max-width: 137px;
   width: 100%;
   height: 28px;
 }
 
 .main_header_right_block {
   display: flex;
   align-items: center;
 }
 
 .login_btn,
 .rep,
 .rplus,
 .subscribe_btn {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
 
 .rep,
 .rplus,
 .subscribe_btn {
   margin: 0 15px;
 }
 
 .rep:after,
 .rplus:after,
 .subscribe_btn:after {
   position: absolute;
   content: "";
   display: block;
   width: 1px;
   height: 15px;
   background-color: #babac1;
   top: 50%;
   transform: translateY(-50%);
   right: -15px;
 }
 
 .rplus img {
   width: 26px;
   height: 20px;
   display: block;
 }
 
 .rep img {
   width: 27px;
   height: 16px;
 }
 
 .subscribe_btn {
   color: #ff5900;
   text-transform: uppercase;
   font-size: 12px;
 }
 
 .login_btn {
   font-size: 12px;
   color: #000;
   margin-left: 15px;
   text-transform: uppercase;
 }
 
 .login_btn i {
   font-size: 17px;
   margin-left: 5px;
 }
 
 @media (max-width: 991px) {
   .footer_menu li:nth-child(4),
   .login_btn span,
   .rep,
   .rplus,
   .search_btn,
   .subscribe_btn {
     display: none;
   }
   .login_btn {
     margin-left: 0;
   }
 }
 
 @media (max-width: 767px) {
   .main_header_wrap {
     border-bottom: 1px solid #e9e9ee;
   }
   .main_header {
     border-bottom: none;
   }
 }