/* line 2, app/assets/stylesheets/pages/articles/list.scss */
.articles a:hover {
  text-decoration: none;
}

/* line 6, app/assets/stylesheets/pages/articles/list.scss */
.articles .common-more:hover {
  color: white;
}

/* line 9, app/assets/stylesheets/pages/articles/list.scss */
.articles .common-list-state {
  margin-top: 25px;
  border: 0;
  line-height: 19px;
  border-radius: 7px;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  /* line 9, app/assets/stylesheets/pages/articles/list.scss */
  .articles .common-list-state {
    padding: 35px 35px;
    margin-top: 20px;
    line-height: 30px;
    font-size: 26px;
    border-radius: 0;
  }
}

@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/articles/list.scss */
  .articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/* line 31, app/assets/stylesheets/pages/articles/list.scss */
.articles .not-found {
  background: white;
  text-align: center;
  font-size: 25px;
}

@media (min-width: 992px) {
  /* line 31, app/assets/stylesheets/pages/articles/list.scss */
  .articles .not-found {
    width: 100%;
    margin-top: 25px;
    padding: 50px 20px;
    border-radius: 7px;
  }
}

@media (max-width: 992px) {
  /* line 31, app/assets/stylesheets/pages/articles/list.scss */
  .articles .not-found {
    padding: 50px 20px 25px;
  }
}

/* line 49, app/assets/stylesheets/pages/articles/list.scss */
.article {
  display: flex;
  flex-direction: column;
}

/* line 53, app/assets/stylesheets/pages/articles/list.scss */
.article .cover {
  flex-grow: 1;
  background-position: center;
  background-size: cover;
  position: relative;
}

/* line 58, app/assets/stylesheets/pages/articles/list.scss */
.article .cover.empty {
  background-position: left top;
  background-image: url(/assets/profile/cover_empty-2b3f4e5f1701f80c5457e18580bf0dcdbfc4214dc5ea22ba9826d62261da8b97.jpg);
}

@media (max-width: 991px) {
  /* line 53, app/assets/stylesheets/pages/articles/list.scss */
  .article .cover {
    height: 280px;
  }
}

/* line 68, app/assets/stylesheets/pages/articles/list.scss */
.article .content {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

@media (max-width: 991px) {
  /* line 68, app/assets/stylesheets/pages/articles/list.scss */
  .article .content {
    background: #fff;
    padding: 20px;
  }
}

/* line 80, app/assets/stylesheets/pages/articles/list.scss */
.article .category:hover {
  color: #ec118f;
}

/* line 84, app/assets/stylesheets/pages/articles/list.scss */
.article .buttons {
  display: flex;
}

/* line 86, app/assets/stylesheets/pages/articles/list.scss */
.article .buttons > * {
  border: 1px solid;
  border-radius: 3px;
  text-transform: uppercase;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  /* line 84, app/assets/stylesheets/pages/articles/list.scss */
  .article .buttons {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
  }
  /* line 97, app/assets/stylesheets/pages/articles/list.scss */
  .article .buttons > * {
    padding: 0 4px;
  }
}

/* line 103, app/assets/stylesheets/pages/articles/list.scss */
.article .access {
  padding-top: 2px !important;
}

@media (max-width: 991px) {
  /* line 103, app/assets/stylesheets/pages/articles/list.scss */
  .article .access {
    margin-left: 8px;
  }
}

/* line 111, app/assets/stylesheets/pages/articles/list.scss */
.article .info {
  display: flex;
  font-size: 12px;
}

/* line 114, app/assets/stylesheets/pages/articles/list.scss */
.article .info > * + * {
  margin-left: 36px;
}

/* line 119, app/assets/stylesheets/pages/articles/list.scss */
.article .chapters, .article .received, .article .participants {
  padding-left: 16px;
  background-size: 12px 12px;
  filter: brightness(0.4);
  background-position: 0 center;
  background-repeat: no-repeat;
}

/* line 127, app/assets/stylesheets/pages/articles/list.scss */
.article .participants {
  padding-left: 0;
}

/* line 131, app/assets/stylesheets/pages/articles/list.scss */
.article .chapters {
  background-image: url(/assets/common/paper-71e70f8f947a7dbdfb97a064a9ddcda36795bdc62a40411a76cfe5b08424e5c8.svg);
}

/* line 135, app/assets/stylesheets/pages/articles/list.scss */
.article .received {
  background-image: url(/assets/common/check-3a3e6f27b55d1a7528d688a71eb80c621d044effb54021875426b16f5c955a17.svg);
  opacity: 1;
}

@media (min-width: 992px) {
  /* line 140, app/assets/stylesheets/pages/articles/list.scss */
  .article .shadow {
    background-image: linear-gradient(transparent 15%, rgba(0, 0, 0, 0.6) 100%);
  }
}

@media (max-width: 991px) {
  /* line 140, app/assets/stylesheets/pages/articles/list.scss */
  .article .shadow {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.6) 100%);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.6) 100%);
  }
}

