@charset "UTF-8";
/**
 * Unceremoniusly lifted from: http://www.sitepoint.com/extra-map-functions-sass/
 *
 * jQuery-style extend function
 * About `map-merge()`:
 * * only takes 2 arguments
 * * is not recursive
 * @param {Map} $map - first map
 * @param {ArgList} $maps - other maps
 * @param {Bool} $deep - recursive mode
 * @return {Map}
 */
/******
   *
   * Constants and maps to be used in the actual style definitions
   *
   ******/
/******
   *
   * Modifiers that apply to all typography types
   *
   ******/
.a11y-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/**
   * Settings for the various entities
   */
/**
   * Builds the map for stacked facepiles. Using a function to get around the
   * non-recursiveness of map-merge
   * @param $entity The entity config
   * @param $padding The amount of padding the normal entity has. Used to recalculate dimensions
   * @param $border-radius The border-radius to set for the entity. Defaults to circle.
   */
/**
   * THE ACTUAL CODE FOR GENERATING THE CODE
   */
.modal {
  opacity: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  visibility: hidden; }
  .visible.modal {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible; }

/**
 * Will apply styles passed to CJK locales only
 *
 * Usage:
 *  @include is-cjk() {
 *    // Your styles here
 *  }
 */
@keyframes loaderspin {
  from {
    -webkit-transform: rotate(0deg) translate(-30px, -30px);
            transform: rotate(0deg) translate(-30px, -30px); }
  to {
    -webkit-transform: rotate(360deg) translate(-30px, -30px);
            transform: rotate(360deg) translate(-30px, -30px); } }

@-webkit-keyframes loaderspin {
  from {
    -webkit-transform: rotate(0deg) translate(-30px, -30px); }
  to {
    -webkit-transform: rotate(360deg) translate(-30px, -30px); } }

@-webkit-keyframes pebbleDraw {
  to {
    stroke-dashoffset: 0; } }

@keyframes pebbleDraw {
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes pebbleGrow {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pebbleGrow {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

use {
  fill-opacity: 1;
  stroke-opacity: 1;
  fill: transparent;
  stroke: transparent; }
  use[data-size=small], use[data-state=active],
  .active use[*|href^="#nav-"] {
    fill-opacity: 0;
    stroke-opacity: 0;
    fill: currentColor;
    stroke: currentColor; }

li-icon[type=loader] > svg {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loaderspin 1s steps(12) infinite;
  animation: loaderspin 1s steps(12) infinite; }

li-icon {
  display: inline-block;
  width: 300px;
  height: 150px;
  overflow: hidden; }
  li-icon[type$="-icon"] {
    width: 24px;
    height: 24px; }
    li-icon[type$="-icon"][size="small"] {
      width: 16px;
      height: 16px; }
    li-icon[type$="-icon"] > svg {
      vertical-align: top; }
  li-icon[type^="nav-"] {
    width: 32px;
    height: 32px; }
  li-icon .inactive-item,
  li-icon .large-icon {
    fill: currentColor; }
  li-icon .active-item,
  li-icon .small-icon {
    fill: currentColor;
    visibility: hidden; }
  li-icon[size=small] .inactive-item,
  li-icon[size=small] .large-icon, li-icon[type^="nav-"][active] .inactive-item,
  li-icon[type^="nav-"][active] .large-icon {
    visibility: hidden; }
  li-icon[size=small] .active-item,
  li-icon[size=small] .small-icon, li-icon[type^="nav-"][active] .active-item,
  li-icon[type^="nav-"][active] .small-icon {
    visibility: visible; }
  li-icon[type^="app-"] {
    width: 40px;
    height: 40px; }
  li-icon[type="loader"] {
    fill-opacity: 1;
    stroke-opacity: 1;
    fill: transparent;
    stroke: transparent; }
    li-icon[type="loader"][size="small"] {
      fill-opacity: 0;
      stroke-opacity: 0;
      fill: currentColor;
      stroke: currentColor; }
  li-icon .color-icon {
    display: none; }
  li-icon[color] .solid-icon {
    display: none; }
  li-icon[color] .color-icon {
    display: block; }
  li-icon[type^="large-"], li-icon[type^="large-"][size="small"] {
    width: 48px;
    height: 48px; }
  [dir=rtl] li-icon[type*=arrow], [dir=rtl] li-icon[type*=chevron], [dir=rtl] li-icon[type=to-start-icon], [dir=rtl] li-icon[type=to-end-icon], [dir=rtl] li-icon[type=question-pebble-icon], [dir=rtl] li-icon[type=share-ios-icon] {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  li-icon[type$="-pebble-icon"][animate] {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    -webkit-animation: pebbleGrow 334ms ease-in-out forwards;
            animation: pebbleGrow 334ms ease-in-out forwards; }
    li-icon[type$="-pebble-icon"][animate] .circle {
      stroke-dasharray: 63;
      stroke-dashoffset: 63;
      -webkit-animation: pebbleDraw 500ms ease-out forwards;
              animation: pebbleDraw 500ms ease-out forwards;
      -webkit-animation-delay: 334ms;
              animation-delay: 334ms; }
    li-icon[type$="-pebble-icon"][animate][size="small"] .circle {
      stroke-dasharray: 38;
      stroke-dashoffset: 38; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  border: 0;
  display: block;
  height: 1px;
  margin: 1rem 0 24px 0;
  padding: 0;
  border-color: rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15); }
  @media (max-width: 976px) {
    hr {
      margin-bottom: 16px; } }

input, select {
  vertical-align: middle; }

svg {
  width: 24px;
  height: 24px; }

/* Initial Reset */
input, select {
  vertical-align: middle; }

/* Label Styles */
label {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  display: block;
  margin: 12px 0 3px; }
  label:lang(ja), label:lang(zh), label:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  label:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  label:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  label.required:after {
    content: '*';
    color: #008CC9;
    margin-left: 2px; }

/* Input Styles */
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"], input[type="time"],
input[type="url"], input[type="week"] {
  box-shadow: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 10px;
  width: 100%;
  outline: 0;
  height: 32px;
  transition: border-color .15s;
  box-sizing: border-box;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2.0rem;
  font-weight: normal; }
  textarea::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1; }
  textarea::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1; }
  textarea:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1; }
  textarea::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder,
  input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder,
  input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder,
  input[type="url"]::placeholder, input[type="week"]::placeholder {
    color: rgba(0, 0, 0, 0.55);
    opacity: 1; }
  textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
  input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus,
  input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus,
  input[type="url"]:focus, input[type="week"]:focus {
    border-color: #008CC9; }
  textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled],
  input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled],
  input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled],
  input[type="url"][disabled], input[type="week"][disabled] {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.25); }
    textarea[disabled]::-webkit-input-placeholder, input[type="date"][disabled]::-webkit-input-placeholder, input[type="datetime"][disabled]::-webkit-input-placeholder, input[type="datetime-local"][disabled]::-webkit-input-placeholder,
    input[type="email"][disabled]::-webkit-input-placeholder, input[type="month"][disabled]::-webkit-input-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder,
    input[type="search"][disabled]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="text"][disabled]::-webkit-input-placeholder, input[type="time"][disabled]::-webkit-input-placeholder,
    input[type="url"][disabled]::-webkit-input-placeholder, input[type="week"][disabled]::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.25); }
    textarea[disabled]::-moz-placeholder, input[type="date"][disabled]::-moz-placeholder, input[type="datetime"][disabled]::-moz-placeholder, input[type="datetime-local"][disabled]::-moz-placeholder,
    input[type="email"][disabled]::-moz-placeholder, input[type="month"][disabled]::-moz-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder,
    input[type="search"][disabled]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="time"][disabled]::-moz-placeholder,
    input[type="url"][disabled]::-moz-placeholder, input[type="week"][disabled]::-moz-placeholder {
      color: rgba(0, 0, 0, 0.25); }
    textarea[disabled]:-ms-input-placeholder, input[type="date"][disabled]:-ms-input-placeholder, input[type="datetime"][disabled]:-ms-input-placeholder, input[type="datetime-local"][disabled]:-ms-input-placeholder,
    input[type="email"][disabled]:-ms-input-placeholder, input[type="month"][disabled]:-ms-input-placeholder, input[type="number"][disabled]:-ms-input-placeholder, input[type="password"][disabled]:-ms-input-placeholder,
    input[type="search"][disabled]:-ms-input-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, input[type="text"][disabled]:-ms-input-placeholder, input[type="time"][disabled]:-ms-input-placeholder,
    input[type="url"][disabled]:-ms-input-placeholder, input[type="week"][disabled]:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.25); }
    textarea[disabled]::placeholder, input[type="date"][disabled]::placeholder, input[type="datetime"][disabled]::placeholder, input[type="datetime-local"][disabled]::placeholder,
    input[type="email"][disabled]::placeholder, input[type="month"][disabled]::placeholder, input[type="number"][disabled]::placeholder, input[type="password"][disabled]::placeholder,
    input[type="search"][disabled]::placeholder, input[type="tel"][disabled]::placeholder, input[type="text"][disabled]::placeholder, input[type="time"][disabled]::placeholder,
    input[type="url"][disabled]::placeholder, input[type="week"][disabled]::placeholder {
      color: rgba(0, 0, 0, 0.25); }
  textarea.error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error,
  input[type="email"].error, input[type="month"].error, input[type="number"].error, input[type="password"].error,
  input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="time"].error,
  input[type="url"].error, input[type="week"].error {
    border-color: #DD2E1F; }

/* Select Elements */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  outline: 0;
  height: 32px;
  background: transparent;
  position: relative;
  z-index: 2;
  background: transparent;
  background-image: url(/sc/h/71k620nkp9w3dqnw3pgr156ff);
  background-repeat: no-repeat;
  background-position: top -41px right 1px;
  box-sizing: border-box;
  border: 0;
  text-indent: 10px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding-right: 32px;
  transition: box-shadow 0.15s;
  border-radius: 1px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2.0rem;
  font-weight: normal; }
  select::-ms-expand {
    display: none; }
  select:focus {
    border-color: #008CC9; }
  select[disabled] {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), linear-gradient(white, white), url(/sc/h/71k620nkp9w3dqnw3pgr156ff), linear-gradient(white, white); }
  select.error {
    border-color: #DD2E1F; }
  select::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.55); }
  select::-moz-placeholder {
    color: rgba(0, 0, 0, 0.55); }
  select:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.55); }
  select::placeholder {
    color: rgba(0, 0, 0, 0.55); }

/* Textarea Overrides */
textarea {
  height: auto;
  padding-top: 7px; }

/* Submit Button Styles */
button {
  cursor: pointer; }

/* Checkboxes and Radios */
input[type=radio],
input[type=checkbox] {
  opacity: 0;
  margin: 16px 2px 0 0;
  position: absolute; }
  input[type=radio] + label,
  input[type=checkbox] + label {
    color: rgba(0, 0, 0, 0.7);
    display: block;
    line-height: 20px;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    padding-left: 28px; }
    input[type=radio] + label:before, input[type=radio] + label:after,
    input[type=checkbox] + label:before,
    input[type=checkbox] + label:after {
      content: " ";
      height: 20px;
      width: 20px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      box-sizing: border-box; }
    input[type=radio] + label:before,
    input[type=checkbox] + label:before {
      border: 1px solid rgba(0, 0, 0, 0.45); }
  input[type=radio]:focus,
  input[type=checkbox]:focus {
    outline: none; }
    input[type=radio]:focus + label:before,
    input[type=checkbox]:focus + label:before {
      border-color: #008CC9; }
  input[type=radio][disabled] + label,
  input[type=checkbox][disabled] + label {
    color: rgba(0, 0, 0, 0.25); }
    input[type=radio][disabled] + label:before,
    input[type=checkbox][disabled] + label:before {
      border-color: rgba(0, 0, 0, 0.1); }
  input[type=radio]:checked + label:after,
  input[type=checkbox]:checked + label:after {
    display: block; }
  input[type=radio].small-input + label,
  input[type=checkbox].small-input + label {
    line-height: 16px; }
    input[type=radio].small-input + label:before, input[type=radio].small-input + label:after,
    input[type=checkbox].small-input + label:before,
    input[type=checkbox].small-input + label:after {
      height: 16px;
      width: 16px; }

input[type=radio] + label:before {
  border-radius: 50%; }

input[type=radio] + label:after {
  border-radius: 50%;
  border: 0 solid #008CC9;
  transition-property: border-width;
  transition-duration: 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0s;
  border-width: 0px; }

input[type=radio]:checked + label:after {
  border-width: 6px; }

input[type=radio].small-input:checked + label:after {
  border-width: 5px; }

input[type=checkbox] + label:before {
  border-radius: 2px;
  transition-property: box-shadow;
  transition-duration: 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0s;
  box-shadow: 0 0 0 0 #008CC9 inset; }

input[type=checkbox] + label:after {
  display: none;
  height: 16px;
  width: 16px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-image: url(/sc/h/71k620nkp9w3dqnw3pgr156ff);
  background-position: 0 -24px;
  overflow: hidden;
  margin: 2px; }

input[type=checkbox]:checked + label:before {
  box-shadow: 0 0 0 10px #008CC9 inset; }

input[type=checkbox]:checked + label:after {
  display: block; }

input[type=checkbox].small-input + label:after {
  top: -2px;
  left: -2px; }

form.inverse-form label {
  color: #FFFFFF; }

form.inverse-form textarea, form.inverse-form input[type="date"], form.inverse-form input[type="datetime"], form.inverse-form input[type="datetime-local"],
form.inverse-form input[type="email"], form.inverse-form input[type="month"], form.inverse-form input[type="number"], form.inverse-form input[type="password"],
form.inverse-form input[type="search"], form.inverse-form input[type="tel"], form.inverse-form input[type="text"], form.inverse-form input[type="time"],
form.inverse-form input[type="url"], form.inverse-form input[type="week"], form.inverse-form select {
  color: #FFFFFF;
  border-color: #FFFFFF; }
  form.inverse-form textarea::-webkit-input-placeholder, form.inverse-form input[type="date"]::-webkit-input-placeholder, form.inverse-form input[type="datetime"]::-webkit-input-placeholder, form.inverse-form input[type="datetime-local"]::-webkit-input-placeholder,
  form.inverse-form input[type="email"]::-webkit-input-placeholder, form.inverse-form input[type="month"]::-webkit-input-placeholder, form.inverse-form input[type="number"]::-webkit-input-placeholder, form.inverse-form input[type="password"]::-webkit-input-placeholder,
  form.inverse-form input[type="search"]::-webkit-input-placeholder, form.inverse-form input[type="tel"]::-webkit-input-placeholder, form.inverse-form input[type="text"]::-webkit-input-placeholder, form.inverse-form input[type="time"]::-webkit-input-placeholder,
  form.inverse-form input[type="url"]::-webkit-input-placeholder, form.inverse-form input[type="week"]::-webkit-input-placeholder, form.inverse-form select::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.55); }
  form.inverse-form textarea::-moz-placeholder, form.inverse-form input[type="date"]::-moz-placeholder, form.inverse-form input[type="datetime"]::-moz-placeholder, form.inverse-form input[type="datetime-local"]::-moz-placeholder,
  form.inverse-form input[type="email"]::-moz-placeholder, form.inverse-form input[type="month"]::-moz-placeholder, form.inverse-form input[type="number"]::-moz-placeholder, form.inverse-form input[type="password"]::-moz-placeholder,
  form.inverse-form input[type="search"]::-moz-placeholder, form.inverse-form input[type="tel"]::-moz-placeholder, form.inverse-form input[type="text"]::-moz-placeholder, form.inverse-form input[type="time"]::-moz-placeholder,
  form.inverse-form input[type="url"]::-moz-placeholder, form.inverse-form input[type="week"]::-moz-placeholder, form.inverse-form select::-moz-placeholder {
    color: rgba(255, 255, 255, 0.55); }
  form.inverse-form textarea:-ms-input-placeholder, form.inverse-form input[type="date"]:-ms-input-placeholder, form.inverse-form input[type="datetime"]:-ms-input-placeholder, form.inverse-form input[type="datetime-local"]:-ms-input-placeholder,
  form.inverse-form input[type="email"]:-ms-input-placeholder, form.inverse-form input[type="month"]:-ms-input-placeholder, form.inverse-form input[type="number"]:-ms-input-placeholder, form.inverse-form input[type="password"]:-ms-input-placeholder,
  form.inverse-form input[type="search"]:-ms-input-placeholder, form.inverse-form input[type="tel"]:-ms-input-placeholder, form.inverse-form input[type="text"]:-ms-input-placeholder, form.inverse-form input[type="time"]:-ms-input-placeholder,
  form.inverse-form input[type="url"]:-ms-input-placeholder, form.inverse-form input[type="week"]:-ms-input-placeholder, form.inverse-form select:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.55); }
  form.inverse-form textarea::placeholder, form.inverse-form input[type="date"]::placeholder, form.inverse-form input[type="datetime"]::placeholder, form.inverse-form input[type="datetime-local"]::placeholder,
  form.inverse-form input[type="email"]::placeholder, form.inverse-form input[type="month"]::placeholder, form.inverse-form input[type="number"]::placeholder, form.inverse-form input[type="password"]::placeholder,
  form.inverse-form input[type="search"]::placeholder, form.inverse-form input[type="tel"]::placeholder, form.inverse-form input[type="text"]::placeholder, form.inverse-form input[type="time"]::placeholder,
  form.inverse-form input[type="url"]::placeholder, form.inverse-form input[type="week"]::placeholder, form.inverse-form select::placeholder {
    color: rgba(255, 255, 255, 0.55); }
  form.inverse-form textarea:disabled, form.inverse-form input[type="date"]:disabled, form.inverse-form input[type="datetime"]:disabled, form.inverse-form input[type="datetime-local"]:disabled,
  form.inverse-form input[type="email"]:disabled, form.inverse-form input[type="month"]:disabled, form.inverse-form input[type="number"]:disabled, form.inverse-form input[type="password"]:disabled,
  form.inverse-form input[type="search"]:disabled, form.inverse-form input[type="tel"]:disabled, form.inverse-form input[type="text"]:disabled, form.inverse-form input[type="time"]:disabled,
  form.inverse-form input[type="url"]:disabled, form.inverse-form input[type="week"]:disabled, form.inverse-form select:disabled {
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.25); }
    form.inverse-form textarea:disabled::-webkit-input-placeholder, form.inverse-form input[type="date"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="datetime"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="datetime-local"]:disabled::-webkit-input-placeholder,
    form.inverse-form input[type="email"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="month"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="number"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="password"]:disabled::-webkit-input-placeholder,
    form.inverse-form input[type="search"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="tel"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="text"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="time"]:disabled::-webkit-input-placeholder,
    form.inverse-form input[type="url"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="week"]:disabled::-webkit-input-placeholder, form.inverse-form select:disabled::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.25); }
    form.inverse-form textarea:disabled::-moz-placeholder, form.inverse-form input[type="date"]:disabled::-moz-placeholder, form.inverse-form input[type="datetime"]:disabled::-moz-placeholder, form.inverse-form input[type="datetime-local"]:disabled::-moz-placeholder,
    form.inverse-form input[type="email"]:disabled::-moz-placeholder, form.inverse-form input[type="month"]:disabled::-moz-placeholder, form.inverse-form input[type="number"]:disabled::-moz-placeholder, form.inverse-form input[type="password"]:disabled::-moz-placeholder,
    form.inverse-form input[type="search"]:disabled::-moz-placeholder, form.inverse-form input[type="tel"]:disabled::-moz-placeholder, form.inverse-form input[type="text"]:disabled::-moz-placeholder, form.inverse-form input[type="time"]:disabled::-moz-placeholder,
    form.inverse-form input[type="url"]:disabled::-moz-placeholder, form.inverse-form input[type="week"]:disabled::-moz-placeholder, form.inverse-form select:disabled::-moz-placeholder {
      color: rgba(255, 255, 255, 0.25); }
    form.inverse-form textarea:disabled:-ms-input-placeholder, form.inverse-form input[type="date"]:disabled:-ms-input-placeholder, form.inverse-form input[type="datetime"]:disabled:-ms-input-placeholder, form.inverse-form input[type="datetime-local"]:disabled:-ms-input-placeholder,
    form.inverse-form input[type="email"]:disabled:-ms-input-placeholder, form.inverse-form input[type="month"]:disabled:-ms-input-placeholder, form.inverse-form input[type="number"]:disabled:-ms-input-placeholder, form.inverse-form input[type="password"]:disabled:-ms-input-placeholder,
    form.inverse-form input[type="search"]:disabled:-ms-input-placeholder, form.inverse-form input[type="tel"]:disabled:-ms-input-placeholder, form.inverse-form input[type="text"]:disabled:-ms-input-placeholder, form.inverse-form input[type="time"]:disabled:-ms-input-placeholder,
    form.inverse-form input[type="url"]:disabled:-ms-input-placeholder, form.inverse-form input[type="week"]:disabled:-ms-input-placeholder, form.inverse-form select:disabled:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.25); }
    form.inverse-form textarea:disabled::placeholder, form.inverse-form input[type="date"]:disabled::placeholder, form.inverse-form input[type="datetime"]:disabled::placeholder, form.inverse-form input[type="datetime-local"]:disabled::placeholder,
    form.inverse-form input[type="email"]:disabled::placeholder, form.inverse-form input[type="month"]:disabled::placeholder, form.inverse-form input[type="number"]:disabled::placeholder, form.inverse-form input[type="password"]:disabled::placeholder,
    form.inverse-form input[type="search"]:disabled::placeholder, form.inverse-form input[type="tel"]:disabled::placeholder, form.inverse-form input[type="text"]:disabled::placeholder, form.inverse-form input[type="time"]:disabled::placeholder,
    form.inverse-form input[type="url"]:disabled::placeholder, form.inverse-form input[type="week"]:disabled::placeholder, form.inverse-form select:disabled::placeholder {
      color: rgba(255, 255, 255, 0.25); }

form.inverse-form select {
  background-position: top -65px right 0px; }

form.inverse-form input[type=radio] + label:after {
  border-color: #FFFFFF; }

form.inverse-form input[type=checkbox] + label:after {
  background-position: 0 -24px; }

form.inverse-form input[type=radio] + label,
form.inverse-form input[type=checkbox] + label {
  color: #FFFFFF; }
  form.inverse-form input[type=radio] + label:before,
  form.inverse-form input[type=checkbox] + label:before {
    border-color: #FFFFFF; }

form.inverse-form input[type=radio]:disabled + label,
form.inverse-form input[type=checkbox]:disabled + label {
  color: rgba(255, 255, 255, 0.25); }
  form.inverse-form input[type=radio]:disabled + label:before,
  form.inverse-form input[type=checkbox]:disabled + label:before {
    border-color: rgba(255, 255, 255, 0.1); }

form.inverse-form input[type=checkbox] + label:before,
form.inverse-form input[type=checkbox]:checked + label:before {
  transition: 0;
  box-shadow: none; }

form.simple-form input[type="date"], form.simple-form input[type="datetime"], form.simple-form input[type="datetime-local"],
form.simple-form input[type="email"], form.simple-form input[type="month"], form.simple-form input[type="number"], form.simple-form input[type="password"],
form.simple-form input[type="search"], form.simple-form input[type="tel"], form.simple-form input[type="text"], form.simple-form input[type="time"],
form.simple-form input[type="url"], form.simple-form input[type="week"], form.simple-form select {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0; }

form.simple-form select {
  text-indent: 0; }

form.simple-form .floating-label {
  position: relative;
  display: block;
  margin-top: 35px; }
  form.simple-form .floating-label .label-text {
    position: absolute;
    top: 10px;
    left: 0px;
    transition: all 0.35s ease;
    margin: 0; }
  form.simple-form .floating-label[data-form-elem-focus=true] .label-text {
    transform: translate(0, -25px);
    -webkit-transform: translate(0, -25px); }

html.artdeco body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

html.artdeco #body[role=main],
html.artdeco #layout-main {
  -webkit-font-smoothing: antialiased; }

html {
  font-size: 62.5%; }
  html body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }
  html:lang(ar) body {
    font-family: 'Noto Naskh Arabic', 'Source Sans Pro', 'Droid Arabic Naskh', 'Geeza Pro', 'Simplified Arabic', sans-serif; }
  html:lang(th) body {
    font-family: 'Source Sans Pro', 'Noto Sans Thai', 'Thonburi', 'Dokchampa', 'Droid Sans Thai', sans-serif; }
  html.ios:lang(zh) body, html.ios:lang(ja) body, html.ios:lang(ko) body {
    font-family: -apple-system, 'Helvetica Neue', 'Heiti SC', sans-serif; }
  html.osx:lang(zh) body, html.osx:lang(ja) body, html.osx:lang(ko) body {
    font-family: -apple-system, '.SFNSDisplay-Regular', 'San Francisco', 'Helvetica Neue', 'Hiragino Sans GB W3', 'Heiti SC', sans-serif; }
  html.windows:lang(zh) body, html.windows:lang(ja) body, html.windows:lang(ko) body {
    font-family: 'Segoe UI', 'Microsoft Yahei', sans-serif; }
  html.android:lang(zh) body, html.android:lang(ja) body, html.android:lang(ko) body {
    font-family: 'Source Sans Pro', 'Droid Sans Fallback', sans-serif; }

a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }
  a:visited {
    color: #8c68cb; }
    a:visited:active {
      color: #6a4ba7; }
  a:hover, a.hover, a:focus, a.focus {
    text-decoration: underline; }
  a:focus, a.focus {
    text-decoration: underline; }
  a:active, a.active {
    text-decoration: none;
    color: #005e93; }

::-moz-selection {
  background: #008CC9;
  /* WebKit/Blink Browsers */
  color: #FFFFFF; }

::selection {
  background: #008CC9;
  /* WebKit/Blink Browsers */
  color: #FFFFFF; }

::-moz-selection {
  background: #008CC9;
  /* Firefox */
  color: #FFFFFF; }

strong, b {
  font-weight: bold; }

body, p {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  font-size: 17px; }
  body:lang(ja), body:lang(zh), body:lang(ko), p:lang(ja), p:lang(zh), p:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  body:lang(ar), p:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  body:lang(th), p:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

h1, .large-header {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 48px;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.85);
  font-size: 42px; }
  h1:lang(ja), h1:lang(zh), h1:lang(ko), .large-header:lang(ja), .large-header:lang(zh), .large-header:lang(ko) {
    font-size: 3.2rem;
    line-height: 4.4rem; }
  h1:lang(ar), .large-header:lang(ar) {
    font-size: 4.2rem;
    line-height: 5rem; }
  h1:lang(th), .large-header:lang(th) {
    font-size: 3.4rem;
    line-height: 4.8rem; }

h2 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 40px;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.85);
  font-size: 34px; }
  h2:lang(ja), h2:lang(zh), h2:lang(ko) {
    font-size: 2.8rem;
    line-height: 3.8rem; }
  h2:lang(ar) {
    font-size: 3.4rem;
    line-height: 4.1rem; }
  h2:lang(th) {
    font-size: 2.8rem;
    line-height: 4rem; }

h3, .large-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 32px;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.85);
  font-size: 26px; }
  h3:lang(ja), h3:lang(zh), h3:lang(ko), .large-text:lang(ja), .large-text:lang(zh), .large-text:lang(ko) {
    font-size: 2.2rem;
    line-height: 3.1rem; }
  h3:lang(ar), .large-text:lang(ar) {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  h3:lang(th), .large-text:lang(th) {
    font-size: 2rem;
    line-height: 2.8rem; }

h4, .medium-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 28px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 21px; }
  h4:lang(ja), h4:lang(zh), h4:lang(ko), .medium-text:lang(ja), .medium-text:lang(zh), .medium-text:lang(ko) {
    font-size: 2rem;
    line-height: 2.8rem; }
  h4:lang(ar), .medium-text:lang(ar) {
    font-size: 2.1rem;
    line-height: 2.6rem; }
  h4:lang(th), .medium-text:lang(th) {
    font-size: 1.9rem;
    line-height: 2.6rem; }

h5, .small-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px; }
  h5:lang(ja), h5:lang(zh), h5:lang(ko), .small-text:lang(ja), .small-text:lang(zh), .small-text:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  h5:lang(ar), .small-text:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  h5:lang(th), .small-text:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

h6 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px; }
  h6:lang(ja), h6:lang(zh), h6:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  h6:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  h6:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

em, i {
  font-style: italic; }
  em:lang(zh), em:lang(ja), em:lang(ko), i:lang(zh), i:lang(ja), i:lang(ko) {
    font-style: normal !important; }
  em:lang(ar), em:lang(th), i:lang(ar), i:lang(th) {
    font-style: normal !important; }

input,
select,
textarea,
button {
  font-family: inherit; }

input, button, .small-text {
  font-size: 1.45rem;
  line-height: 1.375; }

blockquote {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  font-size: 17px; }
  blockquote:lang(ja), blockquote:lang(zh), blockquote:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  blockquote:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  blockquote:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

/* Walter specific constants and vars */
#content-main:after,
.layout-container-large:after, .feed-nav:after, .feed-stream .feed-item:after, .feed-stream .feed-item-content:after, .reason-group:after, .stats-wrapper:after, .article-author-wrapper:after, #actions-header-article .social-stats-wrapper:after, .article-content-footer:after, .article-like:after, .related-content-inner:after, .feed-banner .actions:after, .social-stats:after {
  content: '';
  display: table;
  clear: both; }

.filters-dropdown > a, .feed-stream .feed-item .headline a, .flag-article-wrapper a, .flag-article, .related-content-reason a, .related-content-title a, .pulse-logo a,
a.pulse-logo, .entity-name a, nav .entity-counts a {
  text-decoration: none; }
  .filters-dropdown > a:hover, .feed-stream .feed-item .headline a:hover, .flag-article-wrapper a:hover, .flag-article:hover, .related-content-reason a:hover, .related-content-title a:hover, .pulse-logo a:hover,
  a.pulse-logo:hover, .entity-name a:hover, nav .entity-counts a:hover, .filters-dropdown > a:active, .feed-stream .feed-item .headline a:active, .flag-article-wrapper a:active, .flag-article:active, .related-content-reason a:active, .related-content-title a:active, .pulse-logo a:active,
  a.pulse-logo:active, .entity-name a:active, nav .entity-counts a:active, .filters-dropdown > a:focus, .feed-stream .feed-item .headline a:focus, .flag-article-wrapper a:focus, .flag-article:focus, .related-content-reason a:focus, .related-content-title a:focus, .pulse-logo a:focus,
  a.pulse-logo:focus, .entity-name a:focus, nav .entity-counts a:focus, .filters-dropdown > a:visited, .feed-stream .feed-item .headline a:visited, .flag-article-wrapper a:visited, .flag-article:visited, .related-content-reason a:visited, .related-content-title a:visited, .pulse-logo a:visited,
  a.pulse-logo:visited, .entity-name a:visited, nav .entity-counts a:visited {
    opacity: 1; }
  .filters-dropdown > a:hover, .feed-stream .feed-item .headline a:hover, .flag-article-wrapper a:hover, .flag-article:hover, .related-content-reason a:hover, .related-content-title a:hover, .pulse-logo a:hover,
  a.pulse-logo:hover, .entity-name a:hover, nav .entity-counts a:hover, .filters-dropdown > a:focus, .feed-stream .feed-item .headline a:focus, .flag-article-wrapper a:focus, .flag-article:focus, .related-content-reason a:focus, .related-content-title a:focus, .pulse-logo a:focus,
  a.pulse-logo:focus, .entity-name a:focus, nav .entity-counts a:focus {
    color: #008CC9;
    text-decoration: underline; }
  .filters-dropdown > a:active, .feed-stream .feed-item .headline a:active, .flag-article-wrapper a:active, .flag-article:active, .related-content-reason a:active, .related-content-title a:active, .pulse-logo a:active,
  a.pulse-logo:active, .entity-name a:active, nav .entity-counts a:active {
    color: #005E93;
    text-decoration: none; }
  .filters-dropdown > a:visited:hover, .feed-stream .feed-item .headline a:visited:hover, .flag-article-wrapper a:visited:hover, .flag-article:visited:hover, .related-content-reason a:visited:hover, .related-content-title a:visited:hover, .pulse-logo a:visited:hover,
  a.pulse-logo:visited:hover, .entity-name a:visited:hover, nav .entity-counts a:visited:hover, .filters-dropdown > a:visited:focus, .feed-stream .feed-item .headline a:visited:focus, .flag-article-wrapper a:visited:focus, .flag-article:visited:focus, .related-content-reason a:visited:focus, .related-content-title a:visited:focus, .pulse-logo a:visited:focus,
  a.pulse-logo:visited:focus, .entity-name a:visited:focus, nav .entity-counts a:visited:focus {
    text-decoration: underline; }
  .filters-dropdown > a:visited:active, .feed-stream .feed-item .headline a:visited:active, .flag-article-wrapper a:visited:active, .flag-article:visited:active, .related-content-reason a:visited:active, .related-content-title a:visited:active, .pulse-logo a:visited:active,
  a.pulse-logo:visited:active, .entity-name a:visited:active, nav .entity-counts a:visited:active {
    text-decoration: none; }

