@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; }

.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; }

li-icon[type="linkedin-bug"] .background {
  fill: #000000; }

li-icon[type="linkedin-bug"][color="brand"] .background {
  fill: #0077B5; }

li-icon[type="linkedin-bug"][color="inverse"] .background {
  fill: #ffffff; }

li-icon[type="linkedin-bug"][color="premium"] .background {
  fill: #AF9B62; }

.artdeco-premium-bug-variant li-icon[type="linkedin-bug"][color="premium"] .background {
  fill: #EFB920; }

li-icon[type="linkedin-bug"] .bug-text-color {
  display: none; }

li-icon[type="linkedin-bug"][color] .bug-text-color {
  display: block; }

li-icon[type="linkedin-bug"][color="inverse"] .bug-text-color {
  display: none; }

li-icon[type="linkedin-bug"][size="14dp"] {
  width: 14px;
  height: 14px; }

li-icon[type="linkedin-bug"][size="21dp"] {
  width: 21px;
  height: 21px; }

li-icon[type="linkedin-bug"][size="28dp"] {
  width: 28px;
  height: 28px; }

li-icon[type="linkedin-bug"][size="34dp"] {
  width: 34px;
  height: 34px; }

li-icon[type="linkedin-bug"][size="40dp"] {
  width: 40px;
  height: 40px; }

li-icon[type="linkedin-bug"][size="48dp"] {
  width: 48px;
  height: 48px; }

li-icon[type="linkedin-bug"] svg {
  width: 100%;
  height: 100%; }

li-icon[type="linkedin-bug"] .bug-14dp, li-icon[type="linkedin-bug"] .bug-21dp, li-icon[type="linkedin-bug"] .bug-28dp, li-icon[type="linkedin-bug"] .bug-34dp, li-icon[type="linkedin-bug"] .bug-40dp, li-icon[type="linkedin-bug"] .bug-48dp {
  display: none; }

li-icon[type="linkedin-bug"][size="14dp"] .bug-14dp, li-icon[type="linkedin-bug"][size="21dp"] .bug-21dp, li-icon[type="linkedin-bug"][size="28dp"] .bug-28dp, li-icon[type="linkedin-bug"][size="34dp"] .bug-34dp, li-icon[type="linkedin-bug"][size="40dp"] .bug-40dp, li-icon[type="linkedin-bug"][size="48dp"] .bug-48dp {
  display: block; }

li-icon[type="linkedin-bug"] .dpi-gt1 {
  display: block; }

li-icon[type="linkedin-bug"] .dpi-1 {
  display: none; }

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 96dpi), (max-resolution: 1dppx) {
  li-icon[type="linkedin-bug"] dpi-gt1 {
    display: none; }
  li-icon[type="linkedin-bug"] .dpi-1 {
    display: block; } }

li-icon[type="linkedin-logo"] .background {
  fill: #000000; }

li-icon[type="linkedin-logo"][color="brand"] .background {
  fill: #0077B5; }

li-icon[type="linkedin-logo"][color="inverse"] .background {
  fill: #ffffff; }

li-icon[type="linkedin-logo"][color="inverse"] .linkedin-text path, li-icon[type="linkedin-logo"][color="inverse"] .linkedin-text polygon, li-icon[type="linkedin-logo"].logo-lockup-inverse .linkedin-text path, li-icon[type="linkedin-logo"].logo-lockup-inverse .linkedin-text polygon {
  fill: #FFFFFF; }

li-icon[type="linkedin-logo"][color="premium"] .background {
  fill: #AF9B62; }

.artdeco-premium-bug-variant li-icon[type="linkedin-logo"][color="premium"] .background {
  fill: #EFB920; }

li-icon[type="linkedin-logo"] .bug-text-color {
  display: none; }

li-icon[type="linkedin-logo"][color] .bug-text-color {
  display: block; }

li-icon[type="linkedin-logo"][color="inverse"] .bug-text-color {
  display: none; }

li-icon[type="linkedin-logo"][size="14dp"] {
  width: 56px;
  height: 14px; }

li-icon[type="linkedin-logo"][size="21dp"] {
  width: 84px;
  height: 21px; }

li-icon[type="linkedin-logo"][size="28dp"] {
  width: 110px;
  height: 28px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  li-icon[type="linkedin-logo"][size="28dp"] {
    width: 112px; } }

li-icon[type="linkedin-logo"][size="34dp"] {
  width: 135px;
  height: 34px; }

li-icon[type="linkedin-logo"][size="40dp"] {
  width: 159px;
  height: 40px; }

li-icon[type="linkedin-logo"][size="48dp"] {
  width: 191px;
  height: 48px; }

li-icon[type="linkedin-logo"] svg {
  width: 100%;
  height: 100%; }

li-icon[type="linkedin-logo"] .logo-14dp, li-icon[type="linkedin-logo"] .logo-21dp, li-icon[type="linkedin-logo"] .logo-28dp, li-icon[type="linkedin-logo"] .logo-34dp, li-icon[type="linkedin-logo"] .logo-40dp, li-icon[type="linkedin-logo"] .logo-48dp {
  display: none; }

li-icon[type="linkedin-logo"][size="14dp"] .logo-14dp, li-icon[type="linkedin-logo"][size="21dp"] .logo-21dp, li-icon[type="linkedin-logo"][size="28dp"] .logo-28dp, li-icon[type="linkedin-logo"][size="34dp"] .logo-34dp, li-icon[type="linkedin-logo"][size="40dp"] .logo-40dp, li-icon[type="linkedin-logo"][size="48dp"] .logo-48dp {
  display: block; }

li-icon[type="linkedin-logo"] .dpi-gt1 {
  display: block; }

li-icon[type="linkedin-logo"] .dpi-1 {
  display: none; }

@media (-webkit-max-device-pixel-ratio: 1), (max-resolution: 96dpi), (max-resolution: 1dppx) {
  li-icon[type="linkedin-logo"] .dpi-gt1 {
    display: none; }
  li-icon[type="linkedin-logo"] .dpi-1 {
    display: block; } }

@-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] {
  color: #0084bf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

li-icon[type=loader] .artdeco-spinner {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: visible; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:before {
  content: '';
  display: block;
  width: 0;
  margin: -4px auto;
  height: 14px;
  border: 1px solid currentColor;
  border-radius: 1px;
  -webkit-animation: loaderfade 1000ms infinite ease-in-out both;
          animation: loaderfade 1000ms infinite ease-in-out both; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(12) {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(12) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(12):before {
  -webkit-animation-delay: -1000ms;
          animation-delay: -1000ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(11) {
  -webkit-transform: rotate(-330deg);
          transform: rotate(-330deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(11) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(11):before {
  -webkit-animation-delay: -916.66667ms;
          animation-delay: -916.66667ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(10) {
  -webkit-transform: rotate(-300deg);
          transform: rotate(-300deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(10) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(10):before {
  -webkit-animation-delay: -833.33333ms;
          animation-delay: -833.33333ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(9) {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(9) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(9):before {
  -webkit-animation-delay: -750ms;
          animation-delay: -750ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(8) {
  -webkit-transform: rotate(-240deg);
          transform: rotate(-240deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(8) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(8):before {
  -webkit-animation-delay: -666.66667ms;
          animation-delay: -666.66667ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(7) {
  -webkit-transform: rotate(-210deg);
          transform: rotate(-210deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(7) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(7):before {
  -webkit-animation-delay: -583.33333ms;
          animation-delay: -583.33333ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(6) {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(6) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(6):before {
  -webkit-animation-delay: -500ms;
          animation-delay: -500ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(5) {
  -webkit-transform: rotate(-150deg);
          transform: rotate(-150deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(5) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(5):before {
  -webkit-animation-delay: -416.66667ms;
          animation-delay: -416.66667ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(4) {
  -webkit-transform: rotate(-120deg);
          transform: rotate(-120deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(4) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(4):before {
  -webkit-animation-delay: -333.33333ms;
          animation-delay: -333.33333ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(3) {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(3):before {
  -webkit-animation-delay: -250ms;
          animation-delay: -250ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(2) {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(2) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(2):before {
  -webkit-animation-delay: -166.66667ms;
          animation-delay: -166.66667ms; }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(1) {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }

[dir="rtl"] li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

li-icon[type=loader] .artdeco-spinner .artdeco-spinner-bars:nth-child(1):before {
  -webkit-animation-delay: -83.33333ms;
          animation-delay: -83.33333ms; }

li-icon[type=loader][size=small] .artdeco-spinner-bars:before {
  height: 6px;
  margin: 10px auto; }

@-webkit-keyframes loaderfade {
  0%, 5%, 100% {
    opacity: 0.8; }
  95% {
    opacity: 0.05; } }

@keyframes loaderfade {
  0%, 5%, 100% {
    opacity: 0.8; }
  95% {
    opacity: 0.05; } }

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

li-icon > svg {
  display: block;
  margin: auto; }

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 !important;
  height: 32px !important; }

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 !important;
  height: 40px !important; }

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 !important;
  height: 48px !important; }

[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=share-ios-icon], [dir=rtl] li-icon[type=question-pebble-icon], [dir=rtl] li-icon[type=forward-icon], [dir=rtl] li-icon[type=leave-icon], [dir=rtl] li-icon[type*=follow], [dir=rtl] li-icon[type=reply-icon], [dir=rtl] li-icon[type=enter-icon], [dir=rtl] li-icon[type=share-linkedin-icon] {
  /*!rtl:begin:ignore*/
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  /*!rtl:end:ignore*/ }

[dir=rtl] li-icon > svg {
  /*!rtl:begin:ignore*/
  float: left;
  /*!rtl:end:ignore*/ }

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; }

li-icon[type^="premium-"] {
  width: auto;
  height: 16px; }

li-icon[type^="premium-"][type^="premium-app-icon"], li-icon[type^="premium-"][type^="premium-inverse-app"] {
  height: 24px; }

li-icon[type^="premium-"][size="8dp"] {
  height: 8px; }

li-icon[type^="premium-"][size="10dp"] {
  height: 10px; }

li-icon[type^="premium-"][size="12dp"] {
  height: 12px; }

li-icon[type^="premium-"][size="16dp"] {
  height: 16px; }

li-icon[type^="premium-"][size="20dp"] {
  height: 20px; }

li-icon[type^="premium-"][size="24dp"] {
  height: 24px; }

li-icon[type^="premium-"][size="32dp"] {
  height: 32px; }

li-icon[type^="premium-"] text {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 4px;
  dominant-baseline: text-before-edge;
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif; }

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, 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; }

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-source {
  position: absolute;
  top: 0;
  left: -100px;
  opacity: 0; }

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

[data-artdeco-is-focused="true"] {
  outline: none; }

@-webkit-keyframes nodeInserted {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

@keyframes nodeInserted {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

.artdeco-link-variant p a {
  font-weight: bold !important; }

input, select {
  vertical-align: middle; }

label {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: #0084bf;
  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-property: border-color, box-shadow;
  transition-duration: 334ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  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:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover {
  border-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: #0084bf;
  box-shadow: 0 0 0 1px #0084bf; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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: #ee1620; }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, [type=range] {
    background-image: linear-gradient(to right, transparent, transparent) !important;
    height: 22px !important;
    margin: -8px 0  !important; } }

[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  height: 16px;
  border-radius: 16px;
  margin: 8px 0;
  background-size: 100%, calc(16.666% + 1px) 100%, 200%;
  background-position: top left, -1px, 36.8421%;
  background-repeat: no-repeat, repeat-x, no-repeat;
  -webkit-animation-duration: 0.001s;
          animation-duration: 0.001s;
  -webkit-animation-name: nodeInserted;
          animation-name: nodeInserted;
  background-image: linear-gradient(to right, #0084bf 16px, transparent 17px, transparent calc(100% - 18px), #cdcfd2 18px), linear-gradient(to right, #fff 1px, transparent 1px), linear-gradient(to right, #0084bf 50%, #cdcfd2 50%); }

[type=range][data-artdeco-slider-reverse] {
  background-image: linear-gradient(to right, #cdcfd2 16px, transparent 17px, transparent calc(100% - 18px), #0084bf 18px), linear-gradient(to right, #fff 1px, transparent 1px), linear-gradient(to right, #cdcfd2 50%, #0084bf 50%); }

[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 100;
  -webkit-appearance: none;
  margin-top: -2px; }

[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background-color: transparent;
  cursor: pointer; }

[type=range]::-moz-range-thumb {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 100; }

[type=range]::-moz-range-track {
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background-color: transparent;
  cursor: pointer; }

[type=range]::-ms-track {
  width: 100%;
  height: 16px;
  border-radius: 16px;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent; }

[type=range]::-ms-thumb {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 100; }

[type=range]::-ms-fill-lower {
  background: #0084bf;
  border-radius: 16px;
  height: 16px; }

[type=range]::-ms-fill-upper {
  background: #cdcfd2;
  border-radius: 16px;
  height: 16px; }

[type=range][data-artdeco-slider-reverse]::-ms-fill-lower {
  background: #cdcfd2; }

[type=range][data-artdeco-slider-reverse]::-ms-fill-upper {
  background: #0084bf; }

artdeco-slider {
  position: relative;
  display: block;
  overflow: hidden;
  height: 32px;
  box-sizing: content-box; }

artdeco-slider input[type=range] {
  box-sizing: content-box; }

artdeco-slider[multiple] input[type=range] {
  position: absolute;
  top: 0;
  left: 0; }

artdeco-slider[multiple] div.artdeco-max-slider-container {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

artdeco-slider + datalist, artdeco-slider + ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: relative;
  padding: 0px 10px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  list-style: none; }

artdeco-slider + datalist option, artdeco-slider + datalist li, artdeco-slider + ul option, artdeco-slider + ul li {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0; }

artdeco-slider + datalist option:lang(ja), artdeco-slider + datalist option:lang(zh), artdeco-slider + datalist option:lang(ko), artdeco-slider + datalist li:lang(ja), artdeco-slider + datalist li:lang(zh), artdeco-slider + datalist li:lang(ko), artdeco-slider + ul option:lang(ja), artdeco-slider + ul option:lang(zh), artdeco-slider + ul option:lang(ko), artdeco-slider + ul li:lang(ja), artdeco-slider + ul li:lang(zh), artdeco-slider + ul li:lang(ko) {
  font-size: 1.1rem;
  line-height: 1.7rem; }

artdeco-slider + datalist option:lang(ar), artdeco-slider + datalist li:lang(ar), artdeco-slider + ul option:lang(ar), artdeco-slider + ul li:lang(ar) {
  font-size: 1.3rem;
  line-height: 1.6rem; }

artdeco-slider + datalist option:lang(th), artdeco-slider + datalist li:lang(th), artdeco-slider + ul option:lang(th), artdeco-slider + ul li:lang(th) {
  font-size: 1.2rem;
  line-height: 1.8rem; }

artdeco-slider + datalist option:last-of-type, artdeco-slider + datalist li:last-of-type, artdeco-slider + ul option:last-of-type, artdeco-slider + ul li:last-of-type {
  position: absolute;
  left: 100%;
  text-indent: -20px;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -moz-transform: translateX(15px); }

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;
  /*!rtl:ignore:start*/
  background-position: top -311px left 7px;
  /*!rtl:ignore:end*/
  /*!rtl:remove:start*/
  background-position: top -311px right 1px;
  /*!rtl:remove:end*/
  box-sizing: border-box;
  border: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 32px 0 10px;
  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:hover {
  border-color: rgba(0, 0, 0, 0.55); }

select:focus {
  border-color: #0084bf;
  box-shadow: 0 0 0 1px #0084bf; }

select[disabled] {
  opacity: .45;
  border-color: rgba(0, 0, 0, 0.33);
  color: rgba(0, 0, 0, 0.33);
  background-image: url(/artdeco/static/images/icons.svg); }

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

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

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

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

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

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: 22px;
  width: 22px;
  top: -1px;
  left: -1px;
  position: absolute;
  display: block;
  box-sizing: border-box; }

input[type=radio] + label:before, input[type=checkbox] + label:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
  border: 1px solid transparent;
  background-clip: padding-box;
  padding: 2px; }

input[type=radio]:hover + label:before, input[type=checkbox]:hover + label:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.55) inset; }

input[type=radio]:focus + label:before, input[type=checkbox]:focus + label:before {
  box-shadow: 0 0 0 1px #0084bf, 0 0 0 1px rgba(0, 0, 0, 0.25) inset; }

input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
  box-shadow: 0 0 0 11px #0084bf inset; }

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

input[type=radio]:focus:checked + label:before, input[type=checkbox]:focus:checked + label:before {
  box-shadow: 0 0 0 1px #0084bf,0 0 0 11px #0084bf inset; }

input[type=radio][disabled] + label:before, input[type=checkbox][disabled] + label:before {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; }

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: 18px;
  width: 18px; }

input[type=radio] + label:before {
  border-radius: 50%;
  box-shadow: 0 0 0 1px #000,0.25;
  transition-property: box-shadow;
  transition-duration: 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0s; }

input[type=radio]:checked + label:before {
  box-shadow: 0 0 0 6px #0084bf inset,0 0 0 11px #fff inset; }

input[type=radio]:focus:checked + label:before {
  box-shadow: 0 0 0 1px #0084bf,0 0 0 6px #0084bf inset,0 0 0 11px #fff inset; }

input[type=radio].small-input:checked + label:before {
  box-shadow: 0 0 0 5px #0084bf inset,0 0 0 11px #fff inset; }

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

input[type=radio].small-input:focus:checked + label:before {
  box-shadow: 0 0 0 1px #0084bf,0 0 0 5px #0084bf inset,0 0 0 11px #fff inset; }

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

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

input[type=checkbox]:checked + label:after {
  display: block;
  /*!rtl:ignore*/
  background-position: 0 -24px; }

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

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

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: rgba(255, 255, 255, 0.55); }

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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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.25);
  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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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);
  opacity: 1; }

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

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

form.inverse-form select {
  background-position: top -335px left 7px;
  /*!rtl:remove:start*/
  background-position: top -335px right 0px;
  /*!rtl:remove:end*/ }

form.inverse-form select, form.inverse-form select:disabled {
  border-color: rgba(255, 255, 255, 0.25); }

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 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.55) inset; }

form.inverse-form input[type=radio]:hover + label:before, form.inverse-form input[type=checkbox]:hover + label:before {
  box-shadow: 0 0 0 1px #fff inset; }

form.inverse-form input[type=radio]:checked + label:before, form.inverse-form input[type=checkbox]:checked + label:before {
  box-shadow: 0 0 0 11px #0084bf inset; }

form.inverse-form input[type=radio]:focus + label:before, form.inverse-form input[type=checkbox]:focus + label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 1px rgba(255, 255, 255, 0.25) inset; }

form.inverse-form input[type=radio]:focus:checked + label:before, form.inverse-form input[type=checkbox]:focus:checked + label:before {
  box-shadow: 0 0 0 1px #fff,0 0 0 11px #0084bf inset; }

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 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset; }

form.inverse-form input[type=radio]:checked + label:before {
  box-shadow: 0 0 0 6px #0084bf inset,0 0 0 11px #fff inset; }

form.inverse-form input[type=radio]:focus:checked + label:before {
  box-shadow: 0 0 0 1px #fff,0 0 0 6px #0084bf inset,0 0 0 11px #fff inset; }

form.inverse-form input[type=radio].small-input:checked + label:before {
  box-shadow: 0 0 0 5px #0084bf inset,0 0 0 11px #fff inset; }

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

form.inverse-form input[type=radio].small-input:focus:checked + label:before {
  box-shadow: 0 0 0 1px #fff,0 0 0 5px #0084bf inset,0 0 0 11px #fff inset; }

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-radius: 0;
  padding-left: 0;
  padding-right: 0; }

form.simple-form input[type="date"], form.simple-form input[type="date"]:hover, form.simple-form input[type="date"]:focus, form.simple-form input[type="date"]:disabled, form.simple-form input[type="datetime"], form.simple-form input[type="datetime"]:hover, form.simple-form input[type="datetime"]:focus, form.simple-form input[type="datetime"]:disabled, form.simple-form input[type="datetime-local"], form.simple-form input[type="datetime-local"]:hover, form.simple-form input[type="datetime-local"]:focus, form.simple-form input[type="datetime-local"]:disabled, form.simple-form input[type="email"], form.simple-form input[type="email"]:hover, form.simple-form input[type="email"]:focus, form.simple-form input[type="email"]:disabled, form.simple-form input[type="month"], form.simple-form input[type="month"]:hover, form.simple-form input[type="month"]:focus, form.simple-form input[type="month"]:disabled, form.simple-form input[type="number"], form.simple-form input[type="number"]:hover, form.simple-form input[type="number"]:focus, form.simple-form input[type="number"]:disabled, form.simple-form input[type="password"], form.simple-form input[type="password"]:hover, form.simple-form input[type="password"]:focus, form.simple-form input[type="password"]:disabled, form.simple-form input[type="search"], form.simple-form input[type="search"]:hover, form.simple-form input[type="search"]:focus, form.simple-form input[type="search"]:disabled, form.simple-form input[type="tel"], form.simple-form input[type="tel"]:hover, form.simple-form input[type="tel"]:focus, form.simple-form input[type="tel"]:disabled, form.simple-form input[type="text"], form.simple-form input[type="text"]:hover, form.simple-form input[type="text"]:focus, form.simple-form input[type="text"]:disabled, form.simple-form input[type="time"], form.simple-form input[type="time"]:hover, form.simple-form input[type="time"]:focus, form.simple-form input[type="time"]:disabled, form.simple-form input[type="url"], form.simple-form input[type="url"]:hover, form.simple-form input[type="url"]:focus, form.simple-form input[type="url"]:disabled, form.simple-form input[type="week"], form.simple-form input[type="week"]:hover, form.simple-form input[type="week"]:focus, form.simple-form input[type="week"]:disabled, form.simple-form select, form.simple-form select:hover, form.simple-form select:focus, form.simple-form select:disabled {
  border-width: 0 0 1px; }

form.simple-form input[type="date"]:focus, form.simple-form input[type="datetime"]:focus, form.simple-form input[type="datetime-local"]:focus, form.simple-form input[type="email"]:focus, form.simple-form input[type="month"]:focus, form.simple-form input[type="number"]:focus, form.simple-form input[type="password"]:focus, form.simple-form input[type="search"]:focus, form.simple-form input[type="tel"]:focus, form.simple-form input[type="text"]:focus, form.simple-form input[type="time"]:focus, form.simple-form input[type="url"]:focus, form.simple-form input[type="week"]:focus, form.simple-form select:focus {
  box-shadow: 0 1px 0 0 #0084bf; }

form.simple-form select {
  padding-right: 32px; }

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); }

form.simple-form.inverse-form input[type="date"]:focus, form.simple-form.inverse-form input[type="datetime"]:focus, form.simple-form.inverse-form input[type="datetime-local"]:focus, form.simple-form.inverse-form input[type="email"]:focus, form.simple-form.inverse-form input[type="month"]:focus, form.simple-form.inverse-form input[type="number"]:focus, form.simple-form.inverse-form input[type="password"]:focus, form.simple-form.inverse-form input[type="search"]:focus, form.simple-form.inverse-form input[type="tel"]:focus, form.simple-form.inverse-form input[type="text"]:focus, form.simple-form.inverse-form input[type="time"]:focus, form.simple-form.inverse-form input[type="url"]:focus, form.simple-form.inverse-form input[type="week"]:focus, form.simple-form.inverse-form select:focus {
  box-shadow: 0 1px 0 0 #fff; }

artdeco-floatlabel {
  position: relative;
  display: block;
  margin-top: 35px; }

artdeco-floatlabel input[type="date"], artdeco-floatlabel input[type="datetime"], artdeco-floatlabel input[type="datetime-local"], artdeco-floatlabel input[type="email"], artdeco-floatlabel input[type="month"], artdeco-floatlabel input[type="number"], artdeco-floatlabel input[type="password"], artdeco-floatlabel input[type="search"], artdeco-floatlabel input[type="tel"], artdeco-floatlabel input[type="text"], artdeco-floatlabel input[type="time"], artdeco-floatlabel input[type="url"], artdeco-floatlabel input[type="week"] {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0; }

artdeco-floatlabel input[type="date"], artdeco-floatlabel input[type="date"]:hover, artdeco-floatlabel input[type="date"]:focus, artdeco-floatlabel input[type="date"]:disabled, artdeco-floatlabel input[type="datetime"], artdeco-floatlabel input[type="datetime"]:hover, artdeco-floatlabel input[type="datetime"]:focus, artdeco-floatlabel input[type="datetime"]:disabled, artdeco-floatlabel input[type="datetime-local"], artdeco-floatlabel input[type="datetime-local"]:hover, artdeco-floatlabel input[type="datetime-local"]:focus, artdeco-floatlabel input[type="datetime-local"]:disabled, artdeco-floatlabel input[type="email"], artdeco-floatlabel input[type="email"]:hover, artdeco-floatlabel input[type="email"]:focus, artdeco-floatlabel input[type="email"]:disabled, artdeco-floatlabel input[type="month"], artdeco-floatlabel input[type="month"]:hover, artdeco-floatlabel input[type="month"]:focus, artdeco-floatlabel input[type="month"]:disabled, artdeco-floatlabel input[type="number"], artdeco-floatlabel input[type="number"]:hover, artdeco-floatlabel input[type="number"]:focus, artdeco-floatlabel input[type="number"]:disabled, artdeco-floatlabel input[type="password"], artdeco-floatlabel input[type="password"]:hover, artdeco-floatlabel input[type="password"]:focus, artdeco-floatlabel input[type="password"]:disabled, artdeco-floatlabel input[type="search"], artdeco-floatlabel input[type="search"]:hover, artdeco-floatlabel input[type="search"]:focus, artdeco-floatlabel input[type="search"]:disabled, artdeco-floatlabel input[type="tel"], artdeco-floatlabel input[type="tel"]:hover, artdeco-floatlabel input[type="tel"]:focus, artdeco-floatlabel input[type="tel"]:disabled, artdeco-floatlabel input[type="text"], artdeco-floatlabel input[type="text"]:hover, artdeco-floatlabel input[type="text"]:focus, artdeco-floatlabel input[type="text"]:disabled, artdeco-floatlabel input[type="time"], artdeco-floatlabel input[type="time"]:hover, artdeco-floatlabel input[type="time"]:focus, artdeco-floatlabel input[type="time"]:disabled, artdeco-floatlabel input[type="url"], artdeco-floatlabel input[type="url"]:hover, artdeco-floatlabel input[type="url"]:focus, artdeco-floatlabel input[type="url"]:disabled, artdeco-floatlabel input[type="week"], artdeco-floatlabel input[type="week"]:hover, artdeco-floatlabel input[type="week"]:focus, artdeco-floatlabel input[type="week"]:disabled {
  border-width: 0 0 1px;
  outline: 0; }

artdeco-floatlabel input[type="date"]:focus, artdeco-floatlabel input[type="datetime"]:focus, artdeco-floatlabel input[type="datetime-local"]:focus, artdeco-floatlabel input[type="email"]:focus, artdeco-floatlabel input[type="month"]:focus, artdeco-floatlabel input[type="number"]:focus, artdeco-floatlabel input[type="password"]:focus, artdeco-floatlabel input[type="search"]:focus, artdeco-floatlabel input[type="tel"]:focus, artdeco-floatlabel input[type="text"]:focus, artdeco-floatlabel input[type="time"]:focus, artdeco-floatlabel input[type="url"]:focus, artdeco-floatlabel input[type="week"]:focus {
  box-shadow: 0 1px 0 0 #0084bf; }

artdeco-floatlabel select {
  padding-right: 32px; }

artdeco-floatlabel .artdeco-label-text {
  position: absolute;
  top: 10px;
  left: 0px;
  transition: all 0.35s ease;
  margin: 0; }

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

html.artdeco {
  -webkit-font-smoothing: antialiased; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  html.artdeco {
    -webkit-font-smoothing: subpixel-antialiased; } }

html {
  font-size: 62.5%; }

html body {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI; }

a {
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #0084bf; }

a:visited {
  color: #827be9; }

a:visited:active {
  color: #665ed0; }

.artdeco-link-variant a {
  font-weight: normal;
  color: #0073b1; }

.artdeco-link-variant a:visited {
  color: #827be9; }

.artdeco-link-variant a:visited:active {
  color: #665ed0; }

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: #006097; }

.artdeco-link-variant a:active, .artdeco-link-variant a.active {
  color: #004b7c; }

::-moz-selection {
  background: #0084bf;
  color: #fff; }

::selection {
  background: #0084bf;
  color: #fff; }

::-moz-selection {
  background: #0084bf;
  color: #fff; }

strong, b {
  font-weight: bold; }

body, p {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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; }

@-webkit-keyframes artdecoBadgeAnimationIn1 {
  from {
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); } }

@keyframes artdecoBadgeAnimationIn1 {
  from {
    -webkit-transform: scale(0);
            transform: scale(0); }
  to {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); } }

@-webkit-keyframes artdecoBadgeAnimationIn2 {
  from {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes artdecoBadgeAnimationIn2 {
  from {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

artdeco-pill, artdeco-toggle-pill {
  height: 32px;
  color: rgba(0, 0, 0, 0.55);
  border: 0; }

artdeco-pill .artdeco-pill-icons, artdeco-toggle-pill .artdeco-pill-icons {
  position: relative;
  margin-left: 0;
  height: 16px;
  width: 16px; }

artdeco-pill li-icon, artdeco-toggle-pill li-icon {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform ease-in-out 167ms;
  transition: transform ease-in-out 167ms; }

artdeco-pill li-icon[type="plus-icon"], artdeco-toggle-pill li-icon[type="plus-icon"] {
  -webkit-transform: scale(1);
          transform: scale(1); }

artdeco-pill li-icon[type="cancel-icon"], artdeco-toggle-pill li-icon[type="cancel-icon"] {
  -webkit-transform: scale(1) rotate(45deg);
          transform: scale(1) rotate(45deg);
  opacity: 0;
  transition: -webkit-transform ease-in-out 167ms,opacity 0ms 167ms;
  transition: transform ease-in-out 167ms,opacity 0ms 167ms; }

artdeco-pill[type="toggle"] button, artdeco-toggle-pill button {
  border: none; }

artdeco-pill[type="toggle"] button, artdeco-pill[type="toggle"] label, artdeco-toggle-pill button, artdeco-toggle-pill label {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 12px 12px 10px;
  margin: 0;
  box-shadow: inset 0 0 0 1px #0084bf;
  background-color: transparent;
  color: #0084bf;
  border-radius: 32px;
  box-sizing: border-box;
  transition: color ease-in-out 334ms,box-shadow ease-in-out 334ms,background-color ease-in-out 334ms; }

artdeco-pill[type="toggle"] button:lang(ja), artdeco-pill[type="toggle"] button:lang(zh), artdeco-pill[type="toggle"] button:lang(ko), artdeco-pill[type="toggle"] label:lang(ja), artdeco-pill[type="toggle"] label:lang(zh), artdeco-pill[type="toggle"] label:lang(ko), artdeco-toggle-pill button:lang(ja), artdeco-toggle-pill button:lang(zh), artdeco-toggle-pill button:lang(ko), artdeco-toggle-pill label:lang(ja), artdeco-toggle-pill label:lang(zh), artdeco-toggle-pill label:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-pill[type="toggle"] button:lang(ar), artdeco-pill[type="toggle"] label:lang(ar), artdeco-toggle-pill button:lang(ar), artdeco-toggle-pill label:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-pill[type="toggle"] button:lang(th), artdeco-pill[type="toggle"] label:lang(th), artdeco-toggle-pill button:lang(th), artdeco-toggle-pill label:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-pill[type="toggle"] button span, artdeco-pill[type="toggle"] label span, artdeco-toggle-pill button span, artdeco-toggle-pill label span {
  margin-left: 5px; }

artdeco-pill[type="toggle"] button .artdeco-pill-content, artdeco-pill[type="toggle"] label .artdeco-pill-content, artdeco-toggle-pill button .artdeco-pill-content, artdeco-toggle-pill label .artdeco-pill-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

artdeco-pill[type="toggle"] button:before, artdeco-pill[type="toggle"] button:after, artdeco-pill[type="toggle"] label:before, artdeco-pill[type="toggle"] label:after, artdeco-toggle-pill button:before, artdeco-toggle-pill button:after, artdeco-toggle-pill label:before, artdeco-toggle-pill label:after {
  display: none; }

artdeco-pill[type="toggle"] button, artdeco-toggle-pill button {
  padding-top: 6px; }

artdeco-pill[type="toggle"][data-artdeco-focus] button, artdeco-pill[type="toggle"]:hover button, artdeco-pill[type="toggle"][data-artdeco-focus] label, artdeco-pill[type="toggle"]:hover label, artdeco-toggle-pill[data-artdeco-focus] button, artdeco-toggle-pill:hover button, artdeco-toggle-pill[data-artdeco-focus] label, artdeco-toggle-pill:hover label {
  box-shadow: inset 0 0 0 2px #0073b1;
  color: #0073b1;
  background-color: transparent; }

artdeco-pill[type="toggle"][checked] button, artdeco-pill[type="toggle"][checked] label, artdeco-toggle-pill[checked] button, artdeco-toggle-pill[checked] label {
  box-shadow: inset 0 0 0 2px transparent;
  color: #fff;
  background-color: #0084bf; }

artdeco-pill[type="toggle"][checked] button li-icon[type="check-icon"], artdeco-pill[type="toggle"][checked] label li-icon[type="check-icon"], artdeco-toggle-pill[checked] button li-icon[type="check-icon"], artdeco-toggle-pill[checked] label li-icon[type="check-icon"] {
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform ease-in-out 167ms 167ms;
  transition: transform ease-in-out 167ms 167ms; }

artdeco-pill[type="toggle"][checked] button li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked] button li-icon[type="cancel-icon"], artdeco-pill[type="toggle"][checked] label li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked] label li-icon[type="cancel-icon"], artdeco-toggle-pill[checked] button li-icon[type="plus-icon"], artdeco-toggle-pill[checked] button li-icon[type="cancel-icon"], artdeco-toggle-pill[checked] label li-icon[type="plus-icon"], artdeco-toggle-pill[checked] label li-icon[type="cancel-icon"] {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform ease-in-out 167ms,opacity 0ms 167ms;
  transition: transform ease-in-out 167ms,opacity 0ms 167ms; }

artdeco-pill[type="toggle"][checked]:hover button, artdeco-pill[type="toggle"][checked][data-artdeco-focus] button, artdeco-pill[type="toggle"][checked]:hover label, artdeco-pill[type="toggle"][checked][data-artdeco-focus] label, artdeco-toggle-pill[checked]:hover button, artdeco-toggle-pill[checked][data-artdeco-focus] button, artdeco-toggle-pill[checked]:hover label, artdeco-toggle-pill[checked][data-artdeco-focus] label {
  box-shadow: inset 0 0 0 2px #0073b1;
  background-color: #0073b1;
  color: #fff; }

artdeco-pill[type="toggle"][checked]:hover button li-icon[type="cancel-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] button li-icon[type="cancel-icon"], artdeco-pill[type="toggle"][checked]:hover label li-icon[type="cancel-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] label li-icon[type="cancel-icon"], artdeco-toggle-pill[checked]:hover button li-icon[type="cancel-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] button li-icon[type="cancel-icon"], artdeco-toggle-pill[checked]:hover label li-icon[type="cancel-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] label li-icon[type="cancel-icon"] {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  transition: -webkit-transform ease-in-out 167ms 167ms;
  transition: transform ease-in-out 167ms 167ms; }

artdeco-pill[type="toggle"][checked]:hover button li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked]:hover button li-icon[type="check-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] button li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] button li-icon[type="check-icon"], artdeco-pill[type="toggle"][checked]:hover label li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked]:hover label li-icon[type="check-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] label li-icon[type="plus-icon"], artdeco-pill[type="toggle"][checked][data-artdeco-focus] label li-icon[type="check-icon"], artdeco-toggle-pill[checked]:hover button li-icon[type="plus-icon"], artdeco-toggle-pill[checked]:hover button li-icon[type="check-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] button li-icon[type="plus-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] button li-icon[type="check-icon"], artdeco-toggle-pill[checked]:hover label li-icon[type="plus-icon"], artdeco-toggle-pill[checked]:hover label li-icon[type="check-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] label li-icon[type="plus-icon"], artdeco-toggle-pill[checked][data-artdeco-focus] label li-icon[type="check-icon"] {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform ease-in-out 167ms;
  transition: transform ease-in-out 167ms; }

artdeco-pill[type="toggle"][color-scheme="muted"] button, artdeco-pill[type="toggle"][color-scheme="muted"] label, artdeco-toggle-pill[color-scheme="muted"] button, artdeco-toggle-pill[color-scheme="muted"] label {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.55);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="toggle"][color-scheme="muted"][data-artdeco-focus] button, artdeco-pill[type="toggle"][color-scheme="muted"]:hover button, artdeco-pill[type="toggle"][color-scheme="muted"][data-artdeco-focus] label, artdeco-pill[type="toggle"][color-scheme="muted"]:hover label, artdeco-toggle-pill[color-scheme="muted"][data-artdeco-focus] button, artdeco-toggle-pill[color-scheme="muted"]:hover button, artdeco-toggle-pill[color-scheme="muted"][data-artdeco-focus] label, artdeco-toggle-pill[color-scheme="muted"]:hover label {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent; }

artdeco-pill[type="toggle"][color-scheme="muted"][checked] button, artdeco-pill[type="toggle"][color-scheme="muted"][checked] label, artdeco-toggle-pill[color-scheme="muted"][checked] button, artdeco-toggle-pill[color-scheme="muted"][checked] label {
  box-shadow: inset 0 0 0 2px transparent;
  color: rgba(0, 0, 0, 0.55);
  background-color: rgba(179, 182, 185, 0.25); }

artdeco-pill[type="toggle"][color-scheme="muted"][checked][data-artdeco-focus] button, artdeco-pill[type="toggle"][color-scheme="muted"][checked]:hover button, artdeco-pill[type="toggle"][color-scheme="muted"][checked][data-artdeco-focus] label, artdeco-pill[type="toggle"][color-scheme="muted"][checked]:hover label, artdeco-toggle-pill[color-scheme="muted"][checked][data-artdeco-focus] button, artdeco-toggle-pill[color-scheme="muted"][checked]:hover button, artdeco-toggle-pill[color-scheme="muted"][checked][data-artdeco-focus] label, artdeco-toggle-pill[color-scheme="muted"][checked]:hover label {
  box-shadow: inset 0 0 0 2px transparent;
  background-color: rgba(179, 182, 185, 0.4);
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="toggle"][color-scheme="inverse"] button, artdeco-pill[type="toggle"][color-scheme="inverse"] label, artdeco-toggle-pill[color-scheme="inverse"] button, artdeco-toggle-pill[color-scheme="inverse"] label {
  box-shadow: inset 0 0 0 1px #fff;
  background-color: transparent;
  color: #fff; }

artdeco-pill[type="toggle"][color-scheme="inverse"][data-artdeco-focus] button, artdeco-pill[type="toggle"][color-scheme="inverse"]:hover button, artdeco-pill[type="toggle"][color-scheme="inverse"][data-artdeco-focus] label, artdeco-pill[type="toggle"][color-scheme="inverse"]:hover label, artdeco-toggle-pill[color-scheme="inverse"][data-artdeco-focus] button, artdeco-toggle-pill[color-scheme="inverse"]:hover button, artdeco-toggle-pill[color-scheme="inverse"][data-artdeco-focus] label, artdeco-toggle-pill[color-scheme="inverse"]:hover label {
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  background-color: transparent; }

artdeco-pill[type="toggle"][color-scheme="inverse"][checked] button, artdeco-pill[type="toggle"][color-scheme="inverse"][checked] label, artdeco-toggle-pill[color-scheme="inverse"][checked] button, artdeco-toggle-pill[color-scheme="inverse"][checked] label {
  box-shadow: inset 0 0 0 2px transparent;
  color: rgba(0, 0, 0, 0.55);
  background-color: #fff; }

artdeco-pill[type="toggle"][color-scheme="inverse"][checked][data-artdeco-focus] button, artdeco-pill[type="toggle"][color-scheme="inverse"][checked]:hover button, artdeco-pill[type="toggle"][color-scheme="inverse"][checked][data-artdeco-focus] label, artdeco-pill[type="toggle"][color-scheme="inverse"][checked]:hover label, artdeco-toggle-pill[color-scheme="inverse"][checked][data-artdeco-focus] button, artdeco-toggle-pill[color-scheme="inverse"][checked]:hover button, artdeco-toggle-pill[color-scheme="inverse"][checked][data-artdeco-focus] label, artdeco-toggle-pill[color-scheme="inverse"][checked]:hover label {
  box-shadow: inset 0 0 0 2px #fff;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="input"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: middle; }

artdeco-pill[type="input"] label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
  top: 0;
  left: 11px;
  height: 32px;
  margin: 0;
  cursor: pointer;
  opacity: 1;
  color: #0084bf;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

artdeco-pill[type="input"] label .artdeco-pill-label-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  transition: opacity ease-in-out 334ms;
  margin-left: 6px;
  color: inherit;
  line-height: 21px; }

artdeco-pill[type="input"] label .artdeco-pill-label-text:lang(ja), artdeco-pill[type="input"] label .artdeco-pill-label-text:lang(zh), artdeco-pill[type="input"] label .artdeco-pill-label-text:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-pill[type="input"] label .artdeco-pill-label-text:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-pill[type="input"] label .artdeco-pill-label-text:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-pill[type="input"] input[type=text] {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  display: inline-block;
  height: 32px;
  width: 150px;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0 16px 0 32px;
  border: 1px solid transparent;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,-webkit-transform ease-in-out 334ms;
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,transform ease-in-out 334ms; }

artdeco-pill[type="input"] input[type=text]:lang(ja), artdeco-pill[type="input"] input[type=text]:lang(zh), artdeco-pill[type="input"] input[type=text]:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-pill[type="input"] input[type=text]:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-pill[type="input"] input[type=text]:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-pill[type="input"] input[type=text]:focus {
  outline: none;
  border-color: #0084bf;
  box-shadow: none;
  cursor: auto; }

artdeco-pill[type="input"][data-artdeco-focus] input[type="text"] {
  color: rgba(0, 0, 0, 0.85);
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,-webkit-transform ease-in-out 334ms;
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,transform ease-in-out 334ms; }

artdeco-pill[type="input"][data-artdeco-focus] .artdeco-pill-label-text {
  opacity: 0.3;
  cursor: text; }

artdeco-pill[type="input"][complete] {
  max-width: none;
  cursor: pointer; }

artdeco-pill[type="input"][complete] input[type="text"] {
  background-color: #0084bf;
  color: #fff;
  border-color: transparent;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,-webkit-transform 0ms;
  transition: background-color ease-in-out 334ms,width ease-in-out 334ms,border-color ease-in-out 334ms,transform 0ms; }

artdeco-pill[type="input"][complete] label {
  z-index: 1;
  color: #fff; }

artdeco-pill[type="input"][complete] label .artdeco-pill-label-text {
  display: none; }

artdeco-pill[type="input"][complete] li-icon[type="check-icon"] {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform ease-in-out 167ms 167ms;
  transition: transform ease-in-out 167ms 167ms; }

artdeco-pill[type="input"][complete] li-icon[type="plus-icon"], artdeco-pill[type="input"][complete] li-icon[type="cancel-icon"] {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform ease-in-out 167ms,opacity 0ms 167ms;
  transition: transform ease-in-out 167ms,opacity 0ms 167ms; }

artdeco-pill[type="input"][complete]:hover input, artdeco-pill[type="input"][complete][data-artdeco-focus] input {
  background-color: #0073b1;
  border-color: transparent;
  color: #fff; }

artdeco-pill[type="input"][complete]:hover label li-icon, artdeco-pill[type="input"][complete][data-artdeco-focus] label li-icon {
  color: #fff; }

artdeco-pill[type="input"][complete]:hover label li-icon[type="cancel-icon"], artdeco-pill[type="input"][complete][data-artdeco-focus] label li-icon[type="cancel-icon"] {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform ease-in-out 167ms 167ms;
  transition: transform ease-in-out 167ms 167ms; }

artdeco-pill[type="input"][complete]:hover label li-icon[type="check-icon"], artdeco-pill[type="input"][complete][data-artdeco-focus] label li-icon[type="check-icon"] {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform ease-in-out 167ms;
  transition: transform ease-in-out 167ms; }

artdeco-pill[type="input"][data-artdeco-has-content]:not([complete]) input[type="text"] {
  transition: width 0ms,background-color ease-in-out 334ms,border-color ease-in-out 334ms,-webkit-transform ease-in-out 334ms;
  transition: width 0ms,background-color ease-in-out 334ms,border-color ease-in-out 334ms,transform ease-in-out 334ms; }

artdeco-pill[type="input"][data-artdeco-has-content] label .artdeco-pill-label-text {
  display: none; }

artdeco-pill[type="input"][color-scheme="muted"] label {
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="input"][color-scheme="muted"] input[type="text"] {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="input"][color-scheme="muted"] input[type="text"]:focus {
  border-color: rgba(0, 0, 0, 0.55);
  color: rgba(0, 0, 0, 0.7);
  background-color: transparent; }

artdeco-pill[type="input"][color-scheme="muted"][data-artdeco-focus] input[type="text"] {
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="input"][color-scheme="muted"][complete] input[type="text"] {
  background-color: rgba(179, 182, 185, 0.25);
  color: rgba(0, 0, 0, 0.55);
  border-color: transparent; }

artdeco-pill[type="input"][color-scheme="muted"][complete] li-icon {
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="input"][color-scheme="muted"][complete]:hover input, artdeco-pill[type="input"][color-scheme="muted"][complete][data-artdeco-focus] input {
  background-color: rgba(179, 182, 185, 0.4);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="input"][color-scheme="muted"][complete]:hover li-icon, artdeco-pill[type="input"][color-scheme="muted"][complete][data-artdeco-focus] li-icon {
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="input"] artdeco-typeahead-results-container {
  left: 16px; }

artdeco-pill[type="input"][color-scheme="inverse"] label {
  color: #fff; }

artdeco-pill[type="input"][color-scheme="inverse"] input[type="text"] {
  background-color: transparent;
  color: #fff; }

artdeco-pill[type="input"][color-scheme="inverse"] input[type="text"]:focus {
  border-color: #fff;
  color: #fff;
  background-color: transparent; }

artdeco-pill[type="input"][color-scheme="inverse"][data-artdeco-focus] input[type="text"] {
  color: rgba(255, 255, 255, 0.85); }

artdeco-pill[type="input"][color-scheme="inverse"][complete] input[type="text"] {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.55);
  border-color: transparent; }

artdeco-pill[type="input"][color-scheme="inverse"][complete] li-icon {
  color: rgba(0, 0, 0, 0.55); }

artdeco-pill[type="input"][color-scheme="inverse"][complete]:hover input, artdeco-pill[type="input"][color-scheme="inverse"][complete][data-artdeco-focus] input {
  background-color: #fff;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="input"][color-scheme="inverse"][complete]:hover li-icon, artdeco-pill[type="input"][color-scheme="inverse"][complete][data-artdeco-focus] li-icon {
  color: rgba(0, 0, 0, 0.7); }

artdeco-pill[type="input"] artdeco-typeahead-results-container {
  left: 16px; }

linkedin-logo {
  display: block; }

linkedin-logo li-icon, linkedin-logo .logo-text {
  vertical-align: middle; }

linkedin-logo .logo-text {
  display: inline-block;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  letter-spacing: .2em;
  color: rgba(0, 0, 0, 0.85);
  white-space: nowrap; }

linkedin-logo .logo-text.logo-lockup-dark {
  color: #000; }

linkedin-logo .logo-text.logo-lockup-inverse {
  color: #fff; }

linkedin-logo[size="14dp"] li-icon {
  margin-right: calc(5px - .2em); }

linkedin-logo[size="14dp"] .logo-text {
  font-weight: 600;
  font-size: 11px;
  line-height: 14px; }

linkedin-logo[size="21dp"] li-icon {
  margin-right: calc(7px - .2em); }

linkedin-logo[size="21dp"] .logo-text {
  font-size: 14px;
  line-height: 21px; }

linkedin-logo[size="28dp"] li-icon {
  margin-right: calc(9px - .2em); }

linkedin-logo[size="28dp"] .logo-text {
  font-size: 17px;
  line-height: 28px; }

linkedin-logo[size="34dp"] li-icon {
  margin-right: calc(12px - .2em); }

linkedin-logo[size="34dp"] .logo-text {
  font-size: 20px;
  line-height: 34px; }

linkedin-logo[size="40dp"] li-icon {
  margin-right: calc(14px - .2em); }

linkedin-logo[size="40dp"] .logo-text {
  font-size: 23px;
  line-height: 40px; }

linkedin-logo[size="48dp"] li-icon {
  margin-right: calc(18px - .2em); }

linkedin-logo[size="48dp"] .logo-text {
  font-size: 26px;
  line-height: 48px; }

linkedin-logo.vertical {
  text-align: center;
  display: inline-block; }

linkedin-logo.vertical .logo-text {
  display: block; }

linkedin-logo.vertical[size="40dp"] li-icon {
  padding-right: 0; }

linkedin-logo.vertical[size="40dp"] .logo-text {
  font-size: 30px;
  line-height: 60px; }

linkedin-logo.vertical[size="48dp"] li-icon {
  padding-right: 0; }

linkedin-logo.vertical[size="48dp"] .logo-text {
  font-size: 35px;
  line-height: 70px; }

body.artdeco-modal-is-open {
  overflow: hidden; }

body.artdeco-modal-is-open > .ember-view, body.artdeco-modal-is-open .ember-application > .ember-view > :not(#artdeco-modal-outlet) {
  -webkit-filter: blur(2px);
  filter: blur(2px); }

artdeco-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-animation: modalOverlayReveal 167ms cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: modalOverlayReveal 167ms cubic-bezier(0, 0, 0.2, 1) forwards; }

artdeco-modal-overlay.artdeco-is-open {
  opacity: 1; }

artdeco-modal-overlay[data-artdeco-destroying] {
  opacity: 0;
  -webkit-animation: modalOverlayReveal 167ms cubic-bezier(0.4, 0, 1, 1) reverse backwards;
          animation: modalOverlayReveal 167ms cubic-bezier(0.4, 0, 1, 1) reverse backwards; }

artdeco-modal-overlay[data-artdeco-destroying] artdeco-modal {
  max-height: calc(100vh - 64px);
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-animation: modalReveal 334ms cubic-bezier(0.4, 0, 1, 1) reverse backwards;
          animation: modalReveal 334ms cubic-bezier(0.4, 0, 1, 1) reverse backwards; }

artdeco-modal {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 18px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 1128px;
  min-height: 48px;
  border-radius: 2px;
  overflow: auto;
  background-color: #FFF;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  opacity: 0;
  max-height: calc(100vh - 64px);
  -webkit-animation: modalReveal 334ms cubic-bezier(0, 0, 0.2, 1) forwards;
          animation: modalReveal 334ms cubic-bezier(0, 0, 0.2, 1) forwards; }

artdeco-modal-overlay.artdeco-is-open artdeco-modal {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  width: 1128px; }

artdeco-modal .artdeco-dismiss {
  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;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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;
  position: absolute;
  top: 8px;
  right: 8px; }

artdeco-modal .artdeco-dismiss > svg, artdeco-modal .artdeco-dismiss li-icon {
  top: 50%;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  padding: 0;
  position: absolute;
  width: 24px; }

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

artdeco-modal .artdeco-dismiss li-icon > svg {
  display: block;
  vertical-align: top; }

artdeco-modal .artdeco-dismiss: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 artdeco-modal .artdeco-dismiss:after, .ie artdeco-modal .artdeco-dismiss:after {
  padding: 100%; }

.edge artdeco-modal .artdeco-dismiss, .ie artdeco-modal .artdeco-dismiss {
  border-radius: 32px; }

.artdeco-button-variant artdeco-modal .artdeco-dismiss {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant artdeco-modal .artdeco-dismiss:after {
  border-color: rgba(0, 0, 0, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant artdeco-modal .artdeco-dismiss:after, .ie .artdeco-button-variant artdeco-modal .artdeco-dismiss:after {
  padding: 100%; }

artdeco-modal .artdeco-dismiss:not(:disabled)[data-is-animating-click=true], artdeco-modal .artdeco-dismiss: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); }

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

artdeco-modal .artdeco-dismiss:before {
  transition-duration: 500ms; }

artdeco-modal .artdeco-dismiss:hover:not(:disabled), artdeco-modal .artdeco-dismiss.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7); }

.artdeco-button-variant artdeco-modal .artdeco-dismiss:hover:not(:disabled), .artdeco-button-variant artdeco-modal .artdeco-dismiss.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none; }

artdeco-modal .artdeco-dismiss:disabled, artdeco-modal .artdeco-dismiss.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

artdeco-modal[size="1128dp"] {
  max-width: 1128px; }

artdeco-modal[size="744dp"] {
  max-width: 745px; }

artdeco-modal[size="552dp"] {
  max-width: 552px; }

artdeco-modal[size="360dp"] {
  max-width: 360px; }

artdeco-modal-header {
  display: block;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

artdeco-modal-header h1, artdeco-modal-header h2, artdeco-modal-header h3, artdeco-modal-header h4, artdeco-modal-header h5, artdeco-modal-header h6 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.85);
  font-size: 26px;
  margin-bottom: 0; }

artdeco-modal-header h1:lang(ja), artdeco-modal-header h1:lang(zh), artdeco-modal-header h1:lang(ko), artdeco-modal-header h2:lang(ja), artdeco-modal-header h2:lang(zh), artdeco-modal-header h2:lang(ko), artdeco-modal-header h3:lang(ja), artdeco-modal-header h3:lang(zh), artdeco-modal-header h3:lang(ko), artdeco-modal-header h4:lang(ja), artdeco-modal-header h4:lang(zh), artdeco-modal-header h4:lang(ko), artdeco-modal-header h5:lang(ja), artdeco-modal-header h5:lang(zh), artdeco-modal-header h5:lang(ko), artdeco-modal-header h6:lang(ja), artdeco-modal-header h6:lang(zh), artdeco-modal-header h6:lang(ko) {
  font-size: 2.2rem;
  line-height: 3.1rem; }

artdeco-modal-header h1:lang(ar), artdeco-modal-header h2:lang(ar), artdeco-modal-header h3:lang(ar), artdeco-modal-header h4:lang(ar), artdeco-modal-header h5:lang(ar), artdeco-modal-header h6:lang(ar) {
  font-size: 2.6rem;
  line-height: 3.2rem; }

artdeco-modal-header h1:lang(th), artdeco-modal-header h2:lang(th), artdeco-modal-header h3:lang(th), artdeco-modal-header h4:lang(th), artdeco-modal-header h5:lang(th), artdeco-modal-header h6:lang(th) {
  font-size: 2rem;
  line-height: 2.8rem; }

artdeco-modal-content {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 16px; }

artdeco-modal-footer {
  display: block;
  padding: 8px 16px; }

artdeco-modal-footer[has-divider="true"] {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 1192px) {
  artdeco-modal, artdeco-modal.is-open {
    width: 1128px; } }

@media screen and (max-width: 1192px) and (min-width: 809px) {
  artdeco-modal, artdeco-modal.is-open {
    width: 745px; } }

@media screen and (max-width: 809px) and (min-width: 616px) {
  artdeco-modal, artdeco-modal.is-open {
    width: 552px; } }

@media screen and (max-width: 616px) {
  artdeco-modal, artdeco-modal.is-open {
    width: 312px; } }

@-webkit-keyframes modalOverlayReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes modalOverlayReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes modalReveal {
  0% {
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1; } }

@keyframes modalReveal {
  0% {
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1; } }

artdeco-completeness-meter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 8px;
  background-color: #e1e9ee;
  color: #0073b1;
  width: 300px;
  border-radius: 2px; }

artdeco-completeness-meter[benchmark]::after {
  content: ' ';
  width: 2px;
  height: 16px;
  position: absolute;
  top: -50%;
  background-color: #c7d1d8;
  transition: left 1s ease-in-out, background-color 1s ease-in-out;
  -webkit-animation-duration: 167ms;
          animation-duration: 167ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

artdeco-completeness-meter[benchmark]::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  background-color: #c7d1d8;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  transition: width 1s ease-in-out; }

artdeco-completeness-meter .artdeco-completeness-background {
  width: 100%;
  height: 8px;
  overflow: hidden;
  position: absolute;
  border-radius: 2px; }

artdeco-completeness-meter progress {
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: #0073b1;
  border: none;
  transition: width 1s ease-in-out;
  -webkit-animation: completenessLoad 1s cubic-bezier(0.4, 0, 0.2, 1);
          animation: completenessLoad 1s cubic-bezier(0.4, 0, 0.2, 1); }

artdeco-completeness-meter progress::-webkit-progress-bar, artdeco-completeness-meter progress::-webkit-progress-value {
  background-color: #0073b1; }

artdeco-completeness-meter progress::-moz-progress-bar {
  background-color: #0073b1; }

artdeco-completeness-meter progress::-ms-fill {
  background-color: #0073b1;
  border: none; }

artdeco-completeness-meter[size="large"] {
  height: 12px; }

artdeco-completeness-meter[size="large"][benchmark]::after {
  top: -4px;
  height: 20px; }

artdeco-completeness-meter[size="large"] .artdeco-completeness-background {
  height: 12px; }

artdeco-completeness-meter[size="large"] progress {
  height: 12px; }

artdeco-completeness-meter[inverse] {
  background-color: rgba(0, 0, 0, 0.25);
  color: #68c5cd; }

artdeco-completeness-meter[inverse][benchmark]::after {
  background-color: rgba(0, 0, 0, 0.55); }

artdeco-completeness-meter[inverse][benchmark]::before {
  background-color: rgba(0, 0, 0, 0.25); }

artdeco-completeness-meter[inverse] progress {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse] progress::-webkit-progress-bar, artdeco-completeness-meter[inverse] progress::-webkit-progress-value {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse] progress::-moz-progress-bar {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse] progress::-ms-fill {
  background-color: #68c5cd;
  border: none; }

artdeco-completeness-meter[color="pro"], artdeco-completeness-meter[color="pro"]::after {
  color: #0e95a0; }

artdeco-completeness-meter[color="pro"] progress {
  background-color: #0e95a0; }

artdeco-completeness-meter[color="pro"] progress::-webkit-progress-bar, artdeco-completeness-meter[color="pro"] progress::-webkit-progress-value {
  background-color: #0e95a0; }

artdeco-completeness-meter[color="pro"] progress::-moz-progress-bar {
  background-color: #0e95a0; }

artdeco-completeness-meter[color="pro"] progress::-ms-fill {
  background-color: #0e95a0;
  border: none; }

artdeco-completeness-meter[inverse][color="pro"], artdeco-completeness-meter[inverse][color="pro"]::after {
  color: #68c5cd; }

artdeco-completeness-meter[inverse][color="pro"] progress {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse][color="pro"] progress::-webkit-progress-bar, artdeco-completeness-meter[inverse][color="pro"] progress::-webkit-progress-value {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse][color="pro"] progress::-moz-progress-bar {
  background-color: #68c5cd; }

artdeco-completeness-meter[inverse][color="pro"] progress::-ms-fill {
  background-color: #68c5cd;
  border: none; }

artdeco-completeness-meter[color="positive"], artdeco-completeness-meter[color="positive"]::after {
  color: #469a1f; }

artdeco-completeness-meter[color="positive"] progress {
  background-color: #469a1f; }

artdeco-completeness-meter[color="positive"] progress::-webkit-progress-bar, artdeco-completeness-meter[color="positive"] progress::-webkit-progress-value {
  background-color: #469a1f; }

artdeco-completeness-meter[color="positive"] progress::-moz-progress-bar {
  background-color: #469a1f; }

artdeco-completeness-meter[color="positive"] progress::-ms-fill {
  background-color: #469a1f;
  border: none; }

artdeco-completeness-meter[inverse][color="positive"], artdeco-completeness-meter[inverse][color="positive"]::after {
  color: #91c475; }

artdeco-completeness-meter[inverse][color="positive"] progress {
  background-color: #91c475; }

artdeco-completeness-meter[inverse][color="positive"] progress::-webkit-progress-bar, artdeco-completeness-meter[inverse][color="positive"] progress::-webkit-progress-value {
  background-color: #91c475; }

artdeco-completeness-meter[inverse][color="positive"] progress::-moz-progress-bar {
  background-color: #91c475; }

artdeco-completeness-meter[inverse][color="positive"] progress::-ms-fill {
  background-color: #91c475;
  border: none; }

artdeco-completeness-meter[color="muted"], artdeco-completeness-meter[color="muted"]::after {
  color: #7a8b98; }

artdeco-completeness-meter[color="muted"] progress {
  background-color: #7a8b98; }

artdeco-completeness-meter[color="muted"] progress::-webkit-progress-bar, artdeco-completeness-meter[color="muted"] progress::-webkit-progress-value {
  background-color: #7a8b98; }

artdeco-completeness-meter[color="muted"] progress::-moz-progress-bar {
  background-color: #7a8b98; }

artdeco-completeness-meter[color="muted"] progress::-ms-fill {
  background-color: #7a8b98;
  border: none; }

artdeco-completeness-meter[inverse][color="muted"], artdeco-completeness-meter[inverse][color="muted"]::after {
  color: #acb9c2; }

artdeco-completeness-meter[inverse][color="muted"] progress {
  background-color: #acb9c2; }

artdeco-completeness-meter[inverse][color="muted"] progress::-webkit-progress-bar, artdeco-completeness-meter[inverse][color="muted"] progress::-webkit-progress-value {
  background-color: #acb9c2; }

artdeco-completeness-meter[inverse][color="muted"] progress::-moz-progress-bar {
  background-color: #acb9c2; }

artdeco-completeness-meter[inverse][color="muted"] progress::-ms-fill {
  background-color: #acb9c2;
  border: none; }

artdeco-completeness-meter[type="circular"] {
  height: 96px;
  width: 96px;
  background: none; }

artdeco-completeness-meter[type="circular"][benchmark]::before {
  background: none;
  content: none; }

artdeco-completeness-meter[type="circular"][benchmark]::after {
  top: calc(50% - 4px);
  left: calc(50% - 1px);
  height: 8px; }

artdeco-completeness-meter[type="circular"] progress {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important; }

artdeco-completeness-meter[type="circular"][size="large"] {
  height: 128px;
  width: 128px; }

artdeco-completeness-meter[type="circular"][size="large"]::after {
  top: calc(50% - 7px);
  height: 14px; }

artdeco-completeness-meter[type="circular"][size="small"] {
  height: 56px;
  width: 56px; }

@-webkit-keyframes completenessLoad {
  from {
    -webkit-transform: translate(-100%);
            transform: translate(-100%); }
  to {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@keyframes completenessLoad {
  from {
    -webkit-transform: translate(-100%);
            transform: translate(-100%); }
  to {
    -webkit-transform: translate(0);
            transform: translate(0); } }

@-webkit-keyframes completenessBenchmark {
  0% {
    background-color: currentColor;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.5);
            transform: scaleY(1.5); }
  100% {
    background-color: currentColor;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes completenessBenchmark {
  0% {
    background-color: currentColor;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  50% {
    -webkit-transform: scaleY(1.5);
            transform: scaleY(1.5); }
  100% {
    background-color: currentColor;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

artdeco-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  border-radius: 2px;
  margin: 0 8px 8px 0;
  padding: 0 6px 0 8px;
  background-color: rgba(179, 182, 185, 0.25);
  transition: color .3s, background-color .3s; }

artdeco-chip .artdeco-chip-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  color: rgba(0, 0, 0, 0.55);
  margin: 0; }

artdeco-chip .artdeco-chip-text:lang(ja), artdeco-chip .artdeco-chip-text:lang(zh), artdeco-chip .artdeco-chip-text:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-chip .artdeco-chip-text:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-chip .artdeco-chip-text:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-chip .artdeco-chip-button {
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 0;
  position: static;
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.55);
  transition: 'color .3s'; }

artdeco-chip .artdeco-chip-button:hover {
  color: rgba(0, 0, 0, 0.7); }

artdeco-chip .artdeco-chip-button:active {
  color: rgba(0, 0, 0, 0.85); }

artdeco-chip[size=large] {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  height: 28px; }

artdeco-chip[size=large]:lang(ja), artdeco-chip[size=large]:lang(zh), artdeco-chip[size=large]:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

artdeco-chip[size=large]:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

artdeco-chip[size=large]:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

artdeco-chip:hover {
  background-color: rgba(179, 182, 185, 0.4);
  color: rgba(0, 0, 0, 0.7); }

artdeco-chip:active {
  background-color: rgba(179, 182, 185, 0.55);
  color: rgba(0, 0, 0, 0.85); }

artdeco-chip:last-of-type {
  margin-right: 0; }

artdeco-tabs {
  display: block;
  position: relative; }

artdeco-tabs artdeco-tabpanel[role="tabpanel"] {
  display: block; }

artdeco-tabs artdeco-tabpanel[role="tabpanel"][aria-hidden="true"] {
  display: none; }

artdeco-tabs artdeco-tablist[role="tablist"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: relative; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"] {
  box-sizing: border-box;
  max-width: 220px;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  transition: background-color;
  transition-duration: 83ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s;
  padding: 9px 24px 11px;
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:lang(ja), artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:lang(zh), artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:first-child {
  padding-left: 0;
  padding-right: 0;
  margin-right: 24px; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:first-child[aria-selected="true"]:before {
  left: 0;
  right: 0; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:before {
  position: absolute;
  content: '';
  height: 2px;
  background-color: transparent;
  left: 12px;
  right: 12px;
  bottom: 0;
  transition-duration: 83ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"] {
  color: #0073b1;
  background-color: transparent;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:before {
  background-color: #0073b1;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0s; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:hover {
  color: #006097; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:hover:before {
  background: #006097; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:active {
  color: #004b7c; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:active:before {
  background: #004b7c; }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:hover {
  color: rgba(0, 0, 0, 0.75); }

artdeco-tabs artdeco-tablist[role="tablist"] artdeco-tab[role="tab"]:active {
  color: #006097;
  background-color: rgba(0, 145, 202, 0.15); }

artdeco-tabs artdeco-tablist[role="tablist"].no-wrap artdeco-tab[role="tab"] {
  white-space: nowrap; }

artdeco-tabs .artdeco-scrolling-container {
  overflow-x: scroll;
  overflow-y: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }

artdeco-tabs .artdeco-scrolling-container::-webkit-scrollbar {
  display: none; }

artdeco-tabs .artdeco-transport {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 32px;
  background: rgba(255, 255, 255, 0.85);
  border: 0;
  opacity: 1;
  transition: opacity;
  transition-duration: 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-delay: 0s; }

artdeco-tabs .artdeco-transport.artdeco-transport-hidden {
  opacity: 0; }

artdeco-tabs .artdeco-transport li-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

artdeco-tabs .artdeco-transport[data-direction="next"] {
  left: auto;
  right: 0; }

artdeco-tabs[theme="pro"] artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"] {
  color: #0e95a0; }

artdeco-tabs[theme="pro"] artdeco-tablist[role="tablist"] artdeco-tab[role="tab"][aria-selected="true"]:before {
  background: #0e95a0; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] {
  padding: 10px 16px;
  cursor: pointer;
  position: relative;
  max-height: 88px;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-right: 1px solid rgba(0, 0, 0, 0.15); }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"]:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15); }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.55);
  font-size: 26px;
  display: block; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text:lang(ja), artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text:lang(zh), artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text:lang(ko) {
  font-size: 2.2rem;
  line-height: 3.1rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text:lang(ar) {
  font-size: 2.6rem;
  line-height: 3.2rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-primary-text:lang(th) {
  font-size: 2rem;
  line-height: 2.8rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  display: block; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text:lang(ja), artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text:lang(zh), artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text:lang(ar) {
  font-size: 1.5rem;
  line-height: 2rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"] .artdeco-tab-secondary-text:lang(th) {
  font-size: 1.3rem;
  line-height: 2rem; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"]:hover .artdeco-tab-primary-text, artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"]:hover .artdeco-tab-secondary-text {
  color: rgba(0, 0, 0, 0.75); }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"][aria-selected="true"]:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #0e95a0; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"][aria-selected="true"] .artdeco-tab-primary-text {
  color: #0e95a0; }

artdeco-tabs artdeco-spotlight-tablist[role="tablist"] artdeco-spotlight-tab[role="tab"][aria-selected="true"] .artdeco-tab-secondary-text {
  color: rgba(0, 0, 0, 0.85); }

artdeco-tabs[in-modal="true"] artdeco-tablist artdeco-tab:first-child {
  margin-left: 24px; }

artdeco-tabs[align="centered"] artdeco-tablist {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

artdeco-tabs[align="centered"] artdeco-tablist artdeco-tab:first-child {
  padding-left: 24px;
  padding-right: 24px; }

artdeco-tabs[align="centered"] artdeco-tablist artdeco-tab:first-child[aria-selected="true"]:before {
  left: 12px;
  right: 12px; }

artdeco-tabs[size="17px"] artdeco-tablist[role="tablist"] artdeco-tab[role="tab"] {
  padding-top: 12px;
  padding-bottom: 16px;
  font-size: 17px; }

artdeco-typeahead {
  display: block;
  position: relative; }

artdeco-typeahead .artdeco-typeahead-live-region {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important; }

artdeco-typeahead-results-container {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  border-radius: 0 0 2px 2px;
  padding: 4px 0;
  background-color: #fff; }

artdeco-typeahead-results-container ul {
  list-style-type: none; }

artdeco-typeahead-results-container li {
  padding: 8px 16px; }

artdeco-typeahead-results-container .highlighted, artdeco-typeahead-results-container li:hover {
  background-color: #f3f6f8; }

.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: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: #006097;
  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 .disable-comments__button--save:after, .ie .disable-comments__button--save:after {
  padding: 100%; }

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

.artdeco-button-variant .disable-comments__button--save {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .disable-comments__button--save:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .disable-comments__button--save:after, .ie .artdeco-button-variant .disable-comments__button--save:after {
  padding: 100%; }

.disable-comments__button--save:not(:disabled)[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:not(:disabled)[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: #0073b1;
  color: #fff; }

.artdeco-button-variant .disable-comments__button--save:hover:not(:disabled), .artdeco-button-variant .disable-comments__button--save.hover-not-disabled {
  background-color: #006097; }

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

.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;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .disable-comments__button--cancel:after, .ie .disable-comments__button--cancel:after {
  padding: 100%; }

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

.artdeco-button-variant .disable-comments__button--cancel {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .disable-comments__button--cancel:after {
  border-color: rgba(0, 0, 0, 0.2);
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .disable-comments__button--cancel:after, .ie .artdeco-button-variant .disable-comments__button--cancel:after {
  padding: 100%; }

.disable-comments__button--cancel:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .disable-comments__button--cancel:hover:not(:disabled), .artdeco-button-variant .disable-comments__button--cancel.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.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 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);
  cursor: not-allowed; }

.disable-comments__button--enable {
  background: none;
  border: none;
  color: #0084bf;
  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 #777a7d; }

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

.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: #777a7d; }

.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 #cdcfd2; }

.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; }

.comments-modal-container {
  background: #fff;
  background-clip: content-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 18px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 28px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 21px;
  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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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, 96, 151, 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 .comments-modal-container > [role="document"] > header .dismiss:after, .ie .comments-modal-container > [role="document"] > header .dismiss:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after {
  border-color: rgba(0, 75, 124, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after, .ie .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after {
  padding: 100%; }

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

.comments-modal-container > [role="document"] > header .dismiss:not(:disabled)[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, 96, 151, 0.1);
  color: #0073b1; }

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled), .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss.hover-not-disabled {
  background-color: rgba(0, 96, 151, 0.1); }

.comments-modal-container > [role="document"] > header .dismiss:disabled, .comments-modal-container > [role="document"] > header .dismiss.disabled {
  color: rgba(0, 132, 191, 0.4);
  cursor: not-allowed; }

.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: #0091ca; }

.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 {
  display: table-cell;
  vertical-align: top; }

.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: 3px solid transparent;
  border-radius: 49.9%;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup dl {
  width: 100%;
  display: table-cell;
  vertical-align: middle; }

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

.comments-modal-container.like-modal .entity-lockup dt, .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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  margin: 0; }

.comments-modal-container.like-modal .entity-lockup dt:lang(ja), .comments-modal-container.like-modal .entity-lockup dt:lang(zh), .comments-modal-container.like-modal .entity-lockup dt:lang(ko), .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.6rem;
  line-height: 2.3rem; }

.comments-modal-container.like-modal .entity-lockup dt:lang(ar), .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.7rem;
  line-height: 2.1rem; }

.comments-modal-container.like-modal .entity-lockup dt:lang(th), .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.5rem;
  line-height: 2.2rem; }

.comments-modal-container.like-modal .entity-lockup .badge {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 2px;
  padding: 0 8px;
  height: 20px;
  color: rgba(0, 0, 0, 0.55);
  background: transparent; }

.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.4rem;
  line-height: 2.2rem; }

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

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

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

.comments-modal-container.like-modal .entity-lockup dd:not(.badge) {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px; }

.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.4rem;
  line-height: 2.2rem; }

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

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

.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: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: #006097;
  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 .comments-modal-container.remove-comment-modal .modal-confirm-btn:after, .ie .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after, .ie .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  padding: 100%; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:not(:disabled)[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:not(:disabled)[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: #0073b1;
  color: #fff; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled), .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn.hover-not-disabled {
  background-color: #006097; }

.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;
  cursor: not-allowed; }

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

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

.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: #0084bf;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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 #0084bf,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, 96, 151, 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 .comments-modal-container.remove-comment-modal .modal-cancel-btn:after, .ie .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  border-color: rgba(0, 75, 124, 0.2);
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after, .ie .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  padding: 100%; }

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

.comments-modal-container.remove-comment-modal .modal-cancel-btn:not(:disabled)[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, 115, 177, 0.1);
  color: #0073b1;
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #0073b1,inset 0 0 0 3px transparent; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled), .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn.hover-not-disabled {
  background-color: rgba(0, 96, 151, 0.1);
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #006097,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, 132, 191, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 132, 191, 0.4);
  cursor: not-allowed; }

.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-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 #777a7d; }

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

.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: #777a7d; }

.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 #cdcfd2; }

.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: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: #006097;
  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 .disable-comments__button--save:after, .ie .disable-comments__button--save:after {
  padding: 100%; }

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

.artdeco-button-variant .disable-comments__button--save {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .disable-comments__button--save:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .disable-comments__button--save:after, .ie .artdeco-button-variant .disable-comments__button--save:after {
  padding: 100%; }

.disable-comments__button--save:not(:disabled)[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:not(:disabled)[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: #0073b1;
  color: #fff; }

.artdeco-button-variant .disable-comments__button--save:hover:not(:disabled), .artdeco-button-variant .disable-comments__button--save.hover-not-disabled {
  background-color: #006097; }

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

.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;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .disable-comments__button--cancel:after, .ie .disable-comments__button--cancel:after {
  padding: 100%; }

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

.artdeco-button-variant .disable-comments__button--cancel {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .disable-comments__button--cancel:after {
  border-color: rgba(0, 0, 0, 0.2);
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .disable-comments__button--cancel:after, .ie .artdeco-button-variant .disable-comments__button--cancel:after {
  padding: 100%; }

.disable-comments__button--cancel:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .disable-comments__button--cancel:hover:not(:disabled), .artdeco-button-variant .disable-comments__button--cancel.hover-not-disabled {
  background-color: rgba(0, 0, 0, 0.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 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);
  cursor: not-allowed; }

.disable-comments__button--enable {
  background: none;
  border: none;
  color: #0084bf;
  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 .input-wrapper, .comments-container .alternate-input-wrapper {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  transition: box-shadow 83ms;
  box-shadow: none;
  border: none;
  position: relative;
  padding-right: 0;
  padding-bottom: 0; }

.comments-container .input-wrapper ul[role="tablist"], .comments-container .alternate-input-wrapper ul[role="tablist"] {
  border-top: 0; }

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

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

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

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

.comments-container .comment-reply-button-container .comment-submit-button {
  background-color: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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;
  padding-bottom: 0;
  padding-top: 0; }

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

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

.comments-container .comment-reply-button-container .comment-submit-button li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-container .comment-reply-button-container .comment-submit-button:after {
  border-color: #006097;
  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 .comments-container .comment-reply-button-container .comment-submit-button:after, .ie .comments-container .comment-reply-button-container .comment-submit-button:after {
  padding: 100%; }

.edge .comments-container .comment-reply-button-container .comment-submit-button, .ie .comments-container .comment-reply-button-container .comment-submit-button {
  border-radius: 0; }

.artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button:after, .ie .artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button:after {
  padding: 100%; }

.comments-container .comment-reply-button-container .comment-submit-button:not(:disabled)[data-is-animating-click=true], .comments-container .comment-reply-button-container .comment-submit-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 .comment-reply-button-container .comment-submit-button:not(:disabled)[data-is-animating-click=true]:after, .comments-container .comment-reply-button-container .comment-submit-button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .comment-reply-button-container .comment-submit-button:hover:not(:disabled), .comments-container .comment-reply-button-container .comment-submit-button.hover-not-disabled {
  background-color: #0073b1;
  color: #fff; }

.artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button:hover:not(:disabled), .artdeco-button-variant .comments-container .comment-reply-button-container .comment-submit-button.hover-not-disabled {
  background-color: #006097; }

.comments-container .comment-reply-button-container .comment-submit-button:disabled, .comments-container .comment-reply-button-container .comment-submit-button.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25;
  cursor: not-allowed; }

.comments-container .comment-reply-button-container .comment-submit-button, .comments-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 .comment-reply-button-container .comment-submit-button:active, .comments-container .mentions-focused ~ .comment-reply-button-container .comment-submit-button, .comments-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 .comment-reply-button-container .comment-submit-button:active:disabled, .comments-container .mentions-focused ~ .comment-reply-button-container .comment-submit-button:disabled, .comments-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 .guest-view {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: normal;
  background: #f3f6f8;
  border-radius: 4px;
  height: 56px;
  line-height: 56px;
  margin-bottom: 35px;
  text-align: center;
  width: 100%; }

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

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

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

.comments-container .guest-view a {
  color: #0084bf; }

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

.comments-container .thread-reply-button-container ul[role="tablist"] {
  border-top: 0; }

.comments-container .thread-reply-button-container .thread-reply-submit-button {
  background-color: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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-container .thread-reply-button-container .thread-reply-submit-button > svg, .comments-container .thread-reply-button-container .thread-reply-submit-button li-icon {
  top: 2px;
  height: 16px;
  left: 0;
  margin: -12px 0 0 -6px;
  padding: 0 6px 0 0;
  position: relative;
  width: 16px; }

.comments-container .thread-reply-button-container .thread-reply-submit-button > svg, .comments-container .thread-reply-button-container .thread-reply-submit-button li-icon > svg {
  transition: -webkit-transform 167ms;
  transition: transform 167ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.comments-container .thread-reply-button-container .thread-reply-submit-button li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:after {
  border-color: #006097;
  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 .comments-container .thread-reply-button-container .thread-reply-submit-button:after, .ie .comments-container .thread-reply-button-container .thread-reply-submit-button:after {
  padding: 100%; }

.edge .comments-container .thread-reply-button-container .thread-reply-submit-button, .ie .comments-container .thread-reply-button-container .thread-reply-submit-button {
  border-radius: 0; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button:after, .ie .artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button:after {
  padding: 100%; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:not(:disabled)[data-is-animating-click=true], .comments-container .thread-reply-button-container .thread-reply-submit-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 .thread-reply-button-container .thread-reply-submit-button:not(:disabled)[data-is-animating-click=true]:after, .comments-container .thread-reply-button-container .thread-reply-submit-button:hover:not(:disabled)[data-is-animating-click=true]:after {
  padding: 0;
  transition-duration: 140ms; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:hover:not(:disabled), .comments-container .thread-reply-button-container .thread-reply-submit-button.hover-not-disabled {
  background-color: #0073b1;
  color: #fff; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button:hover:not(:disabled), .artdeco-button-variant .comments-container .thread-reply-button-container .thread-reply-submit-button.hover-not-disabled {
  background-color: #006097; }

.comments-container .thread-reply-button-container .thread-reply-submit-button:disabled, .comments-container .thread-reply-button-container .thread-reply-submit-button.disabled {
  color: rgba(255, 255, 255, 0.7);
  opacity: .25;
  cursor: not-allowed; }

.comments-container .thread-reply-button-container .thread-cancel-button {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #0084bf;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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 #0084bf,inset 0 0 0 2px transparent,inset 0 0 0 3px transparent;
  margin-right: 16px; }

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

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

.comments-container .thread-reply-button-container .thread-cancel-button li-icon > svg {
  display: inline-block;
  vertical-align: top; }

.comments-container .thread-reply-button-container .thread-cancel-button:after {
  border-color: rgba(0, 96, 151, 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 .comments-container .thread-reply-button-container .thread-cancel-button:after, .ie .comments-container .thread-reply-button-container .thread-cancel-button:after {
  padding: 100%; }

.edge .comments-container .thread-reply-button-container .thread-cancel-button, .ie .comments-container .thread-reply-button-container .thread-cancel-button {
  border-radius: 0; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button:after {
  border-color: rgba(0, 75, 124, 0.2);
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button:after, .ie .artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button:after {
  padding: 100%; }

.comments-container .thread-reply-button-container .thread-cancel-button:not(:disabled)[data-is-animating-click=true], .comments-container .thread-reply-button-container .thread-cancel-button:hover:not(:disabled)[data-is-animating-click=true] {
  color: #006097;
  transition-duration: 140ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #0073b1,inset 0 0 0 3px #006097; }

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

.comments-container .thread-reply-button-container .thread-cancel-button:hover:not(:disabled), .comments-container .thread-reply-button-container .thread-cancel-button.hover-not-disabled {
  background-color: rgba(0, 115, 177, 0.1);
  color: #0073b1;
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #0073b1,inset 0 0 0 3px transparent; }

.artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button:hover:not(:disabled), .artdeco-button-variant .comments-container .thread-reply-button-container .thread-cancel-button.hover-not-disabled {
  background-color: rgba(0, 96, 151, 0.1);
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #006097,inset 0 0 0 3px transparent; }

.comments-container .thread-reply-button-container .thread-cancel-button:disabled, .comments-container .thread-reply-button-container .thread-cancel-button.disabled {
  color: rgba(0, 132, 191, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 132, 191, 0.4);
  cursor: not-allowed; }

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

.comments-container .comments-more-button:visited {
  color: #827be9; }

.comments-container .comments-more-button:visited:active {
  color: #665ed0; }

.artdeco-link-variant .comments-container .comments-more-button {
  font-weight: normal;
  color: #0073b1; }

.artdeco-link-variant .comments-container .comments-more-button:visited {
  color: #827be9; }

.artdeco-link-variant .comments-container .comments-more-button:visited:active {
  color: #665ed0; }

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

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

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

.artdeco-link-variant .comments-container .comments-more-button:active, .artdeco-link-variant .comments-container .comments-more-button.active {
  color: #004b7c; }

.comments-container .comments-more-button-section {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: bold;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  transition: box-shadow 83ms;
  box-shadow: none;
  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 ul[role="tablist"] {
  border-top: 0; }

.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;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 2px 2px;
  padding: 4px 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, .comments-container .comments-header .comments-sort h6, .comments-container .comments-header .comments-sort dl > dt {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  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), .comments-container .comments-header .comments-sort h6:lang(ja), .comments-container .comments-header .comments-sort h6:lang(zh), .comments-container .comments-header .comments-sort h6:lang(ko), .comments-container .comments-header .comments-sort dl > dt:lang(ja), .comments-container .comments-header .comments-sort dl > dt:lang(zh), .comments-container .comments-header .comments-sort dl > dt:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.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), .comments-container .comments-header .comments-sort h6:lang(ar), .comments-container .comments-header .comments-sort dl > dt:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.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), .comments-container .comments-header .comments-sort h6:lang(th), .comments-container .comments-header .comments-sort dl > dt:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

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

.comments-container .comments-header .comments-sort ul a, .comments-container .comments-header .comments-sort ul button, .comments-container .comments-header .comments-sort ol a, .comments-container .comments-header .comments-sort ol button, .comments-container .comments-header .comments-sort dl a, .comments-container .comments-header .comments-sort dl button {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  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), .comments-container .comments-header .comments-sort ul button:lang(ja), .comments-container .comments-header .comments-sort ul button:lang(zh), .comments-container .comments-header .comments-sort ul button:lang(ko), .comments-container .comments-header .comments-sort ol a:lang(ja), .comments-container .comments-header .comments-sort ol a:lang(zh), .comments-container .comments-header .comments-sort ol a:lang(ko), .comments-container .comments-header .comments-sort ol button:lang(ja), .comments-container .comments-header .comments-sort ol button:lang(zh), .comments-container .comments-header .comments-sort ol button:lang(ko), .comments-container .comments-header .comments-sort dl a:lang(ja), .comments-container .comments-header .comments-sort dl a:lang(zh), .comments-container .comments-header .comments-sort dl a:lang(ko), .comments-container .comments-header .comments-sort dl button:lang(ja), .comments-container .comments-header .comments-sort dl button:lang(zh), .comments-container .comments-header .comments-sort dl button:lang(ko) {
  font-size: 1.4rem;
  line-height: 2.2rem; }

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

.comments-container .comments-header .comments-sort ul a:lang(th), .comments-container .comments-header .comments-sort ul button:lang(th), .comments-container .comments-header .comments-sort ol a:lang(th), .comments-container .comments-header .comments-sort ol button:lang(th), .comments-container .comments-header .comments-sort dl a:lang(th), .comments-container .comments-header .comments-sort dl button: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, .comments-container .comments-header .comments-sort ul button:hover, .comments-container .comments-header .comments-sort ul button.hover, .comments-container .comments-header .comments-sort ul button:focus, .comments-container .comments-header .comments-sort ul button.focus, .comments-container .comments-header .comments-sort ol a:hover, .comments-container .comments-header .comments-sort ol a.hover, .comments-container .comments-header .comments-sort ol a:focus, .comments-container .comments-header .comments-sort ol a.focus, .comments-container .comments-header .comments-sort ol button:hover, .comments-container .comments-header .comments-sort ol button.hover, .comments-container .comments-header .comments-sort ol button:focus, .comments-container .comments-header .comments-sort ol button.focus, .comments-container .comments-header .comments-sort dl a:hover, .comments-container .comments-header .comments-sort dl a.hover, .comments-container .comments-header .comments-sort dl a:focus, .comments-container .comments-header .comments-sort dl a.focus, .comments-container .comments-header .comments-sort dl button:hover, .comments-container .comments-header .comments-sort dl button.hover, .comments-container .comments-header .comments-sort dl button:focus, .comments-container .comments-header .comments-sort dl button.focus {
  color: #0084bf;
  background-color: #f3f6f8;
  line-height: 32px;
  text-decoration: none; }

.comments-container .comments-header .comments-sort hr {
  margin: 8px 0 4px;
  width: 100%;
  border-color: #e6e9ec;
  display: block;
  float: none; }

.comments-container .comments-header .comments-sort > dl dt ~ dt {
  padding-top: 6px;
  border-top: 1px solid #e6e9ec;
  margin-top: 8px; }

.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 #cdcfd2 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 .thread-comments-show-section {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  transition: box-shadow 83ms;
  box-shadow: none;
  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 ul[role="tablist"] {
  border-top: 0; }

.comments-container .comments-threads .thread-comments-show-section .thread-see-more-button {
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #0084bf;
  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:visited {
  color: #827be9; }

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

.artdeco-link-variant .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button {
  font-weight: normal;
  color: #0073b1; }

.artdeco-link-variant .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:visited {
  color: #827be9; }

.artdeco-link-variant .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:visited:active {
  color: #665ed0; }

.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.hover, .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:focus, .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:focus, .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, .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button.active {
  text-decoration: none;
  color: #006097; }

.artdeco-link-variant .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button:active, .artdeco-link-variant .comments-container .comments-threads .thread-comments-show-section .thread-see-more-button.active {
  color: #004b7c; }

.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 {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  transition: box-shadow 83ms;
  box-shadow: none;
  position: relative;
  border: none;
  padding-right: 0; }

.comments-container .comments-threads .comment-reply-input-container ul[role="tablist"] {
  border-top: 0; }

.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 {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  padding: 16px;
  transition: box-shadow 83ms;
  box-shadow: none;
  position: relative;
  border: none;
  padding-right: 0; }

.comments-container .comment-container ul[role="tablist"] {
  border-top: 0; }

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

.comments-container .comment-container.nested .comment-badge {
  display: block;
  position: absolute;
  left: -44px;
  z-index: 1;
  background: #fff;
  padding-bottom: 2px;
  padding-top: 7px; }

.comments-container .comment-container.nested .comment-badge img {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 49.9%; }

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

.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 .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 .commenter-name:lang(ja), .comments-container .commenter-name:lang(zh), .comments-container .commenter-name:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

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

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

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

.comments-container .commenter-name:hover {
  color: #0084bf; }

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

.comments-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-badge {
  display: block;
  position: absolute;
  left: -54px;
  transition: 0.3s all ease; }

.comments-container .comment-badge img {
  width: 56px;
  height: 56px;
  box-sizing: border-box;
  background-clip: content-box;
  border: 1px solid transparent;
  border-radius: 49.9%; }

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

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

.comments-container .button-time-holder .comment-menu h1, .comments-container .button-time-holder .comment-menu h2, .comments-container .button-time-holder .comment-menu h3, .comments-container .button-time-holder .comment-menu h4, .comments-container .button-time-holder .comment-menu h5, .comments-container .button-time-holder .comment-menu h6, .comments-container .button-time-holder .comment-menu dl > dt {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  height: 32px;
  margin-bottom: 0;
  padding: 2px 16px 0; }

.comments-container .button-time-holder .comment-menu h1:lang(ja), .comments-container .button-time-holder .comment-menu h1:lang(zh), .comments-container .button-time-holder .comment-menu h1:lang(ko), .comments-container .button-time-holder .comment-menu h2:lang(ja), .comments-container .button-time-holder .comment-menu h2:lang(zh), .comments-container .button-time-holder .comment-menu h2:lang(ko), .comments-container .button-time-holder .comment-menu h3:lang(ja), .comments-container .button-time-holder .comment-menu h3:lang(zh), .comments-container .button-time-holder .comment-menu h3:lang(ko), .comments-container .button-time-holder .comment-menu h4:lang(ja), .comments-container .button-time-holder .comment-menu h4:lang(zh), .comments-container .button-time-holder .comment-menu h4:lang(ko), .comments-container .button-time-holder .comment-menu h5:lang(ja), .comments-container .button-time-holder .comment-menu h5:lang(zh), .comments-container .button-time-holder .comment-menu h5:lang(ko), .comments-container .button-time-holder .comment-menu h6:lang(ja), .comments-container .button-time-holder .comment-menu h6:lang(zh), .comments-container .button-time-holder .comment-menu h6:lang(ko), .comments-container .button-time-holder .comment-menu dl > dt:lang(ja), .comments-container .button-time-holder .comment-menu dl > dt:lang(zh), .comments-container .button-time-holder .comment-menu dl > dt:lang(ko) {
  font-size: 1.6rem;
  line-height: 2.3rem; }

.comments-container .button-time-holder .comment-menu h1:lang(ar), .comments-container .button-time-holder .comment-menu h2:lang(ar), .comments-container .button-time-holder .comment-menu h3:lang(ar), .comments-container .button-time-holder .comment-menu h4:lang(ar), .comments-container .button-time-holder .comment-menu h5:lang(ar), .comments-container .button-time-holder .comment-menu h6:lang(ar), .comments-container .button-time-holder .comment-menu dl > dt:lang(ar) {
  font-size: 1.7rem;
  line-height: 2.1rem; }

.comments-container .button-time-holder .comment-menu h1:lang(th), .comments-container .button-time-holder .comment-menu h2:lang(th), .comments-container .button-time-holder .comment-menu h3:lang(th), .comments-container .button-time-holder .comment-menu h4:lang(th), .comments-container .button-time-holder .comment-menu h5:lang(th), .comments-container .button-time-holder .comment-menu h6:lang(th), .comments-container .button-time-holder .comment-menu dl > dt:lang(th) {
  font-size: 1.5rem;
  line-height: 2.2rem; }

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

.comments-container .button-time-holder .comment-menu ul a, .comments-container .button-time-holder .comment-menu ul button, .comments-container .button-time-holder .comment-menu ol a, .comments-container .button-time-holder .comment-menu ol button, .comments-container .button-time-holder .comment-menu dl a, .comments-container .button-time-holder .comment-menu dl button {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 32px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px;
  display: block;
  height: 32px;
  padding: 0 16px; }

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

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

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

.comments-container .button-time-holder .comment-menu ul a:hover, .comments-container .button-time-holder .comment-menu ul a.hover, .comments-container .button-time-holder .comment-menu ul a:focus, .comments-container .button-time-holder .comment-menu ul a.focus, .comments-container .button-time-holder .comment-menu ul button:hover, .comments-container .button-time-holder .comment-menu ul button.hover, .comments-container .button-time-holder .comment-menu ul button:focus, .comments-container .button-time-holder .comment-menu ul button.focus, .comments-container .button-time-holder .comment-menu ol a:hover, .comments-container .button-time-holder .comment-menu ol a.hover, .comments-container .button-time-holder .comment-menu ol a:focus, .comments-container .button-time-holder .comment-menu ol a.focus, .comments-container .button-time-holder .comment-menu ol button:hover, .comments-container .button-time-holder .comment-menu ol button.hover, .comments-container .button-time-holder .comment-menu ol button:focus, .comments-container .button-time-holder .comment-menu ol button.focus, .comments-container .button-time-holder .comment-menu dl a:hover, .comments-container .button-time-holder .comment-menu dl a.hover, .comments-container .button-time-holder .comment-menu dl a:focus, .comments-container .button-time-holder .comment-menu dl a.focus, .comments-container .button-time-holder .comment-menu dl button:hover, .comments-container .button-time-holder .comment-menu dl button.hover, .comments-container .button-time-holder .comment-menu dl button:focus, .comments-container .button-time-holder .comment-menu dl button.focus {
  color: #0084bf;
  background-color: #f3f6f8;
  line-height: 32px;
  text-decoration: none; }

.comments-container .button-time-holder .comment-menu hr {
  margin: 8px 0 4px;
  width: 100%;
  border-color: #e6e9ec;
  display: block;
  float: none; }

.comments-container .button-time-holder .comment-menu > dl dt ~ dt {
  padding-top: 6px;
  border-top: 1px solid #e6e9ec;
  margin-top: 8px; }

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

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

.comments-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 .button-time-holder .comment-menu li, .comments-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 .button-time-holder .comment-menu li:hover, .comments-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 .button-time-holder .comment-menu ul::after, .comments-container .button-time-holder .comment-menu ul::before {
  margin-top: -18px;
  left: 230px; }

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

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

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

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

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

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

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

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

.comments-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-controls-container {
  padding-top: 6px; }

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

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

.comments-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;
  cursor: pointer;
  display: block; }

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

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

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

.comments-container .comment-controls-container .comment-like-button.liked {
  color: #0084bf; }

.comments-container .comment-controls-container .like-reply-spacer-bull, .comments-container .comment-controls-container .right-control-wrapper, .comments-container .comment-controls-container button {
  float: left;
  margin-right: 12px; }

.comments-container .comment-controls-container .right-control-wrapper {
  border-left: 1px solid #b3b6b9;
  padding-left: 12px; }

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

.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: #398b18;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: .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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .comments-container .alert.success > div > button:after, .ie .comments-container .alert.success > div > button:after {
  padding: 100%; }

.edge .comments-container .alert.success > div > button, .ie .comments-container .alert.success > div > button {
  border-radius: 24px; }

.artdeco-button-variant .comments-container .alert.success > div > button {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-container .alert.success > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-container .alert.success > div > button:after, .ie .artdeco-button-variant .comments-container .alert.success > div > button:after {
  padding: 100%; }

.comments-container .alert.success > div > button:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .comments-container .alert.success > div > button:hover:not(:disabled), .artdeco-button-variant .comments-container .alert.success > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none; }

.comments-container .alert.success > div > button:disabled, .comments-container .alert.success > div > button.disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed; }

.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: #ee1620;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: .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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .comments-container .alert.error > div > button:after, .ie .comments-container .alert.error > div > button:after {
  padding: 100%; }

.edge .comments-container .alert.error > div > button, .ie .comments-container .alert.error > div > button {
  border-radius: 24px; }

.artdeco-button-variant .comments-container .alert.error > div > button {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-container .alert.error > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-container .alert.error > div > button:after, .ie .artdeco-button-variant .comments-container .alert.error > div > button:after {
  padding: 100%; }

.comments-container .alert.error > div > button:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .comments-container .alert.error > div > button:hover:not(:disabled), .artdeco-button-variant .comments-container .alert.error > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none; }

.comments-container .alert.error > div > button:disabled, .comments-container .alert.error > div > button.disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed; }

.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: #cf5000;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: .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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .comments-container .alert.yield > div > button:after, .ie .comments-container .alert.yield > div > button:after {
  padding: 100%; }

.edge .comments-container .alert.yield > div > button, .ie .comments-container .alert.yield > div > button {
  border-radius: 24px; }

.artdeco-button-variant .comments-container .alert.yield > div > button {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-container .alert.yield > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-container .alert.yield > div > button:after, .ie .artdeco-button-variant .comments-container .alert.yield > div > button:after {
  padding: 100%; }

.comments-container .alert.yield > div > button:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .comments-container .alert.yield > div > button:hover:not(:disabled), .artdeco-button-variant .comments-container .alert.yield > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none; }

.comments-container .alert.yield > div > button:disabled, .comments-container .alert.yield > div > button.disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed; }

.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: #777a7d;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: .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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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: 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 .comments-container .alert.notice > div > button:after, .ie .comments-container .alert.notice > div > button:after {
  padding: 100%; }

.edge .comments-container .alert.notice > div > button, .ie .comments-container .alert.notice > div > button {
  border-radius: 24px; }

.artdeco-button-variant .comments-container .alert.notice > div > button {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-container .alert.notice > div > button:after {
  border-color: rgba(255, 255, 255, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-container .alert.notice > div > button:after, .ie .artdeco-button-variant .comments-container .alert.notice > div > button:after {
  padding: 100%; }

.comments-container .alert.notice > div > button:not(:disabled)[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:not(:disabled)[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; }

.artdeco-button-variant .comments-container .alert.notice > div > button:hover:not(:disabled), .artdeco-button-variant .comments-container .alert.notice > div > button.hover-not-disabled {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none; }

.comments-container .alert.notice > div > button:disabled, .comments-container .alert.notice > div > button.disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed; }

.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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  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: #fff;
  padding: 5px 18px 8px;
  opacity: 0;
  position: absolute;
  transition: visibility 0s linear .2s,opacity .2s linear;
  visibility: hidden;
  z-index: 999;
  bottom: calc(100% + 12px);
  left: calc(50%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  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; }

.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-width: 0;
  border-top: 8px rgba(0, 0, 0, 0.85) solid;
  content: "";
  height: 0;
  width: 0;
  border-left-width: 8px;
  border-right-width: 8px;
  bottom: -8px;
  left: 50%;
  margin-left: -9px;
  position: absolute; }

.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; }

.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: #0091ca; }

.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 {
  display: table-cell;
  vertical-align: top; }

.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: 3px solid transparent;
  border-radius: 49.9%;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle; }

.comments-modal-container.like-modal .entity-lockup dl {
  width: 100%;
  display: table-cell;
  vertical-align: middle; }

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

.comments-modal-container.like-modal .entity-lockup dt, .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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 24px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
  font-size: 17px;
  margin: 0; }

.comments-modal-container.like-modal .entity-lockup dt:lang(ja), .comments-modal-container.like-modal .entity-lockup dt:lang(zh), .comments-modal-container.like-modal .entity-lockup dt:lang(ko), .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.6rem;
  line-height: 2.3rem; }

.comments-modal-container.like-modal .entity-lockup dt:lang(ar), .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.7rem;
  line-height: 2.1rem; }

.comments-modal-container.like-modal .entity-lockup dt:lang(th), .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.5rem;
  line-height: 2.2rem; }

.comments-modal-container.like-modal .entity-lockup .badge {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 2px;
  padding: 0 8px;
  height: 20px;
  color: rgba(0, 0, 0, 0.55);
  background: transparent; }

.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.4rem;
  line-height: 2.2rem; }

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

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

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

.comments-modal-container.like-modal .entity-lockup dd:not(.badge) {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55);
  font-size: 15px; }

.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.4rem;
  line-height: 2.2rem; }

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

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

.comments-modal-container {
  background: #fff;
  background-clip: content-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 12px 18px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  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 {
  font-family: Source Sans Pro, Helvetica, Arial, sans-serif, Hiragino Kaku Gothic Pro, Meiryo, Hiragino Sans GB W3, Noto Naskh Arabic, Droid Arabic Naskh, Geeza Pro, Simplified Arabic, Noto Sans Thai, Thonburi, Dokchampa, Droid Sans Thai, Droid Sans Fallback, -apple-system, ".SFNSDisplay-Regular", Heiti SC, Microsoft Yahei, Segoe UI;
  line-height: 28px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-size: 21px;
  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;
  font-family: inherit;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  outline-width: 2px;
  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, 96, 151, 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 .comments-modal-container > [role="document"] > header .dismiss:after, .ie .comments-modal-container > [role="document"] > header .dismiss:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after {
  border-color: rgba(0, 75, 124, 0.2);
  padding: calc(50% + 1px); }

.edge .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after, .ie .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:after {
  padding: 100%; }

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

.comments-modal-container > [role="document"] > header .dismiss:not(:disabled)[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, 96, 151, 0.1);
  color: #0073b1; }

.artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss:hover:not(:disabled), .artdeco-button-variant .comments-modal-container > [role="document"] > header .dismiss.hover-not-disabled {
  background-color: rgba(0, 96, 151, 0.1); }

.comments-modal-container > [role="document"] > header .dismiss:disabled, .comments-modal-container > [role="document"] > header .dismiss.disabled {
  color: rgba(0, 132, 191, 0.4);
  cursor: not-allowed; }

.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: #0084bf;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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: #006097;
  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 .comments-modal-container.remove-comment-modal .modal-confirm-btn:after, .ie .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn {
  font-weight: normal;
  background-color: #0073b1; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  border-color: #004b7c;
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after, .ie .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:after {
  padding: 100%; }

.comments-modal-container.remove-comment-modal .modal-confirm-btn:not(:disabled)[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:not(:disabled)[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: #0073b1;
  color: #fff; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn:hover:not(:disabled), .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-confirm-btn.hover-not-disabled {
  background-color: #006097; }

.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;
  cursor: not-allowed; }

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

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

.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: #0084bf;
  cursor: pointer;
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 600;
  font-family: inherit;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  outline-width: 2px;
  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 #0084bf,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, 96, 151, 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 .comments-modal-container.remove-comment-modal .modal-cancel-btn:after, .ie .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  padding: 100%; }

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

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn {
  font-weight: normal;
  background-color: transparent; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  border-color: rgba(0, 75, 124, 0.2);
  padding: calc(50% + 22px); }

.edge .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after, .ie .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:after {
  padding: 100%; }

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

.comments-modal-container.remove-comment-modal .modal-cancel-btn:not(:disabled)[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, 115, 177, 0.1);
  color: #0073b1;
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #0073b1,inset 0 0 0 3px transparent; }

.artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn:hover:not(:disabled), .artdeco-button-variant .comments-modal-container.remove-comment-modal .modal-cancel-btn.hover-not-disabled {
  background-color: rgba(0, 96, 151, 0.1);
  box-shadow: inset 0 0 0 1px #0084bf,inset 0 0 0 2px #006097,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, 132, 191, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 132, 191, 0.4);
  cursor: not-allowed; }

.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; }

.draft-wrapper {
  margin-top: 70px; }

.draft-banner {
  width: 100vw;
  position: fixed;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  padding: 15px 0px 15px 0;
  top: 50px;
  background: white;
  left: 0;
  z-index: 999; }
  .draft-banner .wrapper {
    width: 50vw;
    margin: auto;
    text-align: center; }

.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; }