@media (max-width: 991px) {
  /* line 153, app/assets/stylesheets/pages/articles/list.scss */
  .article .title {
    margin: 12px 0 10px;
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  /* line 49, app/assets/stylesheets/pages/articles/list.scss */
  .article {
    font-size: 16px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    justify-content: flex-end;
    margin-top: 25px;
    margin-bottom: 5px;
    width: 300px;
    height: 360px;
  }
  /* line 172, app/assets/stylesheets/pages/articles/list.scss */
  .article:not(.hot):not(.new):not(.promote) .content {
    padding: 20px;
    height: 105px;
    justify-content: space-between;
    background: #fff;
  }
  /* line 179, app/assets/stylesheets/pages/articles/list.scss */
  .article:not(.hot):not(.new):not(.promote) .buttons {
    font-size: 12px;
  }
  /* line 181, app/assets/stylesheets/pages/articles/list.scss */
  .article:not(.hot):not(.new):not(.promote) .buttons > * {
    height: 22px;
    line-height: 22px;
    padding: 0 4px;
  }
  /* line 186, app/assets/stylesheets/pages/articles/list.scss */
  .article:not(.hot):not(.new):not(.promote) .buttons .access {
    margin-left: 8px;
  }
  /* line 191, app/assets/stylesheets/pages/articles/list.scss */
  .article:not(.hot):not(.new):not(.promote) .title {
    max-height: 60px;
    overflow: hidden;
    line-height: 20px;
  }
  /* line 199, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .shadow, .article.new .shadow, .article.promote .shadow {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100%;
  }
  /* line 210, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot, .article.new, .article.big, .article.promote {
    height: 440px;
  }
  /* line 214, app/assets/stylesheets/pages/articles/list.scss */
  .article.promote {
    height: 160px;
    width: 960px;
  }
  /* line 219, app/assets/stylesheets/pages/articles/list.scss */
  .article.new, .article.big {
    width: 465px;
  }
  /* line 223, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot, .article.new, .article.promote {
    color: #fff;
  }
  /* line 226, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .cover, .article.new .cover, .article.promote .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /* line 234, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .buttons > *, .article.new .buttons > *, .article.promote .buttons > * {
    border-color: white;
    line-height: 28px;
    height: 28px;
    padding: 0 6px;
    font-size: 14px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  }
  /* line 244, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .content, .article.new .content, .article.promote .content {
    padding: 30px 26px;
  }
  /* line 249, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot.promote .content, .article.new.promote .content, .article.promote.promote .content {
    padding: 0px 26px;
  }
  /* line 254, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .access, .article.new .access, .article.promote .access {
    margin-left: 10px;
  }
  /* line 256, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .access svg, .article.new .access svg, .article.promote .access svg {
    fill: white;
  }
  /* line 261, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .title, .article.new .title, .article.promote .title {
    padding: 25px 0 35px;
    text-shadow: 0 1px 3px black;
  }
  /* line 266, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .info, .article.new .info, .article.promote .info {
    font-size: 14px;
  }
  /* line 268, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .info > *, .article.new .info > *, .article.promote .info > * {
    opacity: .5;
  }
  /* line 270, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .info > * + *, .article.new .info > * + *, .article.promote .info > * + * {
    margin-left: 40px;
  }
  /* line 276, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .chapters, .article.hot .received, .article.hot .participants, .article.new .chapters, .article.new .received, .article.new .participants, .article.promote .chapters, .article.promote .received, .article.promote .participants {
    padding-left: 24px;
    filter: brightness(1);
  }
  /* line 281, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .chapters, .article.new .chapters, .article.promote .chapters {
    background-size: 14px 14px;
  }
  /* line 285, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .received, .article.new .received, .article.promote .received {
    background-size: 16px 16px;
  }
  /* line 289, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .participants, .article.new .participants, .article.promote .participants {
    padding-left: 0;
  }
  /* line 294, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot {
    margin-top: 40px;
    width: 100%;
  }
  /* line 298, app/assets/stylesheets/pages/articles/list.scss */
  .article.hot .title {
    font-size: 35px;
  }
  /* line 303, app/assets/stylesheets/pages/articles/list.scss */
  .article.promote .title {
    font-size: 35px;
    line-height: 46px;
  }
  /* line 310, app/assets/stylesheets/pages/articles/list.scss */
  .article.new .title {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  /* line 49, app/assets/stylesheets/pages/articles/list.scss */
  .article {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 25px auto 5px;
  }
  /* line 321, app/assets/stylesheets/pages/articles/list.scss */
  .article:first-child {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  /* line 327, app/assets/stylesheets/pages/articles/list.scss */
  .bottom-articles {
    margin-top: 25px;
  }
}
@media (max-width: 991px) {
  /* line 2, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list {
    padding: 8px 0;
    background: white;
    margin: 20px 0 0;
    border: 1px solid #e4e3e3;
    border-width: 1px 0;
  }
  /* line 8, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list .all, .articles-mobile-compact-list .new {
    margin-top: 0;
  }
  /* line 11, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list .article {
    box-shadow: none;
    margin: 0 20px;
  }
  /* line 14, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list .article:last-child {
    border-bottom: 0;
  }
  /* line 18, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list .content {
    padding: 20px 0;
  }
  /* line 21, app/assets/stylesheets/pages/articles/compact_list.scss */
  .articles-mobile-compact-list .cover {
    display: none;
    background: none !important;
  }
}
/* line 2, app/assets/stylesheets/pages/articles/show.scss */
#article blockquote {
  border-left: 4px solid #EE008F;
  padding: 0.5rem 1rem;
  margin: auto;
  font-size: 23px;
  line-height: 35px;
  font-weight: bolder;
  font-style: italic;
}

/* line 11, app/assets/stylesheets/pages/articles/show.scss */
#article blockquote p {
  margin: auto;
  padding: inherit;
}

/* line 16, app/assets/stylesheets/pages/articles/show.scss */
#article .header {
  min-height: 440px;
  box-sizing: border-box;
  padding: 20px 50px;
  position: relative;
  color: #fff;
  background-position: center;
  background-size: cover;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* line 30, app/assets/stylesheets/pages/articles/show.scss */
#article .header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
}