.button-link {
  background: none !important;
  border: none;
  cursor: pointer;
  font: inherit;
  font-size: 1em;
  line-height: 1;
  padding: 0 !important; }

.button-link .text-default, .button-primary-medium .text-default, .button-primary-large-round .text-default, .button-secondary-medium .text-default, .button-secondary-medium-inverse .text-default, .button-secondary-medium-round .text-default, .button-secondary-medium-round-muted .text-default, .button-secondary-large-round .text-default, .button-secondary-large-round-muted .text-default, .button-tertiary-small-muted .text-default, .button-tertiary-medium-inverse .text-default, .button-follow.button-secondary-medium-inverse.active .text-default, .button-tertiary-medium-muted .text-default, .button-follow.active:not(.button-link) .text-default, .slate-follow-button button .text-default {
  display: inline; }

.button-link .text-active, .button-primary-medium .text-active, .button-primary-large-round .text-active, .button-secondary-medium .text-active, .button-secondary-medium-inverse .text-active, .button-secondary-medium-round .text-active, .button-secondary-medium-round-muted .text-active, .button-secondary-large-round .text-active, .button-secondary-large-round-muted .text-active, .button-tertiary-small-muted .text-active, .button-tertiary-medium-inverse .text-active, .button-follow.button-secondary-medium-inverse.active .text-active, .button-tertiary-medium-muted .text-active, .button-follow.active:not(.button-link) .text-active, .slate-follow-button button .text-active, .button-link .text-active-hover, .button-primary-medium .text-active-hover, .button-primary-large-round .text-active-hover, .button-secondary-medium .text-active-hover, .button-secondary-medium-inverse .text-active-hover, .button-secondary-medium-round .text-active-hover, .button-secondary-medium-round-muted .text-active-hover, .button-secondary-large-round .text-active-hover, .button-secondary-large-round-muted .text-active-hover, .button-tertiary-small-muted .text-active-hover, .button-tertiary-medium-inverse .text-active-hover, .button-follow.button-secondary-medium-inverse.active .text-active-hover, .button-tertiary-medium-muted .text-active-hover, .button-follow.active:not(.button-link) .text-active-hover, .slate-follow-button button .text-active-hover {
  display: none; }

.active.button-link .text-default, .active.button-primary-medium .text-default, .active.button-primary-large-round .text-default, .active.button-secondary-medium .text-default, .active.button-secondary-medium-inverse .text-default, .active.button-secondary-medium-round .text-default, .active.button-secondary-medium-round-muted .text-default, .active.button-secondary-large-round .text-default, .active.button-secondary-large-round-muted .text-default, .active.button-tertiary-small-muted .text-default, .active.button-tertiary-medium-inverse .text-default, .active.button-tertiary-medium-muted .text-default, .active.button-follow:not(.button-link) .text-default, .slate-follow-button button.active .text-default {
  display: none; }

.active.button-link .text-active, .active.button-primary-medium .text-active, .active.button-primary-large-round .text-active, .active.button-secondary-medium .text-active, .active.button-secondary-medium-inverse .text-active, .active.button-secondary-medium-round .text-active, .active.button-secondary-medium-round-muted .text-active, .active.button-secondary-large-round .text-active, .active.button-secondary-large-round-muted .text-active, .active.button-tertiary-small-muted .text-active, .active.button-tertiary-medium-inverse .text-active, .active.button-tertiary-medium-muted .text-active, .active.button-follow:not(.button-link) .text-active, .slate-follow-button button.active .text-active, .active.button-link .text-active-hover, .active.button-primary-medium .text-active-hover, .active.button-primary-large-round .text-active-hover, .active.button-secondary-medium .text-active-hover, .active.button-secondary-medium-inverse .text-active-hover, .active.button-secondary-medium-round .text-active-hover, .active.button-secondary-medium-round-muted .text-active-hover, .active.button-secondary-large-round .text-active-hover, .active.button-secondary-large-round-muted .text-active-hover, .active.button-tertiary-small-muted .text-active-hover, .active.button-tertiary-medium-inverse .text-active-hover, .active.button-tertiary-medium-muted .text-active-hover, .active.button-follow:not(.button-link) .text-active-hover, .slate-follow-button button.active .text-active-hover {
  display: inline; }

.active.button-link .text-active-hover, .active.button-primary-medium .text-active-hover, .active.button-primary-large-round .text-active-hover, .active.button-secondary-medium .text-active-hover, .active.button-secondary-medium-inverse .text-active-hover, .active.button-secondary-medium-round .text-active-hover, .active.button-secondary-medium-round-muted .text-active-hover, .active.button-secondary-large-round .text-active-hover, .active.button-secondary-large-round-muted .text-active-hover, .active.button-tertiary-small-muted .text-active-hover, .active.button-tertiary-medium-inverse .text-active-hover, .active.button-tertiary-medium-muted .text-active-hover, .active.button-follow:not(.button-link) .text-active-hover, .slate-follow-button button.active .text-active-hover {
  clip: rect(0, 0, 0, 0);
  position: absolute; }

.active.button-link:hover .text-active, .active.button-primary-medium:hover .text-active, .active.button-primary-large-round:hover .text-active, .active.button-secondary-medium:hover .text-active, .active.button-secondary-medium-inverse:hover .text-active, .active.button-secondary-medium-round:hover .text-active, .active.button-secondary-medium-round-muted:hover .text-active, .active.button-secondary-large-round:hover .text-active, .active.button-secondary-large-round-muted:hover .text-active, .active.button-tertiary-small-muted:hover .text-active, .active.button-tertiary-medium-inverse:hover .text-active, .active.button-tertiary-medium-muted:hover .text-active, .active.button-follow:hover:not(.button-link) .text-active, .slate-follow-button button.active:hover .text-active, .active.button-link:focus .text-active, .active.button-primary-medium:focus .text-active, .active.button-primary-large-round:focus .text-active, .active.button-secondary-medium:focus .text-active, .active.button-secondary-medium-inverse:focus .text-active, .active.button-secondary-medium-round:focus .text-active, .active.button-secondary-medium-round-muted:focus .text-active, .active.button-secondary-large-round:focus .text-active, .active.button-secondary-large-round-muted:focus .text-active, .active.button-tertiary-small-muted:focus .text-active, .active.button-tertiary-medium-inverse:focus .text-active, .active.button-tertiary-medium-muted:focus .text-active, .active.button-follow:focus:not(.button-link) .text-active, .slate-follow-button button.active:focus .text-active {
  display: none; }

.active.button-link:hover .text-active-hover, .active.button-primary-medium:hover .text-active-hover, .active.button-primary-large-round:hover .text-active-hover, .active.button-secondary-medium:hover .text-active-hover, .active.button-secondary-medium-inverse:hover .text-active-hover, .active.button-secondary-medium-round:hover .text-active-hover, .active.button-secondary-medium-round-muted:hover .text-active-hover, .active.button-secondary-large-round:hover .text-active-hover, .active.button-secondary-large-round-muted:hover .text-active-hover, .active.button-tertiary-small-muted:hover .text-active-hover, .active.button-tertiary-medium-inverse:hover .text-active-hover, .active.button-tertiary-medium-muted:hover .text-active-hover, .active.button-follow:hover:not(.button-link) .text-active-hover, .slate-follow-button button.active:hover .text-active-hover, .active.button-link:focus .text-active-hover, .active.button-primary-medium:focus .text-active-hover, .active.button-primary-large-round:focus .text-active-hover, .active.button-secondary-medium:focus .text-active-hover, .active.button-secondary-medium-inverse:focus .text-active-hover, .active.button-secondary-medium-round:focus .text-active-hover, .active.button-secondary-medium-round-muted:focus .text-active-hover, .active.button-secondary-large-round:focus .text-active-hover, .active.button-secondary-large-round-muted:focus .text-active-hover, .active.button-tertiary-small-muted:focus .text-active-hover, .active.button-tertiary-medium-inverse:focus .text-active-hover, .active.button-tertiary-medium-muted:focus .text-active-hover, .active.button-follow:focus:not(.button-link) .text-active-hover, .slate-follow-button button.active:focus .text-active-hover {
  position: static; }

.button-primary-medium,
a.button-primary-medium {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .button-primary-medium > svg, .button-primary-medium li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-primary-medium > svg, .button-primary-medium li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-primary-medium li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-primary-medium:after {
    border-color: #005e93;
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-primary-medium:after, .ie .button-primary-medium:after {
      padding: 100%; }
  .edge .button-primary-medium, .ie .button-primary-medium {
    border-radius: 0; }
  .button-primary-medium:not(:disabled)[data-is-animating-click=true], .button-primary-medium:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .button-primary-medium:not(:disabled)[data-is-animating-click=true]:after, .button-primary-medium:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-primary-medium:hover:not(:disabled), .hover-not-disabled.button-primary-medium {
    background-color: #0077b5;
    color: white; }
  .button-primary-medium:disabled, .disabled.button-primary-medium {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0.25; }

.button-primary-large-round {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 20px;
  text-indent: -999px;
  width: 40px; }
  .button-primary-large-round > svg, .button-primary-large-round li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .button-primary-large-round > svg, .button-primary-large-round li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-primary-large-round li-icon > svg {
    display: block;
    vertical-align: top; }
  .button-primary-large-round:after {
    border-color: #005e93;
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-primary-large-round:after, .ie .button-primary-large-round:after {
      padding: 100%; }
  .edge .button-primary-large-round, .ie .button-primary-large-round {
    border-radius: 40px; }
  .button-primary-large-round:not(:disabled)[data-is-animating-click=true], .button-primary-large-round:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .button-primary-large-round:not(:disabled)[data-is-animating-click=true]:after, .button-primary-large-round:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-primary-large-round:before {
    transition-duration: 500ms; }
  .button-primary-large-round:hover:not(:disabled), .hover-not-disabled.button-primary-large-round {
    background-color: #0077b5;
    color: white; }
  .button-primary-large-round:disabled, .disabled.button-primary-large-round {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0.25; }

.button-secondary-medium,
a.button-secondary-medium, .slate-follow-button button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px transparent, inset 0 0 0 3px transparent; }
  .button-secondary-medium > svg, .slate-follow-button button > svg, .button-secondary-medium li-icon, .slate-follow-button button li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-secondary-medium > svg, .slate-follow-button button > svg, .button-secondary-medium li-icon > svg, .slate-follow-button button li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-medium li-icon > svg, .slate-follow-button button li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-secondary-medium:after, .slate-follow-button button:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-medium:after, .edge .slate-follow-button button:after, .slate-follow-button .edge button:after, .ie .button-secondary-medium:after, .ie .slate-follow-button button:after, .slate-follow-button .ie button:after {
      padding: 100%; }
  .edge .button-secondary-medium, .edge .slate-follow-button button, .slate-follow-button .edge button, .ie .button-secondary-medium, .ie .slate-follow-button button, .slate-follow-button .ie button {
    border-radius: 0; }
  .button-secondary-medium:not(:disabled)[data-is-animating-click=true], .slate-follow-button button:not(:disabled)[data-is-animating-click=true], .button-secondary-medium:hover:not(:disabled)[data-is-animating-click=true], .slate-follow-button button:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px #005e93; }
    .button-secondary-medium:not(:disabled)[data-is-animating-click=true]:after, .slate-follow-button button:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium:hover:not(:disabled)[data-is-animating-click=true]:after, .slate-follow-button button:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-medium:hover:not(:disabled), .slate-follow-button button:hover:not(:disabled), .hover-not-disabled.button-secondary-medium, .slate-follow-button button.hover-not-disabled {
    background-color: rgba(0, 119, 181, 0.1);
    color: #0077b5;
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px transparent; }
  .button-secondary-medium:disabled, .slate-follow-button button:disabled, .disabled.button-secondary-medium, .slate-follow-button button.disabled {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.button-secondary-medium-inverse,
a.button-secondary-medium-inverse {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent; }
  .button-secondary-medium-inverse > svg, .button-secondary-medium-inverse li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-secondary-medium-inverse > svg, .button-secondary-medium-inverse li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-medium-inverse li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-secondary-medium-inverse:after {
    border-color: rgba(255, 255, 255, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-medium-inverse:after, .ie .button-secondary-medium-inverse:after {
      padding: 100%; }
  .edge .button-secondary-medium-inverse, .ie .button-secondary-medium-inverse {
    border-radius: 0; }
  .button-secondary-medium-inverse:not(:disabled)[data-is-animating-click=true], .button-secondary-medium-inverse:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px rgba(255, 255, 255, 0.85), inset 0 0 0 3px white; }
    .button-secondary-medium-inverse:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium-inverse:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-medium-inverse:hover:not(:disabled), .hover-not-disabled.button-secondary-medium-inverse {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px rgba(255, 255, 255, 0.85), inset 0 0 0 3px transparent; }
  .button-secondary-medium-inverse:disabled, .disabled.button-secondary-medium-inverse {
    color: rgba(255, 255, 255, 0.25); }

.button-secondary-medium-round, .button-secondary-medium-round-muted.active {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  border-radius: 16px;
  text-indent: -999px;
  width: 32px; }
  .button-secondary-medium-round > svg, .button-secondary-medium-round-muted.active > svg, .button-secondary-medium-round li-icon, .button-secondary-medium-round-muted.active li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .button-secondary-medium-round > svg, .button-secondary-medium-round-muted.active > svg, .button-secondary-medium-round li-icon > svg, .button-secondary-medium-round-muted.active li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-medium-round li-icon > svg, .button-secondary-medium-round-muted.active li-icon > svg {
    display: block;
    vertical-align: top; }
  .button-secondary-medium-round:after, .button-secondary-medium-round-muted.active:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-medium-round:after, .edge .button-secondary-medium-round-muted.active:after, .ie .button-secondary-medium-round:after, .ie .button-secondary-medium-round-muted.active:after {
      padding: 100%; }
  .edge .button-secondary-medium-round, .edge .button-secondary-medium-round-muted.active, .ie .button-secondary-medium-round, .ie .button-secondary-medium-round-muted.active {
    border-radius: 32px; }
  .button-secondary-medium-round:not(:disabled)[data-is-animating-click=true], .button-secondary-medium-round-muted.active:not(:disabled)[data-is-animating-click=true], .button-secondary-medium-round:hover:not(:disabled)[data-is-animating-click=true], .button-secondary-medium-round-muted.active:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px #005e93; }
    .button-secondary-medium-round:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium-round-muted.active:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium-round:hover:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium-round-muted.active:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-medium-round:before, .button-secondary-medium-round-muted.active:before {
    transition-duration: 500ms; }
  .button-secondary-medium-round:hover:not(:disabled), .button-secondary-medium-round-muted.active:hover:not(:disabled), .hover-not-disabled.button-secondary-medium-round, .hover-not-disabled.button-secondary-medium-round-muted.active {
    background-color: rgba(0, 119, 181, 0.1);
    color: #0077b5;
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px transparent; }
  .button-secondary-medium-round:disabled, .button-secondary-medium-round-muted.active:disabled, .disabled.button-secondary-medium-round, .disabled.button-secondary-medium-round-muted.active {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.feed-empty-view .overlay .play {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  border-radius: 16px;
  text-indent: -999px;
  width: 32px; }
  .feed-empty-view .overlay .play > svg, .feed-empty-view .overlay .play li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .feed-empty-view .overlay .play > svg, .feed-empty-view .overlay .play li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .feed-empty-view .overlay .play li-icon > svg {
    display: block;
    vertical-align: top; }
  .feed-empty-view .overlay .play:after {
    border-color: rgba(255, 255, 255, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .feed-empty-view .overlay .play:after, .feed-empty-view .overlay .edge .play:after, .ie .feed-empty-view .overlay .play:after, .feed-empty-view .overlay .ie .play:after {
      padding: 100%; }
  .edge .feed-empty-view .overlay .play, .feed-empty-view .overlay .edge .play, .ie .feed-empty-view .overlay .play, .feed-empty-view .overlay .ie .play {
    border-radius: 32px; }
  .feed-empty-view .overlay .play:not(:disabled)[data-is-animating-click=true], .feed-empty-view .overlay .play:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px rgba(255, 255, 255, 0.85), inset 0 0 0 3px white; }
    .feed-empty-view .overlay .play:not(:disabled)[data-is-animating-click=true]:after, .feed-empty-view .overlay .play:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .feed-empty-view .overlay .play:before {
    transition-duration: 500ms; }
  .feed-empty-view .overlay .play:hover:not(:disabled), .feed-empty-view .overlay .hover-not-disabled.play {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), inset 0 0 0 2px rgba(255, 255, 255, 0.85), inset 0 0 0 3px transparent; }
  .feed-empty-view .overlay .play:disabled, .feed-empty-view .overlay .disabled.play {
    color: rgba(255, 255, 255, 0.25); }

.button-secondary-medium-round-muted {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  border-radius: 16px;
  text-indent: -999px;
  width: 32px; }
  .button-secondary-medium-round-muted > svg, .button-secondary-medium-round-muted li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .button-secondary-medium-round-muted > svg, .button-secondary-medium-round-muted li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-medium-round-muted li-icon > svg {
    display: block;
    vertical-align: top; }
  .button-secondary-medium-round-muted:after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-medium-round-muted:after, .ie .button-secondary-medium-round-muted:after {
      padding: 100%; }
  .edge .button-secondary-medium-round-muted, .ie .button-secondary-medium-round-muted {
    border-radius: 32px; }
  .button-secondary-medium-round-muted:not(:disabled)[data-is-animating-click=true], .button-secondary-medium-round-muted:hover:not(:disabled)[data-is-animating-click=true] {
    color: rgba(0, 0, 0, 0.85);
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px rgba(0, 0, 0, 0.85); }
    .button-secondary-medium-round-muted:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-medium-round-muted:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-medium-round-muted:before {
    transition-duration: 500ms; }
  .button-secondary-medium-round-muted:hover:not(:disabled), .hover-not-disabled.button-secondary-medium-round-muted {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }
  .button-secondary-medium-round-muted:disabled, .disabled.button-secondary-medium-round-muted {
    color: rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.button-secondary-large-round, .button-secondary-large-round-muted.active {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  border-radius: 20px;
  text-indent: -999px;
  width: 40px; }
  .button-secondary-large-round > svg, .button-secondary-large-round-muted.active > svg, .button-secondary-large-round li-icon, .button-secondary-large-round-muted.active li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .button-secondary-large-round > svg, .button-secondary-large-round-muted.active > svg, .button-secondary-large-round li-icon > svg, .button-secondary-large-round-muted.active li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-large-round li-icon > svg, .button-secondary-large-round-muted.active li-icon > svg {
    display: block;
    vertical-align: top; }
  .button-secondary-large-round:after, .button-secondary-large-round-muted.active:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-large-round:after, .edge .button-secondary-large-round-muted.active:after, .ie .button-secondary-large-round:after, .ie .button-secondary-large-round-muted.active:after {
      padding: 100%; }
  .edge .button-secondary-large-round, .edge .button-secondary-large-round-muted.active, .ie .button-secondary-large-round, .ie .button-secondary-large-round-muted.active {
    border-radius: 40px; }
  .button-secondary-large-round:not(:disabled)[data-is-animating-click=true], .button-secondary-large-round-muted.active:not(:disabled)[data-is-animating-click=true], .button-secondary-large-round:hover:not(:disabled)[data-is-animating-click=true], .button-secondary-large-round-muted.active:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px #005e93; }
    .button-secondary-large-round:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-large-round-muted.active:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-large-round:hover:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-large-round-muted.active:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-large-round:before, .button-secondary-large-round-muted.active:before {
    transition-duration: 500ms; }
  .button-secondary-large-round:hover:not(:disabled), .button-secondary-large-round-muted.active:hover:not(:disabled), .hover-not-disabled.button-secondary-large-round, .hover-not-disabled.button-secondary-large-round-muted.active {
    background-color: rgba(0, 119, 181, 0.1);
    color: #0077b5;
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px transparent; }
  .button-secondary-large-round:disabled, .button-secondary-large-round-muted.active:disabled, .disabled.button-secondary-large-round, .disabled.button-secondary-large-round-muted.active {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.button-secondary-large-round-muted {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  border-radius: 20px;
  text-indent: -999px;
  width: 40px; }
  .button-secondary-large-round-muted > svg, .button-secondary-large-round-muted li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .button-secondary-large-round-muted > svg, .button-secondary-large-round-muted li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-secondary-large-round-muted li-icon > svg {
    display: block;
    vertical-align: top; }
  .button-secondary-large-round-muted:after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-secondary-large-round-muted:after, .ie .button-secondary-large-round-muted:after {
      padding: 100%; }
  .edge .button-secondary-large-round-muted, .ie .button-secondary-large-round-muted {
    border-radius: 40px; }
  .button-secondary-large-round-muted:not(:disabled)[data-is-animating-click=true], .button-secondary-large-round-muted:hover:not(:disabled)[data-is-animating-click=true] {
    color: rgba(0, 0, 0, 0.85);
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px rgba(0, 0, 0, 0.85); }
    .button-secondary-large-round-muted:not(:disabled)[data-is-animating-click=true]:after, .button-secondary-large-round-muted:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-secondary-large-round-muted:before {
    transition-duration: 500ms; }
  .button-secondary-large-round-muted:hover:not(:disabled), .hover-not-disabled.button-secondary-large-round-muted {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }
  .button-secondary-large-round-muted:disabled, .disabled.button-secondary-large-round-muted {
    color: rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.button-link-muted,
a.button-link-muted, .button-tertiary-small-muted,
a.button-tertiary-small-muted, .button-delete {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .button-link-muted > svg, .button-tertiary-small-muted > svg, .button-delete > svg, .button-link-muted li-icon, .button-tertiary-small-muted li-icon, .button-delete li-icon {
    top: 1px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-link-muted > svg, .button-tertiary-small-muted > svg, .button-delete > svg, .button-link-muted li-icon > svg, .button-tertiary-small-muted li-icon > svg, .button-delete li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-link-muted li-icon > svg, .button-tertiary-small-muted li-icon > svg, .button-delete li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-link-muted:after, .button-tertiary-small-muted:after, .button-delete:after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 14px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-link-muted:after, .edge .button-tertiary-small-muted:after, .edge .button-delete:after, .ie .button-link-muted:after, .ie .button-tertiary-small-muted:after, .ie .button-delete:after {
      padding: 100%; }
  .edge .button-link-muted, .edge .button-tertiary-small-muted, .edge .button-delete, .ie .button-link-muted, .ie .button-tertiary-small-muted, .ie .button-delete {
    border-radius: 0; }
  .button-link-muted:not(:disabled)[data-is-animating-click=true], .button-tertiary-small-muted:not(:disabled)[data-is-animating-click=true], .button-delete:not(:disabled)[data-is-animating-click=true], .button-link-muted:hover:not(:disabled)[data-is-animating-click=true], .button-tertiary-small-muted:hover:not(:disabled)[data-is-animating-click=true], .button-delete:hover:not(:disabled)[data-is-animating-click=true] {
    color: rgba(0, 0, 0, 0.85);
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .button-link-muted:not(:disabled)[data-is-animating-click=true]:after, .button-tertiary-small-muted:not(:disabled)[data-is-animating-click=true]:after, .button-delete:not(:disabled)[data-is-animating-click=true]:after, .button-link-muted:hover:not(:disabled)[data-is-animating-click=true]:after, .button-tertiary-small-muted:hover:not(:disabled)[data-is-animating-click=true]:after, .button-delete:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-link-muted:hover:not(:disabled), .button-tertiary-small-muted:hover:not(:disabled), .button-delete:hover:not(:disabled), .hover-not-disabled.button-link-muted, .hover-not-disabled.button-tertiary-small-muted, .hover-not-disabled.button-delete {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }
  .button-link-muted:disabled, .button-tertiary-small-muted:disabled, .button-delete:disabled, .disabled.button-link-muted, .disabled.button-tertiary-small-muted, .disabled.button-delete {
    color: rgba(0, 0, 0, 0.25); }

.button-tertiary-medium-inverse, .button-follow.button-secondary-medium-inverse.active {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .button-tertiary-medium-inverse > svg, .button-follow.button-secondary-medium-inverse.active > svg, .button-tertiary-medium-inverse li-icon, .button-follow.button-secondary-medium-inverse.active li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-tertiary-medium-inverse > svg, .button-follow.button-secondary-medium-inverse.active > svg, .button-tertiary-medium-inverse li-icon > svg, .button-follow.button-secondary-medium-inverse.active li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-tertiary-medium-inverse li-icon > svg, .button-follow.button-secondary-medium-inverse.active li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-tertiary-medium-inverse:after, .button-follow.button-secondary-medium-inverse.active:after {
    border-color: rgba(255, 255, 255, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-tertiary-medium-inverse:after, .edge .button-follow.button-secondary-medium-inverse.active:after, .ie .button-tertiary-medium-inverse:after, .ie .button-follow.button-secondary-medium-inverse.active:after {
      padding: 100%; }
  .edge .button-tertiary-medium-inverse, .edge .button-follow.button-secondary-medium-inverse.active, .ie .button-tertiary-medium-inverse, .ie .button-follow.button-secondary-medium-inverse.active {
    border-radius: 0; }
  .button-tertiary-medium-inverse:not(:disabled)[data-is-animating-click=true], .button-follow.button-secondary-medium-inverse.active:not(:disabled)[data-is-animating-click=true], .button-tertiary-medium-inverse:hover:not(:disabled)[data-is-animating-click=true], .button-follow.button-secondary-medium-inverse.active:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .button-tertiary-medium-inverse:not(:disabled)[data-is-animating-click=true]:after, .button-follow.button-secondary-medium-inverse.active:not(:disabled)[data-is-animating-click=true]:after, .button-tertiary-medium-inverse:hover:not(:disabled)[data-is-animating-click=true]:after, .button-follow.button-secondary-medium-inverse.active:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-tertiary-medium-inverse:hover:not(:disabled), .button-follow.button-secondary-medium-inverse.active:hover:not(:disabled), .hover-not-disabled.button-tertiary-medium-inverse, .hover-not-disabled.button-follow.button-secondary-medium-inverse.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: white; }
  .button-tertiary-medium-inverse:disabled, .button-follow.button-secondary-medium-inverse.active:disabled, .disabled.button-tertiary-medium-inverse, .disabled.button-follow.button-secondary-medium-inverse.active {
    color: rgba(255, 255, 255, 0.25); }

.button-tertiary-medium-muted, .button-follow.active:not(.button-link) {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .button-tertiary-medium-muted > svg, .button-follow.active:not(.button-link) > svg, .button-tertiary-medium-muted li-icon, .button-follow.active:not(.button-link) li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .button-tertiary-medium-muted > svg, .button-follow.active:not(.button-link) > svg, .button-tertiary-medium-muted li-icon > svg, .button-follow.active:not(.button-link) li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .button-tertiary-medium-muted li-icon > svg, .button-follow.active:not(.button-link) li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .button-tertiary-medium-muted:after, .button-follow.active:not(.button-link):after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 14px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .button-tertiary-medium-muted:after, .edge .button-follow.active:not(.button-link):after, .ie .button-tertiary-medium-muted:after, .ie .button-follow.active:not(.button-link):after {
      padding: 100%; }
  .edge .button-tertiary-medium-muted, .edge .button-follow.active:not(.button-link), .ie .button-tertiary-medium-muted, .ie .button-follow.active:not(.button-link) {
    border-radius: 0; }
  .button-tertiary-medium-muted:not(:disabled)[data-is-animating-click=true], .button-follow.active:not(:disabled)[data-is-animating-click=true]:not(.button-link), .button-tertiary-medium-muted:hover:not(:disabled)[data-is-animating-click=true], .button-follow.active:hover:not(:disabled)[data-is-animating-click=true]:not(.button-link) {
    color: rgba(0, 0, 0, 0.85);
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .button-tertiary-medium-muted:not(:disabled)[data-is-animating-click=true]:after, .button-follow.active:not(.button-link):not(:disabled)[data-is-animating-click=true]:after, .button-tertiary-medium-muted:hover:not(:disabled)[data-is-animating-click=true]:after, .button-follow.active:not(.button-link):hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .button-tertiary-medium-muted:hover:not(:disabled), .button-follow.active:hover:not(:disabled):not(.button-link), .hover-not-disabled.button-tertiary-medium-muted, .hover-not-disabled.button-follow.active:not(.button-link) {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }
  .button-tertiary-medium-muted:disabled, .button-follow.active:disabled:not(.button-link), .disabled.button-tertiary-medium-muted, .disabled.button-follow.active:not(.button-link) {
    color: rgba(0, 0, 0, 0.25); }

.filters-dropdown .filters-trigger, .share-prompt .dismiss, .dropdown-report-this .trigger {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 16px;
  text-indent: -999px;
  width: 32px; }
  .filters-dropdown .filters-trigger > svg, .share-prompt .dismiss > svg, .dropdown-report-this .trigger > svg, .filters-dropdown .filters-trigger li-icon, .share-prompt .dismiss li-icon, .dropdown-report-this .trigger li-icon {
    top: 50%;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    padding: 0;
    position: absolute;
    width: 24px; }
  .filters-dropdown .filters-trigger > svg, .share-prompt .dismiss > svg, .dropdown-report-this .trigger > svg, .filters-dropdown .filters-trigger li-icon > svg, .share-prompt .dismiss li-icon > svg, .dropdown-report-this .trigger li-icon > svg {
    transition: -webkit-transform 167ms;
    transition: transform 167ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .filters-dropdown .filters-trigger li-icon > svg, .share-prompt .dismiss li-icon > svg, .dropdown-report-this .trigger li-icon > svg {
    display: block;
    vertical-align: top; }
  .filters-dropdown .filters-trigger:after, .share-prompt .dismiss:after, .dropdown-report-this .trigger:after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 1px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 50vw;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: padding 334ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
    .edge .filters-dropdown .filters-trigger:after, .filters-dropdown .edge .filters-trigger:after, .edge .share-prompt .dismiss:after, .share-prompt .edge .dismiss:after, .edge .dropdown-report-this .trigger:after, .dropdown-report-this .edge .trigger:after, .ie .filters-dropdown .filters-trigger:after, .filters-dropdown .ie .filters-trigger:after, .ie .share-prompt .dismiss:after, .share-prompt .ie .dismiss:after, .ie .dropdown-report-this .trigger:after, .dropdown-report-this .ie .trigger:after {
      padding: 100%; }
  .edge .filters-dropdown .filters-trigger, .filters-dropdown .edge .filters-trigger, .edge .share-prompt .dismiss, .share-prompt .edge .dismiss, .edge .dropdown-report-this .trigger, .dropdown-report-this .edge .trigger, .ie .filters-dropdown .filters-trigger, .filters-dropdown .ie .filters-trigger, .ie .share-prompt .dismiss, .share-prompt .ie .dismiss, .ie .dropdown-report-this .trigger, .dropdown-report-this .ie .trigger {
    border-radius: 32px; }
  .filters-dropdown .filters-trigger:not(:disabled)[data-is-animating-click=true], .share-prompt .dismiss:not(:disabled)[data-is-animating-click=true], .dropdown-report-this .trigger:not(:disabled)[data-is-animating-click=true], .filters-dropdown .filters-trigger:hover:not(:disabled)[data-is-animating-click=true], .share-prompt .dismiss:hover:not(:disabled)[data-is-animating-click=true], .dropdown-report-this .trigger:hover:not(:disabled)[data-is-animating-click=true] {
    color: rgba(0, 0, 0, 0.85);
    transition-duration: 140ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .filters-dropdown .filters-trigger:not(:disabled)[data-is-animating-click=true]:after, .share-prompt .dismiss:not(:disabled)[data-is-animating-click=true]:after, .dropdown-report-this .trigger:not(:disabled)[data-is-animating-click=true]:after, .filters-dropdown .filters-trigger:hover:not(:disabled)[data-is-animating-click=true]:after, .share-prompt .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after, .dropdown-report-this .trigger:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      transition-duration: 140ms; }
  .filters-dropdown .filters-trigger:before, .share-prompt .dismiss:before, .dropdown-report-this .trigger:before {
    transition-duration: 500ms; }
  .filters-dropdown .filters-trigger:hover:not(:disabled), .share-prompt .dismiss:hover:not(:disabled), .dropdown-report-this .trigger:hover:not(:disabled), .filters-dropdown .hover-not-disabled.filters-trigger, .share-prompt .hover-not-disabled.dismiss, .dropdown-report-this .hover-not-disabled.trigger {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }
  .filters-dropdown .filters-trigger:disabled, .share-prompt .dismiss:disabled, .dropdown-report-this .trigger:disabled, .filters-dropdown .disabled.filters-trigger, .share-prompt .disabled.dismiss, .dropdown-report-this .disabled.trigger {
    color: rgba(0, 0, 0, 0.25); }

body {
  background: white; }
  @media (min-width: 1128px) {
    body {
      overflow-x: hidden; } }

#content-main {
  padding: 0 !important; }

#layout-header {
  transition: height 0.2s ease-in-out; }
  #layout-header.slide-up {
    height: 42px; }

#layout-main {
  margin-top: 0 !important; }

#top-ad {
  position: absolute;
  z-index: 1;
  height: 34px;
  width: 100%;
  background: transparent;
  top: 71px;
  left: 0; }
  #top-ad .ad-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
    height: 34px; }
    #top-ad .ad-container iframe {
      margin-top: 8px; }

#content-main,
.layout-container-large {
  width: 1128px;
  box-sizing: content-box;
  padding: 0 30px;
  display: block;
  margin: auto;
  position: relative; }

#pulse-feed-wrapper,
#pulse-article-content {
  margin: 0 auto;
  width: 744px; }

.with-ad #pulse-article-wrapper {
  margin-top: 34px; }

#pulse-article-wrapper {
  margin-bottom: 40px; }

.pulse-article {
  position: relative;
  word-wrap: break-word; }

.hidden {
  display: none !important;
  opacity: 0 !important; }

a,
button {
  cursor: pointer; }
  a:focus,
  button:focus {
    outline: 1px dotted #008CC9; }

[class^='button'] {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif !important; }
  [class^='button']:hover {
    text-decoration: none !important; }

.button-link {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9; }
  .button-link:hover, .button-link:focus {
    text-decoration: underline; }
  .button-link:active {
    text-decoration: none;
    color: #005E93; }
  .button-link:visited {
    color: #8C68CB; }
    .button-link:visited:active {
      color: #6A4BA7; }
  .button-link:hover {
    color: rgba(0, 0, 0, 0.85);
    text-decoration: underline; }
  .button-link.active {
    color: rgba(0, 0, 0, 0.55); }
    .button-link.active:hover {
      color: rgba(0, 0, 0, 0.85); }

.button-link-muted:visited,
a.button-link-muted:visited {
  color: rgba(0, 0, 0, 0.55); }

.button-primary-medium:visited,
a.button-primary-medium:visited {
  color: #FFFFFF; }

.button-secondary-medium:visited,
a.button-secondary-medium:visited {
  color: #008CC9; }

.button-secondary-medium-inverse:visited,
a.button-secondary-medium-inverse:visited {
  color: #FFFFFF; }

[class^='button-secondary-medium-round'] li-icon[size='small'] {
  margin-left: -8px;
  margin-top: -9px; }

.button-tertiary-small-muted li-icon,
a.button-tertiary-small-muted li-icon {
  margin: 0 0 -1px 0; }

.button-tertiary-small-muted svg,
a.button-tertiary-small-muted svg {
  margin: 0; }

.button-tertiary-small-muted:visited,
a.button-tertiary-small-muted:visited {
  color: rgba(0, 0, 0, 0.55); }

.button-li-icon, .button-facebook li-icon, .button-twitter li-icon {
  height: 24px;
  width: 24px;
  margin-bottom: -4px; }

#svg-source,
#pulse-icons {
  left: -9999px;
  position: fixed; }

figure img {
  display: block; }

figure figcaption {
  color: rgba(0, 0, 0, 0.55);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2rem;
  margin-top: .8rem;
  text-align: center; }

svg {
  width: auto;
  height: auto; }

/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #eee;
  color: black; }

.hljs-link,
.hljs-emphasis,
.hljs-attribute,
.hljs-addition {
  color: #070; }

.hljs-emphasis {
  font-style: italic; }

.hljs-strong,
.hljs-string,
.hljs-deletion {
  color: #d14; }

.hljs-strong {
  font-weight: bold; }

.hljs-quote,
.hljs-comment {
  color: #998;
  font-style: italic; }

.hljs-section,
.hljs-title {
  color: #900; }

.hljs-class .hljs-title,
.hljs-type {
  color: #458; }

.hljs-variable,
.hljs-template-variable {
  color: #336699; }

.hljs-bullet {
  color: #997700; }

.hljs-meta {
  color: #3344bb; }

.hljs-code,
.hljs-number,
.hljs-literal,
.hljs-keyword,
.hljs-selector-tag {
  color: #099; }

.hljs-regexp {
  background-color: #fff0ff;
  color: #880088; }

.hljs-symbol {
  color: #990073; }

.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #007700; }

html[class^='os'] body,
html[class^='os'] button,
html[class^='os'] input,
html[class^='os'] textarea {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif; }

.article-title {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 48px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 42px;
  margin: 3.2rem 0 2rem; }
  .article-title:lang(ja), .article-title:lang(zh), .article-title:lang(ko) {
    font-size: 3.2rem;
    line-height: 4.4rem; }
  .article-title:lang(ar) {
    font-size: 4.2rem;
    line-height: 5rem; }
  .article-title:lang(th) {
    font-size: 3.4rem;
    line-height: 4.8rem; }

.article-meta {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  margin: 2rem 0; }
  .article-meta:lang(ja), .article-meta:lang(zh), .article-meta:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  .article-meta:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .article-meta:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.prose > div, .prose p, .prose ol, .prose ul {
  font-family: Source Serif Pro, serif;
  line-height: 32px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  font-size: 21px;
  margin: 3.2rem 0; }
  .prose > div:lang(ja), .prose > div:lang(zh), .prose > div:lang(ko), .prose p:lang(ja), .prose p:lang(zh), .prose p:lang(ko), .prose ol:lang(ja), .prose ol:lang(zh), .prose ol:lang(ko), .prose ul:lang(ja), .prose ul:lang(zh), .prose ul:lang(ko) {
    font-size: 2rem;
    line-height: 2.8rem; }
  .prose > div:lang(ar), .prose p:lang(ar), .prose ol:lang(ar), .prose ul:lang(ar) {
    font-size: 2.1rem;
    line-height: 2.6rem; }
  .prose > div:lang(th), .prose p:lang(th), .prose ol:lang(th), .prose ul:lang(th) {
    font-size: 1.9rem;
    line-height: 2.6rem; }
  .prose > div em, .prose > div i, .prose p em, .prose p i, .prose ol em, .prose ol i, .prose ul em, .prose ul i {
    font-family: Georgia, Source Serif Pro, serif;
    font-style: italic;
    font-size: 0.975em; }

.prose ul {
  list-style-type: disc; }

.prose ol {
  list-style-type: decimal; }

.prose li {
  margin: 2.4rem 0 2.4rem 3.2rem; }

.prose .strikethrough {
  text-decoration: line-through; }

.prose u, .prose .underline {
  text-decoration: underline; }

.prose .center {
  text-align: center; }

.prose .left {
  text-align: left; }

.prose .right {
  text-align: right; }

.prose h2 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 26px;
  margin: 2.8rem 0; }
  .prose h2:lang(ja), .prose h2:lang(zh), .prose h2:lang(ko) {
    font-size: 2.2rem;
    line-height: 3.1rem; }
  .prose h2:lang(ar) {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .prose h2:lang(th) {
    font-size: 2rem;
    line-height: 2.8rem; }

.prose h3 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 28px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 21px;
  margin: 2.4rem 0; }
  .prose h3:lang(ja), .prose h3:lang(zh), .prose h3:lang(ko) {
    font-size: 2rem;
    line-height: 2.8rem; }
  .prose h3:lang(ar) {
    font-size: 2.1rem;
    line-height: 2.6rem; }
  .prose h3:lang(th) {
    font-size: 1.9rem;
    line-height: 2.6rem; }

.prose h2 + p, .prose h2 + ol, .prose h2 + ul, .prose h3 + p, .prose h3 + ol, .prose h3 + ul {
  margin-top: 0; }

.prose a {
  font-weight: normal;
  word-wrap: break-word; }

.prose iframe {
  display: block;
  margin: 4.4rem auto; }

.prose img {
  height: auto;
  max-width: 100%; }
  .prose img.center {
    display: block;
    margin: 4.4rem auto; }
  .prose img.left, .prose img.right {
    max-width: 432px; }
  .prose img.left {
    float: left;
    margin: 1.6rem 4.8rem 3.2rem 0; }
  .prose img.right {
    float: right;
    margin: 1.6rem 0 3.2rem 4.8rem; }

.prose blockquote {
  font-family: Georgia, Source Serif Pro, serif;
  font-style: italic;
  font-size: 2.4rem;
  line-height: 3.6rem;
  margin: 4.8rem 120px;
  text-align: center; }
  .prose blockquote i, .prose blockquote em {
    font-style: normal; }
  .prose blockquote p {
    font-family: Georgia, Source Serif Pro, serif;
    font-size: 1em;
    font-style: italic;
    margin: 0; }
    .prose blockquote p i, .prose blockquote p em {
      font-style: normal; }

.prose q {
  font-family: Georgia, Source Serif Pro, serif;
  font-style: italic;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font-size: 2rem;
  line-height: 3.2rem;
  margin: 3.2rem 0;
  text-align: center; }
  .prose q i, .prose q em {
    font-style: normal; }
  .prose q p {
    font-family: Georgia, Source Serif Pro, serif;
    font-size: 1em;
    font-style: italic;
    margin: 0;
    line-height: 3.2rem; }
    .prose q p i, .prose q p em {
      font-style: normal; }
  .prose q::before, .prose q::after {
    content: "";
    display: block;
    height: 0;
    margin: 0 auto;
    width: 30%; }
  .prose q::before {
    border-top: 1px solid rgba(0, 0, 0, 0.15); }
  .prose q::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.prose hr {
  background: rgba(0, 0, 0, 0.15);
  border: 0;
  height: 1px;
  margin: 3.2rem auto;
  width: 30%; }

.prose pre {
  background: #e6e9ec;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font-size: 1.6rem;
  font-family: monospace;
  line-height: 1.6rem;
  padding: 0 3.2rem 3.2rem;
  white-space: pre;
  overflow-x: auto; }
  .prose pre + pre {
    margin-top: -3.2rem; }
  .prose pre:only-of-type {
    margin: 3.2rem 0;
    padding: 3.2rem; }

.prose *:not(pre) + pre, .prose pre:first-of-type {
  margin-top: 3.2rem;
  padding-top: 3.2rem; }

.prose pre + *:not(pre) {
  margin-top: 3.2rem; }

.prose pre {
  background: #F3F6F8;
  overflow-x: auto; }

.prose .slate-resizable-image-embed {
  clear: both; }

.prose .slate-image-embed__resize-left,
.prose .slate-image-embed__resize-right,
.prose .slate-image-embed__resize-middle img {
  max-width: 432px; }

.prose .slate-image-embed__resize-left {
  float: left;
  margin: 0 32px 0 0; }

.prose .slate-image-embed__resize-right {
  float: right;
  margin: 0 0 0 32px; }

.prose .slate-image-embed__resize-middle img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.prose .slate-image-embed__resize-full-width img {
  width: 100%; }

.prose .slate-image-embed__resize-bleed {
  margin: 0 calc((100vw - 744px) / -2); }
  .prose .slate-image-embed__resize-bleed img {
    width: 100%; }

.accessible-text {
  height: 1px;
  width: 1px;
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

:lang(ar) .prose {
  direction: ltr; }

.a11y-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.comments-container .comment-container {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px; }

.comments-container .comment-container a {
  color: inherit;
  transition: color .15s; }

.comments-container .comment-container:hover a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9; }

.comments-container .comment-container:hover a:hover, .comments-container .comment-container:hover a:focus {
  text-decoration: underline; }

.comments-container .comment-container:hover a:active {
  text-decoration: none;
  color: #005E93; }

.comments-container .comment-container:hover a:visited {
  color: #8C68CB; }

.comments-container .comment-container:hover a:visited:active {
  color: #6A4BA7; }

.comments-container .comment-container a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9; }

.comments-container .comment-container a:hover, .comments-container .comment-container a:focus {
  text-decoration: underline; }

.comments-container .comment-container a:active {
  text-decoration: none;
  color: #005E93; }

.comments-container .comment-container a:visited {
  color: #8C68CB; }

.comments-container .comment-container a:visited:active {
  color: #6A4BA7; }

.comments-modal-container {
  opacity: 0;
  transition: visibility 0s linear .2s,opacity .2s linear;
  visibility: hidden; }

.visible.comments-modal-container {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible; }

@keyframes loaderspin {
  from {
    -webkit-transform: rotate(0deg) translate(-30px, -30px);
            transform: rotate(0deg) translate(-30px, -30px); }
  to {
    -webkit-transform: rotate(360deg) translate(-30px, -30px);
            transform: rotate(360deg) translate(-30px, -30px); } }

@-webkit-keyframes loaderspin {
  from {
    -webkit-transform: rotate(0deg) translate(-30px, -30px); }
  to {
    -webkit-transform: rotate(360deg) translate(-30px, -30px); } }

@-webkit-keyframes pebbleDraw {
  to {
    stroke-dashoffset: 0; } }

@keyframes pebbleDraw {
  to {
    stroke-dashoffset: 0; } }

@-webkit-keyframes pebbleGrow {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pebbleGrow {
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

use {
  fill-opacity: 1;
  stroke-opacity: 1;
  fill: transparent;
  stroke: transparent; }

use[data-size=small], use[data-state=active], .active use[*|href^="#nav-"] {
  fill-opacity: 0;
  stroke-opacity: 0;
  fill: currentColor;
  stroke: currentColor; }

li-icon[type=loader] > svg {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loaderspin 1s steps(12) infinite;
  animation: loaderspin 1s steps(12) infinite; }

li-icon {
  display: inline-block;
  width: 300px;
  height: 150px;
  overflow: hidden; }

li-icon[type$="-icon"] {
  width: 24px;
  height: 24px; }

li-icon[type$="-icon"][size="small"] {
  width: 16px;
  height: 16px; }

li-icon[type$="-icon"] > svg {
  vertical-align: top; }

li-icon[type^="nav-"] {
  width: 32px;
  height: 32px; }

li-icon .inactive-item, li-icon .large-icon {
  fill: currentColor; }

li-icon .active-item, li-icon .small-icon {
  fill: currentColor;
  visibility: hidden; }

li-icon[size=small] .inactive-item, li-icon[size=small] .large-icon, li-icon[type^="nav-"][active] .inactive-item, li-icon[type^="nav-"][active] .large-icon {
  visibility: hidden; }

li-icon[size=small] .active-item, li-icon[size=small] .small-icon, li-icon[type^="nav-"][active] .active-item, li-icon[type^="nav-"][active] .small-icon {
  visibility: visible; }

li-icon[type="loader"] {
  fill-opacity: 1;
  stroke-opacity: 1;
  fill: transparent;
  stroke: transparent; }

li-icon[type="loader"][size="small"] {
  fill-opacity: 0;
  stroke-opacity: 0;
  fill: currentColor;
  stroke: currentColor; }

li-icon .color-icon {
  display: none; }

li-icon[color] .solid-icon {
  display: none; }

li-icon[color] .color-icon {
  display: block; }

li-icon[type^="large-"], li-icon[type^="large-"][size="small"] {
  width: 48px;
  height: 48px; }

[dir=rtl] li-icon[type*=arrow], [dir=rtl] li-icon[type*=chevron], [dir=rtl] li-icon[type=to-start-icon], [dir=rtl] li-icon[type=to-end-icon], [dir=rtl] li-icon[type=question-pebble-icon], [dir=rtl] li-icon[type=share-ios-icon] {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

li-icon[type$="-pebble-icon"][animate] {
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-animation: pebbleGrow 334ms ease-in-out forwards;
          animation: pebbleGrow 334ms ease-in-out forwards; }

li-icon[type$="-pebble-icon"][animate] .circle {
  stroke-dasharray: 63;
  stroke-dashoffset: 63;
  -webkit-animation: pebbleDraw 500ms ease-out forwards;
          animation: pebbleDraw 500ms ease-out forwards;
  -webkit-animation-delay: 334ms;
          animation-delay: 334ms; }

li-icon[type$="-pebble-icon"][animate][size="small"] .circle {
  stroke-dasharray: 38;
  stroke-dashoffset: 38; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  border: 0;
  display: block;
  height: 1px;
  margin: 1rem 0 24px 0;
  padding: 0;
  border-color: rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

@media (max-width: 976px) {
  hr {
    margin-bottom: 16px; } }

input, select {
  vertical-align: middle; }

svg {
  width: 24px;
  height: 24px; }

input, select {
  vertical-align: middle; }

label {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  display: block;
  margin: 12px 0 3px; }

label:lang(ja), label:lang(zh), label:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

label:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

label:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

label.required:after {
  content: '*';
  color: #008CC9;
  margin-left: 2px; }

textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  box-shadow: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 10px;
  width: 100%;
  outline: 0;
  height: 32px;
  transition: border-color .15s;
  box-sizing: border-box;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2.0rem;
  font-weight: normal; }

textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="week"]::-webkit-input-placeholder {
  line-height: 3.5rem;
  color: rgba(0, 0, 0, 0.55); }

textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::placeholder, input[type="date"]::-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="date"]::placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="email"]::placeholder, input[type="month"]::-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="month"]::placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]::placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::placeholder, input[type="search"]::-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="search"]::placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]::placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::placeholder, input[type="time"]::-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="time"]::placeholder, input[type="url"]::-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="url"]::placeholder, input[type="week"]::-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="week"]::placeholder {
  line-height: 3.5rem;
  color: rgba(0, 0, 0, 0.55); }

textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
  border-color: #008CC9; }

textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.25); }

textarea[disabled]::-webkit-input-placeholder, input[type="date"][disabled]::-webkit-input-placeholder, input[type="datetime"][disabled]::-webkit-input-placeholder, input[type="datetime-local"][disabled]::-webkit-input-placeholder, input[type="email"][disabled]::-webkit-input-placeholder, input[type="month"][disabled]::-webkit-input-placeholder, input[type="number"][disabled]::-webkit-input-placeholder, input[type="password"][disabled]::-webkit-input-placeholder, input[type="search"][disabled]::-webkit-input-placeholder, input[type="tel"][disabled]::-webkit-input-placeholder, input[type="text"][disabled]::-webkit-input-placeholder, input[type="time"][disabled]::-webkit-input-placeholder, input[type="url"][disabled]::-webkit-input-placeholder, input[type="week"][disabled]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

textarea[disabled]::-moz-placeholder, input[type="date"][disabled]::-moz-placeholder, input[type="datetime"][disabled]::-moz-placeholder, input[type="datetime-local"][disabled]::-moz-placeholder, input[type="email"][disabled]::-moz-placeholder, input[type="month"][disabled]::-moz-placeholder, input[type="number"][disabled]::-moz-placeholder, input[type="password"][disabled]::-moz-placeholder, input[type="search"][disabled]::-moz-placeholder, input[type="tel"][disabled]::-moz-placeholder, input[type="text"][disabled]::-moz-placeholder, input[type="time"][disabled]::-moz-placeholder, input[type="url"][disabled]::-moz-placeholder, input[type="week"][disabled]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25); }

textarea[disabled]:-ms-input-placeholder, input[type="date"][disabled]:-ms-input-placeholder, input[type="datetime"][disabled]:-ms-input-placeholder, input[type="datetime-local"][disabled]:-ms-input-placeholder, input[type="email"][disabled]:-ms-input-placeholder, input[type="month"][disabled]:-ms-input-placeholder, input[type="number"][disabled]:-ms-input-placeholder, input[type="password"][disabled]:-ms-input-placeholder, input[type="search"][disabled]:-ms-input-placeholder, input[type="tel"][disabled]:-ms-input-placeholder, input[type="text"][disabled]:-ms-input-placeholder, input[type="time"][disabled]:-ms-input-placeholder, input[type="url"][disabled]:-ms-input-placeholder, input[type="week"][disabled]:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.25); }

textarea[disabled]::placeholder, input[type="date"][disabled]::placeholder, input[type="datetime"][disabled]::placeholder, input[type="datetime-local"][disabled]::placeholder, input[type="email"][disabled]::placeholder, input[type="month"][disabled]::placeholder, input[type="number"][disabled]::placeholder, input[type="password"][disabled]::placeholder, input[type="search"][disabled]::placeholder, input[type="tel"][disabled]::placeholder, input[type="text"][disabled]::placeholder, input[type="time"][disabled]::placeholder, input[type="url"][disabled]::placeholder, input[type="week"][disabled]::placeholder {
  color: rgba(0, 0, 0, 0.25); }

textarea.error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="email"].error, input[type="month"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="time"].error, input[type="url"].error, input[type="week"].error {
  border-color: #DD2E1F; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  outline: 0;
  height: 32px;
  background: transparent;
  position: relative;
  z-index: 2;
  background: transparent;
  background-image: url(/artdeco/static/images/icons.svg);
  background-repeat: no-repeat;
  background-position: top -41px right 1px;
  box-sizing: border-box;
  border: 0;
  text-indent: 10px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding-right: 32px;
  transition: box-shadow 0.15s;
  border-radius: 1px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2.0rem;
  font-weight: normal; }

select::-ms-expand {
  display: none; }

select:focus {
  border-color: #008CC9; }

select[disabled] {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), linear-gradient(#fff, #fff), url(/artdeco/static/images/icons.svg), linear-gradient(#fff, #fff); }

select.error {
  border-color: #DD2E1F; }

select::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.55); }

select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.55); }

select:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.55); }

select::placeholder {
  color: rgba(0, 0, 0, 0.55); }

textarea {
  height: auto;
  padding-top: 7px; }

button {
  cursor: pointer; }

input[type=radio], input[type=checkbox] {
  opacity: 0;
  margin: 16px 2px 0 0;
  position: absolute; }

input[type=radio] + label, input[type=checkbox] + label {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  padding-left: 28px; }

input[type=radio] + label:before, input[type=radio] + label:after, input[type=checkbox] + label:before, input[type=checkbox] + label:after {
  content: " ";
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box; }

input[type=radio] + label:before, input[type=checkbox] + label:before {
  border: 1px solid rgba(0, 0, 0, 0.55); }

input[type=radio]:focus, input[type=checkbox]:focus {
  outline: none; }

input[type=radio]:focus + label:before, input[type=checkbox]:focus + label:before {
  border-color: #00A0DC; }

input[type=radio][disabled] + label, input[type=checkbox][disabled] + label {
  color: rgba(0, 0, 0, 0.25); }

input[type=radio][disabled] + label:before, input[type=checkbox][disabled] + label:before {
  border-color: rgba(0, 0, 0, 0.1); }

input[type=radio]:checked + label:after, input[type=checkbox]:checked + label:after {
  display: block; }

input[type=radio].small-input + label, input[type=checkbox].small-input + label {
  line-height: 16px; }

input[type=radio].small-input + label:before, input[type=radio].small-input + label:after, input[type=checkbox].small-input + label:before, input[type=checkbox].small-input + label:after {
  height: 16px;
  width: 16px; }

input[type=radio] + label:before {
  border-radius: 50%; }

input[type=radio] + label:after {
  border-radius: 50%;
  border: 0 solid #00A0DC;
  transition: border-width 167ms cubic-bezier(0, 0, 0.2, 1);
  border-width: 0px; }

input[type=radio]:checked + label:after {
  border-width: 6px; }

input[type=radio].small-input:checked + label:after {
  border-width: 5px; }

input[type=checkbox] + label:before {
  border-radius: 2px; }

input[type=checkbox] + label:after {
  display: none;
  height: 16px;
  width: 16px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-image: url(/artdeco/static/images/icons.svg);
  background-position: 0px 0px;
  overflow: hidden;
  margin: 2px; }

input[type=checkbox]:checked + label:after {
  display: block; }

input[type=checkbox].small-input + label:after {
  top: -2px;
  left: -2px; }

form.inverse-form textarea, form.inverse-form input[type="date"], form.inverse-form input[type="datetime"], form.inverse-form input[type="datetime-local"], form.inverse-form input[type="email"], form.inverse-form input[type="month"], form.inverse-form input[type="number"], form.inverse-form input[type="password"], form.inverse-form input[type="search"], form.inverse-form input[type="tel"], form.inverse-form input[type="text"], form.inverse-form input[type="time"], form.inverse-form input[type="url"], form.inverse-form input[type="week"], form.inverse-form select {
  color: #fff;
  border-color: #fff; }

form.inverse-form textarea::-webkit-input-placeholder, form.inverse-form input[type="date"]::-webkit-input-placeholder, form.inverse-form input[type="datetime"]::-webkit-input-placeholder, form.inverse-form input[type="datetime-local"]::-webkit-input-placeholder, form.inverse-form input[type="email"]::-webkit-input-placeholder, form.inverse-form input[type="month"]::-webkit-input-placeholder, form.inverse-form input[type="number"]::-webkit-input-placeholder, form.inverse-form input[type="password"]::-webkit-input-placeholder, form.inverse-form input[type="search"]::-webkit-input-placeholder, form.inverse-form input[type="tel"]::-webkit-input-placeholder, form.inverse-form input[type="text"]::-webkit-input-placeholder, form.inverse-form input[type="time"]::-webkit-input-placeholder, form.inverse-form input[type="url"]::-webkit-input-placeholder, form.inverse-form input[type="week"]::-webkit-input-placeholder, form.inverse-form select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.55); }

form.inverse-form textarea::-moz-placeholder, form.inverse-form input[type="date"]::-moz-placeholder, form.inverse-form input[type="datetime"]::-moz-placeholder, form.inverse-form input[type="datetime-local"]::-moz-placeholder, form.inverse-form input[type="email"]::-moz-placeholder, form.inverse-form input[type="month"]::-moz-placeholder, form.inverse-form input[type="number"]::-moz-placeholder, form.inverse-form input[type="password"]::-moz-placeholder, form.inverse-form input[type="search"]::-moz-placeholder, form.inverse-form input[type="tel"]::-moz-placeholder, form.inverse-form input[type="text"]::-moz-placeholder, form.inverse-form input[type="time"]::-moz-placeholder, form.inverse-form input[type="url"]::-moz-placeholder, form.inverse-form input[type="week"]::-moz-placeholder, form.inverse-form select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.55); }

form.inverse-form textarea:-ms-input-placeholder, form.inverse-form input[type="date"]:-ms-input-placeholder, form.inverse-form input[type="datetime"]:-ms-input-placeholder, form.inverse-form input[type="datetime-local"]:-ms-input-placeholder, form.inverse-form input[type="email"]:-ms-input-placeholder, form.inverse-form input[type="month"]:-ms-input-placeholder, form.inverse-form input[type="number"]:-ms-input-placeholder, form.inverse-form input[type="password"]:-ms-input-placeholder, form.inverse-form input[type="search"]:-ms-input-placeholder, form.inverse-form input[type="tel"]:-ms-input-placeholder, form.inverse-form input[type="text"]:-ms-input-placeholder, form.inverse-form input[type="time"]:-ms-input-placeholder, form.inverse-form input[type="url"]:-ms-input-placeholder, form.inverse-form input[type="week"]:-ms-input-placeholder, form.inverse-form select:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.55); }

form.inverse-form textarea::placeholder, form.inverse-form input[type="date"]::placeholder, form.inverse-form input[type="datetime"]::placeholder, form.inverse-form input[type="datetime-local"]::placeholder, form.inverse-form input[type="email"]::placeholder, form.inverse-form input[type="month"]::placeholder, form.inverse-form input[type="number"]::placeholder, form.inverse-form input[type="password"]::placeholder, form.inverse-form input[type="search"]::placeholder, form.inverse-form input[type="tel"]::placeholder, form.inverse-form input[type="text"]::placeholder, form.inverse-form input[type="time"]::placeholder, form.inverse-form input[type="url"]::placeholder, form.inverse-form input[type="week"]::placeholder, form.inverse-form select::placeholder {
  color: rgba(255, 255, 255, 0.55); }

form.inverse-form textarea:disabled, form.inverse-form input[type="date"]:disabled, form.inverse-form input[type="datetime"]:disabled, form.inverse-form input[type="datetime-local"]:disabled, form.inverse-form input[type="email"]:disabled, form.inverse-form input[type="month"]:disabled, form.inverse-form input[type="number"]:disabled, form.inverse-form input[type="password"]:disabled, form.inverse-form input[type="search"]:disabled, form.inverse-form input[type="tel"]:disabled, form.inverse-form input[type="text"]:disabled, form.inverse-form input[type="time"]:disabled, form.inverse-form input[type="url"]:disabled, form.inverse-form input[type="week"]:disabled, form.inverse-form select:disabled {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form textarea:disabled::-webkit-input-placeholder, form.inverse-form input[type="date"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="datetime"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="datetime-local"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="email"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="month"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="number"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="password"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="search"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="tel"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="text"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="time"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="url"]:disabled::-webkit-input-placeholder, form.inverse-form input[type="week"]:disabled::-webkit-input-placeholder, form.inverse-form select:disabled::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form textarea:disabled::-moz-placeholder, form.inverse-form input[type="date"]:disabled::-moz-placeholder, form.inverse-form input[type="datetime"]:disabled::-moz-placeholder, form.inverse-form input[type="datetime-local"]:disabled::-moz-placeholder, form.inverse-form input[type="email"]:disabled::-moz-placeholder, form.inverse-form input[type="month"]:disabled::-moz-placeholder, form.inverse-form input[type="number"]:disabled::-moz-placeholder, form.inverse-form input[type="password"]:disabled::-moz-placeholder, form.inverse-form input[type="search"]:disabled::-moz-placeholder, form.inverse-form input[type="tel"]:disabled::-moz-placeholder, form.inverse-form input[type="text"]:disabled::-moz-placeholder, form.inverse-form input[type="time"]:disabled::-moz-placeholder, form.inverse-form input[type="url"]:disabled::-moz-placeholder, form.inverse-form input[type="week"]:disabled::-moz-placeholder, form.inverse-form select:disabled::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form textarea:disabled:-ms-input-placeholder, form.inverse-form input[type="date"]:disabled:-ms-input-placeholder, form.inverse-form input[type="datetime"]:disabled:-ms-input-placeholder, form.inverse-form input[type="datetime-local"]:disabled:-ms-input-placeholder, form.inverse-form input[type="email"]:disabled:-ms-input-placeholder, form.inverse-form input[type="month"]:disabled:-ms-input-placeholder, form.inverse-form input[type="number"]:disabled:-ms-input-placeholder, form.inverse-form input[type="password"]:disabled:-ms-input-placeholder, form.inverse-form input[type="search"]:disabled:-ms-input-placeholder, form.inverse-form input[type="tel"]:disabled:-ms-input-placeholder, form.inverse-form input[type="text"]:disabled:-ms-input-placeholder, form.inverse-form input[type="time"]:disabled:-ms-input-placeholder, form.inverse-form input[type="url"]:disabled:-ms-input-placeholder, form.inverse-form input[type="week"]:disabled:-ms-input-placeholder, form.inverse-form select:disabled:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form textarea:disabled::placeholder, form.inverse-form input[type="date"]:disabled::placeholder, form.inverse-form input[type="datetime"]:disabled::placeholder, form.inverse-form input[type="datetime-local"]:disabled::placeholder, form.inverse-form input[type="email"]:disabled::placeholder, form.inverse-form input[type="month"]:disabled::placeholder, form.inverse-form input[type="number"]:disabled::placeholder, form.inverse-form input[type="password"]:disabled::placeholder, form.inverse-form input[type="search"]:disabled::placeholder, form.inverse-form input[type="tel"]:disabled::placeholder, form.inverse-form input[type="text"]:disabled::placeholder, form.inverse-form input[type="time"]:disabled::placeholder, form.inverse-form input[type="url"]:disabled::placeholder, form.inverse-form input[type="week"]:disabled::placeholder, form.inverse-form select:disabled::placeholder {
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form select {
  background-position: top -65px right 0px; }

form.inverse-form input[type=radio] + label:after {
  border-color: #fff; }

form.inverse-form input[type=checkbox] + label:after {
  background-position: 0px -24px; }

form.inverse-form input[type=radio] + label, form.inverse-form input[type=checkbox] + label {
  color: #fff; }

form.inverse-form input[type=radio] + label:before, form.inverse-form input[type=checkbox] + label:before {
  border-color: #fff; }

form.inverse-form input[type=radio]:disabled + label, form.inverse-form input[type=checkbox]:disabled + label {
  color: rgba(255, 255, 255, 0.25); }

form.inverse-form input[type=radio]:disabled + label:before, form.inverse-form input[type=checkbox]:disabled + label:before {
  border-color: rgba(255, 255, 255, 0.1); }

form.simple-form input[type="date"], form.simple-form input[type="datetime"], form.simple-form input[type="datetime-local"], form.simple-form input[type="email"], form.simple-form input[type="month"], form.simple-form input[type="number"], form.simple-form input[type="password"], form.simple-form input[type="search"], form.simple-form input[type="tel"], form.simple-form input[type="text"], form.simple-form input[type="time"], form.simple-form input[type="url"], form.simple-form input[type="week"], form.simple-form select {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0; }

form.simple-form select {
  text-indent: 0; }

form.simple-form .floating-label {
  position: relative;
  display: block;
  margin-top: 35px; }

form.simple-form .floating-label .label-text {
  position: absolute;
  top: 10px;
  left: 0px;
  transition: all 0.35s ease;
  color: rgba(0, 0, 0, 0.55);
  margin: 0; }

form.simple-form .floating-label[data-form-elem-focus=true] .label-text {
  transform: translate(0, -25px);
  -webkit-transform: translate(0, -25px); }

html.artdeco body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

html.artdeco #body[role=main], html.artdeco #layout-main {
  -webkit-font-smoothing: antialiased; }

html {
  font-size: 62.5%; }

html body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

html:lang(ar) body {
  font-family: 'Noto Naskh Arabic', 'Source Sans Pro', 'Droid Arabic Naskh', 'Geeza Pro', 'Simplified Arabic', sans-serif; }

html:lang(th) body {
  font-family: 'Source Sans Pro', 'Noto Sans Thai', 'Thonburi', 'Dokchampa', 'Droid Sans Thai', sans-serif; }

html.ios:lang(zh) body, html.ios:lang(ja) body, html.ios:lang(ko) body {
  font-family: -apple-system, 'Helvetica Neue', 'Heiti SC', sans-serif; }

html.osx:lang(zh) body, html.osx:lang(ja) body, html.osx:lang(ko) body {
  font-family: -apple-system, '.SFNSDisplay-Regular', 'San Francisco', 'Helvetica Neue', 'Hiragino Sans GB W3', 'Heiti SC', sans-serif; }

html.windows:lang(zh) body, html.windows:lang(ja) body, html.windows:lang(ko) body {
  font-family: 'Segoe UI', 'Microsoft Yahei', sans-serif; }

html.android:lang(zh) body, html.android:lang(ja) body, html.android:lang(ko) body {
  font-family: 'Source Sans Pro', 'Droid Sans Fallback', sans-serif; }

a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9; }

a:hover, a:focus {
  text-decoration: underline; }

a:active {
  text-decoration: none;
  color: #005E93; }

a:visited {
  color: #8C68CB; }

a:visited:active {
  color: #6A4BA7; }

::-moz-selection {
  background: #008CC9;
  color: #fff; }

::selection {
  background: #008CC9;
  color: #fff; }

::-moz-selection {
  background: #008CC9;
  color: #fff; }

strong, b {
  font-weight: bold; }

body, p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }

body:lang(ja), body:lang(zh), body:lang(ko), p:lang(ja), p:lang(zh), p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: normal !important; }

body:lang(ar), p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

body:lang(th), p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

h1, .large-header {
  color: rgba(0, 0, 0, 0.85);
  font-size: 4.2rem;
  line-height: 4.4rem;
  font-weight: 200; }

h1:lang(ja), h1:lang(zh), h1:lang(ko), .large-header:lang(ja), .large-header:lang(zh), .large-header:lang(ko) {
  font-size: 3.2rem;
  line-height: 4.4rem; }

h1:lang(ar), .large-header:lang(ar) {
  font-size: 4.2rem;
  line-height: 5rem; }

h1:lang(th), .large-header:lang(th) {
  font-size: 3.4rem;
  line-height: 4.8rem; }

h2 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 3.4rem;
  line-height: 3.6rem;
  font-weight: 200; }

h2:lang(ja), h2:lang(zh), h2:lang(ko) {
  font-size: 2.8rem;
  line-height: 3.8rem; }

h2:lang(ar) {
  font-size: 3.4rem;
  line-height: 4.1rem; }

h2:lang(th) {
  font-size: 2.8rem;
  line-height: 4rem; }

h3, .large-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 200; }

h3:lang(ja), h3:lang(zh), h3:lang(ko), .large-text:lang(ja), .large-text:lang(zh), .large-text:lang(ko) {
  font-size: 2.2rem;
  line-height: 3.1rem; }

h3:lang(ar), .large-text:lang(ar) {
  font-size: 2.6rem;
  line-height: 3.2rem; }

h3:lang(th), .large-text:lang(th) {
  font-size: 2rem;
  line-height: 2.8rem; }

h4, .medium-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200; }

h4:lang(ja), h4:lang(zh), h4:lang(ko), .medium-text:lang(ja), .medium-text:lang(zh), .medium-text:lang(ko) {
  font-size: 2rem;
  line-height: 2.8rem; }

h4:lang(ar), .medium-text:lang(ar) {
  font-size: 2.1rem;
  line-height: 2.6rem; }

h4:lang(th), .medium-text:lang(th) {
  font-size: 1.9rem;
  line-height: 2.6rem; }

h5, .small-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }

h5:lang(ja), h5:lang(zh), h5:lang(ko), .small-text:lang(ja), .small-text:lang(zh), .small-text:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

h5:lang(ar), .small-text:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

h5:lang(th), .small-text:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

h6 {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }

h6:lang(ja), h6:lang(zh), h6:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

h6:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

h6:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

em, i {
  font-style: italic; }

em:lang(zh), em:lang(ja), em:lang(ko), i:lang(zh), i:lang(ja), i:lang(ko) {
  font-style: normal !important; }

em:lang(ar), em:lang(th), i:lang(ar), i:lang(th) {
  font-style: normal !important; }

input, select, textarea, button {
  font-family: inherit; }

input, button, .small-text {
  font-size: 1.45rem;
  line-height: 1.375; }

blockquote {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: normal; }

blockquote:lang(ja), blockquote:lang(zh), blockquote:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: normal !important; }

blockquote:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.4rem; }

blockquote:lang(th) {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.mentions-instance .mentions-input-container {
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: 200; }

svg {
  width: auto;
  height: auto; }

.comment-settings__button--toggle {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  font-size: 1.7rem;
  font-weight: 500;
  margin: 1px 0 0 24px; }

.comment-settings__button--toggle:after {
  content: '';
  display: table;
  clear: both; }

.comment-settings__button--toggle:lang(ja), .comment-settings__button--toggle:lang(zh), .comment-settings__button--toggle:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comment-settings__button--toggle:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comment-settings__button--toggle:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comment-settings__button--toggle svg {
  height: 15px;
  width: 15px; }

.comments-container .tooltip.comment-settings__tooltip {
  left: 80%; }

.comment-settings {
  background-color: #F3F6F8;
  padding: 24px;
  margin: 8px 0px 0 16px; }

.comment-settings:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #F3F6F8;
  content: '';
  position: absolute;
  right: 0;
  top: 22px; }

.comment-settings__header {
  padding-bottom: 8px; }

.disable-comments__label {
  font-weight: 600; }

.disable-comments__button {
  margin: 0 8px; }

.disable-comments__button--save {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }

.disable-comments__button--save > svg, .disable-comments__button--save li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.disable-comments__button--save > svg, .disable-comments__button--save li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.disable-comments__button--save li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.disable-comments__button--save:after {
  border-color: #005e93;
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .disable-comments__button--save, .ie .disable-comments__button--save {
  border-radius: 0; }

.disable-comments__button--save[data-is-animating-click=true], .disable-comments__button--save:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.disable-comments__button--save[data-is-animating-click=true]:after, .disable-comments__button--save:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.disable-comments__button--save:hover:not(:disabled), .disable-comments__button--save.hover-not-disabled {
  background-color: #0077b5;
  color: #fff; }

.disable-comments__button--save:disabled, .disable-comments__button--save.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25; }

.disable-comments__button--cancel {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent; }

.disable-comments__button--cancel > svg, .disable-comments__button--cancel li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.disable-comments__button--cancel > svg, .disable-comments__button--cancel li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.disable-comments__button--cancel li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.disable-comments__button--cancel:after {
  border-color: rgba(0, 0, 0, 0.2);
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .disable-comments__button--cancel, .ie .disable-comments__button--cancel {
  border-radius: 0; }

.disable-comments__button--cancel[data-is-animating-click=true], .disable-comments__button--cancel:hover:not(:disabled)[data-is-animating-click=true] {
  color: rgba(0, 0, 0, 0.85);
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px rgba(0, 0, 0, 0.85); }

.disable-comments__button--cancel[data-is-animating-click=true]:after, .disable-comments__button--cancel:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.disable-comments__button--cancel:hover:not(:disabled), .disable-comments__button--cancel.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }

.disable-comments__button--cancel:disabled, .disable-comments__button--cancel.disabled {
  color: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.disable-comments__button--enable {
  background: none;
  border: none;
  color: #008CC9;
  font-size: 1.5rem;
  outline-style: none;
  padding: 0; }

.disable-comments__button--enable:hover {
  text-decoration: underline; }

.disable-comments__info {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 4px 28px 28px; }

.disable-comments__info:lang(ja), .disable-comments__info:lang(zh), .disable-comments__info:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.disable-comments__info:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.disable-comments__info:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.hidden {
  display: none; }

.comments-disabled__info {
  padding-top: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }

.comments-disabled__info:lang(ja), .comments-disabled__info:lang(zh), .comments-disabled__info:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-disabled__info:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-disabled__info:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.mentions-container {
  box-sizing: border-box;
  position: relative; }

.mentions-container .mentions-highlighter, .mentions-container .mentions-input {
  vertical-align: middle;
  border-radius: 2px;
  padding: 16px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: inherit;
  white-space: pre-wrap;
  color: transparent;
  overflow: hidden;
  resize: none; }

.mentions-container .mentions-input {
  height: 56px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
  position: relative;
  background-color: transparent !important;
  color: inherit; }

.mentions-container .mentions-input:-moz-placeholder, .mentions-container .mentions-input:-ms-input-placeholder, .mentions-container .mentions-input::-moz-placeholder, .mentions-container .mentions-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

.mentions-container .twitter-typeahead {
  height: 0;
  display: block !important;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0; }

.mentions-container .twitter-typeahead pre {
  display: none; }

.mentions-container .tt-dataset-People > h3 {
  display: none; }

.mentions-container .tt-suggestion {
  min-height: 56px;
  background: #fff;
  position: relative;
  padding-left: 16px;
  border-bottom: 1px solid #E6E9EC; }

.mentions-container .tt-suggestion img {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  float: left;
  margin: 8px 16px 8px 0; }

.mentions-container .tt-suggestion img:nth-of-type(1n+2) {
  margin-left: 8px; }

.mentions-container .tt-suggestion h4 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: 200;
  padding-top: 8px;
  padding-left: 56px; }

.mentions-container .tt-suggestion h4:lang(ja), .mentions-container .tt-suggestion h4:lang(zh), .mentions-container .tt-suggestion h4:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.mentions-container .tt-suggestion h4:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.mentions-container .tt-suggestion h4:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.mentions-container .tt-suggestion h4 strong {
  font-weight: normal;
  color: #737679; }

.mentions-container .tt-suggestion p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  padding-left: 56px;
  rgba: 0,0,0,0.7; }

.mentions-container .tt-suggestion p:lang(ja), .mentions-container .tt-suggestion p:lang(zh), .mentions-container .tt-suggestion p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.mentions-container .tt-suggestion p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.mentions-container .tt-suggestion p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.mentions-container .tt-suggestion p strong {
  font-weight: normal; }

.mentions-container .tt-cursor {
  background: #E6E9EC;
  cursor: pointer; }

.mentions-container .tt-dropdown-menu {
  display: block;
  width: calc(100% - 3px);
  overflow: hidden;
  border: 1px solid #E6E9EC;
  box-shadow: 1px 1px 3px #D0D3D6; }

.mentions-container .mentions-typeahead {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -9999;
  border: none;
  background-color: transparent;
  color: transparent;
  display: block !important;
  height: 0;
  width: 0; }

.mentions-container .mentions-entities {
  display: none; }

.mentions-container .highlight {
  background-color: #E6E9EC; }

.mentions-instance.mentions-focused .mentions-input-container {
  border: 1px solid #00A0DC; }

.mentions-instance .mentions-input-container {
  transition: border-color 0.15s;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  box-shadow: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  height: auto;
  min-height: 50px;
  position: relative;
  padding: 8px;
  margin-bottom: 16px;
  vertical-align: middle; }

.mentions-instance .mentions-input-container span {
  position: relative;
  white-space: pre-wrap;
  background: none;
  border: none;
  box-shadow: none;
  word-wrap: break-word; }

.mentions-instance .mentions-input-container span.placeholder:before {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  content: attr(data-placeholder);
  position: static;
  font-size: inherit;
  width: 100%;
  font-weight: 500;
  white-space: nowrap;
  word-wrap: break-word; }

.mentions-instance .mentions-input-container span.mention-badge {
  display: inline-block;
  background: #E6E9EC;
  padding: 0 4px;
  margin: 0 2px;
  cursor: default; }

.mentions-instance .mentions-input-container.empty .first:only-child {
  display: block; }

.mentions-instance .mentions-type-ahead-container {
  position: relative;
  width: 100%; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead {
  background: white;
  position: absolute;
  z-index: 2;
  vertical-align: top;
  border: 1px solid #E6E9EC;
  border-top: none;
  width: 100%;
  box-sizing: border-box; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li {
  list-style: none;
  padding: 0 6px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover {
  padding: 0 6px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li:hover, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover > * {
  vertical-align: top; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li button {
  width: 100%;
  text-align: left;
  height: auto; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li img {
  border: none;
  width: 70px;
  height: 70px;
  margin-right: 2px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  float: left;
  padding: 8px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li h4 {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556;
  width: calc(100% - 36px);
  font-size: 17px;
  margin-left: 36px;
  padding-top: 8px;
  line-height: normal; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  width: calc(100% - 36px);
  font-size: 17px;
  margin-left: 36px;
  padding-bottom: 8px;
  line-height: normal; }

.comments-modal-container {
  background: #fff;
  background-clip: content-box;
  border: 1px rgba(0, 0, 0, 0.05) solid;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999; }

.comments-modal-container > [role="document"] > header {
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
  box-sizing: border-box;
  padding: 16px 48px 16px 24px;
  position: relative; }

.comments-modal-container > [role="document"] > header h1 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200;
  margin-bottom: 0; }

.comments-modal-container > [role="document"] > header h1:lang(ja), .comments-modal-container > [role="document"] > header h1:lang(zh), .comments-modal-container > [role="document"] > header h1:lang(ko) {
  font-size: 2rem;
  line-height: 2.8rem; }

.comments-modal-container > [role="document"] > header h1:lang(ar) {
  font-size: 2.1rem;
  line-height: 2.6rem; }

.comments-modal-container > [role="document"] > header h1:lang(th) {
  font-size: 1.9rem;
  line-height: 2.6rem; }

.comments-modal-container > [role="document"] > header .dismiss {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 12px;
  top: 12px; }

.comments-modal-container > [role="document"] > header .dismiss > svg, .comments-modal-container > [role="document"] > header .dismiss li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-modal-container > [role="document"] > header .dismiss > svg, .comments-modal-container > [role="document"] > header .dismiss li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container > [role="document"] > header .dismiss li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-modal-container > [role="document"] > header .dismiss:after {
  border-color: rgba(0, 94, 147, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container > [role="document"] > header .dismiss, .ie .comments-modal-container > [role="document"] > header .dismiss {
  border-radius: 24px; }

.comments-modal-container > [role="document"] > header .dismiss[data-is-animating-click=true], .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true] {
  color: #005e93;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-modal-container > [role="document"] > header .dismiss[data-is-animating-click=true]:after, .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container > [role="document"] > header .dismiss:before {
  transition-duration: 500ms; }

.comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled), .comments-modal-container > [role="document"] > header .dismiss.hover-not-disabled {
  background-color: rgba(0, 94, 147, 0.1);
  color: #0077b5; }

.comments-modal-container > [role="document"] > header .dismiss:disabled, .comments-modal-container > [role="document"] > header .dismiss.disabled {
  color: rgba(0, 140, 201, 0.4); }

.comments-modal-container > [role="document"] > article, .comments-modal-container > [role="document"] > div {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 16px 24px;
  width: calc(100% - 2px); }

.comments-modal-container > [role="document"] > footer {
  border-top: 1px rgba(0, 0, 0, 0.15) solid;
  box-sizing: border-box;
  height: 64px;
  padding: 16px 24px; }

.comments-modal-container:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 300vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translate(-100vw, -100vh);
  transform: translate(-100vw, -100vh);
  width: 300vw;
  z-index: -2; }

.comments-modal-container:after {
  background: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }

.comments-modal-container .head-wrapper .modal-dismiss-btn {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200;
  position: absolute;
  float: right;
  cursor: pointer;
  top: 16px;
  right: 12px; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ja), .comments-modal-container .head-wrapper .modal-dismiss-btn:lang(zh), .comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ko) {
  font-size: 2rem;
  line-height: 2.8rem; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ar) {
  font-size: 2.1rem;
  line-height: 2.6rem; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(th) {
  font-size: 1.9rem;
  line-height: 2.6rem; }

.comments-modal-container .head-wrapper svg {
  height: 24px;
  width: 24px; }

.comments-modal-container .a11y-hidden {
  font-size: 0; }

.comments-modal-container .hidden {
  display: none; }

.comments-modal-container.like-modal {
  width: 575px; }

.comments-modal-container.like-modal .modal-list-container {
  list-style-type: none;
  max-height: 500px;
  overflow: auto;
  padding: 0 24px 16px; }

.comments-modal-container.like-modal .modal-rows {
  border-bottom: 1px solid #d0d3d6; }

.comments-modal-container.like-modal .modal-rows:hover .liker-name {
  color: #00A0DC; }

.comments-modal-container.like-modal .modal-rows:last-child {
  border-bottom: 0; }

.comments-modal-container.like-modal .entity-lockup {
  display: table;
  width: auto;
  padding: 16px 0; }

.comments-modal-container.like-modal .entity-lockup > figure, .comments-modal-container.like-modal .entity-lockup dl {
  display: table-cell;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup > figure img, .comments-modal-container.like-modal .entity-lockup > figure i {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup > figure img:nth-of-type(1n+2), .comments-modal-container.like-modal .entity-lockup > figure i:nth-of-type(1n+2) {
  margin-left: 8px; }

.comments-modal-container.like-modal .entity-lockup dl {
  width: 100%; }

.comments-modal-container.like-modal .entity-lockup dt {
  display: inline-block;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup dt h2, .comments-modal-container.like-modal .entity-lockup dt h3, .comments-modal-container.like-modal .entity-lockup dt h4, .comments-modal-container.like-modal .entity-lockup dt h5, .comments-modal-container.like-modal .entity-lockup dt h6 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  margin: 0; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h2:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h2:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h3:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h4:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h5:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h6:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(th), .comments-modal-container.like-modal .entity-lockup dt h3:lang(th), .comments-modal-container.like-modal .entity-lockup dt h4:lang(th), .comments-modal-container.like-modal .entity-lockup dt h5:lang(th), .comments-modal-container.like-modal .entity-lockup dt h6:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-modal-container.like-modal .entity-lockup .badge {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  border-radius: 2px;
  display: inline-block;
  opacity: .85;
  padding: 4px 8px;
  vertical-align: baseline;
  position: relative;
  top: 1px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(ja), .comments-modal-container.like-modal .entity-lockup .badge:lang(zh), .comments-modal-container.like-modal .entity-lockup .badge:lang(ko) {
  font-size: 1.1rem;
  line-height: 1.7rem; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(ar) {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(th) {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.comments-modal-container.like-modal .entity-lockup .badge:before {
  content: "·";
  margin-right: 8px; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge) {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ja), .comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(zh), .comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ko) {
  font-size: 1.1rem;
  line-height: 1.7rem; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ar) {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(th) {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.comments-modal-container.link-modal {
  width: 650px; }

.comments-modal-container .modal-link-area {
  margin-top: 16px; }

.comments-modal-container .ios-safari .non-ios {
  display: none; }

.comments-modal-container .ios-safari .ios-only {
  display: block; }

.comments-modal-container.remove-comment-modal {
  width: 450px; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn > svg, .comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn > svg, .comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  border-color: #005e93;
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container.remove-comment-modal .modal-confirm-btn, .ie .comments-modal-container.remove-comment-modal .modal-confirm-btn {
  border-radius: 0; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn[data-is-animating-click=true], .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-modal-container.remove-comment-modal .modal-confirm-btn[data-is-animating-click=true]:after, .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled), .comments-modal-container.remove-comment-modal .modal-confirm-btn.hover-not-disabled {
  background-color: #0077b5;
  color: #fff; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:disabled, .comments-modal-container.remove-comment-modal .modal-confirm-btn.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn.disable-confirm {
  background: #EC4339; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn.disable-confirm:hover {
  background: #DD2E1F; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn.disable-cancel {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  color: rgba(0, 0, 0, 0.55); }

.comments-modal-container.remove-comment-modal .modal-cancel-btn.disable-cancel:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px transparent,inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn > svg, .comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn > svg, .comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  border-color: rgba(0, 94, 147, 0.2);
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container.remove-comment-modal .modal-cancel-btn, .ie .comments-modal-container.remove-comment-modal .modal-cancel-btn {
  border-radius: 0; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn[data-is-animating-click=true], .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled)[data-is-animating-click=true] {
  color: #005e93;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px #0077b5,inset 0 0 0 3px #005e93; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn[data-is-animating-click=true]:after, .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled), .comments-modal-container.remove-comment-modal .modal-cancel-btn.hover-not-disabled {
  background-color: rgba(0, 119, 181, 0.1);
  color: #0077b5;
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px #0077b5,inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:disabled, .comments-modal-container.remove-comment-modal .modal-cancel-btn.disabled {
  color: rgba(0, 140, 201, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.comments-modal-container.remove-comment-modal p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }

.comments-modal-container.remove-comment-modal p:lang(ja), .comments-modal-container.remove-comment-modal p:lang(zh), .comments-modal-container.remove-comment-modal p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.comments-modal-container.remove-comment-modal p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.comments-modal-container.remove-comment-modal p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.comments-modal-container.remove-comment-modal footer button {
  float: right;
  margin-left: 16px; }

.mentions-instance.mentions-focused .mentions-input-container {
  border: 1px solid #00A0DC; }

.mentions-instance .mentions-input-container {
  transition: border-color 0.15s;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  box-shadow: none;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  height: auto;
  min-height: 50px;
  position: relative;
  padding: 8px;
  margin-bottom: 16px;
  vertical-align: middle; }

.mentions-instance .mentions-input-container span {
  position: relative;
  white-space: pre-wrap;
  background: none;
  border: none;
  box-shadow: none;
  word-wrap: break-word; }

.mentions-instance .mentions-input-container span.placeholder:before {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  content: attr(data-placeholder);
  position: static;
  font-size: inherit;
  width: 100%;
  font-weight: 500;
  white-space: nowrap;
  word-wrap: break-word; }

.mentions-instance .mentions-input-container span.mention-badge {
  display: inline-block;
  background: #E6E9EC;
  padding: 0 4px;
  margin: 0 2px;
  cursor: default; }

.mentions-instance .mentions-input-container.empty .first:only-child {
  display: block; }

.mentions-instance .mentions-type-ahead-container {
  position: relative;
  width: 100%; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead {
  background: white;
  position: absolute;
  z-index: 2;
  vertical-align: top;
  border: 1px solid #E6E9EC;
  border-top: none;
  width: 100%;
  box-sizing: border-box; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li {
  list-style: none;
  padding: 0 6px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover {
  padding: 0 6px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li:hover, .mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li:hover > * {
  vertical-align: top; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li button {
  width: 100%;
  text-align: left;
  height: auto; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li img {
  border: none;
  width: 70px;
  height: 70px;
  margin-right: 2px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  float: left;
  padding: 8px; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li h4 {
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556;
  width: calc(100% - 36px);
  font-size: 17px;
  margin-left: 36px;
  padding-top: 8px;
  line-height: normal; }

.mentions-instance .mentions-type-ahead-container .mentions-type-ahead li p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  width: calc(100% - 36px);
  font-size: 17px;
  margin-left: 36px;
  padding-bottom: 8px;
  line-height: normal; }

.mentions-container {
  box-sizing: border-box;
  position: relative; }

.mentions-container .mentions-highlighter, .mentions-container .mentions-input {
  vertical-align: middle;
  border-radius: 2px;
  padding: 16px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: inherit;
  white-space: pre-wrap;
  color: transparent;
  overflow: hidden;
  resize: none; }

.mentions-container .mentions-input {
  height: 56px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
  position: relative;
  background-color: transparent !important;
  color: inherit; }

.mentions-container .mentions-input:-moz-placeholder, .mentions-container .mentions-input:-ms-input-placeholder, .mentions-container .mentions-input::-moz-placeholder, .mentions-container .mentions-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

.mentions-container .twitter-typeahead {
  height: 0;
  display: block !important;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0; }

.mentions-container .twitter-typeahead pre {
  display: none; }

.mentions-container .tt-dataset-People > h3 {
  display: none; }

.mentions-container .tt-suggestion {
  min-height: 56px;
  background: #fff;
  position: relative;
  padding-left: 16px;
  border-bottom: 1px solid #E6E9EC; }

.mentions-container .tt-suggestion img {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  float: left;
  margin: 8px 16px 8px 0; }

.mentions-container .tt-suggestion img:nth-of-type(1n+2) {
  margin-left: 8px; }

.mentions-container .tt-suggestion h4 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: 200;
  padding-top: 8px;
  padding-left: 56px; }

.mentions-container .tt-suggestion h4:lang(ja), .mentions-container .tt-suggestion h4:lang(zh), .mentions-container .tt-suggestion h4:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.mentions-container .tt-suggestion h4:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.mentions-container .tt-suggestion h4:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.mentions-container .tt-suggestion h4 strong {
  font-weight: normal;
  color: #737679; }

.mentions-container .tt-suggestion p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  padding-left: 56px;
  rgba: 0,0,0,0.7; }

.mentions-container .tt-suggestion p:lang(ja), .mentions-container .tt-suggestion p:lang(zh), .mentions-container .tt-suggestion p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.mentions-container .tt-suggestion p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.mentions-container .tt-suggestion p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.mentions-container .tt-suggestion p strong {
  font-weight: normal; }

.mentions-container .tt-cursor {
  background: #E6E9EC;
  cursor: pointer; }

.mentions-container .tt-dropdown-menu {
  display: block;
  width: calc(100% - 3px);
  overflow: hidden;
  border: 1px solid #E6E9EC;
  box-shadow: 1px 1px 3px #D0D3D6; }

.mentions-container .mentions-typeahead {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -9999;
  border: none;
  background-color: transparent;
  color: transparent;
  display: block !important;
  height: 0;
  width: 0; }

.mentions-container .mentions-entities {
  display: none; }

.mentions-container .highlight {
  background-color: #E6E9EC; }

.comment-settings__button--toggle {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  font-size: 1.7rem;
  font-weight: 500;
  margin: 1px 0 0 24px; }

.comment-settings__button--toggle:after {
  content: '';
  display: table;
  clear: both; }

.comment-settings__button--toggle:lang(ja), .comment-settings__button--toggle:lang(zh), .comment-settings__button--toggle:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comment-settings__button--toggle:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comment-settings__button--toggle:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comment-settings__button--toggle svg {
  height: 15px;
  width: 15px; }

.comments-container .tooltip.comment-settings__tooltip {
  left: 80%; }

.comment-settings {
  background-color: #F3F6F8;
  padding: 24px;
  margin: 8px 0px 0 16px; }

.comment-settings:before {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #F3F6F8;
  content: '';
  position: absolute;
  right: 0;
  top: 22px; }

.comment-settings__header {
  padding-bottom: 8px; }

.disable-comments__label {
  font-weight: 600; }

.disable-comments__button {
  margin: 0 8px; }

.disable-comments__button--save {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }

.disable-comments__button--save > svg, .disable-comments__button--save li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.disable-comments__button--save > svg, .disable-comments__button--save li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.disable-comments__button--save li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.disable-comments__button--save:after {
  border-color: #005e93;
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .disable-comments__button--save, .ie .disable-comments__button--save {
  border-radius: 0; }

.disable-comments__button--save[data-is-animating-click=true], .disable-comments__button--save:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.disable-comments__button--save[data-is-animating-click=true]:after, .disable-comments__button--save:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.disable-comments__button--save:hover:not(:disabled), .disable-comments__button--save.hover-not-disabled {
  background-color: #0077b5;
  color: #fff; }

.disable-comments__button--save:disabled, .disable-comments__button--save.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25; }

.disable-comments__button--cancel {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent; }

.disable-comments__button--cancel > svg, .disable-comments__button--cancel li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.disable-comments__button--cancel > svg, .disable-comments__button--cancel li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.disable-comments__button--cancel li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.disable-comments__button--cancel:after {
  border-color: rgba(0, 0, 0, 0.2);
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .disable-comments__button--cancel, .ie .disable-comments__button--cancel {
  border-radius: 0; }

.disable-comments__button--cancel[data-is-animating-click=true], .disable-comments__button--cancel:hover:not(:disabled)[data-is-animating-click=true] {
  color: rgba(0, 0, 0, 0.85);
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px rgba(0, 0, 0, 0.85); }

.disable-comments__button--cancel[data-is-animating-click=true]:after, .disable-comments__button--cancel:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.disable-comments__button--cancel:hover:not(:disabled), .disable-comments__button--cancel.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }

.disable-comments__button--cancel:disabled, .disable-comments__button--cancel.disabled {
  color: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.disable-comments__button--enable {
  background: none;
  border: none;
  color: #008CC9;
  font-size: 1.5rem;
  outline-style: none;
  padding: 0; }

.disable-comments__button--enable:hover {
  text-decoration: underline; }

.disable-comments__info {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 4px 28px 28px; }

.disable-comments__info:lang(ja), .disable-comments__info:lang(zh), .disable-comments__info:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.disable-comments__info:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.disable-comments__info:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.hidden {
  display: none; }

.comments-disabled__info {
  padding-top: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }

.comments-disabled__info:lang(ja), .comments-disabled__info:lang(zh), .comments-disabled__info:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-disabled__info:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-disabled__info:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container {
  display: block;
  position: relative; }

.comments-container.hidden:not(.alert) {
  display: none; }

.comments-container * .hidden:not(.alert) {
  display: none !important; }

.comments-container .commenter-title {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }

.comments-container .commenter-title:lang(ja), .comments-container .commenter-title:lang(zh), .comments-container .commenter-title:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .commenter-title:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .commenter-title:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .message-holder-wrapper {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding-top: 6px;
  display: block; }

.comments-container .message-holder-wrapper p {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: normal;
  white-space: pre-line; }

.comments-container .message-holder-wrapper p:lang(ja), .comments-container .message-holder-wrapper p:lang(zh), .comments-container .message-holder-wrapper p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: normal !important; }

.comments-container .message-holder-wrapper p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.4rem; }

.comments-container .message-holder-wrapper p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.comments-container .message-holder-wrapper a {
  position: relative;
  white-space: pre-wrap; }

.comments-container .message-holder-wrapper .expand-comment-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none; }

.comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: 600; }

.comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:lang(ja), .comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:lang(zh), .comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .message-holder-wrapper .expand-comment-button .expand-comment-text:hover {
  text-decoration: underline; }

.comments-container .comments-input-container {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  border: none;
  position: relative;
  padding-right: 0;
  padding-bottom: 0; }

.comments-container .comments-input-container a {
  color: inherit;
  transition: color .15s; }

.comments-container .comments-input-container:hover a, .comments-container .comments-input-container.hover a, .comments-container .comments-input-container:focus a, .comments-container .comments-input-container.focus a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }

.comments-container .comments-input-container:hover a:hover, .comments-container .comments-input-container:hover a.hover, .comments-container .comments-input-container:hover a:focus, .comments-container .comments-input-container:hover a.focus, .comments-container .comments-input-container.hover a:hover, .comments-container .comments-input-container.hover a.hover, .comments-container .comments-input-container.hover a:focus, .comments-container .comments-input-container.hover a.focus, .comments-container .comments-input-container:focus a:hover, .comments-container .comments-input-container:focus a.hover, .comments-container .comments-input-container:focus a:focus, .comments-container .comments-input-container:focus a.focus, .comments-container .comments-input-container.focus a:hover, .comments-container .comments-input-container.focus a.hover, .comments-container .comments-input-container.focus a:focus, .comments-container .comments-input-container.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-input-container:hover a:focus, .comments-container .comments-input-container:hover a.focus, .comments-container .comments-input-container.hover a:focus, .comments-container .comments-input-container.hover a.focus, .comments-container .comments-input-container:focus a:focus, .comments-container .comments-input-container:focus a.focus, .comments-container .comments-input-container.focus a:focus, .comments-container .comments-input-container.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-input-container:hover a:active, .comments-container .comments-input-container:hover a.active, .comments-container .comments-input-container.hover a:active, .comments-container .comments-input-container.hover a.active, .comments-container .comments-input-container:focus a:active, .comments-container .comments-input-container:focus a.active, .comments-container .comments-input-container.focus a:active, .comments-container .comments-input-container.focus a.active {
  text-decoration: none;
  color: #005e93; }

.comments-container .comments-input-container:hover a.visited, .comments-container .comments-input-container.hover a.visited, .comments-container .comments-input-container:focus a.visited, .comments-container .comments-input-container.focus a.visited {
  color: #8c68cb; }

.comments-container .comments-input-container .mentions-container {
  padding-bottom: 12px; }

.comments-container .comments-input-container .comments-mention .mentions-input-container {
  padding: 12px; }

.comments-container .comments-input-container .comments-badge-link {
  border: none;
  width: 54px;
  height: 54px;
  margin-right: 2px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -54px;
  transition: 0.3s all ease;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 42px; }

.comments-container .comments-input-container .comments-badge-link img {
  border: none;
  width: 54px;
  height: 54px;
  margin-right: 2px;
  border-radius: 50%; }

.comments-container .comments-input-container .comment-reply-input {
  height: 48px;
  padding: 12px; }

.comments-container .comments-input-container .comment-reply-button-container {
  position: relative;
  border: none;
  padding-top: 0;
  padding-right: 0;
  text-align: left; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button {
  font-weight: 200;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  font-weight: normal;
  box-shadow: inset 0 0 0 1px #008CC9;
  line-height: 22px;
  padding: 4px 16px;
  background-color: #008CC9;
  display: inline-block;
  text-decoration: none;
  transition: color .15s;
  color: #fff;
  height: 32px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  box-shadow: none;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button svg {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
  padding: 0 4px 0 0;
  left: 0;
  margin: -12px 0 0 -12px; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:hover:not(:disabled), .comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:focus:not(:disabled) {
  background-color: #0077B5; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:active:not(:disabled) {
  background-color: #005E93;
  transition: box-shadow .15s, color .15s;
  box-shadow: inset 0 0 0 2px #005E93; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:disabled {
  opacity: 0.4; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button, .comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:disabled {
  transition: opacity 0.15s,margin-bottom 0.55s,height 0.55s;
  opacity: 0;
  margin-bottom: 0;
  height: 0; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:active, .comments-container .comments-input-container .mentions-focused ~ .comment-reply-button-container .comment-submit-button, .comments-container .comments-input-container .typeahead-visible ~ .comment-reply-button-container .comment-submit-button {
  transition: opacity 0.55s,margin-bottom 0.15s;
  opacity: 1;
  margin-bottom: 32px;
  height: 32px; }

.comments-container .comments-input-container .comment-reply-button-container .comment-submit-button:active:disabled, .comments-container .comments-input-container .mentions-focused ~ .comment-reply-button-container .comment-submit-button:disabled, .comments-container .comments-input-container .typeahead-visible ~ .comment-reply-button-container .comment-submit-button:disabled {
  transition: opacity 0.55s,margin-bottom 0.15s,height 0.15s;
  opacity: 0.4; }

.comments-container .comments-input-container .guest-view {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: normal;
  background: #EDF0F3;
  border-radius: 4px;
  height: 56px;
  line-height: 56px;
  margin-bottom: 35px;
  text-align: center;
  width: 100%; }

.comments-container .comments-input-container .guest-view:lang(ja), .comments-container .comments-input-container .guest-view:lang(zh), .comments-container .comments-input-container .guest-view:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: normal !important; }

.comments-container .comments-input-container .guest-view:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.4rem; }

.comments-container .comments-input-container .guest-view:lang(th) {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.comments-container .comments-input-container .guest-view a {
  color: #008CC9; }

.comments-container .thread-reply-button-container {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  position: relative;
  border: none;
  padding-top: 0;
  padding-right: 0;
  text-align: left; }

.comments-container .thread-reply-button-container a {
  color: inherit;
  transition: color .15s; }

.comments-container .thread-reply-button-container:hover a, .comments-container .thread-reply-button-container.hover a, .comments-container .thread-reply-button-container:focus a, .comments-container .thread-reply-button-container.focus a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }

.comments-container .thread-reply-button-container:hover a:hover, .comments-container .thread-reply-button-container:hover a.hover, .comments-container .thread-reply-button-container:hover a:focus, .comments-container .thread-reply-button-container:hover a.focus, .comments-container .thread-reply-button-container.hover a:hover, .comments-container .thread-reply-button-container.hover a.hover, .comments-container .thread-reply-button-container.hover a:focus, .comments-container .thread-reply-button-container.hover a.focus, .comments-container .thread-reply-button-container:focus a:hover, .comments-container .thread-reply-button-container:focus a.hover, .comments-container .thread-reply-button-container:focus a:focus, .comments-container .thread-reply-button-container:focus a.focus, .comments-container .thread-reply-button-container.focus a:hover, .comments-container .thread-reply-button-container.focus a.hover, .comments-container .thread-reply-button-container.focus a:focus, .comments-container .thread-reply-button-container.focus a.focus {
  text-decoration: underline; }

.comments-container .thread-reply-button-container:hover a:focus, .comments-container .thread-reply-button-container:hover a.focus, .comments-container .thread-reply-button-container.hover a:focus, .comments-container .thread-reply-button-container.hover a.focus, .comments-container .thread-reply-button-container:focus a:focus, .comments-container .thread-reply-button-container:focus a.focus, .comments-container .thread-reply-button-container.focus a:focus, .comments-container .thread-reply-button-container.focus a.focus {
  text-decoration: underline; }

.comments-container .thread-reply-button-container:hover a:active, .comments-container .thread-reply-button-container:hover a.active, .comments-container .thread-reply-button-container.hover a:active, .comments-container .thread-reply-button-container.hover a.active, .comments-container .thread-reply-button-container:focus a:active, .comments-container .thread-reply-button-container:focus a.active, .comments-container .thread-reply-button-container.focus a:active, .comments-container .thread-reply-button-container.focus a.active {
  text-decoration: none;
  color: #005e93; }

.comments-container .thread-reply-button-container:hover a.visited, .comments-container .thread-reply-button-container.hover a.visited, .comments-container .thread-reply-button-container:focus a.visited, .comments-container .thread-reply-button-container.focus a.visited {
  color: #8c68cb; }

.comments-container .thread-reply-button-container .thread-reply-submit-button {
  font-weight: 200;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  font-weight: normal;
  box-shadow: inset 0 0 0 1px #008CC9;
  line-height: 22px;
  padding: 4px 16px;
  background-color: #008CC9;
  display: inline-block;
  text-decoration: none;
  transition: color .15s;
  color: #fff;
  height: 32px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  box-shadow: none;
  z-index: 0;
  overflow: hidden; }

.comments-container .thread-reply-button-container .thread-reply-submit-button svg {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
  padding: 0 4px 0 0;
  left: 0;
  margin: -12px 0 0 -12px; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:hover:not(:disabled), .comments-container .thread-reply-button-container .thread-reply-submit-button:focus:not(:disabled) {
  background-color: #0077B5; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:active:not(:disabled) {
  background-color: #005E93;
  transition: box-shadow .15s, color .15s;
  box-shadow: inset 0 0 0 2px #005E93; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:disabled {
  opacity: 0.4; }

.comments-container .thread-reply-button-container .thread-cancel-button {
  font-weight: 200;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  font-weight: normal;
  box-shadow: inset 0 0 0 1px #008CC9;
  line-height: 22px;
  padding: 4px 16px;
  background-color: transparent;
  display: inline-block;
  text-decoration: none;
  transition: color .15s;
  color: #008CC9;
  height: 32px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  margin-right: 16px; }

.comments-container .thread-reply-button-container .thread-cancel-button svg {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
  padding: 0 4px 0 0;
  left: 0;
  margin: -12px 0 0 -12px; }

.comments-container .thread-reply-button-container .thread-cancel-button:hover:not(:disabled), .comments-container .thread-reply-button-container .thread-cancel-button:focus:not(:disabled) {
  background-color: transparent;
  color: #0077B5;
  box-shadow: inset 0 0 0 2px #008CC9; }

.comments-container .thread-reply-button-container .thread-cancel-button:active:not(:disabled) {
  background-color: transparent;
  transition: box-shadow .15s, color .15s;
  box-shadow: inset 0 0 0 2px #005E93;
  color: #005E93; }

.comments-container .thread-reply-button-container .thread-cancel-button:disabled {
  opacity: 0.4; }

.comments-container .comments-more-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9;
  cursor: pointer; }

.comments-container .comments-more-button:hover, .comments-container .comments-more-button:focus {
  text-decoration: underline; }

.comments-container .comments-more-button:active {
  text-decoration: none;
  color: #005E93; }

.comments-container .comments-more-button:visited {
  color: #8C68CB; }

.comments-container .comments-more-button:visited:active {
  color: #6A4BA7; }

.comments-container .comments-more-button-section {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  border: none;
  position: relative; }

.comments-container .comments-more-button-section:lang(ja), .comments-container .comments-more-button-section:lang(zh), .comments-container .comments-more-button-section:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: normal !important; }

.comments-container .comments-more-button-section:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.4rem; }

.comments-container .comments-more-button-section:lang(th) {
  font-size: 1.5rem;
  line-height: 2.4rem; }

.comments-container .comments-more-button-section a {
  color: inherit;
  transition: color .15s; }

.comments-container .comments-more-button-section:hover a, .comments-container .comments-more-button-section.hover a, .comments-container .comments-more-button-section:focus a, .comments-container .comments-more-button-section.focus a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }

.comments-container .comments-more-button-section:hover a:hover, .comments-container .comments-more-button-section:hover a.hover, .comments-container .comments-more-button-section:hover a:focus, .comments-container .comments-more-button-section:hover a.focus, .comments-container .comments-more-button-section.hover a:hover, .comments-container .comments-more-button-section.hover a.hover, .comments-container .comments-more-button-section.hover a:focus, .comments-container .comments-more-button-section.hover a.focus, .comments-container .comments-more-button-section:focus a:hover, .comments-container .comments-more-button-section:focus a.hover, .comments-container .comments-more-button-section:focus a:focus, .comments-container .comments-more-button-section:focus a.focus, .comments-container .comments-more-button-section.focus a:hover, .comments-container .comments-more-button-section.focus a.hover, .comments-container .comments-more-button-section.focus a:focus, .comments-container .comments-more-button-section.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-more-button-section:hover a:focus, .comments-container .comments-more-button-section:hover a.focus, .comments-container .comments-more-button-section.hover a:focus, .comments-container .comments-more-button-section.hover a.focus, .comments-container .comments-more-button-section:focus a:focus, .comments-container .comments-more-button-section:focus a.focus, .comments-container .comments-more-button-section.focus a:focus, .comments-container .comments-more-button-section.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-more-button-section:hover a:active, .comments-container .comments-more-button-section:hover a.active, .comments-container .comments-more-button-section.hover a:active, .comments-container .comments-more-button-section.hover a.active, .comments-container .comments-more-button-section:focus a:active, .comments-container .comments-more-button-section:focus a.active, .comments-container .comments-more-button-section.focus a:active, .comments-container .comments-more-button-section.focus a.active {
  text-decoration: none;
  color: #005e93; }

.comments-container .comments-more-button-section:hover a.visited, .comments-container .comments-more-button-section.hover a.visited, .comments-container .comments-more-button-section:focus a.visited, .comments-container .comments-more-button-section.focus a.visited {
  color: #8c68cb; }

.comments-container .comments-more-button-section.hidden {
  display: none; }

.comments-container .comments-header {
  transition: 0.3s all ease;
  position: relative;
  z-index: 1;
  min-height: 24px; }

.comments-container .comments-header:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comments-header .comments-header-button-wrapper {
  float: right; }

.comments-container .comments-header .total-comments-wrapper {
  position: absolute;
  top: -2px;
  left: -54px;
  font-weight: bold; }

.comments-container .comments-header .comments-sort {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  position: relative;
  width: 272px;
  right: -1px;
  position: absolute;
  top: 38px; }

.comments-container .comments-header .comments-sort h1, .comments-container .comments-header .comments-sort h2, .comments-container .comments-header .comments-sort h3, .comments-container .comments-header .comments-sort h4, .comments-container .comments-header .comments-sort h5 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: bold;
  height: 32px;
  margin-bottom: 0;
  padding: 2px 16px 0; }

.comments-container .comments-header .comments-sort h1:lang(ja), .comments-container .comments-header .comments-sort h1:lang(zh), .comments-container .comments-header .comments-sort h1:lang(ko), .comments-container .comments-header .comments-sort h2:lang(ja), .comments-container .comments-header .comments-sort h2:lang(zh), .comments-container .comments-header .comments-sort h2:lang(ko), .comments-container .comments-header .comments-sort h3:lang(ja), .comments-container .comments-header .comments-sort h3:lang(zh), .comments-container .comments-header .comments-sort h3:lang(ko), .comments-container .comments-header .comments-sort h4:lang(ja), .comments-container .comments-header .comments-sort h4:lang(zh), .comments-container .comments-header .comments-sort h4:lang(ko), .comments-container .comments-header .comments-sort h5:lang(ja), .comments-container .comments-header .comments-sort h5:lang(zh), .comments-container .comments-header .comments-sort h5:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comments-header .comments-sort h1:lang(ar), .comments-container .comments-header .comments-sort h2:lang(ar), .comments-container .comments-header .comments-sort h3:lang(ar), .comments-container .comments-header .comments-sort h4:lang(ar), .comments-container .comments-header .comments-sort h5:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort h1:lang(th), .comments-container .comments-header .comments-sort h2:lang(th), .comments-container .comments-header .comments-sort h3:lang(th), .comments-container .comments-header .comments-sort h4:lang(th), .comments-container .comments-header .comments-sort h5:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort h1:first-child, .comments-container .comments-header .comments-sort h2:first-child, .comments-container .comments-header .comments-sort h3:first-child, .comments-container .comments-header .comments-sort h4:first-child, .comments-container .comments-header .comments-sort h5:first-child {
  margin-top: -4px; }

.comments-container .comments-header .comments-sort ul {
  list-style-type: none; }

.comments-container .comments-header .comments-sort ul a {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: 32px;
  padding: 0 16px; }

.comments-container .comments-header .comments-sort ul a:lang(ja), .comments-container .comments-header .comments-sort ul a:lang(zh), .comments-container .comments-header .comments-sort ul a:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .comments-header .comments-sort ul a:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort ul a:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort ul a:hover, .comments-container .comments-header .comments-sort ul a.hover, .comments-container .comments-header .comments-sort ul a:focus, .comments-container .comments-header .comments-sort ul a.focus {
  color: #008cc9;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: bold;
  background-color: #edf0f3;
  text-decoration: none; }

.comments-container .comments-header .comments-sort ul a:hover:lang(ja), .comments-container .comments-header .comments-sort ul a:hover:lang(zh), .comments-container .comments-header .comments-sort ul a:hover:lang(ko), .comments-container .comments-header .comments-sort ul a.hover:lang(ja), .comments-container .comments-header .comments-sort ul a.hover:lang(zh), .comments-container .comments-header .comments-sort ul a.hover:lang(ko), .comments-container .comments-header .comments-sort ul a:focus:lang(ja), .comments-container .comments-header .comments-sort ul a:focus:lang(zh), .comments-container .comments-header .comments-sort ul a:focus:lang(ko), .comments-container .comments-header .comments-sort ul a.focus:lang(ja), .comments-container .comments-header .comments-sort ul a.focus:lang(zh), .comments-container .comments-header .comments-sort ul a.focus:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comments-header .comments-sort ul a:hover:lang(ar), .comments-container .comments-header .comments-sort ul a.hover:lang(ar), .comments-container .comments-header .comments-sort ul a:focus:lang(ar), .comments-container .comments-header .comments-sort ul a.focus:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort ul a:hover:lang(th), .comments-container .comments-header .comments-sort ul a.hover:lang(th), .comments-container .comments-header .comments-sort ul a:focus:lang(th), .comments-container .comments-header .comments-sort ul a.focus:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-header .comments-sort hr {
  margin: 8px 0 4px;
  width: 100%; }

.comments-container .comments-header .comments-sort:before, .comments-container .comments-header .comments-sort:after {
  left: 100%;
  position: absolute; }

.comments-container .comments-header .comments-sort:before {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-bottom: 10px #d0d3d6 solid;
  content: "";
  height: 0;
  width: 0;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -35px;
  top: -10px; }

.comments-container .comments-header .comments-sort:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-bottom: 9px #fff solid;
  content: "";
  height: 0;
  width: 0;
  border-left-width: 9px;
  border-right-width: 9px;
  margin-left: -34px;
  top: -9px; }

.comments-container .comments-header .comments-sort li, .comments-container .comments-header .comments-sort button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.comments-container .comments-header .comments-sort li:hover, .comments-container .comments-header .comments-sort li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.comments-container .comments-header .comments-sort ul::after, .comments-container .comments-header .comments-sort ul::before {
  left: 240px;
  margin-top: -20px; }

.comments-container .comments-header .comments-sort ul::after {
  left: 241px; }

.comments-container .comments-header .comments-sort.comments-author-view {
  right: 28px; }

.comments-container .comments-header .comment-sort-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  font-size: 1.7rem;
  font-weight: 500; }

.comments-container .comments-header .comment-sort-button:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comments-header .comment-sort-button:lang(ja), .comments-container .comments-header .comment-sort-button:lang(zh), .comments-container .comments-header .comment-sort-button:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comments-header .comment-sort-button:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-header .comment-sort-button:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-header .comment-sort-button .comment-sort-label {
  margin-right: 6px; }

.comments-container .comments-header .comment-sort-button svg, .comments-container .comments-header .comment-sort-button use {
  width: 16px;
  height: 16px; }

.comments-container .comments-header .comment-sort-button svg {
  width: 16px;
  height: 16px;
  top: 3px;
  position: relative; }

.comments-container .comments-header .comment-sort-button.disable-comments-ui-enabled:after {
  content: '';
  width: 0;
  position: absolute;
  border-right: 1px solid rgba(0, 0, 0, 0.35);
  top: 0;
  right: 28px;
  height: 20px; }

.comments-container .comments-threads {
  transition: 0.1s all ease;
  display: block; }

.comments-container .comments-threads.loading {
  opacity: 0.4; }

.comments-container .comments-threads .comments-badge-link {
  border: none;
  width: 44px;
  height: 44px;
  margin-right: 2px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -44px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 42px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: #fff; }

.comments-container .comments-threads .comments-badge-link img {
  border: none;
  width: 44px;
  height: 44px;
  margin-right: 2px;
  border-radius: 50%; }

.comments-container .comments-threads .thread-comments-show-section {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  padding-top: 0;
  padding-bottom: 5px;
  width: calc(100% - $nestedOffset);
  margin-left: 0;
  position: relative;
  border: none; }

.comments-container .comments-threads .thread-comments-show-section a {
  color: inherit;
  transition: color .15s; }

.comments-container .comments-threads .thread-comments-show-section:hover a, .comments-container .comments-threads .thread-comments-show-section.hover a, .comments-container .comments-threads .thread-comments-show-section:focus a, .comments-container .comments-threads .thread-comments-show-section.focus a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }

.comments-container .comments-threads .thread-comments-show-section:hover a:hover, .comments-container .comments-threads .thread-comments-show-section:hover a.hover, .comments-container .comments-threads .thread-comments-show-section:hover a:focus, .comments-container .comments-threads .thread-comments-show-section:hover a.focus, .comments-container .comments-threads .thread-comments-show-section.hover a:hover, .comments-container .comments-threads .thread-comments-show-section.hover a.hover, .comments-container .comments-threads .thread-comments-show-section.hover a:focus, .comments-container .comments-threads .thread-comments-show-section.hover a.focus, .comments-container .comments-threads .thread-comments-show-section:focus a:hover, .comments-container .comments-threads .thread-comments-show-section:focus a.hover, .comments-container .comments-threads .thread-comments-show-section:focus a:focus, .comments-container .comments-threads .thread-comments-show-section:focus a.focus, .comments-container .comments-threads .thread-comments-show-section.focus a:hover, .comments-container .comments-threads .thread-comments-show-section.focus a.hover, .comments-container .comments-threads .thread-comments-show-section.focus a:focus, .comments-container .comments-threads .thread-comments-show-section.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-threads .thread-comments-show-section:hover a:focus, .comments-container .comments-threads .thread-comments-show-section:hover a.focus, .comments-container .comments-threads .thread-comments-show-section.hover a:focus, .comments-container .comments-threads .thread-comments-show-section.hover a.focus, .comments-container .comments-threads .thread-comments-show-section:focus a:focus, .comments-container .comments-threads .thread-comments-show-section:focus a.focus, .comments-container .comments-threads .thread-comments-show-section.focus a:focus, .comments-container .comments-threads .thread-comments-show-section.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-threads .thread-comments-show-section:hover a:active, .comments-container .comments-threads .thread-comments-show-section:hover a.active, .comments-container .comments-threads .thread-comments-show-section.hover a:active, .comments-container .comments-threads .thread-comments-show-section.hover a.active, .comments-container .comments-threads .thread-comments-show-section:focus a:active, .comments-container .comments-threads .thread-comments-show-section:focus a.active, .comments-container .comments-threads .thread-comments-show-section.focus a:active, .comments-container .comments-threads .thread-comments-show-section.focus a.active {
  text-decoration: none;
  color: #005e93; }

.comments-container .comments-threads .thread-comments-show-section:hover a.visited, .comments-container .comments-threads .thread-comments-show-section.hover a.visited, .comments-container .comments-threads .thread-comments-show-section:focus a.visited, .comments-container .comments-threads .thread-comments-show-section.focus a.visited {
  color: #8c68cb; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:hover, .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:focus {
  text-decoration: underline; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:active {
  text-decoration: none;
  color: #005E93; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:visited {
  color: #8C68CB; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:visited:active {
  color: #6A4BA7; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:lang(ja), .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:lang(zh), .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-threads .comment-reply-input-container {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  position: relative;
  border: none;
  padding-right: 0; }

.comments-container .comments-threads .comment-reply-input-container a {
  color: inherit;
  transition: color .15s; }

.comments-container .comments-threads .comment-reply-input-container:hover a, .comments-container .comments-threads .comment-reply-input-container.hover a, .comments-container .comments-threads .comment-reply-input-container:focus a, .comments-container .comments-threads .comment-reply-input-container.focus a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008cc9; }

.comments-container .comments-threads .comment-reply-input-container:hover a:hover, .comments-container .comments-threads .comment-reply-input-container:hover a.hover, .comments-container .comments-threads .comment-reply-input-container:hover a:focus, .comments-container .comments-threads .comment-reply-input-container:hover a.focus, .comments-container .comments-threads .comment-reply-input-container.hover a:hover, .comments-container .comments-threads .comment-reply-input-container.hover a.hover, .comments-container .comments-threads .comment-reply-input-container.hover a:focus, .comments-container .comments-threads .comment-reply-input-container.hover a.focus, .comments-container .comments-threads .comment-reply-input-container:focus a:hover, .comments-container .comments-threads .comment-reply-input-container:focus a.hover, .comments-container .comments-threads .comment-reply-input-container:focus a:focus, .comments-container .comments-threads .comment-reply-input-container:focus a.focus, .comments-container .comments-threads .comment-reply-input-container.focus a:hover, .comments-container .comments-threads .comment-reply-input-container.focus a.hover, .comments-container .comments-threads .comment-reply-input-container.focus a:focus, .comments-container .comments-threads .comment-reply-input-container.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-threads .comment-reply-input-container:hover a:focus, .comments-container .comments-threads .comment-reply-input-container:hover a.focus, .comments-container .comments-threads .comment-reply-input-container.hover a:focus, .comments-container .comments-threads .comment-reply-input-container.hover a.focus, .comments-container .comments-threads .comment-reply-input-container:focus a:focus, .comments-container .comments-threads .comment-reply-input-container:focus a.focus, .comments-container .comments-threads .comment-reply-input-container.focus a:focus, .comments-container .comments-threads .comment-reply-input-container.focus a.focus {
  text-decoration: underline; }

.comments-container .comments-threads .comment-reply-input-container:hover a:active, .comments-container .comments-threads .comment-reply-input-container:hover a.active, .comments-container .comments-threads .comment-reply-input-container.hover a:active, .comments-container .comments-threads .comment-reply-input-container.hover a.active, .comments-container .comments-threads .comment-reply-input-container:focus a:active, .comments-container .comments-threads .comment-reply-input-container:focus a.active, .comments-container .comments-threads .comment-reply-input-container.focus a:active, .comments-container .comments-threads .comment-reply-input-container.focus a.active {
  text-decoration: none;
  color: #005e93; }

.comments-container .comments-threads .comment-reply-input-container:hover a.visited, .comments-container .comments-threads .comment-reply-input-container.hover a.visited, .comments-container .comments-threads .comment-reply-input-container:focus a.visited, .comments-container .comments-threads .comment-reply-input-container.focus a.visited {
  color: #8c68cb; }

.comments-container .comments-threads .comment-reply-input-container .thread-reply-input {
  height: 36px;
  padding: 16px 0 16px 16px; }

.comments-container .comments-threads .comment-reply-input-container .thread-mention .mentions-input-container {
  padding: 12px; }

.comments-container .comments-threads .comment-time {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  float: right;
  position: relative;
  top: 14px; }

.comments-container .comments-threads .comment-time:lang(ja), .comments-container .comments-threads .comment-time:lang(zh), .comments-container .comments-threads .comment-time:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comments-threads .comment-time:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comments-threads .comment-time:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comments-threads .comments-thread-container .comment-reply-box.nested {
  width: calc(100% - $nestedOffset);
  margin-left: 54px; }

.comments-container .comments-threads .comments-thread-container.hidden {
  display: none; }

.comments-container .comments-threads .comments-thread-container:first-child .comment-container:first-child {
  padding-top: 0; }

.comments-container .comment-container {
  position: relative;
  border: none;
  padding-right: 0; }

.comments-container .comment-container .commenter-name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.7);
  display: inline-block;
  margin-right: 5px;
  margin-top: 8px; }

.comments-container .comment-container .commenter-name:lang(ja), .comments-container .comment-container .commenter-name:lang(zh), .comments-container .comment-container .commenter-name:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.comments-container .comment-container .commenter-name:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.comments-container .comment-container .commenter-name:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.comments-container .comment-container .commenter-name:active, .comments-container .comment-container .commenter-name:focus, .comments-container .comment-container .commenter-name:visited {
  color: rgba(0, 0, 0, 0.7); }

.comments-container .comment-container .commenter-name:hover {
  color: #008CC9; }

.comments-container .comment-container .commenter-name + .commenter-badges .author, .comments-container .comment-container .commenter-name + .commenter-badges .influencer {
  display: inline-block;
  width: 100px;
  height: 20px;
  content: "";
  vertical-align: bottom; }

.comments-container .comment-container .commenter-name.is-influencer + .commenter-badges .influencer {
  background: 0 0/75% no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTI2MyAzODcgNzYuOSAxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMjYzIDM4NyA3Ni45IDE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzIyMUYyMDt9LnN0MXtmaWxsOiMwMDdBQjU7fS5zdDJ7ZmlsbDojRkVGRUZFO308L3N0eWxlPjx0aXRsZT5QYWdlIDE8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGlkPSJQYWdlLTEtQ29weSIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+PGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+PHBhdGggaWQ9IkZpbGwtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY2xhc3M9InN0MCIgZD0iTS0yMzguMiwzODguNnYxMi4zaDEuMXYtMTIuM0gtMjM4LjJ6Ii8+PGcgaWQ9Ikdyb3VwLTI1Ij48cGF0aCBpZD0iRmlsbC0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTI0My40LDM5MS4zdjEuOGgtMS42djAuOWgxLjZ2Ni44aDEuMVYzOTRoMi4xdi0wLjloLTIuMXYtMS42YzAtMS4xLDAuMi0xLjksMS40LTEuOWMwLjMsMCwwLjUsMCwwLjgsMC4xbDAuMi0xYy0wLjMtMC4xLTAuNi0wLjEtMC45LTAuMUMtMjQyLjQsMzg4LjQtMjQzLjQsMzg5LjYtMjQzLjQsMzkxLjMiLz48cGF0aCBpZD0iRmlsbC00IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTIyOSw0MDAuOWMwLTAuNC0wLjEtMS0wLjEtMS4zbDAsMGMtMC40LDAuOS0xLjUsMS41LTIuNywxLjVjLTEuOSwwLTMtMS4yLTMtMy4ydi00LjhoMS4xdjQuM2MwLDEuNiwwLjUsMi44LDIsMi44YzEuMiwwLDIuMy0wLjksMi4zLTMuMXYtNGgxLjF2NmMwLDAuNCwwLDEuMiwwLjEsMS43aC0wLjhWNDAwLjl6Ii8+PHBhdGggaWQ9IkZpbGwtNiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgY2xhc3M9InN0MCIgZD0iTS0yMTkuNiwzOTYuNGMtMC4xLTEuNC0wLjktMi42LTIuNi0yLjZjLTEuNSwwLTIuNiwxLjItMi43LDIuNkgtMjE5LjZ6IE0tMjE4LjQsMzk3LjNoLTYuM2MwLDEuNSwxLjIsMi45LDIuOSwyLjljMS4xLDAsMi0wLjYsMi41LTEuM2wwLjgsMC42Yy0wLjksMS4xLTIsMS42LTMuMywxLjZjLTIuMiwwLTQtMS43LTQtNC4xYzAtMi4zLDEuNy00LjEsMy45LTQuMWMyLjUsMCwzLjcsMS43LDMuNywzLjlDLTIxOC40LDM5Ni45LTIxOC40LDM5Ny4xLTIxOC40LDM5Ny4zTC0yMTguNCwzOTcuM3oiLz48cGF0aCBpZD0iRmlsbC04IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTIxNS40LDM5My4xYzAsMC40LDAuMSwxLDAuMSwxLjNsMCwwYzAuNC0wLjksMS41LTEuNSwyLjctMS41YzEuOSwwLDMsMS4yLDMsMy4ydjQuOGgtMS4xdi00LjNjMC0xLjYtMC41LTIuOC0yLTIuOGMtMS4yLDAtMi4zLDAuOS0yLjMsMy4xdjRoLTEuMXYtNmMwLTAuNCwwLTEuMi0wLjEtMS43TC0yMTUuNCwzOTMuMUwtMjE1LjQsMzkzLjF6Ii8+PHBhdGggaWQ9IkZpbGwtMTAiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDAiIGQ9Ik0tMjAxLjksMzk0LjljLTAuNC0wLjYtMS4xLTEtMS45LTFjLTEuOCwwLTMsMS4zLTMsMy4yYzAsMS43LDEuMSwzLjEsMywzLjFjMC45LDAsMS42LTAuNCwyLTFsMC44LDAuNmMtMC42LDAuOC0xLjYsMS4zLTMsMS4zYy0yLjUsMC00LjEtMS43LTQuMS00LjFjMC0yLjMsMS42LTQuMSw0LjEtNC4xYzEsMCwyLjIsMC40LDIuOSwxLjNMLTIwMS45LDM5NC45eiIvPjxwYXRoIGlkPSJGaWxsLTEyIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTE5My4zLDM5Ni40Yy0wLjEtMS40LTAuOS0yLjYtMi42LTIuNmMtMS41LDAtMi42LDEuMi0yLjcsMi42SC0xOTMuM3ogTS0xOTIuMiwzOTcuM2gtNi4zYzAsMS41LDEuMiwyLjksMi45LDIuOWMxLjEsMCwyLTAuNiwyLjUtMS4zbDAuOCwwLjZjLTAuOSwxLjEtMiwxLjYtMy4zLDEuNmMtMi4yLDAtNC0xLjctNC00LjFjMC0yLjMsMS43LTQuMSwzLjktNC4xYzIuNSwwLDMuNywxLjcsMy43LDMuOUMtMTkyLjIsMzk2LjktMTkyLjIsMzk3LjEtMTkyLjIsMzk3LjNMLTE5Mi4yLDM5Ny4zeiIvPjxwYXRoIGlkPSJGaWxsLTE0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QwIiBkPSJNLTE5MC40LDM5My4xaDFjMCwwLjQsMC4xLDEsMC4xLDEuM2wwLDBjMC40LTAuOSwxLjQtMS41LDIuNS0xLjVjMC4zLDAsMC41LDAsMC43LDAuMWwtMC4xLDFjLTAuMSwwLTAuNS0wLjEtMC44LTAuMWMtMS4yLDAtMi4yLDAuOC0yLjIsM3Y0aC0xLjF2LTZDLTE5MC4zLDM5NC41LTE5MC4zLDM5My42LTE5MC40LDM5My4xIi8+PGcgaWQ9Ikdyb3VwLTIwIj48ZyBpZD0iQ2xpcC0xOSI+PC9nPjxwYXRoIGlkPSJGaWxsLTE4IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjbGFzcz0ic3QxIiBkPSJNLTI0Ny45LDM4N2gtMTMuOWMtMC42LDAtMS4yLDAuNS0xLjIsMS4xVjQwMmMwLDAuNiwwLjUsMS4xLDEuMiwxLjFoMS4ydjIuOWwzLjktMi45aDguN2MwLjYsMCwxLjItMC41LDEuMi0xLjF2LTEzLjlDLTI0Ni42LDM4Ny41LTI0Ny4xLDM4Ny0yNDcuOSwzODciLz48L2c+PHBhdGggaWQ9IkZpbGwtMjEiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDIiIGQ9Ik0tMjU5LjMsMzg5LjJjMC44LDAsMS40LDAuNiwxLjQsMS40cy0wLjYsMS40LTEuNCwxLjRzLTEuNC0wLjYtMS40LTEuNEMtMjYwLjYsMzg5LjktMjYwLDM4OS4yLTI1OS4zLDM4OS4yTC0yNTkuMywzODkuMnogTS0yNjAuNCwzOTMuMWgyLjV2Ny44aC0yLjVWMzkzLjF6Ii8+PHBhdGggaWQ9IkZpbGwtMjMiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIGNsYXNzPSJzdDIiIGQ9Ik0tMjU2LjUsMzkzLjFoMi4zdjFsMCwwYzAuMy0wLjYsMS4xLTEuMiwyLjItMS4yYzIuNSwwLDIuOSwxLjYsMi45LDMuN3Y0LjNoLTIuNXYtMy44YzAtMC45LDAtMi0xLjItMnMtMS40LDEtMS40LDJ2My45aC0yLjV2LTcuOUgtMjU2LjV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+"); }

.comments-container .comment-container .comment-badge {
  border: none;
  width: 54px;
  height: 54px;
  margin-right: 2px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -54px;
  transition: 0.3s all ease;
  padding-top: 8px; }

.comments-container .comment-container .comment-badge img {
  border: none;
  width: 54px;
  height: 54px;
  margin-right: 2px;
  border-radius: 50%; }

.comments-container .comment-container .button-time-holder {
  position: relative;
  float: right; }

.comments-container .comment-container .button-time-holder .comment-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  position: relative;
  width: 272px;
  right: -6px;
  position: absolute;
  z-index: 8;
  top: 40px; }

.comments-container .comment-container .button-time-holder .comment-menu h1, .comments-container .comment-container .button-time-holder .comment-menu h2, .comments-container .comment-container .button-time-holder .comment-menu h3, .comments-container .comment-container .button-time-holder .comment-menu h4, .comments-container .comment-container .button-time-holder .comment-menu h5 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: bold;
  height: 32px;
  margin-bottom: 0;
  padding: 2px 16px 0; }

.comments-container .comment-container .button-time-holder .comment-menu h1:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu h1:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu h1:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu h2:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu h2:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu h2:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu h3:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu h3:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu h3:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu h4:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu h4:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu h4:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu h5:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu h5:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu h5:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comment-container .button-time-holder .comment-menu h1:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu h2:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu h3:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu h4:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu h5:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu h1:lang(th), .comments-container .comment-container .button-time-holder .comment-menu h2:lang(th), .comments-container .comment-container .button-time-holder .comment-menu h3:lang(th), .comments-container .comment-container .button-time-holder .comment-menu h4:lang(th), .comments-container .comment-container .button-time-holder .comment-menu h5:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu h1:first-child, .comments-container .comment-container .button-time-holder .comment-menu h2:first-child, .comments-container .comment-container .button-time-holder .comment-menu h3:first-child, .comments-container .comment-container .button-time-holder .comment-menu h4:first-child, .comments-container .comment-container .button-time-holder .comment-menu h5:first-child {
  margin-top: -4px; }

.comments-container .comment-container .button-time-holder .comment-menu ul {
  list-style-type: none; }

.comments-container .comment-container .button-time-holder .comment-menu ul a {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: 32px;
  padding: 0 16px; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu ul a:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu ul a:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:hover, .comments-container .comment-container .button-time-holder .comment-menu ul a.hover, .comments-container .comment-container .button-time-holder .comment-menu ul a:focus, .comments-container .comment-container .button-time-holder .comment-menu ul a.focus {
  color: #008cc9;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: bold;
  background-color: #edf0f3;
  text-decoration: none; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:hover:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu ul a:hover:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu ul a:hover:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu ul a.hover:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu ul a.hover:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu ul a.hover:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu ul a:focus:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu ul a:focus:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu ul a:focus:lang(ko), .comments-container .comment-container .button-time-holder .comment-menu ul a.focus:lang(ja), .comments-container .comment-container .button-time-holder .comment-menu ul a.focus:lang(zh), .comments-container .comment-container .button-time-holder .comment-menu ul a.focus:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:hover:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu ul a.hover:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu ul a:focus:lang(ar), .comments-container .comment-container .button-time-holder .comment-menu ul a.focus:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu ul a:hover:lang(th), .comments-container .comment-container .button-time-holder .comment-menu ul a.hover:lang(th), .comments-container .comment-container .button-time-holder .comment-menu ul a:focus:lang(th), .comments-container .comment-container .button-time-holder .comment-menu ul a.focus:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comment-container .button-time-holder .comment-menu hr {
  margin: 8px 0 4px;
  width: 100%; }

.comments-container .comment-container .button-time-holder .comment-menu:before, .comments-container .comment-container .button-time-holder .comment-menu:after {
  left: 100%;
  position: absolute; }

.comments-container .comment-container .button-time-holder .comment-menu:before {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-bottom: 10px #d0d3d6 solid;
  content: "";
  height: 0;
  width: 0;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -35px;
  top: -10px; }

.comments-container .comment-container .button-time-holder .comment-menu:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  border-bottom: 9px #fff solid;
  content: "";
  height: 0;
  width: 0;
  border-left-width: 9px;
  border-right-width: 9px;
  margin-left: -34px;
  top: -9px; }

.comments-container .comment-container .button-time-holder .comment-menu li, .comments-container .comment-container .button-time-holder .comment-menu button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: normal;
  display: block;
  height: auto;
  padding: 0 16px; }

.comments-container .comment-container .button-time-holder .comment-menu li:hover, .comments-container .comment-container .button-time-holder .comment-menu li:hover button {
  color: #008cc9 !important;
  font-size: 1.5rem;
  line-height: 32px;
  font-weight: 700;
  background-color: #edf0f3 !important;
  text-decoration: none; }

.comments-container .comment-container .button-time-holder .comment-menu ul::after, .comments-container .comment-container .button-time-holder .comment-menu ul::before {
  margin-top: -18px;
  left: 230px; }

.comments-container .comment-container .button-time-holder .comment-menu ul:after {
  left: 231px; }

.comments-container .comment-container .comment-icon-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  float: left; }

.comments-container .comment-container .comment-icon-button svg {
  width: 16px;
  height: 16px;
  left: 231px;
  vertical-align: text-bottom; }

.comments-container .comment-container .comment-more-button {
  float: right;
  left: -16px;
  top: 10px;
  color: #737679;
  position: relative; }

.comments-container .comment-container .comment-more-button:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comment-container .comment-more-button svg {
  width: 16px;
  height: 16px;
  vertical-align: bottom; }

.comments-container .comment-container .comment-image-container {
  display: none; }

.comments-container .comment-container.nested {
  width: calc(100% - $nestedOffset);
  margin-left: 54px; }

.comments-container .comment-container.nested .comment-badge {
  border: none;
  width: 44px;
  height: 44px;
  margin-right: 2px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -44px;
  z-index: 1;
  background: #fff;
  padding-bottom: 2px;
  padding-top: 14px; }

.comments-container .comment-container.nested .comment-badge img {
  border: none;
  width: 44px;
  height: 44px;
  margin-right: 2px;
  border-radius: 50%; }

.comments-container .comment-container.nested .comment-image-container {
  width: 44px;
  left: -44px;
  height: 100%;
  display: block;
  position: absolute;
  padding-top: 5px; }

.comments-container .comment-container.nested .comment-image-container .comment-image-divider {
  transition: 0.3s all ease;
  width: 1px;
  height: 100%;
  background: #E6E9EC;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.comments-container .comment-container.nested.last-visible .comment-image-container {
  display: none; }

.comments-container .comment-container.nested:last-child .comment-image-container {
  display: none; }

.comments-container .comment-container.replying ~ .last-visible .comment-image-container {
  width: 44px;
  left: -44px;
  height: calc(100% + 30px);
  display: block;
  position: absolute;
  padding-top: 5px; }

.comments-container .comment-container.replying ~ .last-visible .comment-image-container .comment-image-divider {
  transition: 0.3s all ease;
  width: 1px;
  height: 100%;
  background: #E6E9EC;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.comments-container .comment-container .comment-controls-container {
  padding-top: 6px; }

.comments-container .comment-container .comment-controls-container:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comment-container .comment-controls-container .buttonWrapper {
  float: left; }

.comments-container .comment-container .comment-controls-container button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  display: block;
  cursor: pointer;
  float: left;
  margin-right: 16px; }

.comments-container .comment-container .comment-controls-container button:lang(ja), .comments-container .comment-container .comment-controls-container button:lang(zh), .comments-container .comment-container .comment-controls-container button:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .comment-container .comment-controls-container button:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .comment-container .comment-controls-container button:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .comment-container .comment-controls-container .comment-button-separator {
  float: left;
  padding-left: 16px;
  border-left: 1px solid #B6B9BC; }

.comments-container .comment-container .comment-controls-container .comment-button-separator:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comment-container .comment-controls-container .comment-button-separator > svg, .comments-container .comment-container .comment-controls-container .comment-button-separator .comment-control-label {
  display: block;
  float: left; }

.comments-container .comment-container .comment-controls-container .comment-button-separator > svg:after, .comments-container .comment-container .comment-controls-container .comment-button-separator .comment-control-label:after {
  content: '';
  display: table;
  clear: both; }

.comments-container .comment-container .comment-controls-container .comment-button-separator .comments-icon {
  padding-right: 5px;
  float: left;
  overflow: visible;
  margin-top: -2px; }

.comments-container .a11y-hidden {
  font-size: 0; }

.comments-container .alert.success {
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }

.comments-container .alert.success:before {
  background: #60aa14;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.success > div {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1128px;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  width: 100%; }

.comments-container .alert.success > div:before {
  background-image: url(/artdeco/static/images/icons.svg);
  background-position: 0 -120px;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.success > div > p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 2px 36px 0 36px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.success > div > p:lang(ja), .comments-container .alert.success > div > p:lang(zh), .comments-container .alert.success > div > p:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .alert.success > div > p:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .alert.success > div > p:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .alert.success > div > p a {
  color: #fff;
  text-decoration: underline; }

.comments-container .alert.success > div > button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 0;
  top: 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: .033s; }

.comments-container .alert.success > div > button > svg, .comments-container .alert.success > div > button li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-container .alert.success > div > button > svg, .comments-container .alert.success > div > button li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.success > div > button li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-container .alert.success > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-container .alert.success > div > button, .ie .comments-container .alert.success > div > button {
  border-radius: 24px; }

.comments-container .alert.success > div > button[data-is-animating-click=true], .comments-container .alert.success > div > button:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.success > div > button[data-is-animating-click=true]:after, .comments-container .alert.success > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .alert.success > div > button:before {
  transition-duration: 500ms; }

.comments-container .alert.success > div > button:hover:not(:disabled), .comments-container .alert.success > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

.comments-container .alert.success > div > button:disabled, .comments-container .alert.success > div > button.disabled {
  color: rgba(255, 255, 255, 0.25); }

.comments-container .alert.success.hidden:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .667s ease-in,-webkit-transform .667s ease-in;
  transition: transform .667s ease-in,-webkit-transform .667s ease-in;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.success.hidden > div:before, .comments-container .alert.success.hidden > div > p, .comments-container .alert.success.hidden > div > button {
  -webkit-transform: translateY(-77px);
  transform: translateY(-77px);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.error {
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }

.comments-container .alert.error:before {
  background: #dd2e1f;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.error > div {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1128px;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  width: 100%; }

.comments-container .alert.error > div:before {
  background-image: url(/artdeco/static/images/icons.svg);
  background-position: 0 -144px;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.error > div > p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 2px 36px 0 36px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.error > div > p:lang(ja), .comments-container .alert.error > div > p:lang(zh), .comments-container .alert.error > div > p:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .alert.error > div > p:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .alert.error > div > p:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .alert.error > div > p a {
  color: #fff;
  text-decoration: underline; }

.comments-container .alert.error > div > button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 0;
  top: 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: .033s; }

.comments-container .alert.error > div > button > svg, .comments-container .alert.error > div > button li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-container .alert.error > div > button > svg, .comments-container .alert.error > div > button li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.error > div > button li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-container .alert.error > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-container .alert.error > div > button, .ie .comments-container .alert.error > div > button {
  border-radius: 24px; }

.comments-container .alert.error > div > button[data-is-animating-click=true], .comments-container .alert.error > div > button:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.error > div > button[data-is-animating-click=true]:after, .comments-container .alert.error > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .alert.error > div > button:before {
  transition-duration: 500ms; }

.comments-container .alert.error > div > button:hover:not(:disabled), .comments-container .alert.error > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

.comments-container .alert.error > div > button:disabled, .comments-container .alert.error > div > button.disabled {
  color: rgba(255, 255, 255, 0.25); }

.comments-container .alert.error.hidden:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .667s ease-in,-webkit-transform .667s ease-in;
  transition: transform .667s ease-in,-webkit-transform .667s ease-in;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.error.hidden > div:before, .comments-container .alert.error.hidden > div > p, .comments-container .alert.error.hidden > div > button {
  -webkit-transform: translateY(-77px);
  transform: translateY(-77px);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.yield {
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }

.comments-container .alert.yield:before {
  background: #ec640c;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.yield > div {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1128px;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  width: 100%; }

.comments-container .alert.yield > div:before {
  background-image: url(/artdeco/static/images/icons.svg);
  background-position: 0 -96px;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.yield > div > p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 2px 36px 0 36px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.yield > div > p:lang(ja), .comments-container .alert.yield > div > p:lang(zh), .comments-container .alert.yield > div > p:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .alert.yield > div > p:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .alert.yield > div > p:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .alert.yield > div > p a {
  color: #fff;
  text-decoration: underline; }

.comments-container .alert.yield > div > button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 0;
  top: 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: .033s; }

.comments-container .alert.yield > div > button > svg, .comments-container .alert.yield > div > button li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-container .alert.yield > div > button > svg, .comments-container .alert.yield > div > button li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.yield > div > button li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-container .alert.yield > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-container .alert.yield > div > button, .ie .comments-container .alert.yield > div > button {
  border-radius: 24px; }

.comments-container .alert.yield > div > button[data-is-animating-click=true], .comments-container .alert.yield > div > button:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.yield > div > button[data-is-animating-click=true]:after, .comments-container .alert.yield > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .alert.yield > div > button:before {
  transition-duration: 500ms; }

.comments-container .alert.yield > div > button:hover:not(:disabled), .comments-container .alert.yield > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

.comments-container .alert.yield > div > button:disabled, .comments-container .alert.yield > div > button.disabled {
  color: rgba(255, 255, 255, 0.25); }

.comments-container .alert.yield.hidden:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .667s ease-in,-webkit-transform .667s ease-in;
  transition: transform .667s ease-in,-webkit-transform .667s ease-in;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.yield.hidden > div:before, .comments-container .alert.yield.hidden > div > p, .comments-container .alert.yield.hidden > div > button {
  -webkit-transform: translateY(-77px);
  transform: translateY(-77px);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.notice {
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }

.comments-container .alert.notice:before {
  background: #737679;
  border-radius: 3px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.notice > div {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1128px;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  width: 100%; }

.comments-container .alert.notice > div:before {
  background-image: url(/artdeco/static/images/icons.svg);
  background-position: 0 -96px;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 24px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.notice > div > p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  float: left;
  margin: 2px 36px 0 36px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .5s;
  transition-delay: .033s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.notice > div > p:lang(ja), .comments-container .alert.notice > div > p:lang(zh), .comments-container .alert.notice > div > p:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-container .alert.notice > div > p:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .alert.notice > div > p:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .alert.notice > div > p a {
  color: #fff;
  text-decoration: underline; }

.comments-container .alert.notice > div > button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 0;
  top: 10px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: .033s; }

.comments-container .alert.notice > div > button > svg, .comments-container .alert.notice > div > button li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-container .alert.notice > div > button > svg, .comments-container .alert.notice > div > button li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .alert.notice > div > button li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-container .alert.notice > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-container .alert.notice > div > button, .ie .comments-container .alert.notice > div > button {
  border-radius: 24px; }

.comments-container .alert.notice > div > button[data-is-animating-click=true], .comments-container .alert.notice > div > button:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.notice > div > button[data-is-animating-click=true]:after, .comments-container .alert.notice > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .alert.notice > div > button:before {
  transition-duration: 500ms; }

.comments-container .alert.notice > div > button:hover:not(:disabled), .comments-container .alert.notice > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff; }

.comments-container .alert.notice > div > button:disabled, .comments-container .alert.notice > div > button.disabled {
  color: rgba(255, 255, 255, 0.25); }

.comments-container .alert.notice.hidden:before {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .667s ease-in,-webkit-transform .667s ease-in;
  transition: transform .667s ease-in,-webkit-transform .667s ease-in;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.notice.hidden > div:before, .comments-container .alert.notice.hidden > div > p, .comments-container .alert.notice.hidden > div > button {
  -webkit-transform: translateY(-77px);
  transform: translateY(-77px);
  transition-property: -webkit-transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  transition-duration: .75s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-container .alert.hidden {
  display: none; }

.comments-container .tooltip {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 2px;
  max-width: 250px;
  padding: 5px 18px 8px;
  opacity: 0;
  position: absolute;
  transition: visibility 0s linear .2s,opacity .2s linear;
  visibility: hidden;
  z-index: 999;
  bottom: 30px;
  cursor: pointer;
  display: inline-block;
  float: left;
  left: 35%;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1; }

.comments-container .tooltip:lang(ja), .comments-container .tooltip:lang(zh), .comments-container .tooltip:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: normal !important; }

.comments-container .tooltip:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-container .tooltip:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-container .tooltip:after {
  border-color: transparent;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0.85);
  border-width: 8px 8px 0;
  bottom: -8px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0; }

.comments-container .tooltip.active {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible; }

.comments-container .toolTipWrapper {
  display: inline-block;
  position: relative; }

.comments-container .disable-comments .disable-comments-button {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none; }

@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .comments-container .comments-header {
    position: absolute;
    right: 0; }
  .comments-container .comments-header .total-comments-wrapper {
    position: relative;
    left: 0; }
  .comments-container .comment-container.nested .comment-image-container .comment-image-divider {
    width: 2px; }
  .comments-container .comments-input-container .comments-badge-link {
    position: relative;
    left: 0; }
  .comments-container .comment-container.nested .comment-badge {
    position: relative;
    left: 0; }
  .comments-container .comment-container .comment-badge {
    position: relative;
    left: 0; } }

.mentions-instance .mentions-input-container {
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: 200; }

svg {
  width: auto;
  height: auto; }

.comments-modal-container.link-modal {
  width: 650px; }

.comments-modal-container .modal-link-area {
  margin-top: 16px; }

.comments-modal-container .ios-safari .non-ios {
  display: none; }

.comments-modal-container .ios-safari .ios-only {
  display: block; }

.comments-modal-container.like-modal {
  width: 575px; }

.comments-modal-container.like-modal .modal-list-container {
  list-style-type: none;
  max-height: 500px;
  overflow: auto;
  padding: 0 24px 16px; }

.comments-modal-container.like-modal .modal-rows {
  border-bottom: 1px solid #d0d3d6; }

.comments-modal-container.like-modal .modal-rows:hover .liker-name {
  color: #00A0DC; }

.comments-modal-container.like-modal .modal-rows:last-child {
  border-bottom: 0; }

.comments-modal-container.like-modal .entity-lockup {
  display: table;
  width: auto;
  padding: 16px 0; }

.comments-modal-container.like-modal .entity-lockup > figure, .comments-modal-container.like-modal .entity-lockup dl {
  display: table-cell;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup > figure img, .comments-modal-container.like-modal .entity-lockup > figure i {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup > figure img:nth-of-type(1n+2), .comments-modal-container.like-modal .entity-lockup > figure i:nth-of-type(1n+2) {
  margin-left: 8px; }

.comments-modal-container.like-modal .entity-lockup dl {
  width: 100%; }

.comments-modal-container.like-modal .entity-lockup dt {
  display: inline-block;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup dt h2, .comments-modal-container.like-modal .entity-lockup dt h3, .comments-modal-container.like-modal .entity-lockup dt h4, .comments-modal-container.like-modal .entity-lockup dt h5, .comments-modal-container.like-modal .entity-lockup dt h6 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  margin: 0; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h2:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h2:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h3:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h4:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h5:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ko), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ja), .comments-modal-container.like-modal .entity-lockup dt h6:lang(zh), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h3:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h4:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h5:lang(ar), .comments-modal-container.like-modal .entity-lockup dt h6:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

.comments-modal-container.like-modal .entity-lockup dt h2:lang(th), .comments-modal-container.like-modal .entity-lockup dt h3:lang(th), .comments-modal-container.like-modal .entity-lockup dt h4:lang(th), .comments-modal-container.like-modal .entity-lockup dt h5:lang(th), .comments-modal-container.like-modal .entity-lockup dt h6:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

.comments-modal-container.like-modal .entity-lockup .badge {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  border-radius: 2px;
  display: inline-block;
  opacity: .85;
  padding: 4px 8px;
  vertical-align: baseline;
  position: relative;
  top: 1px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(ja), .comments-modal-container.like-modal .entity-lockup .badge:lang(zh), .comments-modal-container.like-modal .entity-lockup .badge:lang(ko) {
  font-size: 1.1rem;
  line-height: 1.7rem; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(ar) {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.comments-modal-container.like-modal .entity-lockup .badge:lang(th) {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.comments-modal-container.like-modal .entity-lockup .badge:before {
  content: "·";
  margin-right: 8px; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge) {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ja), .comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(zh), .comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ko) {
  font-size: 1.1rem;
  line-height: 1.7rem; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(ar) {
  font-size: 1.3rem;
  line-height: 1.6rem; }

.comments-modal-container.like-modal .entity-lockup dd:not(.badge):lang(th) {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.comments-modal-container {
  background: #fff;
  background-clip: content-box;
  border: 1px rgba(0, 0, 0, 0.05) solid;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999; }

.comments-modal-container > [role="document"] > header {
  border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
  box-sizing: border-box;
  padding: 16px 48px 16px 24px;
  position: relative; }

.comments-modal-container > [role="document"] > header h1 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200;
  margin-bottom: 0; }

.comments-modal-container > [role="document"] > header h1:lang(ja), .comments-modal-container > [role="document"] > header h1:lang(zh), .comments-modal-container > [role="document"] > header h1:lang(ko) {
  font-size: 2rem;
  line-height: 2.8rem; }

.comments-modal-container > [role="document"] > header h1:lang(ar) {
  font-size: 2.1rem;
  line-height: 2.6rem; }

.comments-modal-container > [role="document"] > header h1:lang(th) {
  font-size: 1.9rem;
  line-height: 2.6rem; }

.comments-modal-container > [role="document"] > header .dismiss {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  border-radius: 12px;
  text-indent: -999px;
  width: 24px;
  right: 12px;
  top: 12px; }

.comments-modal-container > [role="document"] > header .dismiss > svg, .comments-modal-container > [role="document"] > header .dismiss li-icon {
  top: calc(50% + 4px);
  height: 16px;
  left: calc(50% + 4px);
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 16px; }

.comments-modal-container > [role="document"] > header .dismiss > svg, .comments-modal-container > [role="document"] > header .dismiss li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container > [role="document"] > header .dismiss li-icon > svg {
  display: block;
  vertical-align: top; }

.comments-modal-container > [role="document"] > header .dismiss:after {
  border-color: rgba(0, 94, 147, 0.2);
  padding: calc(50% + 1px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container > [role="document"] > header .dismiss, .ie .comments-modal-container > [role="document"] > header .dismiss {
  border-radius: 24px; }

.comments-modal-container > [role="document"] > header .dismiss[data-is-animating-click=true], .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true] {
  color: #005e93;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-modal-container > [role="document"] > header .dismiss[data-is-animating-click=true]:after, .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container > [role="document"] > header .dismiss:before {
  transition-duration: 500ms; }

.comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled), .comments-modal-container > [role="document"] > header .dismiss.hover-not-disabled {
  background-color: rgba(0, 94, 147, 0.1);
  color: #0077b5; }

.comments-modal-container > [role="document"] > header .dismiss:disabled, .comments-modal-container > [role="document"] > header .dismiss.disabled {
  color: rgba(0, 140, 201, 0.4); }

.comments-modal-container > [role="document"] > article, .comments-modal-container > [role="document"] > div {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 16px 24px;
  width: calc(100% - 2px); }

.comments-modal-container > [role="document"] > footer {
  border-top: 1px rgba(0, 0, 0, 0.15) solid;
  box-sizing: border-box;
  height: 64px;
  padding: 16px 24px; }

.comments-modal-container:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 300vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translate(-100vw, -100vh);
  transform: translate(-100vw, -100vh);
  width: 300vw;
  z-index: -2; }

.comments-modal-container:after {
  background: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }

.comments-modal-container .head-wrapper .modal-dismiss-btn {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
  background: none;
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200;
  position: absolute;
  float: right;
  cursor: pointer;
  top: 16px;
  right: 12px; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ja), .comments-modal-container .head-wrapper .modal-dismiss-btn:lang(zh), .comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ko) {
  font-size: 2rem;
  line-height: 2.8rem; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(ar) {
  font-size: 2.1rem;
  line-height: 2.6rem; }

.comments-modal-container .head-wrapper .modal-dismiss-btn:lang(th) {
  font-size: 1.9rem;
  line-height: 2.6rem; }

.comments-modal-container .head-wrapper svg {
  height: 24px;
  width: 24px; }

.comments-modal-container .a11y-hidden {
  font-size: 0; }

.comments-modal-container .hidden {
  display: none; }

.comments-modal-container.remove-comment-modal {
  width: 450px; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn {
  background-color: #008cc9;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn > svg, .comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn > svg, .comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container.remove-comment-modal .modal-confirm-btn li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  border-color: #005e93;
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container.remove-comment-modal .modal-confirm-btn, .ie .comments-modal-container.remove-comment-modal .modal-confirm-btn {
  border-radius: 0; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn[data-is-animating-click=true], .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled)[data-is-animating-click=true] {
  color: #fff;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.comments-modal-container.remove-comment-modal .modal-confirm-btn[data-is-animating-click=true]:after, .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled), .comments-modal-container.remove-comment-modal .modal-confirm-btn.hover-not-disabled {
  background-color: #0077b5;
  color: #fff; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:disabled, .comments-modal-container.remove-comment-modal .modal-confirm-btn.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn.disable-confirm {
  background: #EC4339; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn.disable-confirm:hover {
  background: #DD2E1F; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn.disable-cancel {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
  color: rgba(0, 0, 0, 0.55); }

.comments-modal-container.remove-comment-modal .modal-cancel-btn.disable-cancel:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.7), inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 167ms;
  transition-property: background-color,box-shadow,color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px transparent,inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn > svg, .comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn > svg, .comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-modal-container.remove-comment-modal .modal-cancel-btn li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  border-color: rgba(0, 94, 147, 0.2);
  padding: calc(50% + 22px);
  background-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 1000px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: padding 334ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  width: 0;
  z-index: -1; }

.edge .comments-modal-container.remove-comment-modal .modal-cancel-btn, .ie .comments-modal-container.remove-comment-modal .modal-cancel-btn {
  border-radius: 0; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn[data-is-animating-click=true], .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled)[data-is-animating-click=true] {
  color: #005e93;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px #0077b5,inset 0 0 0 3px #005e93; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn[data-is-animating-click=true]:after, .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled), .comments-modal-container.remove-comment-modal .modal-cancel-btn.hover-not-disabled {
  background-color: rgba(0, 119, 181, 0.1);
  color: #0077b5;
  box-shadow: inset 0 0 0 1px #008cc9,inset 0 0 0 2px #0077b5,inset 0 0 0 3px transparent; }

.comments-modal-container.remove-comment-modal .modal-cancel-btn:disabled, .comments-modal-container.remove-comment-modal .modal-cancel-btn.disabled {
  color: rgba(0, 140, 201, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.comments-modal-container.remove-comment-modal p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }

.comments-modal-container.remove-comment-modal p:lang(ja), .comments-modal-container.remove-comment-modal p:lang(zh), .comments-modal-container.remove-comment-modal p:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.comments-modal-container.remove-comment-modal p:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.comments-modal-container.remove-comment-modal p:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

.comments-modal-container.remove-comment-modal footer button {
  float: right;
  margin-left: 16px; }

.feed-header {
  text-align: center;
  margin-bottom: 20px; }

.feed-banner-feed .actions {
  text-align: right; }
  .feed-banner-feed .actions .button-write-post {
    margin-top: -2px; }
    .feed-banner-feed .actions .button-write-post:visited {
      color: white; }

#feed-nav-region .feed-nav {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
  margin: 0 -40px; }

.feed-nav a.active {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600; }

.filters-dropdown {
  z-index: 1; }
  .filters-dropdown .daily-news {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600; }
  .filters-dropdown > a {
    /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
    line-height: 50px; }
    .filters-dropdown > a:lang(ja), .filters-dropdown > a:lang(zh), .filters-dropdown > a:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .filters-dropdown > a:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .filters-dropdown > a:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
    .filters-dropdown > a:visited {
      color: rgba(0, 0, 0, 0.7); }
  .filters-dropdown ul::before {
    display: none; }
  .filters-dropdown .filters-trigger {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    margin-top: -2px;
    margin-left: 8px; }
    .filters-dropdown .filters-trigger li-icon[size="small"] {
      position: absolute;
      right: 7px;
      top: -8px;
      width: 32px;
      height: 32px; }
      .filters-dropdown .filters-trigger li-icon[size="small"] svg {
        margin: 0;
        padding: 0; }

.filters-list {
  display: none; }

.feed-nav .active .filters-list {
  display: block;
  margin: 8px -16px; }
  .feed-nav .active .filters-list a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none; }
  .feed-nav .active .filters-list li:hover a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none; }

.feed-stream {
  list-style-type: none; }
  .feed-stream .feed-item {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin: 0 -2px;
    padding: 24px 2px;
    position: relative; }
    .feed-stream .feed-item .headline {
      /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
      color: rgba(0, 0, 0, 0.85);
      font-size: 2.6rem;
      line-height: 3.2rem;
      font-weight: 200;
      line-height: 2.8rem;
      margin-bottom: 8px;
      padding-right: 48px; }
      .feed-stream .feed-item .headline:lang(ja), .feed-stream .feed-item .headline:lang(zh), .feed-stream .feed-item .headline:lang(ko) {
        font-size: 2.2rem;
        line-height: 3.1rem; }
      .feed-stream .feed-item .headline:lang(ar) {
        font-size: 2.6rem;
        line-height: 3.2rem; }
      .feed-stream .feed-item .headline:lang(th) {
        font-size: 2rem;
        line-height: 2.8rem; }
      .feed-stream .feed-item .headline a {
        color: rgba(0, 0, 0, 0.85);
        font-weight: 400; }
        .feed-stream .feed-item .headline a:visited {
          color: rgba(0, 0, 0, 0.85); }
    .feed-stream .feed-item.feed-loading {
      text-align: center; }
  #pulse-feed-wrapper .feed-item:first-of-type {
    border-top: none; }
  .feed-stream .reason,
  .feed-stream time,
  .feed-stream meta {
    color: rgba(0, 0, 0, 0.55);
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 0; }
  .feed-stream .meta {
    color: rgba(0, 0, 0, 0.55);
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 20px; }
    .feed-stream .meta > span {
      display: inline;
      list-style-type: none; }
      .feed-stream .meta > span + span::before {
        color: rgba(0, 0, 0, 0.15);
        content: '|';
        display: inline-block;
        margin: 0 12px; }
    .feed-stream .meta .author-meta {
      color: rgba(0, 0, 0, 0.55);
      font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2rem;
      margin-bottom: 20px; }
      .feed-stream .meta .author-meta > li {
        display: inline;
        list-style-type: none; }
        .feed-stream .meta .author-meta > li + li::before {
          color: rgba(0, 0, 0, 0.15);
          content: '\2022';
          display: inline-block;
          margin: 0 1rem; }
  .feed-stream .summary {
    color: rgba(0, 0, 0, 0.7);
    font-family: "Source Serif Pro", serif;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 2.8rem; }
  .feed-stream .discover {
    /* [restyle:ui:warn] body1 is deprecated. Please use `@include artdeco(Sans 15px [black/white] 70%)` */
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    font-weight: bold;
    color: #008CC9;
    text-align: center;
    display: block; }
    .feed-stream .discover:lang(ja), .feed-stream .discover:lang(zh), .feed-stream .discover:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .feed-stream .discover:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .feed-stream .discover:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .feed-stream .feed-item-content {
    margin: 24px 0 16px; }
    .has-thumbnail {
      position: relative; }
      .has-thumbnail .summary {
        max-height: 11.2rem;
        overflow: hidden; }
      .has-thumbnail .article-img-wrapper {
        height: 16.8rem;
        float: right;
        margin-left: 24px;
        overflow: hidden;
        width: 264px;
        background: transparent url(/sc/h/1sqvus52byoul1e0r37t0r49g) center center; }
      .has-thumbnail .article-img {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 16.8rem;
        left: 50%;
        position: relative;
        width: auto; }
      .has-thumbnail .feed-item-actions {
        position: absolute;
        left: 0;
        bottom: 24px; }
  .feed-stream .content-actions {
    margin-top: 16px; }
    #layout-main .feed-stream .content-actions button {
      /* [restyle:ui:warn] caption1 is deprecated. Please use `@include artdeco(Sans 13px [black/white] 55%)` */
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.3rem;
      line-height: 1.6rem;
      font-weight: normal;
      font-weight: 600; }
      #layout-main .feed-stream .content-actions button:lang(ja), #layout-main .feed-stream .content-actions button:lang(zh), #layout-main .feed-stream .content-actions button:lang(ko) {
        font-size: 1.1rem;
        line-height: 1.7rem; }
      #layout-main .feed-stream .content-actions button:lang(ar) {
        font-size: 1.3rem;
        line-height: 1.6rem; }
      #layout-main .feed-stream .content-actions button:lang(th) {
        font-size: 1.2rem;
        line-height: 1.8rem; }
    .feed-stream .content-actions li {
      display: inline;
      margin-right: 24px; }
  .feed-stream .member-post.article-img-wrapper {
    width: 744px;
    max-height: 350px;
    overflow: hidden; }
  .feed-stream .member-post .article-img {
    width: 744px;
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%); }

.article-img {
  opacity: 1;
  transition: opacity 0.4s ease-in; }
  .article-img.loading {
    opacity: 0;
    transition: opacity 0.4s ease-in; }

.saved-stream .headline {
  margin-right: 48px; }

.reason-group {
  margin-bottom: 4px; }
  .reason-group .reason {
    float: left; }
  .reason-group time {
    float: right; }
  .reason-group .dropdown-report-this {
    float: right;
    margin: -6px 8px; }
  .reason-group .dropdown-content {
    margin-right: -10px;
    margin-top: -15px; }

.follow-recommendations {
  margin-bottom: 24px;
  position: relative; }
  .follow-recommendations::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    content: '';
    right: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 82px); }

.feed-item-report-this {
  height: 32px;
  width: 32px;
  position: absolute;
  right: 0;
  z-index: 1; }

:lang(ar) .feed-stream .headline {
  padding-right: 0px; }

.published-feed-actions .content {
  bottom: -92px;
  left: -88px; }

.stats-wrapper .social-stats-counts {
  float: left; }
  .stats-wrapper .social-stats-counts li:first-child {
    margin-left: 0; }

.stats-wrapper .view-stats {
  margin: 4px 0 0 12px; }

.saved-feed-actions .content {
  bottom: -92px;
  left: -16px; }

.saved-report-this .dropdown-wrapper .content {
  right: -10px;
  top: 68px; }

.feed-empty-view {
  text-align: center;
  margin: 48px 0; }
  .feed-empty-view h2 {
    /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200;
    margin-bottom: 24px; }
    .feed-empty-view h2:lang(ja), .feed-empty-view h2:lang(zh), .feed-empty-view h2:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .feed-empty-view h2:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .feed-empty-view h2:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
  .feed-empty-view h4 {
    /* [restyle:ui:warn] body2 is deprecated. Please use `@include artdeco(Sans 17px dense [black/white] 70%)` */
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    margin: 24px 0; }
    .feed-empty-view h4:lang(ja), .feed-empty-view h4:lang(zh), .feed-empty-view h4:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.6rem;
      font-weight: normal !important; }
    .feed-empty-view h4:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .feed-empty-view h4:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .feed-empty-view .video-wrapper {
    position: relative;
    height: 418px;
    width: 100%;
    background-image: url(/sc/h/9dytksxhg2ez1qalon4gi890y);
    background-size: 100%;
    margin: 24px 0; }
    .feed-empty-view .video-wrapper #video {
      display: none; }
      .feed-empty-view .video-wrapper #video.show {
        display: block; }
  .feed-empty-view .hide-overlay {
    display: none; }
  .feed-empty-view .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0; }
    .feed-empty-view .overlay h2 {
      margin-top: 78px; }
    .feed-empty-view .overlay h4 {
      padding: 0 96px; }
    .feed-empty-view .overlay h2, .feed-empty-view .overlay h4 {
      color: #FFFFFF; }
    .feed-empty-view .overlay .text-link {
      /* [restyle:ui:warn] body1 is deprecated. Please use `@include artdeco(Sans 15px [black/white] 70%)` */
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      font-family: Georgia, sans-serif;
      font-style: italic;
      color: #FFFFFF; }
      .feed-empty-view .overlay .text-link:lang(ja), .feed-empty-view .overlay .text-link:lang(zh), .feed-empty-view .overlay .text-link:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .feed-empty-view .overlay .text-link:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .feed-empty-view .overlay .text-link:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .feed-empty-view .overlay .text-link:lang(ja), .feed-empty-view .overlay .text-link:lang(zh), .feed-empty-view .overlay .text-link:lang(ko), .feed-empty-view .overlay .text-link:lang(th), .feed-empty-view .overlay .text-link:lang(ar) {
        font-family: inherit;
        font-style: normal; }
    .feed-empty-view .overlay .play {
      padding: 24px;
      margin: 32px;
      border-radius: 50%;
      border: 1px white solid; }
    .feed-empty-view .overlay .divider {
      margin: 16px auto;
      border-top: 1px solid #ccc;
      display: block;
      width: 60px;
      height: 1px; }

#actions-header-feed .content {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 0.66667) + 360px);
  margin-left: calc((576px * 0.16667) + 72px + 24px); }

#actions-header-feed .actions {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 0.16667) + 72px);
  margin-left: calc((576px * 0) - 24px + 49px);
  text-align: right; }

/*
* Custom styles and overrides for Agora comments as they appear for each feed article
*/
#comments.feed .comments-input-container {
  display: none; }

#comments.feed .show-comments-form .comments-input-container {
  display: block; }

#comments.feed .comments-header {
  display: none; }

#comments.feed .comment-badge,
#comments.feed .comment-badge img {
  width: 44px;
  height: 44px; }

#comments.feed .commenter-name {
  font-size: 1.5rem; }

#comments.feed .commenter-title {
  font-size: 1.3rem;
  line-height: 1.6rem; }

#comments.feed .comments-more-button-section {
  font-size: 1.5rem; }

#comments.feed .comment-container {
  padding-left: 8px; }

#comments.feed .comments-threads {
  padding-top: 8px; }

:lang(ar) #comments {
  margin-right: 54px; }

:lang(ar) .comments-container .commenter-name,
:lang(ar) .comments-container .commenter-title,
:lang(ar) .comments-container .message-holder-wrapper {
  margin-right: 16px; }

:lang(ar) .comments-container .message-holder-wrapper p {
  direction: ltr; }

:lang(ar) .comments-container .comments-header .total-comments-wrapper {
  right: -54px; }

:lang(ar) .comments-container .comments-header .comment-sort-button {
  float: left; }

:lang(ar) .comments-container .comments-input-container {
  padding-right: 16px; }

:lang(ar) .comments-container .comments-input-container .comments-badge-link {
  right: -54px;
  margin-left: 2px; }

:lang(ar) .comments-container .comments-threads .comment-time {
  float: left; }

:lang(ar) .comments-container .comment-container .comment-badge {
  right: -54px;
  left: auto;
  margin-left: 2px; }

:lang(ar) .comments-container .comment-container .button-time-holder {
  float: left; }

:lang(ar) .comments-container .comment-container .comment-more-button {
  float: left;
  left: 4px; }

:lang(ar) .comments-container .comment-container .comment-controls-container button {
  float: right; }

:lang(ar) .comments-container .comment-container .comment-controls-container .comment-button-separator {
  float: right;
  border-right: 1px solid #B6B9BC;
  border-left: none;
  margin-right: 16px; }

:lang(ar) .comments-container .comment-container .comment-controls-container .comment-control-label {
  margin-top: 6px; }

:lang(ar) .comments-container .comment-container .comment-controls-container .button-time-holder {
  float: left; }

:lang(ar) .comments-container .comment-container.nested .comment-badge {
  left: auto;
  right: -44px;
  margin-left: 2px; }

@media (max-width: 800px) {
  :lang(ar) .total-comments-wrapper {
    margin-right: 50px; }
  :lang(ar) .comment-container .comment-badge img,
  :lang(ar) .comment-container.nested .comment-badge img {
    margin-right: 64px; }
  :lang(ar) .mentions-input {
    margin-top: 44px; }
  :lang(ar) .comments-input-container .comments-badge-link img {
    margin: 14px 48px 0 0; }
  :lang(ar) .comments-input-container .comments-badge-link {
    margin-top: -16px; }
  :lang(ar) .comments-header {
    width: 100%; }
    :lang(ar) .comments-header .comment-sort-button {
      float: left; }
    :lang(ar) .comments-header .total-comments-wrapper {
      right: -34px; } }

.feed-banner-pivot {
  position: relative; }
  .feed-banner-pivot h1 {
    /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
    color: white;
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200;
    margin-bottom: 4px; }
    .feed-banner-pivot h1:lang(ja), .feed-banner-pivot h1:lang(zh), .feed-banner-pivot h1:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .feed-banner-pivot h1:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .feed-banner-pivot h1:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
  .feed-banner-pivot .banner-content {
    position: absolute;
    text-align: center;
    top: 36px;
    width: 100%; }
  .feed-banner-pivot .followers {
    /* [restyle:ui:warn] body1 is deprecated. Please use `@include artdeco(Sans 15px [black/white] 70%)` */
    color: white;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    display: block;
    margin-bottom: 8px; }
    .feed-banner-pivot .followers:lang(ja), .feed-banner-pivot .followers:lang(zh), .feed-banner-pivot .followers:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .feed-banner-pivot .followers:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .feed-banner-pivot .followers:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .feed-banner-pivot .banner-bg::after {
    background: linear-gradient(90deg, #008CC9, #009EA5 75%);
    opacity: 1; }

.pivot #feed-stream-region {
  margin-top: -72px;
  background-color: white;
  position: relative; }
  .pivot #feed-stream-region::before {
    content: '';
    position: absolute;
    width: 984px;
    height: 74px;
    background-color: white;
    left: 50%;
    margin-left: -492px;
    border-radius: 2px; }
  .pivot #feed-stream-region .feed-stream .feed-item:first-of-type {
    padding-top: 48px; }

#actions-header-pivot .content.no-feed-nav {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 0.83333) + 456px);
  margin-left: calc((576px * 0.16667) + 72px + 24px); }

#actions-header-pivot .actions {
  float: right; }

#actions-header-pivot .pivot-name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
  line-height: 50px;
  vertical-align: middle; }

#article-header .article-banner-image {
  height: auto;
  width: 100%; }

#article-header .article-author-wrapper {
  height: 44px;
  margin: 2.4rem 0 3.6rem; }

#article-header .article-banner-slate {
  height: 396px;
  position: relative;
  overflow: hidden; }

#article-header .article-banner-slate-large {
  height: 596px;
  overflow: hidden;
  margin: 0 -192px;
  width: 1128px;
  max-height: calc(100vh - 71px - 13rem); }
  @media (min-width: 1128px) {
    #article-header .article-banner-slate-large {
      margin: 0 calc((100vw - 744px) / -2);
      width: 100vw; } }

#article-header .article-banner-slate img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%; }

#article-header .article-meta > li {
  display: inline;
  list-style-type: none; }
  #article-header .article-meta > li + li::before {
    color: rgba(0, 0, 0, 0.55);
    content: '|';
    display: inline-block;
    margin: 0 1rem; }

#article-header .article-meta li {
  display: inline; }

#article-header #social-stats {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  z-index: 2; }

#article-header .social-stats-actions .dropdown-content {
  margin-right: -6px; }

#article-header .button-edit {
  position: absolute;
  margin-top: -54px;
  margin-right: -192px;
  right: 0; }

.article-author-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin: 20px 0;
  padding: 15px 0; }

#comments {
  width: calc(100% - 54px);
  margin-left: 54px; }
  @media (max-width: 976px) {
    #comments {
      width: 100%;
      margin-left: 0 auto; } }

.comments-disabled-reader-view {
  padding-top: 24px;
  display: block;
  text-align: center;
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px; }
  .comments-disabled-reader-view:lang(ja), .comments-disabled-reader-view:lang(zh), .comments-disabled-reader-view:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  .comments-disabled-reader-view:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .comments-disabled-reader-view:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

#actions-header-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #actions-header-article .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 180px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #actions-header-article .social-stats {
    line-height: 50px; }
  #actions-header-article .social-stats-actions .dropdown-content {
    margin-right: -10px; }
  #actions-header-article .article-actions {
    float: right; }
    #actions-header-article .article-actions > li {
      display: inline-block;
      list-style-type: none;
      margin: 0; }
  #actions-header-article .button-write {
    margin-right: 4px;
    white-space: nowrap; }

:lang(ar) #actions-header-article {
  -webkit-flex-direction: row; }
  :lang(ar) #actions-header-article .content {
    margin-left: 0px;
    margin-right: 180px; }

:lang(ar) #social-stats {
  float: left; }

:lang(ar) #actions-header-pivot .pivot-name {
  float: right; }

:lang(ar) #actions-header-pivot .actions {
  float: left; }

.tags-wrapper h2,
.tags-wrapper ul {
  /* [restyle:ui:warn] subhead is deprecated. Please use `@include artdeco(Sans 15px semibold [black/white] 55%)` */
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  display: inline; }
  .tags-wrapper h2:lang(ja), .tags-wrapper h2:lang(zh), .tags-wrapper h2:lang(ko),
  .tags-wrapper ul:lang(ja),
  .tags-wrapper ul:lang(zh),
  .tags-wrapper ul:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .tags-wrapper h2:lang(ar),
  .tags-wrapper ul:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .tags-wrapper h2:lang(th),
  .tags-wrapper ul:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.tags-wrapper h2::after {
  content: ' '; }

.tags-wrapper ul > li {
  display: inline;
  list-style-type: none; }
  .tags-wrapper ul > li + li::before {
    content: ',\00a0';
    display: inline-block;
    margin: 0; }

.tags-wrapper a {
  font-weight: normal; }

.flag-article-wrapper {
  /* [restyle:ui:warn] subhead is deprecated. Please use `@include artdeco(Sans 15px semibold [black/white] 55%)` */
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  float: right; }
  .flag-article-wrapper:lang(ja), .flag-article-wrapper:lang(zh), .flag-article-wrapper:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .flag-article-wrapper:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .flag-article-wrapper:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .flag-article-wrapper a {
    color: rgba(0, 0, 0, 0.55);
    font-weight: 400; }
    .flag-article-wrapper a:visited {
      color: rgba(0, 0, 0, 0.55); }
    .flag-article-wrapper a:hover {
      font-weight: normal; }

:lang(ar) .flag-article-wrapper {
  float: left; }

.article-content-footer {
  clear: both; }

.article-author-footer {
  height: 70px; }

.flag-article {
  color: rgba(0, 0, 0, 0.55); }
  .flag-article:visited {
    color: rgba(0, 0, 0, 0.55); }

:lang(ar) #entity-actions-footer {
  float: left; }

.article-likes {
  width: 552px; }
  .article-likes .feed-loading {
    overflow: hidden;
    text-align: center; }
  .article-likes .article-likes-title {
    color: rgba(0, 0, 0, 0.85);
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin-bottom: 1.2rem; }
  .article-likes .no-likes {
    text-align: center; }

.article-like {
  height: 54px;
  padding: 16px 0;
  position: relative; }
  .article-like + .article-like::after {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    content: '';
    right: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 66px); }

#related-content-horizontal-images,
#related-content-vertical-list,
#top-content {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 1) + 552px);
  margin-left: calc((576px * 0) - 24px + 49px);
  margin: 0 -192px 0;
  float: none; }

.related-content-inner {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 32px;
  margin: 48px auto 0; }

.related-content-reason {
  color: rgba(0, 0, 0, 0.85);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 2.8rem;
  margin-bottom: 2.4rem; }
  .related-content-reason a {
    color: rgba(0, 0, 0, 0.7); }
    .related-content-reason a:visited {
      color: rgba(0, 0, 0, 0.7); }

.related-content-item {
  /* [restyle:ui:warn] subhead is deprecated. Please use `@include artdeco(Sans 15px semibold [black/white] 55%)` */
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 0.33333) + 168px);
  margin-left: calc((576px * 0) - 24px + 49px);
  list-style-type: none; }
  .related-content-item:lang(ja), .related-content-item:lang(zh), .related-content-item:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .related-content-item:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .related-content-item:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .related-content-item:first-child {
    margin-left: 0; }