/* line 39, app/assets/stylesheets/pages/articles/show.scss */
#article .header > * {
  position: relative;
}

/* line 42, app/assets/stylesheets/pages/articles/show.scss */
#article .header .back {
  position: absolute;
  top: 30px;
  left: 30px;
  background: url(/assets/common/arrow-white-e7d25a8dda55c0493829f9bf0f4640b676c3332acd8d779088f9eb87ad462767.svg) no-repeat 55% 50%;
  background-size: 12px 22px;
  transform: rotate(-180deg);
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs {
  vertical-align: top;
  margin-top: 9px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  font-size: 14px;
}

/* line 61, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 28px;
  text-transform: uppercase;
  border-left: 1px solid #fff;
  border-radius: 5px 0 0 5px;
}

/* line 68, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb {
  padding: 0 11px;
  border: 0 solid #fff;
  height: 28px;
  margin-left: -1px;
  border-radius: 5px 0 0 5px;
  white-space: nowrap;
}

/* line 75, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb:first-child {
  position: relative;
  margin-bottom: -1px;
  border-width: 1px 0 1px 1px;
  padding-right: 6px;
  border-radius: 5px 0 0 5px;
}

/* line 81, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb:first-child:before, #article .header .breadcrumbs .breadcrumb:first-child:after {
  content: '';
  position: absolute;
  right: -8px;
  width: 100%;
  height: 50%;
  border-right: 1px solid #fff;
}

/* line 89, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb:first-child:before {
  top: 0;
  transform: skewX(45deg);
}

/* line 93, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb:first-child:after {
  top: 50%;
  transform: skewX(-45deg);
}

/* line 98, app/assets/stylesheets/pages/articles/show.scss */
#article .header .breadcrumbs .breadcrumb + .breadcrumb {
  padding-left: 22px;
  border-width: 1px 1px 1px 0;
  border-radius: 0 5px 5px 0;
}

/* line 105, app/assets/stylesheets/pages/articles/show.scss */
#article .header .access {
  display: inline-block;
  height: 28px;
  line-height: 33px;
  padding: 0 6px;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-left: 10px;
}

/* line 113, app/assets/stylesheets/pages/articles/show.scss */
#article .header .access svg {
  fill: #fff;
}

/* line 117, app/assets/stylesheets/pages/articles/show.scss */
#article .header h1 {
  margin: 35px 0 15px;
  font-size: 40px;
  line-height: 1;
  text-shadow: 0 1px 3px #000;
  font-weight: normal;
  max-width: 100%;
}

/* line 125, app/assets/stylesheets/pages/articles/show.scss */
#article .header .details {
  color: #fff;
  font-size: 14px;
}

/* line 128, app/assets/stylesheets/pages/articles/show.scss */
#article .header .details > * {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
  opacity: 0.5;
  padding-left: 24px;
  background-position: 0 1px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
}

/* line 138, app/assets/stylesheets/pages/articles/show.scss */
#article .header .details .chapters {
  background-image: url(/assets/common/paper-71e70f8f947a7dbdfb97a064a9ddcda36795bdc62a40411a76cfe5b08424e5c8.svg);
}

/* line 141, app/assets/stylesheets/pages/articles/show.scss */
#article .header .details .received {
  background-image: url(/assets/common/check-3a3e6f27b55d1a7528d688a71eb80c621d044effb54021875426b16f5c955a17.svg);
  opacity: 1;
}

/* line 145, app/assets/stylesheets/pages/articles/show.scss */
#article .header .details .participants, #article .header .details .points:not(.received) {
  padding-left: 0;
}

/* line 149, app/assets/stylesheets/pages/articles/show.scss */
#article .header.centered-content {
  justify-content: center;
}