.related-content-image {
  background: transparent url(/sc/h/1sqvus52byoul1e0r37t0r49g) center center/100% auto;
  height: 120px;
  margin-bottom: 1.6rem; }
  .related-content-image a {
    display: block;
    height: 100%; }

.related-content-meta,
.related-content-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.related-content-title {
  /* [restyle:ui:warn] headline2 is deprecated. Please use `@include artdeco(Sans 21px [black/white] 85%)` */
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200;
  margin-bottom: .8rem; }
  .related-content-title:lang(ja), .related-content-title:lang(zh), .related-content-title:lang(ko) {
    font-size: 2rem;
    line-height: 2.8rem; }
  .related-content-title:lang(ar) {
    font-size: 2.1rem;
    line-height: 2.6rem; }
  .related-content-title:lang(th) {
    font-size: 1.9rem;
    line-height: 2.6rem; }
  .related-content-title a {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 400; }
    .related-content-title a:visited {
      color: rgba(0, 0, 0, 0.85); }

.related-content-meta {
  display: block; }
  .related-content-meta > li {
    display: inline-block;
    list-style-type: none; }
    .related-content-meta > li + li::before {
      color: rgba(0, 0, 0, 0.15);
      content: '\2022';
      display: inline-block;
      margin: 0 1rem; }