/* line 152, app/assets/stylesheets/pages/articles/show.scss */
#article .header.centered-content h1 {
  margin: 0;
  font-size: 32px;
}

/* line 157, app/assets/stylesheets/pages/articles/show.scss */
#article .header.centered-content .details {
  margin-top: 15px;
}

/* line 162, app/assets/stylesheets/pages/articles/show.scss */
#article.cards .content-wrap {
  display: flex;
}

/* line 165, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar {
  width: 280px;
  margin-right: 30px;
  flex-shrink: 0;
  position: relative;
}

/* line 170, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar .sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  max-height: 100vh;
  overflow: auto;
}

/* line 180, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar a {
  display: block;
  font-size: 18px;
  line-height: 1;
  padding: 12px 0 15px 35px;
  position: relative;
  transition: .3s;
  color: black;
}

/* line 188, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar a:hover, #article .sidebar a.active {
  color: #aaa;
}

/* line 191, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar a .num {
  color: #aaa;
  position: absolute;
  top: 12px;
  left: 0;
}

/* line 197, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar a h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: inherit;
}

/* line 203, app/assets/stylesheets/pages/articles/show.scss */
#article .sidebar a:not(:last-child):before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(to right, #d4d4d4 0%, rgba(212, 212, 212, 0.32) 68%, rgba(212, 212, 212, 0) 100%);
}

/* line 214, app/assets/stylesheets/pages/articles/show.scss */
#article .cards {
  width: 100%;
}

/* line 216, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card {
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 2px 30px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  background: white;
}

/* line 222, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card:last-child {
  margin-bottom: 0;
}

/* line 225, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card .num {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #aaa;
  opacity: 0.3;
  font-size: 65px;
  font-weight: bold;
  line-height: 1;
}

/* line 235, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card h2 {
  margin: 0;
  font-size: 32px;
  line-height: 1.1;
  font-weight: normal;
}

/* line 240, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card h2 + .content {
  margin-top: 18px;
}

/* line 244, app/assets/stylesheets/pages/articles/show.scss */
#article .cards .card .num + h2 {
  padding-right: 100px;
}

/* line 249, app/assets/stylesheets/pages/articles/show.scss */
#article .content {
  font-size: 18px;
  line-height: 1.45;
}

/* line 252, app/assets/stylesheets/pages/articles/show.scss */
#article .content img {
  max-width: 100%;
  height: auto !important;
}

/* line 256, app/assets/stylesheets/pages/articles/show.scss */
#article .content a {
  color: #fd3bb0;
}

/* line 258, app/assets/stylesheets/pages/articles/show.scss */
#article .content a:hover {
  text-decoration: underline;
}

/* line 262, app/assets/stylesheets/pages/articles/show.scss */
#article .content > *:first-child {
  margin-top: 0;
}

/* line 265, app/assets/stylesheets/pages/articles/show.scss */
#article .content > *:last-child {
  margin-bottom: 0;
}

/* line 269, app/assets/stylesheets/pages/articles/show.scss */
#article .get-points {
  text-align: center;
  padding-top: 25px;
}

/* line 272, app/assets/stylesheets/pages/articles/show.scss */
#article .get-points > .btn {
  padding: 17px 25px 13px;
  color: white !important;
  position: relative;
  margin: 0;
}

/* line 278, app/assets/stylesheets/pages/articles/show.scss */
#article .get-points > .btn-disabled {
  border-color: #2ecc71;
  background-color: #2ecc71;
}

/* line 283, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom {
  background: white;
}

/* line 285, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .partner {
  margin: 18px 0;
  font-size: 18px;
  font-style: italic;
}

/* line 290, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials {
  display: flex;
  color: #000;
}

/* line 293, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials > * {
  padding: 0 13px 0 12px;
  position: relative;
}

/* line 296, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials > *:after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  width: 1px;
  background: #aaa;
}

/* line 305, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials > *:first-child {
  padding-left: 0;
}

/* line 309, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials .mail {
  padding-left: 16px;
  display: flex;
  align-items: center;
}

/* line 313, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials .mail:after {
  display: none;
}

/* line 316, app/assets/stylesheets/pages/articles/show.scss */
#article .bottom .socials .mail img {
  width: 18px;
}

/* line 322, app/assets/stylesheets/pages/articles/show.scss */
#article .socials {
  display: flex;
  font-style: 14px;
  align-items: center;
}

/* line 326, app/assets/stylesheets/pages/articles/show.scss */
#article .socials img {
  width: 20px;
  height: 24px;
  vertical-align: middle;
}

/* line 331, app/assets/stylesheets/pages/articles/show.scss */
#article .socials > * {
  cursor: pointer;
}

/* line 334, app/assets/stylesheets/pages/articles/show.scss */
#article .socials .item div {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

/* line 340, app/assets/stylesheets/pages/articles/show.scss */
#article .socials .mail img {
  margin-right: 9px;
}

/* line 343, app/assets/stylesheets/pages/articles/show.scss */
#article .socials .mail span {
  vertical-align: middle;
}

/* line 347, app/assets/stylesheets/pages/articles/show.scss */
#article .socials .text {
  display: none;
  color: #7f8383;
  font-size: 20px;
  margin-right: 83px;
}

@media (min-width: 991px) {
  /* line 1, app/assets/stylesheets/pages/articles/show.scss */
  #article {
    margin: 40px 0 25px;
    border-radius: 7px;
  }
  /* line 357, app/assets/stylesheets/pages/articles/show.scss */
  #article .header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  /* line 362, app/assets/stylesheets/pages/articles/show.scss */
  #article.cards .bottom, #article.long_read .bottom {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  /* line 368, app/assets/stylesheets/pages/articles/show.scss */
  #article.cards .content-wrap {
    background: white;
    padding: 30px 30px 0;
    margin-bottom: -55px;
  }
  /* line 373, app/assets/stylesheets/pages/articles/show.scss */
  #article.cards .bottom {
    padding: 30px 0 40px 340px;
  }
  /* line 376, app/assets/stylesheets/pages/articles/show.scss */
  #article.cards .cards {
    padding-bottom: 40px;
  }
  /* line 380, app/assets/stylesheets/pages/articles/show.scss */
  #article .cards .card {
    border-radius: 6px;
  }
  /* line 384, app/assets/stylesheets/pages/articles/show.scss */
  #article.long_read .bottom, #article.history .bottom {
    text-align: center;
  }
  /* line 386, app/assets/stylesheets/pages/articles/show.scss */
  #article.long_read .bottom .socials, #article.history .bottom .socials {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 394, app/assets/stylesheets/pages/articles/show.scss */
  #article.long_read .content-wrap {
    background: white;
    padding: 50px;
  }
  /* line 398, app/assets/stylesheets/pages/articles/show.scss */
  #article.long_read .bottom {
    border-top: 2px solid rgba(0, 0, 0, 0.15);
    padding: 20px 0;
  }
  /* line 403, app/assets/stylesheets/pages/articles/show.scss */
  #article.history {
    padding: 0 90px;
  }
  /* line 405, app/assets/stylesheets/pages/articles/show.scss */
  #article.history .header {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  /* line 409, app/assets/stylesheets/pages/articles/show.scss */
  #article.history .content-wrap {
    padding-top: 25px;
  }
  /* line 412, app/assets/stylesheets/pages/articles/show.scss */
  #article.history .bottom {
    padding: 30px;
    border-radius: 6px;
    margin-top: 25px;
  }
  /* line 416, app/assets/stylesheets/pages/articles/show.scss */
  #article.history .bottom .partner {
    color: #777;
    margin-top: 0;
  }
  /* line 422, app/assets/stylesheets/pages/articles/show.scss */
  #article .content img {
    width: 100%;
  }
}

@media (max-width: 991px) {
  /* line 427, app/assets/stylesheets/pages/articles/show.scss */
  #article ~ .bottom-articles {
    margin-top: 30px;
  }
  /* line 431, app/assets/stylesheets/pages/articles/show.scss */
  #article .header {
    min-height: 240px;
    padding: 20px;
    justify-content: flex-start;
  }
  /* line 435, app/assets/stylesheets/pages/articles/show.scss */
  #article .header h1 {
    font-size: 20px;
  }
  /* line 438, app/assets/stylesheets/pages/articles/show.scss */
  #article .header .back {
    top: 15px;
    left: 15px;
    width: 32px;
    height: 32px;
    background-size: 8px 18px;
  }
  /* line 445, app/assets/stylesheets/pages/articles/show.scss */
  #article .header .breadcrumbs {
    margin-top: 40px;
  }
  /* line 449, app/assets/stylesheets/pages/articles/show.scss */
  #article .content img:not([style]) {
    max-width: none;
    width: calc(100% + 40px) !important;
    margin-left: -20px;
  }
  /* line 454, app/assets/stylesheets/pages/articles/show.scss */
  #article .sidebar {
    display: none;
  }
  /* line 457, app/assets/stylesheets/pages/articles/show.scss */
  #article.long_read .content-wrap {
    padding: 20px;
    background: white;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  /* line 463, app/assets/stylesheets/pages/articles/show.scss */
  #article .cards .card {
    padding: 0 20px;
  }
  /* line 465, app/assets/stylesheets/pages/articles/show.scss */
  #article .cards .card.offset-top {
    padding-top: 20px;
  }
  /* line 468, app/assets/stylesheets/pages/articles/show.scss */
  #article .cards .card.offset-bottom {
    padding-bottom: 20px;
  }
  /* line 472, app/assets/stylesheets/pages/articles/show.scss */
  #article .bottom {
    padding: 10px 10px 17px;
    border: 1px solid #e7e7e7;
    border-width: 1px 0;
    position: relative;
    margin-top: 30px;
  }
  /* line 478, app/assets/stylesheets/pages/articles/show.scss */
  #article .bottom:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 25px;
    width: 15px;
    height: 15px;
    z-index: 12;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none;
  }
}