.simple-vertical-list {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc((576px * 1) + 552px);
  margin-left: calc((576px * 0) - 24px + 24px);
  background-color: #F6F8FA;
  padding: 48px 0 0;
  margin: -82px 0 48px; }
  .simple-vertical-list .related-content-wrapper {
    box-sizing: border-box;
    float: left;
    margin-bottom: 24px;
    margin-right: -1px;
    position: relative;
    width: calc((576px * 0.66667) + 360px);
    margin-left: calc((576px * 0) - 24px + 49px);
    left: calc((576px * 0.16667) + 72px ); }
  .simple-vertical-list .related-content-reason {
    /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal; }
    .simple-vertical-list .related-content-reason:lang(ja), .simple-vertical-list .related-content-reason:lang(zh), .simple-vertical-list .related-content-reason:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .simple-vertical-list .related-content-reason:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .simple-vertical-list .related-content-reason:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .simple-vertical-list .related-content-image {
    display: none; }
  .simple-vertical-list .related-content-item {
    /* [restyle:ui:warn] subhead is deprecated. Please use `@include artdeco(Sans 15px semibold [black/white] 55%)` */
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    box-sizing: border-box;
    float: left;
    margin-bottom: 24px;
    margin-right: -1px;
    position: relative;
    width: calc((576px * 0.66667) + 360px);
    margin-left: calc((576px * 0) - 24px + 49px);
    right: calc((576px * 0.16667) + 72px + 24px);
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0; }
    .simple-vertical-list .related-content-item:lang(ja), .simple-vertical-list .related-content-item:lang(zh), .simple-vertical-list .related-content-item:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .simple-vertical-list .related-content-item:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .simple-vertical-list .related-content-item:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }

.numbered-columns {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 1) + 552px);
  margin-left: calc((576px * 0) - 24px + 24px);
  background: linear-gradient(to right, #1778a4, #6e62a4);
  padding: 48px 0;
  margin: -48px 0;
  counter-reset: section; }
  .numbered-columns .related-content-reason {
    /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200;
    padding-bottom: 12px;
    text-align: center;
    color: #FFFFFF; }
    .numbered-columns .related-content-reason:lang(ja), .numbered-columns .related-content-reason:lang(zh), .numbered-columns .related-content-reason:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .numbered-columns .related-content-reason:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .numbered-columns .related-content-reason:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
  .numbered-columns .related-content-image {
    display: none; }
  .numbered-columns .related-content-item {
    /* [restyle:ui:warn] subhead is deprecated. Please use `@include artdeco(Sans 15px semibold [black/white] 55%)` */
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    box-sizing: border-box;
    float: left;
    margin-bottom: 24px;
    margin-right: -1px;
    position: relative;
    width: calc((576px * 0.375) + 192px);
    margin-left: calc((576px * 0) - 24px + 24px);
    left: calc((576px * 0.125) + 48px + 24px);
    background-color: rgba(255, 255, 255, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px 18px 12px 2px;
    padding: 18px;
    height: 112px; }
    .numbered-columns .related-content-item:lang(ja), .numbered-columns .related-content-item:lang(zh), .numbered-columns .related-content-item:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .numbered-columns .related-content-item:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .numbered-columns .related-content-item:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .numbered-columns .related-content-item .related-content-meta,
    .numbered-columns .related-content-item .related-content-title,
    .numbered-columns .related-content-item .related-content-title a {
      color: #FFFFFF;
      max-height: 48px;
      overflow: hidden; }
    .numbered-columns .related-content-item .item-number {
      /* [restyle:ui:warn] display2 is deprecated. Please use `@include artdeco(Sans 34px [black/white] 85%)` */
      color: rgba(0, 0, 0, 0.85);
      font-size: 3.4rem;
      line-height: 3.6rem;
      font-weight: 200;
      counter-increment: section;
      content: counter(section);
      color: #FFFFFF;
      float: left;
      padding: 0 24px 0 8px; }
      .numbered-columns .related-content-item .item-number:lang(ja), .numbered-columns .related-content-item .item-number:lang(zh), .numbered-columns .related-content-item .item-number:lang(ko) {
        font-size: 2.8rem;
        line-height: 3.8rem; }
      .numbered-columns .related-content-item .item-number:lang(ar) {
        font-size: 3.4rem;
        line-height: 4.1rem; }
      .numbered-columns .related-content-item .item-number:lang(th) {
        font-size: 2.8rem;
        line-height: 4rem; }
      .numbered-columns .related-content-item .item-number::before {
        content: counter(section); }
    .numbered-columns .related-content-item .related-content-wrapper {
      margin-right: 8px; }

.share-prompt {
  display: none;
  text-align: center;
  margin: 48px 0;
  position: relative; }
  .share-prompt h2 {
    /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200; }
    .share-prompt h2:lang(ja), .share-prompt h2:lang(zh), .share-prompt h2:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .share-prompt h2:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .share-prompt h2:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
  .share-prompt h3 {
    /* [restyle:ui:warn] body1 is deprecated. Please use `@include artdeco(Sans 15px [black/white] 70%)` */
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    margin: 4px 0 16px; }
    .share-prompt h3:lang(ja), .share-prompt h3:lang(zh), .share-prompt h3:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .share-prompt h3:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .share-prompt h3:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .share-prompt .share-button {
    color: #FFFFFF; }
    .share-prompt .share-button:hover, .share-prompt .share-button:visited {
      color: #FFFFFF; }
  .share-prompt .dismiss {
    position: absolute;
    top: -16px;
    right: 0; }

.follow-buttons-container {
  display: none; }

.slate-follow-button {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  right: 0; }
  .slate-follow-button button {
    padding: 0 16px 0 20px;
    vertical-align: top; }
  .slate-follow-button.slate-follow-button_unfollow .slate-follow-button_icon {
    display: none; }

#actions-header-author .content.no-feed-nav {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 1) + 552px);
  margin-left: calc((576px * 0) - 24px + 24px); }

#actions-header-author .actions,
#actions-header-author .social-stats {
  float: right; }

.connection {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 70px;
  padding: 17px 0 16px;
  position: relative; }
  .connection + .connection::before {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    content: '';
    right: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 82px); }
  .author-connections .connection:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 16px; }
  .connection .button-follow {
    min-width: 110px;
    text-align: center; }
    .connection .button-follow.active {
      color: rgba(0, 0, 0, 0.55); }