/* line 496, app/assets/stylesheets/pages/articles/show.scss */
.instagram-media {
  margin: 1px auto 12px !important;
  max-width: 100% !important;
}

/* line 499, app/assets/stylesheets/pages/articles/show.scss */
.instagram-media p {
  white-space: normal !important;
}

/* line 503, app/assets/stylesheets/pages/articles/show.scss */
p {
  white-space: normal !important;
}

/* line 507, app/assets/stylesheets/pages/articles/show.scss */
.instagram-media-registered {
  width: auto !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 512, app/assets/stylesheets/pages/articles/show.scss */
  .instagram-media {
    width: 280px !important;
  }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* line 519, app/assets/stylesheets/pages/articles/show.scss */
  .instagram-media {
    width: 335px !important;
  }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  /* line 526, app/assets/stylesheets/pages/articles/show.scss */
  .instagram-media {
    width: 374px !important;
  }
}
@media (min-width: 992px) {
  /* line 3, app/assets/stylesheets/pages/articles/blocker.scss */
  #article:not(.cards) .body.blocked .card {
    margin-bottom: 0;
    box-shadow: none;
  }
  /* line 7, app/assets/stylesheets/pages/articles/blocker.scss */
  #article:not(.cards) .body.blocked .card:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius-radius: 0;
  }
  /* line 12, app/assets/stylesheets/pages/articles/blocker.scss */
  #article:not(.cards) .body.blocked .card:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius-radius: 0;
  }
  /* line 19, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked {
    height: 538px;
  }
}

@media (min-width: 992px) {
  /* line 24, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  /* line 30, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .content-wrap {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 35, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .bottom {
    display: none;
  }
  /* line 38, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker {
    position: relative;
    z-index: 10;
    margin-top: 270px;
    background: white;
    text-align: center;
    padding: 0 30px 50px;
    height: 100%;
  }
  /* line 46, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker:before {
    content: '';
    position: absolute;
    top: -240px;
    height: 270px;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.8) 60%, white);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.8) 60%, white);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.8) 60%, white);
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.8) 60%, white);
  }
  /* line 58, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker svg {
    position: relative;
    top: -16px;
    width: 32px;
    height: 32px;
    padding: 6px;
    border: 2px solid #ccc;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
  }
  /* line 68, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker svg path {
    fill: #ccc;
  }
  /* line 72, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text {
    margin: 14px 30px 30px;
    line-height: 38px;
    font-size: 32px;
    color: black;
  }
  /* line 78, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text a {
    color: #fd3bb0;
  }
  /* line 80, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text a:hover {
    text-decoration: underline;
  }
  /* line 85, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .btn {
    font-weight: bold;
  }
}

/* line 90, app/assets/stylesheets/pages/articles/blocker.scss */
#article .body.blocked .youtube-embed-wrapper {
  display: none !important;
}

@media (max-width: 991px) {
  /* line 94, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    flex-direction: column;
    z-index: 500;
    text-align: center;
  }
  /* line 108, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker svg {
    display: block;
    height: 60px;
    margin-bottom: 32px;
  }
  /* line 112, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker svg path {
    fill: white;
  }
  /* line 116, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text {
    line-height: 1.4;
    margin-bottom: 20px;
    font-size: 20px;
  }
  /* line 120, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text a {
    color: #fd3bb0;
  }
  /* line 122, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text a:hover {
    text-decoration: underline;
  }
  /* line 126, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .text.no_marg {
    margin-bottom: 0px;
  }
  /* line 130, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .btn {
    display: block;
    padding: 16px 15px 14px;
  }
  /* line 134, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .back {
    position: absolute;
    bottom: 50px;
    font-size: 18px;
    opacity: .8;
  }
  /* line 139, app/assets/stylesheets/pages/articles/blocker.scss */
  #article .body.blocked .blocker .back:hover {
    opacity: 1;
    text-decoration: none;
    color: inherit;
  }
}
/* line 1, app/assets/stylesheets/pages/articles/test.scss */
#article .test {
  padding: 30px;
  background: white;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 6px;
  text-align: center;
}

/* line 8, app/assets/stylesheets/pages/articles/test.scss */
#article .test .btn {
  position: relative;
}

/* line 11, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title {
  font-size: 18px;
}

/* line 13, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.welcome {
  margin-bottom: 27px;
}

/* line 16, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.start {
  color: #fd3bb0;
  line-height: 1.8;
  margin-bottom: 22px;
}

/* line 21, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.test-title, #article .test .title.question {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.2;
}

/* line 26, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.test-title {
  margin: 0 82px 32px;
}

/* line 29, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.question {
  margin: 0 82px 15px;
}

/* line 31, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.question + img {
  margin: 0 auto 22px;
}

/* line 35, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.test-title {
  text-align: left;
}

/* line 38, app/assets/stylesheets/pages/articles/test.scss */
#article .test .title.completed {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 30px;
}

/* line 44, app/assets/stylesheets/pages/articles/test.scss */
#article .test .progress {
  margin-bottom: 20px;
  color: #777b7b;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
}

/* line 50, app/assets/stylesheets/pages/articles/test.scss */
#article .test .progress .current {
  display: inline;
}

/* line 53, app/assets/stylesheets/pages/articles/test.scss */
#article .test .progress.completed {
  padding-top: 67px;
  font-size: 24px;
  background-position: top center;
  background-repeat: no-repeat;
}

/* line 59, app/assets/stylesheets/pages/articles/test.scss */
#article .test .progress.success {
  background-image: url(/assets/articles/completed-9b38be8d5045f9d6cfd0324a416d0222860986ef566f61bf2adee8d7b7a49eea.png);
  color: #2ecd70;
}

/* line 63, app/assets/stylesheets/pages/articles/test.scss */
#article .test .progress.fail {
  background-image: url(/assets/articles/fail-88da839cd609571f4a761e14a59c345c733afc5ebd9d611db855708493d9a478.png);
  color: #fd3bb0;
}

/* line 68, app/assets/stylesheets/pages/articles/test.scss */
#article .test .screen img {
  display: block;
  margin: 0 auto 30px;
  max-width: 100%;
  max-height: 275px;
}

/* line 74, app/assets/stylesheets/pages/articles/test.scss */
#article .test .grayscale {
  filter: grayscale(100%);
}

/* line 77, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers {
  width: 400px;
  margin: 0 auto;
  text-align: left;
  line-height: 23px;
  font-size: 18px;
  padding-bottom: 52px;
  margin-bottom: 30px;
}

/* line 85, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers .answer {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
  cursor: pointer;
}

/* line 93, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers .radio {
  width: 37px;
  flex-shrink: 0;
  position: relative;
}

/* line 97, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers .radio:before {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  border: 1px solid #7e8282;
  border-radius: 50%;
}

/* line 105, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers .radio input {
  display: none;
}

/* line 109, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.loaded {
  padding-bottom: 0;
}

/* line 112, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted {
  color: #ddd;
}

/* line 114, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .radio:before {
  display: none;
}

/* line 118, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .correct:before, #article .test .answers.submitted .wrong:before {
  content: '';
  display: block;
  position: absolute;
  top: 23px;
  left: 3px;
  width: 18px;
  height: 18px;
}

/* line 128, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .correct {
  color: #2ecd70;
}

/* line 130, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .correct:before {
  background: url(/assets/articles/correct-answer-af4d3640ef47b49c0598305bb2de40c6f978a4ca1131e0bcc062f71f653bdc3d.png);
}

/* line 134, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .wrong {
  color: #fd3bb0;
}

/* line 136, app/assets/stylesheets/pages/articles/test.scss */
#article .test .answers.submitted .wrong:before {
  background: url(/assets/articles/wrong-answer-3ce279a99457a28bfbbab7d11c593547690920cca0157c5bac3896fc4dd9b1f4.png);
}

/* line 142, app/assets/stylesheets/pages/articles/test.scss */
#article .test .description {
  text-align: left;
  color: #494949;
  font-size: 18px;
  margin: 0 82px 58px;
}

/* line 149, app/assets/stylesheets/pages/articles/test.scss */
#article .test .socials .text {
  cursor: default;
}