.semaphore-flagging #modal .modal-dialog {
  position: relative; }

.semaphore-flagging #modal header h1 {
  padding-left: 5px; }

.semaphore-flagging #modal .back {
  cursor: pointer;
  width: 18px;
  height: 21px;
  position: absolute;
  top: 21px;
  left: 8px; }

.semaphore-flagging #modal .semaphore-body {
  width: 455px;
  padding-left: 5px;
  overflow: auto; }
  .semaphore-flagging #modal .semaphore-body .success-group li-icon,
  .semaphore-flagging #modal .semaphore-body .additional-actions li-icon {
    float: left;
    width: 25px;
    height: 30px; }
  .semaphore-flagging #modal .semaphore-body .success-group {
    padding: 20px 0 0 0;
    border-bottom: 1px solid #ccc; }
    .semaphore-flagging #modal .semaphore-body .success-group .success-icon {
      color: #66972A; }
    .semaphore-flagging #modal .semaphore-body .success-group .success-text {
      /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: normal;
      padding: 0 0 20px 15px; }
      .semaphore-flagging #modal .semaphore-body .success-group .success-text:lang(ja), .semaphore-flagging #modal .semaphore-body .success-group .success-text:lang(zh), .semaphore-flagging #modal .semaphore-body .success-group .success-text:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .semaphore-flagging #modal .semaphore-body .success-group .success-text:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .semaphore-flagging #modal .semaphore-body .success-group .success-text:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
  .semaphore-flagging #modal .semaphore-body .additional-actions {
    padding: 20px 0; }
    .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline {
      /* [restyle:ui:warn] caption1 is deprecated. Please use `@include artdeco(Sans 13px [black/white] 55%)` */
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.3rem;
      line-height: 1.6rem;
      font-weight: normal; }
      .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline:lang(ja), .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline:lang(zh), .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline:lang(ko) {
        font-size: 1.1rem;
        line-height: 1.7rem; }
      .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline:lang(ar) {
        font-size: 1.3rem;
        line-height: 1.6rem; }
      .semaphore-flagging #modal .semaphore-body .additional-actions .action-headline:lang(th) {
        font-size: 1.2rem;
        line-height: 1.8rem; }
    .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option {
      margin-left: -4px; }
    .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a {
      display: block;
      padding: 20px 0 0 0; }
      .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a:hover {
        color: #0077b5; }
        .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a:hover .success-action {
          color: #0077b5; }
      .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action {
        /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
        color: rgba(0, 0, 0, 0.85);
        font-size: 1.7rem;
        line-height: 2rem;
        font-weight: normal;
        padding: 0 0 0 15px; }
        .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action:lang(ja), .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action:lang(zh), .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action:lang(ko) {
          font-size: 1.6rem;
          line-height: 2.3rem; }
        .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action:lang(ar) {
          font-size: 1.7rem;
          line-height: 2.1rem; }
        .semaphore-flagging #modal .semaphore-body .additional-actions .action-options .option a .success-action:lang(th) {
          font-size: 1.5rem;
          line-height: 2.2rem; }
  .semaphore-flagging #modal .semaphore-body .pagination {
    width: 35px;
    margin: 0 auto;
    padding: 0 0 16px 0; }
    .semaphore-flagging #modal .semaphore-body .pagination .page {
      color: #999; }
      .semaphore-flagging #modal .semaphore-body .pagination .page::before {
        content: "\25cf";
        color: inherit;
        font-size: 12px; }
      .semaphore-flagging #modal .semaphore-body .pagination .page.selected {
        color: #333; }
  .semaphore-flagging #modal .semaphore-body .options dl {
    cursor: pointer; }
    .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason {
      /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: normal; }
      .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason:lang(ja), .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason:lang(zh), .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .semaphore-flagging #modal .semaphore-body .options dl .flagging-reason:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
    .semaphore-flagging #modal .semaphore-body .options dl .flagging-description {
      color: rgba(0, 0, 0, 0.55);
      font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 2rem;
      padding: 3px 20px 24px 0; }
    .semaphore-flagging #modal .semaphore-body .options dl .next {
      float: right;
      width: 18px;
      height: 21px; }

.tooltip-wrapper {
  position: relative;
  display: inline; }
  .tooltip-wrapper .tooltip {
    font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
    line-height: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 2px;
    color: white;
    padding: 5px 18px 8px;
    opacity: 0;
    position: absolute;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    visibility: hidden;
    z-index: 999;
    bottom: calc(100% + 12px);
    left: calc(50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    bottom: 40px;
    left: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 1; }
    .tooltip-wrapper .tooltip:lang(ja), .tooltip-wrapper .tooltip:lang(zh), .tooltip-wrapper .tooltip:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem; }
    .tooltip-wrapper .tooltip:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .tooltip-wrapper .tooltip:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .tooltip-wrapper .tooltip:after {
      border-color: transparent;
      border-style: solid;
      border-top-color: rgba(0, 0, 0, 0.85);
      border-width: 8px 8px 0;
      bottom: -8px;
      content: " ";
      height: 0;
      left: 50%;
      margin-left: -8px;
      position: absolute;
      width: 0; }
    .tooltip-wrapper .tooltip.active {
      opacity: 1;
      transition-delay: 0s;
      visibility: visible; }