@media (min-width: 992px) {
  /* line 154, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .btn {
    border: 0;
    padding-top: 17px;
    padding-bottom: 17px;
  }
  /* line 159, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials {
    display: none;
    color: #777;
    padding: 34px 0 0;
    justify-content: center;
  }
  /* line 164, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials > * + * {
    margin-left: 50px;
  }
  /* line 168, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .show-socials:not([hidden]) ~ .socials {
    display: flex;
  }
  /* line 171, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials-with-text:not([hidden]) ~ .socials {
    margin-top: 57px;
    border-top: 1px solid #e9e9e9;
    padding: 39px 30px 13px;
    margin-left: -30px;
    width: 100%;
  }
  /* line 177, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials-with-text:not([hidden]) ~ .socials .text {
    display: block;
  }
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/pages/articles/test.scss */
  #article .test {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-width: 1px 0;
  }
  /* line 190, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.welcome {
    margin-bottom: 27px;
    text-align: center;
  }
  /* line 194, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.start {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 14px;
    text-align: left;
  }
  /* line 199, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.start ~ img {
    margin-bottom: 20px;
  }
  /* line 203, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.test-title {
    margin: 0 0 20px;
  }
  /* line 206, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.question {
    margin: 0 0 10px;
    position: relative;
    top: -4px;
    text-align: left;
  }
  /* line 212, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.completed {
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
  }
  /* line 216, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .title.completed .first-line {
    font-size: 24px;
    font-weight: bold;
  }
  /* line 222, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .progress {
    letter-spacing: -3px;
    float: left;
    padding-right: 8px;
    margin-bottom: 0;
  }
  /* line 227, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .progress.completed {
    float: none;
    padding-right: 0;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 53px;
    background-size: 49px 49px;
  }
  /* line 236, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .screen img {
    margin-bottom: 0;
  }
  /* line 239, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers {
    width: auto;
    margin-left: -20px;
    padding-bottom: 58px;
    margin-bottom: 45px;
  }
  /* line 244, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers .radio {
    display: none;
  }
  /* line 247, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers .text {
    padding-right: 40px;
  }
  /* line 250, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers .answer {
    width: 100%;
    padding: 11px 0 11px 20px;
    font-size: 20px;
  }
  /* line 254, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers .answer:first-child {
    border-top: 1px solid #e9e9e9;
  }
  /* line 258, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.loaded {
    padding-bottom: 0;
  }
  /* line 262, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .correct, #article .test .answers.submitted .wrong {
    color: white;
  }
  /* line 264, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .correct:before, #article .test .answers.submitted .wrong:before {
    left: auto;
    right: 21px;
    width: 26px;
    height: 25px;
  }
  /* line 271, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .correct {
    background-color: #2ecd70;
    border-color: #29b865;
  }
  /* line 274, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .correct:before {
    top: 10px;
    background: url(/assets/articles/correct-answer-mobile-c40e525599669a403120824414a47bcee332e94b61f0a6902e7e0d9396806417.png);
  }
  /* line 279, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .wrong {
    background-color: #f54eb5;
    border-color: #fd3bb0;
  }
  /* line 282, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .answers.submitted .wrong:before {
    top: 12px;
    background: url(/assets/articles/wrong-answer-mobile-d12c72bbc2d68a83ed37be682fb380439bfa446bdca9a54fad08428c5f181e3b.png);
  }
  /* line 289, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .description {
    margin: 0 0 20px;
  }
  /* line 292, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .btn.btn-test {
    border-radius: 0;
    display: block;
    margin-left: -20px;
    width: 100%;
    padding: 20px;
    box-sizing: content-box;
    border: 0;
  }
  /* line 300, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .btn.btn-test.btn-primary {
    background: #2ecd70;
  }
  /* line 304, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials {
    padding: 32px 26px 10px;
    justify-content: space-between;
  }
  /* line 307, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials .mail {
    font-size: 0;
  }
  /* line 309, app/assets/stylesheets/pages/articles/test.scss */
  #article .test .socials .mail img {
    margin-right: 0;
  }
}

/* line 317, app/assets/stylesheets/pages/articles/test.scss */
#article .test:not(.passed) .show-if-passed {
  display: none !important;
}

/* line 322, app/assets/stylesheets/pages/articles/test.scss */
#article .test.passed .show-if-not-passed {
  display: none !important;
}
/* line 1, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content {
  color: #777;
  font-weight: bold;
  line-height: 50px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 960px;
  margin: 0 auto;
}

/* line 12, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .submenu {
  line-height: 1;
  font-weight: normal;
}

/* line 15, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .submenu .arrow {
  right: 36px !important;
}

/* line 20, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .switch {
  font-size: 14px;
}

/* line 25, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .more .label {
  padding-right: 18px;
}

/* line 27, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .more .label:before {
  content: '';
  position: absolute;
  background: url(/assets/layout/arrow-6a1a150ea3bdf470b1c339daf5b2d872ff76d9aa45c92d6241c0f3dcfb5ec437.png);
  width: 12px;
  height: 7px;
  top: 50%;
  margin-top: -2px;
  right: 0;
  transform: rotate(180deg);
}

/* line 40, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content .more:hover .label:before {
  transform: rotate(0);
}

/* line 46, app/assets/stylesheets/pages/articles/sub-header.scss */
.articles-sub-header-content label.switch {
  margin: 0 10px 0 20px;
  white-space: nowrap;
  font-weight: normal;
}
@media (min-width: 992px) {
  /* line 1, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-buttons {
    height: 50px;
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-buttons {
    flex-shrink: 0;
    padding: 15px;
    white-space: nowrap;
    overflow: auto;
    font-size: 0;
    color: #000;
  }
}

/* line 17, app/assets/stylesheets/pages/articles/category_buttons.scss */
.article-category-button {
  user-select: none;
}

@media (min-width: 992px) {
  /* line 17, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button {
    margin: 0 10px;
    padding: 0 10px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
  }
  /* line 26, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button:not(.active) {
    color: #777;
  }
  /* line 28, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button:not(.active):hover {
    color: #777;
  }
  /* line 32, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button.active {
    color: #333;
  }
  /* line 34, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button.active:hover {
    color: #333;
  }
}

@media (max-width: 991px) {
  /* line 17, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 0 9px;
    font-size: 16px;
  }
  /* line 49, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button.active {
    color: #fff;
    background: #000;
  }
  /* line 54, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button:hover:not(.active) {
    color: #ec118f;
  }
  /* line 58, app/assets/stylesheets/pages/articles/category_buttons.scss */
  .article-category-button + .article-category-button {
    margin-left: 10px;
  }
}