.actions-header .tooltip {
  bottom: -50px; }
  .actions-header .tooltip::after {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.85);
    border-width: 8px;
    top: -16px; }
  .actions-header .tooltip::before {
    border-color: transparent;
    border-bottom-color: #c2e1f5;
    border-width: 8px; }

.actions-header {
  transition: all 0.2s ease-in-out;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  left: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 48px;
  position: fixed;
  top: 71px;
  vertical-align: middle;
  width: 100%;
  z-index: 10; }
  @media (max-width: 1128px) {
    .actions-header {
      display: none !important; } }
  :lang(ar) .actions-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .actions-header:empty {
    display: none; }
  .actions-header.slider {
    opacity: 0;
    visibility: hidden; }
    .actions-header.slider.slide-in {
      opacity: 1;
      visibility: visible; }
    .actions-header.slider.slide-out {
      opacity: 0;
      visibility: hidden; }
  .actions-header .content {
    width: 744px; }
  .actions-header .aside {
    text-align: right; }
    :lang(ar) .actions-header .aside {
      text-align: left; }
  .actions-header .entity-image-user {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background-clip: content-box;
    border-radius: 49.9%;
    border: 3px solid transparent;
    /* [restyle:ui:warn] CircleEntityPhoto2 is deprecated. Please use `@include artdeco(circle EntityPhoto 2)` */
    float: left;
    margin-right: 8px;
    margin-top: 5px;
    margin-left: 8px;
    overflow: hidden; }
    .actions-header .entity-image-user:nth-of-type(1n+2) {
      margin-left: 8px; }
  .actions-header .title,
  .actions-header .entity-name,
  .actions-header .pivot-name {
    /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 50px;
    margin: 0;
    padding-right: 24px;
    vertical-align: middle; }
    .actions-header .title:lang(ja), .actions-header .title:lang(zh), .actions-header .title:lang(ko),
    .actions-header .entity-name:lang(ja),
    .actions-header .entity-name:lang(zh),
    .actions-header .entity-name:lang(ko),
    .actions-header .pivot-name:lang(ja),
    .actions-header .pivot-name:lang(zh),
    .actions-header .pivot-name:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .actions-header .title:lang(ar),
    .actions-header .entity-name:lang(ar),
    .actions-header .pivot-name:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .actions-header .title:lang(th),
    .actions-header .entity-name:lang(th),
    .actions-header .pivot-name:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }

.author-profile {
  border-radius: 2px;
  background-color: white;
  margin: -72px -120px 0;
  position: relative; }
  .author-profile .author-image {
    display: inline-block;
    margin-top: -72px; }
    .author-profile .author-image img {
      height: 94px;
      width: 94px;
      border-radius: 50%;
      overflow: hidden;
      border: 5px solid white;
      box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
      margin-bottom: 8px; }
  .author-profile .primary-headline {
    /* [restyle:ui:warn] display1 is deprecated. Please use `@include artdeco(Sans 26px [black/white] 85%)` */
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200;
    margin-bottom: 4px; }
    .author-profile .primary-headline:lang(ja), .author-profile .primary-headline:lang(zh), .author-profile .primary-headline:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .author-profile .primary-headline:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .author-profile .primary-headline:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
  .author-profile .secondary-headline {
    /* [restyle:ui:warn] caption1 is deprecated. Please use `@include artdeco(Sans 13px [black/white] 55%)` */
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: normal;
    line-height: 2rem;
    margin-bottom: 16px; }
    .author-profile .secondary-headline:lang(ja), .author-profile .secondary-headline:lang(zh), .author-profile .secondary-headline:lang(ko) {
      font-size: 1.1rem;
      line-height: 1.7rem; }
    .author-profile .secondary-headline:lang(ar) {
      font-size: 1.3rem;
      line-height: 1.6rem; }
    .author-profile .secondary-headline:lang(th) {
      font-size: 1.2rem;
      line-height: 1.8rem; }
  .author-profile .author-actions {
    margin-top: 20px;
    text-align: center; }

.button-follow + .button-action {
  margin-left: 8px; }

.feed-banner {
  height: 215px;
  width: 100%; }
  .feed-banner .prompt {
    color: white;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle; }
  .feed-banner .actions {
    width: 1128px;
    box-sizing: content-box;
    padding: 0 30px;
    display: block;
    margin: auto;
    position: relative;
    /* [restyle:ui:warn] body2 is deprecated. Please use `@include artdeco(Sans 17px dense [black/white] 70%)` */
    color: white;
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    margin: 0 auto;
    line-height: 50px;
    vertical-align: middle;
    z-index: 2; }
    .feed-banner .actions:lang(ja), .feed-banner .actions:lang(zh), .feed-banner .actions:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.6rem;
      font-weight: normal !important; }
    .feed-banner .actions:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .feed-banner .actions:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .with-ad .feed-banner .actions {
    margin: 34px auto 0; }

.banner-bg {
  background-position: center center;
  background-image: url(/sc/h/54611ig3jeen9wtv1tx4eetgv);
  background-size: cover;
  position: absolute;
  height: 215px;
  width: 100%; }
  .banner-bg .has-user-bg {
    background: linear-gradient(45deg, #008cc9, #726fca 50%); }
  .banner-bg:not(.has-user-bg)::after {
    background: linear-gradient(45deg, #008cc9, #726fca 50%);
    opacity: 0.7;
    content: ' ';
    position: absolute;
    width: 100%;
    height: 215px;
    top: 0; }

.branding {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 0.16667) + 72px);
  margin-left: calc((576px * 0) - 24px + 24px); }

.pulse-logo {
  /* [restyle:ui:warn] headline1 is deprecated. Please use `@include artdeco(Sans 17px [black/white] 85%)` */
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  line-height: 50px; }
  .pulse-logo:lang(ja), .pulse-logo:lang(zh), .pulse-logo:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  .pulse-logo:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  .pulse-logo:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }
  .pulse-logo li-icon {
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    line-height: 16px;
    margin: 0 4px -2px 0; }

.pulse-logo a,
a.pulse-logo {
  color: rgba(0, 0, 0, 0.85); }
  .pulse-logo a:visited,
  a.pulse-logo:visited {
    color: rgba(0, 0, 0, 0.85); }
  .pulse-logo a.inverse,
  a.pulse-logo.inverse {
    color: white; }
    .pulse-logo a.inverse li-icon,
    a.pulse-logo.inverse li-icon {
      color: white; }

.button-action:visited {
  color: #008CC9; }

.button-follow:not(.button-link).active {
  color: rgba(0, 0, 0, 0.55) !important; }
  .button-follow:not(.button-link).active:hover {
    color: rgba(0, 0, 0, 0.85) !important; }

.button-follow.button-secondary-medium.active {
  box-shadow: none; }

.button-follow.button-secondary-medium-inverse.active {
  color: #FFFFFF !important; }
  .button-follow.button-secondary-medium-inverse.active:hover {
    color: #FFFFFF !important; }

#floating-share-button {
  margin-right: -60px;
  position: absolute;
  right: 0; }
  #floating-share-button .button-share .li-icon {
    padding: 4px; }
  #floating-share-button .share-dropdown-content {
    right: -6px; }

.button-facebook {
  background-color: #3b5998 !important;
  margin: 4px; }
  .button-facebook:hover:enabled {
    background-color: #2f4779 !important; }

.button-twitter {
  background-color: #00aced !important;
  margin: 4px; }
  .button-twitter:hover:enabled {
    background-color: #009ad5 !important; }

.button-stats li-icon {
  color: #008CC9;
  vertical-align: middle; }

.loading-view, .initial-loader {
  color: #008CC9;
  text-align: center;
  display: block;
  height: 500px; }

.initial-loader {
  width: 100%; }

.entity-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.entity-image {
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .entity-image a,
  .entity-image img {
    display: block;
    height: 100%; }

.entity-image-user img {
  width: 100%; }

.article-author-wrapper .entity-image-user,
.article-like .entity-image-user {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  /* [restyle:ui:warn] CircleEntityPhoto3 is deprecated. Please use `@include artdeco(circle EntityPhoto 3)` */
  margin-right: 12px; }
  .article-author-wrapper .entity-image-user:nth-of-type(1n+2),
  .article-like .entity-image-user:nth-of-type(1n+2) {
    margin-left: 0; }

.article-like .entity-image-user {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 2px solid transparent;
  /* [restyle:ui:warn] CircleEntityPhoto3 is deprecated. Please use `@include artdeco(circle EntityPhoto 3)` */
  margin-right: 12px; }
  .article-like .entity-image-user:nth-of-type(1n+2) {
    margin-left: 0; }

.connection-user .entity-image-user,
#article-footer .entity-image-user {
  width: 72px;
  height: 72px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 49.9%;
  border: 1px solid transparent;
  /* [restyle:ui:warn] CircleEntityPhoto5 is deprecated. Please use `@include artdeco(circle EntityPhoto 5)` */
  margin-right: 16px; }
  .connection-user .entity-image-user:nth-of-type(1n+2),
  #article-footer .entity-image-user:nth-of-type(1n+2) {
    margin-left: 4px; }

.entity-image-company {
  width: 72px;
  height: 72px;
  box-sizing: border-box;
  background-clip: content-box;
  border-radius: 6px;
  border: 4px solid transparent;
  /* [restyle:ui:warn] SquareEntityPhoto5 is deprecated. Please use `@include artdeco(square EntityPhoto 5)` */
  margin-right: 16px; }
  .entity-image-company:nth-of-type(1n+2) {
    margin-left: 4px; }
  .entity-image-company a,
  .entity-image-company img {
    min-width: 100%; }
  .entity-image-company img {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: relative; }

.entity-headline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 12px; }

.entity-name {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .entity-name a {
    color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .entity-name a:visited {
      color: rgba(0, 0, 0, 0.7); }
  .entity-name .influencer {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    display: inline-block;
    margin: 0 4px 0 4px;
    padding: 0 4px 0 4px;
    text-transform: uppercase; }
    .entity-name .influencer svg {
      height: 24px;
      width: 24px;
      color: #34B3E4;
      display: inline-block;
      margin: -2px -4px -2px 0;
      vertical-align: bottom; }
  .entity-name .button-link {
    font-size: 1.5rem; }
  .entity-name .follow-action::before {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    content: '';
    height: 2rem;
    margin: 0 8px; }

.entity-headline,
.entity-counts {
  color: rgba(0, 0, 0, 0.55);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem; }

.entity-counts > li {
  display: inline-block;
  list-style-type: none; }
  .entity-counts > li + li::before {
    color: rgba(0, 0, 0, 0.55);
    content: '|';
    display: inline-block;
    margin: 0 1rem; }

.entity-actions {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  float: right;
  z-index: 2; }

.entity-content {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%; }

:lang(ar) .entity-image-user {
  float: right; }

:lang(ar) .entity-name {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2rem; }

:lang(ar) .entity-headline {
  color: rgba(0, 0, 0, 0.55);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem; }

:lang(ar) .entity-actions {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  margin-bottom: 8px; }

:lang(ar) .actions-header .entity-name {
  padding: 12px 0; }

.entity-counts > li {
  display: inline-block;
  list-style-type: none; }
  .entity-counts > li + li::before {
    color: rgba(0, 0, 0, 0.35);
    content: '|';
    display: inline-block;
    margin: 0 12px; }

nav .entity-counts a {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 400;
  font-size: 1.3rem; }
  nav .entity-counts a:visited {
    color: rgba(0, 0, 0, 0.55); }
  nav .entity-counts a .count {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    font-weight: 600; }
  nav .entity-counts a.active {
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600; }

:lang(ar) .entity-counts > li {
  padding-right: 12px; }

.influencer-icon {
  display: inline-block;
  margin-left: 8px; }
  .influencer-icon.feed {
    height: 19px;
    margin-bottom: -5px; }
  .influencer-icon.article {
    height: 16px;
    margin-bottom: -4px; }

.influencer-icon-bg {
  display: inline-block;
  background-image: url(/sc/h/dwo72gojbyakubvwcnt4xc0wd);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 17px;
  width: 70px;
  margin-left: 4px;
  vertical-align: bottom; }

.dropdown-social-actions a,
.dropdown-social-actions li-icon,
.dropdown-social-actions .icons-label {
  line-height: 32px;
  vertical-align: middle; }

.dropdown-social-actions a {
  display: block;
  font-weight: normal !important;
  padding: 8px; }

.dropdown-social-actions li {
  display: block;
  text-align: left; }

.dropdown-social-actions li-icon {
  margin-right: 8px; }

.dropdown-report-this .content {
  margin-right: -10px; }

.dropdown-wrapper {
  border-bottom: none;
  display: inline-block;
  position: relative; }
  .dropdown-wrapper .dropdown-content {
    background-clip: padding-box;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    position: relative;
    width: 272px;
    display: none;
    position: absolute;
    right: 0;
    top: 50px;
    width: 140px;
    z-index: 1; }
    .dropdown-wrapper .dropdown-content h1, .dropdown-wrapper .dropdown-content h2, .dropdown-wrapper .dropdown-content h3, .dropdown-wrapper .dropdown-content h4, .dropdown-wrapper .dropdown-content h5 {
      font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
      line-height: 32px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.85);
      font-size: 15px;
      height: 32px;
      margin-bottom: 0;
      padding: 2px 16px 0; }
      .dropdown-wrapper .dropdown-content h1:lang(ja), .dropdown-wrapper .dropdown-content h1:lang(zh), .dropdown-wrapper .dropdown-content h1:lang(ko), .dropdown-wrapper .dropdown-content h2:lang(ja), .dropdown-wrapper .dropdown-content h2:lang(zh), .dropdown-wrapper .dropdown-content h2:lang(ko), .dropdown-wrapper .dropdown-content h3:lang(ja), .dropdown-wrapper .dropdown-content h3:lang(zh), .dropdown-wrapper .dropdown-content h3:lang(ko), .dropdown-wrapper .dropdown-content h4:lang(ja), .dropdown-wrapper .dropdown-content h4:lang(zh), .dropdown-wrapper .dropdown-content h4:lang(ko), .dropdown-wrapper .dropdown-content h5:lang(ja), .dropdown-wrapper .dropdown-content h5:lang(zh), .dropdown-wrapper .dropdown-content h5:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .dropdown-wrapper .dropdown-content h1:lang(ar), .dropdown-wrapper .dropdown-content h2:lang(ar), .dropdown-wrapper .dropdown-content h3:lang(ar), .dropdown-wrapper .dropdown-content h4:lang(ar), .dropdown-wrapper .dropdown-content h5:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .dropdown-wrapper .dropdown-content h1:lang(th), .dropdown-wrapper .dropdown-content h2:lang(th), .dropdown-wrapper .dropdown-content h3:lang(th), .dropdown-wrapper .dropdown-content h4:lang(th), .dropdown-wrapper .dropdown-content h5:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .dropdown-wrapper .dropdown-content h1:first-child, .dropdown-wrapper .dropdown-content h2:first-child, .dropdown-wrapper .dropdown-content h3:first-child, .dropdown-wrapper .dropdown-content h4:first-child, .dropdown-wrapper .dropdown-content h5:first-child {
        margin-top: -4px; }
    .dropdown-wrapper .dropdown-content ul {
      list-style-type: none; }
      .dropdown-wrapper .dropdown-content ul a {
        font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
        line-height: 32px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.7);
        font-size: 15px;
        display: block;
        height: 32px;
        padding: 0 16px; }
        .dropdown-wrapper .dropdown-content ul a:lang(ja), .dropdown-wrapper .dropdown-content ul a:lang(zh), .dropdown-wrapper .dropdown-content ul a:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem; }
        .dropdown-wrapper .dropdown-content ul a:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .dropdown-wrapper .dropdown-content ul a:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
        .dropdown-wrapper .dropdown-content ul a:hover, .dropdown-wrapper .dropdown-content ul a.hover, .dropdown-wrapper .dropdown-content ul a:focus, .dropdown-wrapper .dropdown-content ul a.focus {
          font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
          line-height: 32px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.55);
          font-size: 15px;
          color: #008cc9;
          background-color: #edf0f3;
          text-decoration: none; }
          .dropdown-wrapper .dropdown-content ul a:hover:lang(ja), .dropdown-wrapper .dropdown-content ul a:hover:lang(zh), .dropdown-wrapper .dropdown-content ul a:hover:lang(ko), .dropdown-wrapper .dropdown-content ul a.hover:lang(ja), .dropdown-wrapper .dropdown-content ul a.hover:lang(zh), .dropdown-wrapper .dropdown-content ul a.hover:lang(ko), .dropdown-wrapper .dropdown-content ul a:focus:lang(ja), .dropdown-wrapper .dropdown-content ul a:focus:lang(zh), .dropdown-wrapper .dropdown-content ul a:focus:lang(ko), .dropdown-wrapper .dropdown-content ul a.focus:lang(ja), .dropdown-wrapper .dropdown-content ul a.focus:lang(zh), .dropdown-wrapper .dropdown-content ul a.focus:lang(ko) {
            font-size: 1.4rem;
            line-height: 2.2rem; }
          .dropdown-wrapper .dropdown-content ul a:hover:lang(ar), .dropdown-wrapper .dropdown-content ul a.hover:lang(ar), .dropdown-wrapper .dropdown-content ul a:focus:lang(ar), .dropdown-wrapper .dropdown-content ul a.focus:lang(ar) {
            font-size: 1.5rem;
            line-height: 2rem; }
          .dropdown-wrapper .dropdown-content ul a:hover:lang(th), .dropdown-wrapper .dropdown-content ul a.hover:lang(th), .dropdown-wrapper .dropdown-content ul a:focus:lang(th), .dropdown-wrapper .dropdown-content ul a.focus:lang(th) {
            font-size: 1.3rem;
            line-height: 2rem; }
    .dropdown-wrapper .dropdown-content hr {
      margin: 8px 0 4px;
      width: 100%; }
    .dropdown-wrapper .dropdown-content:before, .dropdown-wrapper .dropdown-content:after {
      left: 100%;
      position: absolute; }
    .dropdown-wrapper .dropdown-content:before {
      border-color: transparent;
      border-style: solid;
      border-width: 0;
      border-bottom: 10px #d0d3d6 solid;
      content: "";
      height: 0;
      width: 0;
      border-left-width: 10px;
      border-right-width: 10px;
      margin-left: -35px;
      top: -10px; }
    .dropdown-wrapper .dropdown-content:after {
      border-color: transparent;
      border-style: solid;
      border-width: 0;
      border-bottom: 9px white solid;
      content: "";
      height: 0;
      width: 0;
      border-left-width: 9px;
      border-right-width: 9px;
      margin-left: -34px;
      top: -9px; }
  .dropdown-wrapper.active .dropdown-content {
    display: block; }

.feed-item-actions {
  margin-top: 16px; }
  .feed-item-actions > li {
    display: inline-block;
    list-style-type: none;
    margin: 0 16px 0 0; }
  .feed-item-actions [class^='button'] {
    font-weight: 600; }
  .feed-item-actions li-icon[size="small"]:lang(ar) {
    padding-left: 6px; }

.social-actions-wrapper {
  text-align: center;
  margin: 4.8rem 0; }
  .social-actions-wrapper .article-footer-actions > li {
    display: inline-block;
    list-style-type: none;
    margin: 0 12px; }
  .social-actions-wrapper .article-footer-actions .share-dropdown-content {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: -25px;
    top: 54px; }

#social-actions .tooltip {
  margin-top: 12px; }

#social-stats {
  float: right; }

.social-stats {
  color: rgba(0, 0, 0, 0.55);
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-right: 1px;
  text-align: center;
  vertical-align: middle; }
  .social-stats > li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 16px; }
  .social-stats > li {
    float: left; }
  .social-stats .count {
    color: rgba(0, 0, 0, 0.7);
    font: 600 1.7rem "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif; }
  .social-stats a {
    color: rgba(0, 0, 0, 0.55);
    font-weight: 400; }
    .social-stats a:hover {
      color: rgba(0, 0, 0, 0.85); }

.social-stats-actions .count {
  margin: 0 8px 0 8px; }

.social-stats-counts .stats-action {
  line-height: 4.2rem; }

.social-stats-counts .count {
  display: block; }

.stats-action {
  line-height: 40px;
  padding-left: 24px;
  position: relative; }
  .stats-action::before {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    content: '';
    position: absolute;
    left: 0;
    height: 28px;
    margin-top: -14px;
    top: 50%; }

:lang(ar) .social-stats-actions > li {
  margin: 0 0 0 12px; }

body.has-modal {
  overflow: hidden; }
  body.has-modal::after {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    left: 0;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10500; }

.modal {
  background: white;
  background-clip: content-box;
  border: 1px rgba(0, 0, 0, 0.05) solid;
  border-radius: 2px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  max-height: 80vh;
  overflow: hidden;
  z-index: 11000; }
  .modal > [role="document"] > header {
    border-bottom: 1px rgba(0, 0, 0, 0.15) solid;
    box-sizing: border-box;
    padding: 16px 48px 16px 24px;
    position: relative; }
    .modal > [role="document"] > header h1 {
      font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
      line-height: 28px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.85);
      font-size: 21px;
      margin-bottom: 0; }
      .modal > [role="document"] > header h1:lang(ja), .modal > [role="document"] > header h1:lang(zh), .modal > [role="document"] > header h1:lang(ko) {
        font-size: 2rem;
        line-height: 2.8rem; }
      .modal > [role="document"] > header h1:lang(ar) {
        font-size: 2.1rem;
        line-height: 2.6rem; }
      .modal > [role="document"] > header h1:lang(th) {
        font-size: 1.9rem;
        line-height: 2.6rem; }
    .modal > [role="document"] > header .dismiss {
      background-color: transparent;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: black;
      cursor: pointer;
      display: inline-block;
      font-size: 0;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 0;
      position: absolute;
      text-align: center;
      text-decoration: none;
      transition-duration: 167ms;
      transition-property: background-color, box-shadow, color;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      right: 12px;
      top: 12px; }
      .modal > [role="document"] > header .dismiss > svg, .modal > [role="document"] > header .dismiss li-icon {
        top: calc(50% + 4px);
        height: 16px;
        left: calc(50% + 4px);
        margin: -12px 0 0 -12px;
        padding: 0;
        position: absolute;
        width: 16px; }
      .modal > [role="document"] > header .dismiss > svg, .modal > [role="document"] > header .dismiss li-icon > svg {
        transition: -webkit-transform 167ms;
        transition: transform 167ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .modal > [role="document"] > header .dismiss li-icon > svg {
        display: block;
        vertical-align: top; }
      .modal > [role="document"] > header .dismiss:after {
        border-color: rgba(0, 94, 147, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 50vw;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: padding 334ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
        .edge .modal > [role="document"] > header .dismiss:after, .ie .modal > [role="document"] > header .dismiss:after {
          padding: 100%; }
      .edge .modal > [role="document"] > header .dismiss, .ie .modal > [role="document"] > header .dismiss {
        border-radius: 24px; }
      .modal > [role="document"] > header .dismiss:not(:disabled)[data-is-animating-click=true], .modal > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true] {
        color: #005e93;
        transition-duration: 140ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .modal > [role="document"] > header .dismiss:not(:disabled)[data-is-animating-click=true]:after, .modal > [role="document"] > header .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          transition-duration: 140ms; }
      .modal > [role="document"] > header .dismiss:before {
        transition-duration: 500ms; }
      .modal > [role="document"] > header .dismiss:hover:not(:disabled), .modal > [role="document"] > header .dismiss.hover-not-disabled {
        background-color: rgba(0, 94, 147, 0.1);
        color: #0077b5; }
      .modal > [role="document"] > header .dismiss:disabled, .modal > [role="document"] > header .dismiss.disabled {
        color: rgba(0, 140, 201, 0.4); }
  .modal > [role="document"] > article, .modal > [role="document"] > div {
    box-sizing: border-box;
    overflow-y: auto;
    padding: 16px 24px;
    width: calc(100% - 2px); }
  .modal > [role="document"] > footer {
    border-top: 1px rgba(0, 0, 0, 0.15) solid;
    box-sizing: border-box;
    height: 64px;
    padding: 16px 24px; }
  .modal .modal-a11y-hidden {
    display: none;
    visibility: hidden; }
  .modal .primary-actions {
    float: right; }
  .modal .modal-body {
    max-height: calc(80vh - 57px); }
  .modal .no-btn {
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #008cc9;
    cursor: pointer;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 167ms;
    transition-property: background-color, box-shadow, color;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
    margin-right: 4px; }
    .modal .no-btn > svg, .modal .no-btn li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .modal .no-btn > svg, .modal .no-btn li-icon > svg {
      transition: -webkit-transform 167ms;
      transition: transform 167ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal .no-btn li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .modal .no-btn:after {
      border-color: rgba(0, 94, 147, 0.2);
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 50vw;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: padding 334ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
      .edge .modal .no-btn:after, .ie .modal .no-btn:after {
        padding: 100%; }
    .edge .modal .no-btn, .ie .modal .no-btn {
      border-radius: 0; }
    .modal .no-btn:not(:disabled)[data-is-animating-click=true], .modal .no-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: #005e93;
      transition-duration: 140ms;
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
      box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px #005e93; }
      .modal .no-btn:not(:disabled)[data-is-animating-click=true]:after, .modal .no-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        transition-duration: 140ms; }
    .modal .no-btn:hover:not(:disabled), .modal .no-btn.hover-not-disabled {
      background-color: rgba(0, 119, 181, 0.1);
      color: #0077b5;
      box-shadow: inset 0 0 0 1px #008cc9, inset 0 0 0 2px #0077b5, inset 0 0 0 3px transparent; }
    .modal .no-btn:disabled, .modal .no-btn.disabled {
      color: rgba(0, 140, 201, 0.4);
      box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
  .modal .yes-btn {
    background-color: #008cc9;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 600;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: 167ms;
    transition-property: background-color, box-shadow, color;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0; }
    .modal .yes-btn > svg, .modal .yes-btn li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .modal .yes-btn > svg, .modal .yes-btn li-icon > svg {
      transition: -webkit-transform 167ms;
      transition: transform 167ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal .yes-btn li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .modal .yes-btn:after {
      border-color: #005e93;
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 50vw;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: padding 334ms;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
      .edge .modal .yes-btn:after, .ie .modal .yes-btn:after {
        padding: 100%; }
    .edge .modal .yes-btn, .ie .modal .yes-btn {
      border-radius: 0; }
    .modal .yes-btn:not(:disabled)[data-is-animating-click=true], .modal .yes-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      transition-duration: 140ms;
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .modal .yes-btn:not(:disabled)[data-is-animating-click=true]:after, .modal .yes-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        transition-duration: 140ms; }
    .modal .yes-btn:hover:not(:disabled), .modal .yes-btn.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .modal .yes-btn:disabled, .modal .yes-btn.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }

.feed-end,
.article-end {
  text-align: center; }
  .feed-end h3,
  .article-end h3 {
    color: rgba(0, 0, 0, 0.85);
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 2.8rem;
    font-weight: 300;
    margin-bottom: 28px; }
    .feed-end h3 span,
    .article-end h3 span {
      color: rgba(0, 0, 0, 0.85);
      font-family: "Source Sans Pro", Helvetica, Arial, sans-serif, sans-serif;
      font-size: 2.1rem;
      font-weight: 400;
      line-height: 2.4rem;
      opacity: 0.55;
      margin-top: 6px;
      display: block; }

.article-end {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0px;
  margin-right: -1px;
  width: calc((576px * 1) + 552px);
  margin-left: calc((576px * 0) - 24px + 49px);
  margin: 48px -192px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 36px; }

#global-alert-queue .global-alert {
  box-sizing: border-box;
  border-radius: 3px;
  color: white;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  #global-alert-queue .global-alert:before {
    background: #dd2e1f;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  #global-alert-queue .global-alert > div {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1128px;
    overflow: hidden;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    width: 100%; }
    #global-alert-queue .global-alert > div:before {
      background-image: url(/sc/h/71k620nkp9w3dqnw3pgr156ff);
      background-position: 0 -144px;
      content: "";
      display: block;
      height: 24px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 24px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition-property: -webkit-transform, -webkit-transform;
      transition-property: transform, -webkit-transform;
      transition-duration: 0.5s;
      transition-delay: 0.033s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    #global-alert-queue .global-alert > div > p {
      font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
      line-height: 20px;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.85);
      font-size: 15px;
      box-sizing: border-box;
      display: block;
      float: left;
      margin: 2px 36px 0 36px;
      overflow: hidden;
      position: relative;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition-property: -webkit-transform, -webkit-transform;
      transition-property: transform, -webkit-transform;
      transition-duration: 0.5s;
      transition-delay: 0.033s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      #global-alert-queue .global-alert > div > p:lang(ja), #global-alert-queue .global-alert > div > p:lang(zh), #global-alert-queue .global-alert > div > p:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      #global-alert-queue .global-alert > div > p:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      #global-alert-queue .global-alert > div > p:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      #global-alert-queue .global-alert > div > p a {
        color: white;
        text-decoration: underline; }
    #global-alert-queue .global-alert > div > button {
      background-color: transparent;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 0;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 0;
      position: absolute;
      text-align: center;
      text-decoration: none;
      transition-duration: 0.5s;
      transition-property: -webkit-transform, -webkit-transform;
      transition-property: transform, -webkit-transform;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      right: 0;
      top: 10px;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      transition-delay: 0.033s; }
      #global-alert-queue .global-alert > div > button > svg, #global-alert-queue .global-alert > div > button li-icon {
        top: calc(50% + 4px);
        height: 16px;
        left: calc(50% + 4px);
        margin: -12px 0 0 -12px;
        padding: 0;
        position: absolute;
        width: 16px; }
      #global-alert-queue .global-alert > div > button > svg, #global-alert-queue .global-alert > div > button li-icon > svg {
        transition: -webkit-transform 167ms;
        transition: transform 167ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      #global-alert-queue .global-alert > div > button li-icon > svg {
        display: block;
        vertical-align: top; }
      #global-alert-queue .global-alert > div > button:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 50vw;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: padding 334ms;
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
        .edge #global-alert-queue .global-alert > div > button:after, .ie #global-alert-queue .global-alert > div > button:after {
          padding: 100%; }
      .edge #global-alert-queue .global-alert > div > button, .ie #global-alert-queue .global-alert > div > button {
        border-radius: 24px; }
      #global-alert-queue .global-alert > div > button:not(:disabled)[data-is-animating-click=true], #global-alert-queue .global-alert > div > button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        transition-duration: 140ms;
        transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        #global-alert-queue .global-alert > div > button:not(:disabled)[data-is-animating-click=true]:after, #global-alert-queue .global-alert > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          transition-duration: 140ms; }
      #global-alert-queue .global-alert > div > button:before {
        transition-duration: 500ms; }
      #global-alert-queue .global-alert > div > button:hover:not(:disabled), #global-alert-queue .global-alert > div > button.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      #global-alert-queue .global-alert > div > button:disabled, #global-alert-queue .global-alert > div > button.disabled {
        color: rgba(255, 255, 255, 0.25); }
  #global-alert-queue .global-alert.hidden:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: -webkit-transform 0.667s ease-in, -webkit-transform 0.667s ease-in;
    transition: transform 0.667s ease-in, -webkit-transform 0.667s ease-in;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  #global-alert-queue .global-alert.hidden > div:before,
  #global-alert-queue .global-alert.hidden > div > p,
  #global-alert-queue .global-alert.hidden > div > button {
    -webkit-transform: translateY(-77px);
    transform: translateY(-77px);
    transition-property: -webkit-transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.75s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  #global-alert-queue .global-alert.success {
    background: #398b18; }
  #global-alert-queue .global-alert.notify {
    background: #737679; }
  #global-alert-queue .global-alert .wrapper {
    width: auto; }
    #global-alert-queue .global-alert .wrapper button > li-icon {
      margin: -8px 0 0 -8px; }

@media only screen and (max-width: 1144px) {
  #global-alert-queue {
    width: auto; }
    #global-alert-queue .global-alert .wrapper {
      padding: 12px 16px; } }

.visually-hidden {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

#main-search-box {
  box-sizing: content-box; }