@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}
 */
.dropdown-menu .menu-content:before {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  content: '';
  height: 0;
  width: 0;
  border-bottom: 10px #D0D3D6 solid;
  border-left-width: 10px;
  border-right-width: 10px; }

.dropdown-menu .menu-content:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  content: '';
  height: 0;
  width: 0;
  border-bottom: 9px #FFFFFF solid;
  border-left-width: 9px;
  border-right-width: 9px; }

/**
   * 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
   */
/**
 * 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[data-type=loader] > svg,
svg.li-icon[data-type=loader] {
  -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[data-type$="-icon"] {
    width: 24px;
    height: 24px; }
    .li-icon[data-type$="-icon"][data-size="small"] {
      width: 16px;
      height: 16px; }
    .li-icon[data-type$="-icon"] > svg {
      vertical-align: top; }
  .li-icon[data-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[data-size=small] .inactive-item,
  .li-icon[data-size=small] .large-icon, .li-icon[data-type^="nav-"][data-active] .inactive-item,
  .li-icon[data-type^="nav-"][data-active] .large-icon {
    visibility: hidden; }
  .li-icon[data-size=small] .active-item,
  .li-icon[data-size=small] .small-icon, .li-icon[data-type^="nav-"][data-active] .active-item,
  .li-icon[data-type^="nav-"][data-active] .small-icon {
    visibility: visible; }
  .li-icon[data-type="loader"] {
    fill-opacity: 1;
    stroke-opacity: 1;
    fill: transparent;
    stroke: transparent; }
    .li-icon[data-type="loader"][data-size="small"] {
      fill-opacity: 0;
      stroke-opacity: 0;
      fill: currentColor;
      stroke: currentColor; }
  .li-icon g[id*=_color],
  .li-icon g[id*=-color] {
    display: none; }
  .li-icon[data-color] g[id*=_solid],
  .li-icon[data-color] g[id*=-solid] {
    display: none; }
  .li-icon[data-color] g[id*=_color],
  .li-icon[data-color] g[id*=-color] {
    display: block; }
  .li-icon[data-type^="large-"], .li-icon[data-type^="large-"][data-size="small"] {
    width: 48px;
    height: 48px; }
  [dir=rtl] .li-icon[data-type*=arrow], [dir=rtl] .li-icon[data-type*=chevron], [dir=rtl] .li-icon[data-type=to-start-icon], [dir=rtl] .li-icon[data-type=to-end-icon], [dir=rtl] .li-icon[data-type=question-pebble-icon], [dir=rtl] .li-icon[data-type=share-ios-icon] {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .li-icon[data-type$="-pebble-icon"][data-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[data-type$="-pebble-icon"][data-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[data-type$="-pebble-icon"][data-animate][data-size="small"] .circle {
      stroke-dasharray: 38;
      stroke-dashoffset: 38; }

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

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* 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 {
  color: rgba(0, 0, 0, 0.55);
  font-weight: 400;
  /* Defaults ($size == x-small) */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  display: block;
  margin: 12px 0 3px; }
  label.required:after {
    content: '*';
    color: #008CC9;
    margin-left: 2px; }

/* Input Styles */
textarea, .main-content .mentions-highlighter,
.chrome-modal .mentions-highlighter, 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;
  -webkit-transition: border-color .15s;
          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, .main-content .mentions-highlighter::-webkit-input-placeholder,
  .chrome-modal .mentions-highlighter::-webkit-input-placeholder, textarea:-moz-placeholder, .main-content .mentions-highlighter:-moz-placeholder,
  .chrome-modal .mentions-highlighter:-moz-placeholder, textarea::-moz-placeholder, .main-content .mentions-highlighter::-moz-placeholder,
  .chrome-modal .mentions-highlighter::-moz-placeholder, textarea:-ms-input-placeholder, .main-content .mentions-highlighter:-ms-input-placeholder,
  .chrome-modal .mentions-highlighter:-ms-input-placeholder, textarea::-webkit-input-placeholder, .main-content .mentions-highlighter::-webkit-input-placeholder,
  .chrome-modal .mentions-highlighter::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="time"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="week"]::-webkit-input-placeholder {
    line-height: 3.5rem;
    color: rgba(0, 0, 0, 0.55); }
  textarea::-webkit-input-placeholder, .main-content .mentions-highlighter::-webkit-input-placeholder,
  .chrome-modal .mentions-highlighter::-webkit-input-placeholder, textarea:-moz-placeholder, .main-content .mentions-highlighter:-moz-placeholder,
  .chrome-modal .mentions-highlighter:-moz-placeholder, textarea::-moz-placeholder, .main-content .mentions-highlighter::-moz-placeholder,
  .chrome-modal .mentions-highlighter::-moz-placeholder, textarea:-ms-input-placeholder, .main-content .mentions-highlighter:-ms-input-placeholder,
  .chrome-modal .mentions-highlighter:-ms-input-placeholder, textarea::placeholder, .main-content .mentions-highlighter::placeholder,
  .chrome-modal .mentions-highlighter::placeholder, input[type="date"]::-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="date"]::placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="datetime-local"]::placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="email"]::placeholder, input[type="month"]::-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="month"]::placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="number"]::placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="password"]::placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="search"]::placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="tel"]::placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="text"]::placeholder, input[type="time"]::-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="time"]::placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="url"]::placeholder, input[type="week"]::-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="week"]::placeholder {
    line-height: 3.5rem;
    color: rgba(0, 0, 0, 0.55); }
  textarea:focus, .main-content .mentions-highlighter:focus,
  .chrome-modal .mentions-highlighter: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], .main-content [disabled].mentions-highlighter,
  .chrome-modal [disabled].mentions-highlighter, 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, .main-content [disabled].mentions-highlighter::-webkit-input-placeholder,
    .chrome-modal [disabled].mentions-highlighter::-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, .main-content [disabled].mentions-highlighter::-moz-placeholder,
    .chrome-modal [disabled].mentions-highlighter::-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, .main-content [disabled].mentions-highlighter:-ms-input-placeholder,
    .chrome-modal [disabled].mentions-highlighter:-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, .main-content [disabled].mentions-highlighter::placeholder,
    .chrome-modal [disabled].mentions-highlighter::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, .main-content .error.mentions-highlighter,
  .chrome-modal .error.mentions-highlighter, 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/20mbe05hndwv4a6bg6353ei2e);
  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;
  -webkit-transition: box-shadow 0.15s;
          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: -webkit-linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), -webkit-linear-gradient(white, white), url(/sc/h/20mbe05hndwv4a6bg6353ei2e), -webkit-linear-gradient(white, white);
    background-image: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), linear-gradient(white, white), url(/sc/h/20mbe05hndwv4a6bg6353ei2e), 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, .main-content .mentions-highlighter,
.chrome-modal .mentions-highlighter {
  height: auto;
  padding-top: 7px; }

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

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

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

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

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

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

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

form.inverse-form textarea, form.inverse-form .main-content .mentions-highlighter, .main-content form.inverse-form .mentions-highlighter, form.inverse-form
.chrome-modal .mentions-highlighter,
.chrome-modal form.inverse-form .mentions-highlighter, 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 .main-content .mentions-highlighter::-webkit-input-placeholder, .main-content form.inverse-form .mentions-highlighter::-webkit-input-placeholder, form.inverse-form
  .chrome-modal .mentions-highlighter::-webkit-input-placeholder,
  .chrome-modal form.inverse-form .mentions-highlighter::-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 .main-content .mentions-highlighter::-moz-placeholder, .main-content form.inverse-form .mentions-highlighter::-moz-placeholder, form.inverse-form
  .chrome-modal .mentions-highlighter::-moz-placeholder,
  .chrome-modal form.inverse-form .mentions-highlighter::-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 .main-content .mentions-highlighter:-ms-input-placeholder, .main-content form.inverse-form .mentions-highlighter:-ms-input-placeholder, form.inverse-form
  .chrome-modal .mentions-highlighter:-ms-input-placeholder,
  .chrome-modal form.inverse-form .mentions-highlighter:-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 .main-content .mentions-highlighter::placeholder, .main-content form.inverse-form .mentions-highlighter::placeholder, form.inverse-form
  .chrome-modal .mentions-highlighter::placeholder,
  .chrome-modal form.inverse-form .mentions-highlighter::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 .main-content .mentions-highlighter:disabled, .main-content form.inverse-form .mentions-highlighter:disabled, form.inverse-form
  .chrome-modal .mentions-highlighter:disabled,
  .chrome-modal form.inverse-form .mentions-highlighter: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 .main-content .mentions-highlighter:disabled::-webkit-input-placeholder, .main-content form.inverse-form .mentions-highlighter:disabled::-webkit-input-placeholder, form.inverse-form
    .chrome-modal .mentions-highlighter:disabled::-webkit-input-placeholder,
    .chrome-modal form.inverse-form .mentions-highlighter: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 .main-content .mentions-highlighter:disabled::-moz-placeholder, .main-content form.inverse-form .mentions-highlighter:disabled::-moz-placeholder, form.inverse-form
    .chrome-modal .mentions-highlighter:disabled::-moz-placeholder,
    .chrome-modal form.inverse-form .mentions-highlighter: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 .main-content .mentions-highlighter:disabled:-ms-input-placeholder, .main-content form.inverse-form .mentions-highlighter:disabled:-ms-input-placeholder, form.inverse-form
    .chrome-modal .mentions-highlighter:disabled:-ms-input-placeholder,
    .chrome-modal form.inverse-form .mentions-highlighter: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 .main-content .mentions-highlighter:disabled::placeholder, .main-content form.inverse-form .mentions-highlighter:disabled::placeholder, form.inverse-form
    .chrome-modal .mentions-highlighter:disabled::placeholder,
    .chrome-modal form.inverse-form .mentions-highlighter: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 {
  background-color: #FFFFFF; }

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

form.inverse-form input[type=radio] + label,
form.inverse-form input[type=checkbox] + label {
  color: #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.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;
    -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
    color: rgba(0, 0, 0, 0.55);
    margin: 0; }
  form.simple-form .floating-label[data-form-elem-focus=true] .label-text {
    transform: translate(0, -25px);
    -webkit-transform: translate(0, -25px); }

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

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

a {
  outline: none;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  color: #008CC9; }
  a:hover, a:focus {
    text-decoration: underline; }
  a:active {
    text-decoration: none;
    color: #005E93; }
  a:visited {
    color: #8C68CB; }
    a:visited:active {
      color: #6A4BA7; }

::-moz-selection {
  background: #008CC9;
  /* 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 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }
  body:lang(ja), body:lang(zh), body:lang(ko), p:lang(ja), p:lang(zh), p:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: normal !important; }
  body:lang(ar), p:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  body:lang(th), p:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

h1, .large-header {
  color: rgba(0, 0, 0, 0.85);
  font-size: 4.2rem;
  line-height: 4.4rem;
  font-weight: 200; }
  h1:lang(ja), h1:lang(zh), h1:lang(ko), .large-header:lang(ja), .large-header:lang(zh), .large-header:lang(ko) {
    font-size: 3.2rem;
    line-height: 4.4rem; }
  h1:lang(ar), .large-header:lang(ar) {
    font-size: 4.2rem;
    line-height: 5rem; }
  h1:lang(th), .large-header:lang(th) {
    font-size: 3.4rem;
    line-height: 4.8rem; }

h2 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 3.4rem;
  line-height: 3.6rem;
  font-weight: 200; }
  h2:lang(ja), h2:lang(zh), h2:lang(ko) {
    font-size: 2.8rem;
    line-height: 3.8rem; }
  h2:lang(ar) {
    font-size: 3.4rem;
    line-height: 4.1rem; }
  h2:lang(th) {
    font-size: 2.8rem;
    line-height: 4rem; }

h3, .large-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 200; }
  h3:lang(ja), h3:lang(zh), h3:lang(ko), .large-text:lang(ja), .large-text:lang(zh), .large-text:lang(ko) {
    font-size: 2.2rem;
    line-height: 3.1rem; }
  h3:lang(ar), .large-text:lang(ar) {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  h3:lang(th), .large-text:lang(th) {
    font-size: 2rem;
    line-height: 2.8rem; }

h4, .medium-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 200; }
  h4:lang(ja), h4:lang(zh), h4:lang(ko), .medium-text:lang(ja), .medium-text:lang(zh), .medium-text:lang(ko) {
    font-size: 2rem;
    line-height: 2.8rem; }
  h4:lang(ar), .medium-text:lang(ar) {
    font-size: 2.1rem;
    line-height: 2.6rem; }
  h4:lang(th), .medium-text:lang(th) {
    font-size: 1.9rem;
    line-height: 2.6rem; }

h5, .small-text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal; }
  h5:lang(ja), h5:lang(zh), h5:lang(ko), .small-text:lang(ja), .small-text:lang(zh), .small-text:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  h5:lang(ar), .small-text:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  h5:lang(th), .small-text:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

h6 {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }
  h6:lang(ja), h6:lang(zh), h6:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  h6:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  h6:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

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

input,
select,
textarea,
.main-content .mentions-highlighter,
.chrome-modal .mentions-highlighter,
button {
  font-family: inherit; }

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

blockquote {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.7rem;
  line-height: 2.4rem;
  font-weight: normal; }
  blockquote:lang(ja), blockquote:lang(zh), blockquote:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: normal !important; }
  blockquote:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.4rem; }
  blockquote:lang(th) {
    font-size: 1.5rem;
    line-height: 2.4rem; }

.os-mac body,
.os-mac button,
.os-mac input,
.os-mac textarea,
.os-mac .main-content .mentions-highlighter, .main-content
.os-mac .mentions-highlighter,
.os-mac
.chrome-modal .mentions-highlighter,
.chrome-modal
.os-mac .mentions-highlighter {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; }

.main-layout-view > .canvas:after, .main-layout-view .main-trunk:after, .chrome-header .nav-container:after, .header-banner-view > .canvas:after, .post-view .post-author:after,
.post-view .post-group:after, .discussion-form.active .field-type-list:after, .comment-form-view:after, .members-module-view .member-facepile-view:after, .tab-list:after, .active-groups-module-view .active-groups-list .group-entity:after,
.active-groups-module-view .active-groups-list .group-entity-placeholder:after, .community-list a:after, .member-invite-view:after, .member-invite-view .twitter-typeahead:after, .profile-members-list-view .profile-members-list:after, .recommendation-view:after, .recommendation-view .recommendation-header:after, .recommendation-view .recommendation-footer:after {
  content: '';
  display: table;
  clear: both; }

.main-layout-view > .canvas, .header-nav-view > .canvas, .header-banner-view > .canvas, .alert-view, .search-results-header-banner {
  width: 1128px;
  box-sizing: content-box;
  padding: 0 30px;
  display: block;
  margin: auto;
  position: relative; }

/*
 * Provides layout for loading icon
 */
/*
 * Truncate text to a certain amount of lines
 * Falls back to overflow hidden based on line-height for non-webkit
 */
/*
 * Link treatment
 * @param $color - The color scheme to use
 * @param $underline - Should underline on hover
 */
/*
 * Link states treatment
 * @param $color - The color scheme to use
 * @param $underline - Should underline on hover
 */
/*
 * Makes a button appear like an anchor/link
 * @param $color - The color scheme to use
 * @param $underline - Should underline on hover
 */
/*
 * Function to generate link color
 * @param $color - The color scheme to use
 */
/*
 * Function to generate link hover color
 * @param $color - The color scheme to use
 */
/*
 * Function to generate link active color
 * @param $color - The color scheme to use
 */
/*
 * Entity block
 * @param $size - Size of the entity
 * @param $with-link - Does the block have a link container
 * @param $image-type - Circle or square image
 * @param $name-style - Weight of name
 * @param $gutter-size - Space between image and info
 * @param $align-items - Vertical alignment for items
 */
/*
 * Member Entity
 * @param $size - Size of the entity
 * @param $with-link - Does the block have a link container
 * @param $align-items - Vertical alignment for items
 */
/*
 * Group Entity
 * @param $size - Size of the entity
 * @param $with-link - Does the block have a link container
 * @param $align-items - Vertical alignment for items
 */
/*
 * Entity Figure
 */
/*
 * Group Entity Figure - image wrapper
 */
/*
 * Entity Image Size
 */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.animated {
  animation-fill: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s; }

.fade-in-up {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

.fade-in-down {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown; }

.fade-in-right {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight; }

.fade-in-left {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

div.hopscotch-bubble.animate {
  -webkit-transition-property: top, left;
          transition-property: top, left;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

.hopscotch-bubble {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  /* Defaults ($size == x-small) */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  max-width: 320px;
  opacity: 0;
  padding: 14px 16px;
  position: absolute;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  visibility: hidden;
  z-index: 999;
  padding-top: 24px;
  visibility: visible;
  opacity: 1; }
  .hopscotch-bubble:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 8px #FFFFFF solid;
    border-left-width: 8px;
    border-right-width: 8px;
    top: -8px;
    left: 50%;
    margin-left: -9px;
    position: absolute; }
  .hopscotch-bubble:before {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 9px rgba(0, 0, 0, 0.15) solid;
    border-left-width: 9px;
    border-right-width: 9px;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    position: absolute; }
  .hopscotch-bubble.active {
    opacity: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    visibility: visible; }
  .hopscotch-bubble.hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
  .hopscotch-bubble:before, .hopscotch-bubble:after {
    display: none; }
  .hopscotch-bubble .hopscotch-arrow {
    position: absolute; }
    .hopscotch-bubble .hopscotch-arrow.up {
      top: 0; }
      .hopscotch-bubble .hopscotch-arrow.up:after {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-bottom: 8px #FFFFFF solid;
        border-left-width: 8px;
        border-right-width: 8px;
        top: -8px;
        left: 50%;
        margin-left: -9px;
        position: absolute; }
      .hopscotch-bubble .hopscotch-arrow.up:before {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-bottom: 9px rgba(0, 0, 0, 0.25) solid;
        border-left-width: 9px;
        border-right-width: 9px;
        top: -10px;
        left: 50%;
        margin-left: -10px;
        position: absolute; }
    .hopscotch-bubble .hopscotch-arrow.down {
      bottom: 0; }
      .hopscotch-bubble .hopscotch-arrow.down:after {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-top: 8px #FFFFFF solid;
        border-left-width: 8px;
        border-right-width: 8px;
        bottom: -8px;
        left: 50%;
        margin-left: -9px;
        position: absolute; }
      .hopscotch-bubble .hopscotch-arrow.down:before {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-top: 9px rgba(0, 0, 0, 0.25) solid;
        border-left-width: 9px;
        border-right-width: 9px;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        position: absolute; }
    .hopscotch-bubble .hopscotch-arrow.left {
      left: 0; }
      .hopscotch-bubble .hopscotch-arrow.left:after {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-right: 8px #FFFFFF solid;
        border-bottom-width: 8px;
        border-top-width: 8px;
        left: -8px;
        top: 50%;
        margin-top: -9px;
        position: absolute; }
      .hopscotch-bubble .hopscotch-arrow.left:before {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-right: 9px rgba(0, 0, 0, 0.25) solid;
        border-bottom-width: 9px;
        border-top-width: 9px;
        left: -10px;
        top: 50%;
        margin-top: -10px;
        position: absolute; }
    .hopscotch-bubble .hopscotch-arrow.right {
      right: 0; }
      .hopscotch-bubble .hopscotch-arrow.right:after {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-left: 8px #FFFFFF solid;
        border-bottom-width: 8px;
        border-top-width: 8px;
        right: -8px;
        top: 50%;
        margin-top: -9px;
        position: absolute; }
      .hopscotch-bubble .hopscotch-arrow.right:before {
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        content: '';
        height: 0;
        width: 0;
        border-left: 9px rgba(0, 0, 0, 0.25) solid;
        border-bottom-width: 9px;
        border-top-width: 9px;
        right: -10px;
        top: 50%;
        margin-top: -10px;
        position: absolute; }

.hopscotch-actions {
  margin-top: 10px;
  text-align: center; }

.hopscotch-next,
.hopscotch-cta {
  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;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .hopscotch-next > svg, .hopscotch-next li-icon,
  .hopscotch-cta > svg,
  .hopscotch-cta li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .hopscotch-next > svg, .hopscotch-next li-icon > svg,
  .hopscotch-cta > svg,
  .hopscotch-cta li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .hopscotch-next li-icon > svg,
  .hopscotch-cta li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .hopscotch-next:after,
  .hopscotch-cta:after {
    border-color: #005e93;
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .hopscotch-next, .ie .hopscotch-next, .edge
  .hopscotch-cta, .ie
  .hopscotch-cta {
    border-radius: 0; }
  .hopscotch-next[data-is-animating-click=true], .hopscotch-next:hover:not(:disabled)[data-is-animating-click=true],
  .hopscotch-cta[data-is-animating-click=true],
  .hopscotch-cta:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .hopscotch-next[data-is-animating-click=true]:after, .hopscotch-next:hover:not(:disabled)[data-is-animating-click=true]:after,
    .hopscotch-cta[data-is-animating-click=true]:after,
    .hopscotch-cta:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .hopscotch-next:hover:not(:disabled), .hopscotch-next.hover-not-disabled,
  .hopscotch-cta:hover:not(:disabled),
  .hopscotch-cta.hover-not-disabled {
    background-color: #0077b5;
    color: white; }
  .hopscotch-next:disabled, .hopscotch-next.disabled,
  .hopscotch-cta:disabled,
  .hopscotch-cta.disabled {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0.25; }

.hopscotch-next {
  float: right; }

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

*,
*:before,
*:after {
  box-sizing: border-box; }

*::-moz-placeholder {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55); }

*::-webkit-input-placeholder {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55); }

*:-ms-input-placeholder {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.55); }

body {
  background-color: #F6F8FA; }

a {
  -webkit-transition: color 0.1s;
          transition: color 0.1s;
  text-decoration: none;
  color: #008CC9;
  font-weight: inherit; }
  a:hover, a:focus {
    color: #008CC9;
    text-decoration: underline; }
  a:active, a.is-active {
    color: #005E93;
    text-decoration: none; }
  a:visited {
    color: #008CC9; }

a,
button {
  cursor: pointer; }

ul {
  list-style: none; }

:focus {
  outline: none; }

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

#application-body {
  min-width: 1188px; }

.chrome-body {
  position: relative;
  min-height: 200px; }

body.is-starting .chrome-body > .loading-icon-container {
  display: block;
  position: fixed;
  top: 50%;
  margin-top: -50px;
  width: 100%; }

body.is-loading .chrome-main {
  opacity: 0.2; }

body.is-loading .chrome-body > .loading-mask {
  display: block; }

#layout-header *,
#layout-header *:before,
#layout-header *:after {
  box-sizing: content-box; }

#layout-footer {
  display: none; }

.main-layout-view {
  padding-top: 48px;
  padding-bottom: 96px; }
  .main-layout-view .main-footer {
    padding-top: 48px; }

.main-standard-layout .main-content {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.625) - -336px);
  margin-left: calc(((1128px - 552px) * 0) - 24px - -24px);
  min-height: 520px; }

.main-standard-layout .main-sidebar {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.33333) - -168px);
  margin-left: calc(((1128px - 552px) * 0.04167) - 0px - -49px);
  background-color: #F6F8FA; }

.main-section-layout .main-nav {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.16667) - -72px);
  margin-left: calc(((1128px - 552px) * 0) - 24px - -24px); }

.main-section-layout .main-content {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.66667) - -360px);
  margin-left: calc(((1128px - 552px) * 0) - 24px - -49px); }

.main-section-layout .main-sidebar {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.16667) - -72px);
  margin-left: calc(((1128px - 552px) * 0) - 24px - -49px); }

.main-basic-layout .main-content {
  box-sizing: border-box;
  float: left;
  margin-bottom: 24px;
  margin-right: -1px;
  width: calc(((1128px - 552px) * 0.66667) - -360px);
  margin-left: calc(((1128px - 552px) * 0.16667) - -72px - -24px);
  min-height: 400px; }

.chrome-header {
  -webkit-transition: background-color 0.667s;
          transition: background-color 0.667s;
  margin-top: -29px;
  padding-top: 29px; }
  .chrome-header .nav-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 4px; }
  .chrome-header .menu-content {
    left: 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 5px 5px rgba(0, 0, 0, 0.1); }
  .chrome-header.theme-feature {
    background: -webkit-linear-gradient(45deg, #0077B5, #009EA5 50%);
    background: linear-gradient(45deg, #0077B5, #009EA5 50%); }
    .chrome-header.theme-feature .header-banner-view > .canvas {
      padding-top: 40px;
      padding-bottom: 40px; }
  .chrome-header.theme-group .header-nav-view {
    padding-bottom: 72px; }
  .chrome-header.theme-group .header-banner-view {
    background-color: #F6F8FA; }

.header-nav-view > .canvas {
  top: 1px; }

.header-nav-view .nav-item-home .nav-logo {
  vertical-align: middle; }

.header-nav-view .nav-item-home .nav-trigger {
  padding-top: 2px; }
  .header-nav-view .nav-item-home .nav-trigger.is-active {
    border-bottom-color: transparent; }

.header-nav-view .nav-list {
  list-style: none; }

.header-nav-view .nav-item {
  float: left;
  margin: 0 16px; }
  .header-nav-view .nav-item .menu-content {
    z-index: 1000; }

.header-nav-view .nav-trigger {
  color: white;
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  -webkit-transition: color 0.1s;
          transition: color 0.1s;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.15s, border-bottom-color 0.15s;
          transition: color 0.15s, border-bottom-color 0.15s;
  display: block;
  background: none;
  border: none;
  border-radius: 0;
  height: 48px;
  padding-top: 3px;
  border-bottom: 3px solid transparent;
  display: table-cell;
  vertical-align: middle; }
  .header-nav-view .nav-trigger:lang(ja), .header-nav-view .nav-trigger:lang(zh), .header-nav-view .nav-trigger:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  .header-nav-view .nav-trigger:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  .header-nav-view .nav-trigger:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }
  .header-nav-view .nav-trigger:hover, .header-nav-view .nav-trigger:focus {
    color: #FFFFFF;
    text-decoration: none; }
  .header-nav-view .nav-trigger:active, .header-nav-view .nav-trigger.is-active {
    color: #FFFFFF;
    text-decoration: none; }
  .header-nav-view .nav-trigger .text {
    margin-right: 2px; }
  .header-nav-view .nav-trigger.is-active {
    color: white;
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: bold;
    border-bottom-color: rgba(255, 255, 255, 0.85); }
    .header-nav-view .nav-trigger.is-active:lang(ja), .header-nav-view .nav-trigger.is-active:lang(zh), .header-nav-view .nav-trigger.is-active:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .header-nav-view .nav-trigger.is-active:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .header-nav-view .nav-trigger.is-active:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .header-nav-view .nav-trigger .icon {
    display: inline-block;
    vertical-align: middle; }

.header-nav-view .nav-item-settings {
  float: right; }
  .header-nav-view .nav-item-settings .nav-trigger {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 16px;
    text-indent: -999px;
    width: 32px;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    top: 6px; }
    .header-nav-view .nav-item-settings .nav-trigger > svg, .header-nav-view .nav-item-settings .nav-trigger li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .header-nav-view .nav-item-settings .nav-trigger > svg, .header-nav-view .nav-item-settings .nav-trigger li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .header-nav-view .nav-item-settings .nav-trigger li-icon > svg {
      display: block;
      vertical-align: top; }
    .header-nav-view .nav-item-settings .nav-trigger:after {
      border-color: rgba(255, 255, 255, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .header-nav-view .nav-item-settings .nav-trigger, .ie .header-nav-view .nav-item-settings .nav-trigger {
      border-radius: 32px; }
    .header-nav-view .nav-item-settings .nav-trigger[data-is-animating-click=true], .header-nav-view .nav-item-settings .nav-trigger:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .header-nav-view .nav-item-settings .nav-trigger[data-is-animating-click=true]:after, .header-nav-view .nav-item-settings .nav-trigger:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .header-nav-view .nav-item-settings .nav-trigger:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .header-nav-view .nav-item-settings .nav-trigger:hover:not(:disabled), .header-nav-view .nav-item-settings .nav-trigger.hover-not-disabled {
      background-color: rgba(255, 255, 255, 0.1);
      color: white; }
    .header-nav-view .nav-item-settings .nav-trigger:disabled, .header-nav-view .nav-item-settings .nav-trigger.disabled {
      color: rgba(255, 255, 255, 0.25); }
    .header-nav-view .nav-item-settings .nav-trigger:hover, .header-nav-view .nav-item-settings .nav-trigger:focus {
      color: #FFFFFF;
      text-decoration: none; }
    .header-nav-view .nav-item-settings .nav-trigger:active, .header-nav-view .nav-item-settings .nav-trigger.is-active {
      color: #FFFFFF;
      text-decoration: none; }

.header-nav-view .nav-item-search {
  float: right;
  margin: 0 16px; }
  .header-nav-view .nav-item-search .search-form.is-active .search-icon {
    color: #FFFFFF; }
  .header-nav-view .nav-item-search .search-form.is-active .search-input {
    width: 280px;
    border-bottom-color: #FFFFFF; }
  .header-nav-view .nav-item-search .search-icon {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block; }
  .header-nav-view .nav-item-search .search-input-container {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle; }
  .header-nav-view .nav-item-search .search-input {
    color: white;
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    -webkit-transition: width 0.25s linear;
            transition: width 0.25s linear;
    width: 100px;
    height: 48px;
    border: 0;
    border-bottom: 2px solid transparent;
    color: rgba(255, 255, 255, 0.85); }
    .header-nav-view .nav-item-search .search-input:lang(ja), .header-nav-view .nav-item-search .search-input:lang(zh), .header-nav-view .nav-item-search .search-input:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .header-nav-view .nav-item-search .search-input:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .header-nav-view .nav-item-search .search-input:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
    .header-nav-view .nav-item-search .search-input::-moz-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.55); }
    .header-nav-view .nav-item-search .search-input::-webkit-input-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.55); }
    .header-nav-view .nav-item-search .search-input:-ms-input-placeholder {
      font-weight: 200;
      color: rgba(255, 255, 255, 0.55); }

.header-banner-view .banner-text {
  text-align: center; }
  .header-banner-view .banner-text .banner-header {
    color: white;
    font-size: 3.4rem;
    line-height: 3.6rem;
    font-weight: 200;
    margin-bottom: 8px; }
    .header-banner-view .banner-text .banner-header:lang(ja), .header-banner-view .banner-text .banner-header:lang(zh), .header-banner-view .banner-text .banner-header:lang(ko) {
      font-size: 2.8rem;
      line-height: 3.8rem; }
    .header-banner-view .banner-text .banner-header:lang(ar) {
      font-size: 3.4rem;
      line-height: 4.1rem; }
    .header-banner-view .banner-text .banner-header:lang(th) {
      font-size: 2.8rem;
      line-height: 4rem; }
  .header-banner-view .banner-text .banner-sub-header {
    color: white;
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: #FFFFFF; }
    .header-banner-view .banner-text .banner-sub-header:lang(ja), .header-banner-view .banner-text .banner-sub-header:lang(zh), .header-banner-view .banner-text .banner-sub-header:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .header-banner-view .banner-text .banner-sub-header:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .header-banner-view .banner-text .banner-sub-header:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }

.header-banner-view .banner-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 3.4rem;
  line-height: 3.6rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.85); }
  .header-banner-view .banner-title:lang(ja), .header-banner-view .banner-title:lang(zh), .header-banner-view .banner-title:lang(ko) {
    font-size: 2.8rem;
    line-height: 3.8rem; }
  .header-banner-view .banner-title:lang(ar) {
    font-size: 3.4rem;
    line-height: 4.1rem; }
  .header-banner-view .banner-title:lang(th) {
    font-size: 2.8rem;
    line-height: 4rem; }
  .header-banner-view .banner-title a {
    color: #FFFFFF; }

.footer-view {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  text-align: center; }
  .footer-view:lang(ja), .footer-view:lang(zh), .footer-view:lang(ko) {
    font-size: 1.1rem;
    line-height: 1.7rem; }
  .footer-view:lang(ar) {
    font-size: 1.3rem;
    line-height: 1.6rem; }
  .footer-view:lang(th) {
    font-size: 1.2rem;
    line-height: 1.8rem; }
  .footer-view .footer-nav-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px; }
    .footer-view .footer-nav-link .footer-link {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .footer-view .footer-nav-link .footer-link:hover, .footer-view .footer-nav-link .footer-link:focus {
        color: #008CC9;
        text-decoration: underline; }
      .footer-view .footer-nav-link .footer-link:active, .footer-view .footer-nav-link .footer-link.is-active {
        color: #005E93;
        text-decoration: none; }
  .footer-view .dropdown-menu .menu-content {
    width: auto;
    left: -16px;
    top: -8px;
    text-align: left;
    overflow: hidden; }
    .footer-view .dropdown-menu .menu-content a {
      height: 20px;
      white-space: nowrap;
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.3rem;
      line-height: 1.6rem;
      font-weight: normal;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .footer-view .dropdown-menu .menu-content a:lang(ja), .footer-view .dropdown-menu .menu-content a:lang(zh), .footer-view .dropdown-menu .menu-content a:lang(ko) {
        font-size: 1.1rem;
        line-height: 1.7rem; }
      .footer-view .dropdown-menu .menu-content a:lang(ar) {
        font-size: 1.3rem;
        line-height: 1.6rem; }
      .footer-view .dropdown-menu .menu-content a:lang(th) {
        font-size: 1.2rem;
        line-height: 1.8rem; }
      .footer-view .dropdown-menu .menu-content a:hover, .footer-view .dropdown-menu .menu-content a:focus {
        color: #008CC9;
        text-decoration: underline; }
      .footer-view .dropdown-menu .menu-content a:active, .footer-view .dropdown-menu .menu-content a.is-active {
        color: #005E93;
        text-decoration: none; }
      .footer-view .dropdown-menu .menu-content a:hover, .footer-view .dropdown-menu .menu-content a:focus {
        color: rgba(0, 0, 0, 0.55);
        font-size: 1.3rem;
        line-height: 1.6rem;
        font-weight: normal;
        -webkit-transition: color 0.1s;
                transition: color 0.1s;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.7); }
        .footer-view .dropdown-menu .menu-content a:hover:lang(ja), .footer-view .dropdown-menu .menu-content a:hover:lang(zh), .footer-view .dropdown-menu .menu-content a:hover:lang(ko), .footer-view .dropdown-menu .menu-content a:focus:lang(ja), .footer-view .dropdown-menu .menu-content a:focus:lang(zh), .footer-view .dropdown-menu .menu-content a:focus:lang(ko) {
          font-size: 1.1rem;
          line-height: 1.7rem; }
        .footer-view .dropdown-menu .menu-content a:hover:lang(ar), .footer-view .dropdown-menu .menu-content a:focus:lang(ar) {
          font-size: 1.3rem;
          line-height: 1.6rem; }
        .footer-view .dropdown-menu .menu-content a:hover:lang(th), .footer-view .dropdown-menu .menu-content a:focus:lang(th) {
          font-size: 1.2rem;
          line-height: 1.8rem; }
        .footer-view .dropdown-menu .menu-content a:hover:hover, .footer-view .dropdown-menu .menu-content a:hover:focus, .footer-view .dropdown-menu .menu-content a:focus:hover, .footer-view .dropdown-menu .menu-content a:focus:focus {
          color: #008CC9;
          text-decoration: underline; }
        .footer-view .dropdown-menu .menu-content a:hover:active, .footer-view .dropdown-menu .menu-content a:hover.is-active, .footer-view .dropdown-menu .menu-content a:focus:active, .footer-view .dropdown-menu .menu-content a:focus.is-active {
          color: #005E93;
          text-decoration: none; }
  .footer-view .footer-copyright {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAOCAYAAAB6pd+uAAABHklEQVR42u2WzQmDQBBGLcESLGFLsISUYAlCGkgDAU85W4KkAi+5e0gBVhA8JZDLZid8wseq688SjCEDj51llgnPMYuB1noTBPtzYtAzSZxNTYTClwhqQR1LYbqkCS0MyFVgVJL7+NPt18o1j6cg+V/QEnS/oisL+r+izh9BDiJDg7w2qJ6zis5khhCrJjLrQZbUMxkSbIPzdrISssani5dgJStRc92Sy1HLqS55jfyAOuSIqYKQ4qhvdy/B1BBj7dRJruQ+kIqx39FZxQ8HdTVHMC2uMrX3ilguyPURwYTPOYgdvZ2CnIPPC1rTifomSFMKJ07QX9BmqSDyAvsKe75gCv//4PqCIV809i3KN7D7FvUX3NK3qF7Cz39svwCAqOUDs4LJqAAAAABJRU5ErkJggg==") no-repeat left center;
    display: inline-block;
    padding: 0 0 0 64px;
    margin-top: 8px; }

.sidebar-view {
  margin-top: -24px; }
  .sidebar-view .ad-view {
    padding: 32px 0 24px;
    border-top: 1px solid #D0D3D6;
    text-align: center;
    line-height: 0; }
  .sidebar-view .ad-view > iframe {
    width: 300px;
    margin: 0 auto;
    background-color: #FFFFFF; }

.sidebar-module {
  padding: 24px 0;
  margin-bottom: 8px; }
  .sidebar-module .module-title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    margin-bottom: 16px; }
    .sidebar-module .module-title:lang(ja), .sidebar-module .module-title:lang(zh), .sidebar-module .module-title:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .sidebar-module .module-title:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .sidebar-module .module-title:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .sidebar-module .module-header {
    display: table;
    margin-bottom: 16px; }
    .sidebar-module .module-header .module-link {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.85);
      display: table-cell;
      vertical-align: middle;
      white-space: nowrap;
      padding-left: 16px; }
      .sidebar-module .module-header .module-link:lang(ja), .sidebar-module .module-header .module-link:lang(zh), .sidebar-module .module-header .module-link:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .sidebar-module .module-header .module-link:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .sidebar-module .module-header .module-link:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .sidebar-module .module-header .module-link:hover, .sidebar-module .module-header .module-link:focus {
        color: #008CC9; }
    .sidebar-module .module-header .module-title {
      display: table-cell;
      vertical-align: middle;
      width: 100%; }

.alert-component.active {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }

.alert-component.hidden {
  box-shadow: none; }

.alert-component.alert-yield {
  box-sizing: border-box;
  border-radius: 3px;
  color: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  .alert-component.alert-yield:before {
    background: #EC640C;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-duration: 0.500s;
            transition-duration: 0.500s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .alert-component.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%; }
    .alert-component.alert-yield > div:before {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      background-image: url(/sc/h/20mbe05hndwv4a6bg6353ei2e);
      background-position: 0 -96px;
      content: "";
      display: block;
      height: 24px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 24px; }
    .alert-component.alert-yield > div > p {
      color: white;
      font-weight: 600;
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      box-sizing: border-box;
      display: block;
      float: left;
      margin-left: 36px;
      margin-right: 36px;
      margin-bottom: 0;
      margin-top: 2px;
      overflow: hidden;
      position: relative; }
      .alert-component.alert-yield > div > p a {
        color: #FFFFFF;
        text-decoration: underline; }
    .alert-component.alert-yield > 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: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border: 0;
      position: absolute;
      right: 0;
      top: 10px; }
      .alert-component.alert-yield > div > button > svg, .alert-component.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; }
      .alert-component.alert-yield > div > button > svg, .alert-component.alert-yield > div > button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .alert-component.alert-yield > div > button li-icon > svg {
        display: block;
        vertical-align: top; }
      .alert-component.alert-yield > div > button:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .alert-component.alert-yield > div > button, .ie .alert-component.alert-yield > div > button {
        border-radius: 24px; }
      .alert-component.alert-yield > div > button[data-is-animating-click=true], .alert-component.alert-yield > div > button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .alert-component.alert-yield > div > button[data-is-animating-click=true]:after, .alert-component.alert-yield > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .alert-component.alert-yield > div > button:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .alert-component.alert-yield > div > button:hover:not(:disabled), .alert-component.alert-yield > div > button.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      .alert-component.alert-yield > div > button:disabled, .alert-component.alert-yield > div > button.disabled {
        color: rgba(255, 255, 255, 0.25); }
      .alert-component.alert-yield > div > button use {
        color: #FFFFFF;
        opacity: 1; }
  .alert-component.alert-yield.hidden:before {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.667s ease-in;
            transition: transform 0.667s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .alert-component.alert-yield.hidden > div:before,
  .alert-component.alert-yield.hidden > div > p,
  .alert-component.alert-yield.hidden > div > button {
    -webkit-transform: translateY(-77px);
            transform: translateY(-77px);
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-duration: 0.750s;
            transition-duration: 0.750s;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.alert-component.alert-success {
  box-sizing: border-box;
  border-radius: 3px;
  color: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  .alert-component.alert-success:before {
    background: #60AA14;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-duration: 0.500s;
            transition-duration: 0.500s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .alert-component.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%; }
    .alert-component.alert-success > div:before {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      background-image: url(/sc/h/20mbe05hndwv4a6bg6353ei2e);
      background-position: 0 -120px;
      content: "";
      display: block;
      height: 24px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 24px; }
    .alert-component.alert-success > div > p {
      color: white;
      font-weight: 600;
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      box-sizing: border-box;
      display: block;
      float: left;
      margin-left: 36px;
      margin-right: 36px;
      margin-bottom: 0;
      margin-top: 2px;
      overflow: hidden;
      position: relative; }
      .alert-component.alert-success > div > p a {
        color: #FFFFFF;
        text-decoration: underline; }
    .alert-component.alert-success > 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: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border: 0;
      position: absolute;
      right: 0;
      top: 10px; }
      .alert-component.alert-success > div > button > svg, .alert-component.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; }
      .alert-component.alert-success > div > button > svg, .alert-component.alert-success > div > button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .alert-component.alert-success > div > button li-icon > svg {
        display: block;
        vertical-align: top; }
      .alert-component.alert-success > div > button:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .alert-component.alert-success > div > button, .ie .alert-component.alert-success > div > button {
        border-radius: 24px; }
      .alert-component.alert-success > div > button[data-is-animating-click=true], .alert-component.alert-success > div > button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .alert-component.alert-success > div > button[data-is-animating-click=true]:after, .alert-component.alert-success > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .alert-component.alert-success > div > button:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .alert-component.alert-success > div > button:hover:not(:disabled), .alert-component.alert-success > div > button.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      .alert-component.alert-success > div > button:disabled, .alert-component.alert-success > div > button.disabled {
        color: rgba(255, 255, 255, 0.25); }
      .alert-component.alert-success > div > button use {
        color: #FFFFFF;
        opacity: 1; }
  .alert-component.alert-success.hidden:before {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.667s ease-in;
            transition: transform 0.667s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .alert-component.alert-success.hidden > div:before,
  .alert-component.alert-success.hidden > div > p,
  .alert-component.alert-success.hidden > div > button {
    -webkit-transform: translateY(-77px);
            transform: translateY(-77px);
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-duration: 0.750s;
            transition-duration: 0.750s;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.alert-component.alert-error {
  box-sizing: border-box;
  border-radius: 3px;
  color: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  .alert-component.alert-error:before {
    background: #DD2E1F;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-duration: 0.500s;
            transition-duration: 0.500s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .alert-component.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%; }
    .alert-component.alert-error > div:before {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      background-image: url(/sc/h/20mbe05hndwv4a6bg6353ei2e);
      background-position: 0 -144px;
      content: "";
      display: block;
      height: 24px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 24px; }
    .alert-component.alert-error > div > p {
      color: white;
      font-weight: 600;
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      box-sizing: border-box;
      display: block;
      float: left;
      margin-left: 36px;
      margin-right: 36px;
      margin-bottom: 0;
      margin-top: 2px;
      overflow: hidden;
      position: relative; }
      .alert-component.alert-error > div > p a {
        color: #FFFFFF;
        text-decoration: underline; }
    .alert-component.alert-error > 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: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border: 0;
      position: absolute;
      right: 0;
      top: 10px; }
      .alert-component.alert-error > div > button > svg, .alert-component.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; }
      .alert-component.alert-error > div > button > svg, .alert-component.alert-error > div > button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .alert-component.alert-error > div > button li-icon > svg {
        display: block;
        vertical-align: top; }
      .alert-component.alert-error > div > button:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .alert-component.alert-error > div > button, .ie .alert-component.alert-error > div > button {
        border-radius: 24px; }
      .alert-component.alert-error > div > button[data-is-animating-click=true], .alert-component.alert-error > div > button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .alert-component.alert-error > div > button[data-is-animating-click=true]:after, .alert-component.alert-error > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .alert-component.alert-error > div > button:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .alert-component.alert-error > div > button:hover:not(:disabled), .alert-component.alert-error > div > button.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      .alert-component.alert-error > div > button:disabled, .alert-component.alert-error > div > button.disabled {
        color: rgba(255, 255, 255, 0.25); }
      .alert-component.alert-error > div > button use {
        color: #FFFFFF;
        opacity: 1; }
  .alert-component.alert-error.hidden:before {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.667s ease-in;
            transition: transform 0.667s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .alert-component.alert-error.hidden > div:before,
  .alert-component.alert-error.hidden > div > p,
  .alert-component.alert-error.hidden > div > button {
    -webkit-transform: translateY(-77px);
            transform: translateY(-77px);
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-duration: 0.750s;
            transition-duration: 0.750s;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.alert-component.alert-notice {
  box-sizing: border-box;
  border-radius: 3px;
  color: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  width: 100%; }
  .alert-component.alert-notice:before {
    background: #737679;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-duration: 0.500s;
            transition-duration: 0.500s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .alert-component.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%; }
    .alert-component.alert-notice > div:before {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      background-image: url(/sc/h/20mbe05hndwv4a6bg6353ei2e);
      background-position: 0 -96px;
      content: "";
      display: block;
      height: 24px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 24px; }
    .alert-component.alert-notice > div > p {
      color: white;
      font-weight: 600;
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      box-sizing: border-box;
      display: block;
      float: left;
      margin-left: 36px;
      margin-right: 36px;
      margin-bottom: 0;
      margin-top: 2px;
      overflow: hidden;
      position: relative; }
      .alert-component.alert-notice > div > p a {
        color: #FFFFFF;
        text-decoration: underline; }
    .alert-component.alert-notice > 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: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition-property: -webkit-transform;
              transition-property: transform;
      -webkit-transition-duration: 0.500s;
              transition-duration: 0.500s;
      -webkit-transition-delay: 0.033s;
              transition-delay: 0.033s;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      border: 0;
      position: absolute;
      right: 0;
      top: 10px; }
      .alert-component.alert-notice > div > button > svg, .alert-component.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; }
      .alert-component.alert-notice > div > button > svg, .alert-component.alert-notice > div > button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .alert-component.alert-notice > div > button li-icon > svg {
        display: block;
        vertical-align: top; }
      .alert-component.alert-notice > div > button:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .alert-component.alert-notice > div > button, .ie .alert-component.alert-notice > div > button {
        border-radius: 24px; }
      .alert-component.alert-notice > div > button[data-is-animating-click=true], .alert-component.alert-notice > div > button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .alert-component.alert-notice > div > button[data-is-animating-click=true]:after, .alert-component.alert-notice > div > button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .alert-component.alert-notice > div > button:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .alert-component.alert-notice > div > button:hover:not(:disabled), .alert-component.alert-notice > div > button.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      .alert-component.alert-notice > div > button:disabled, .alert-component.alert-notice > div > button.disabled {
        color: rgba(255, 255, 255, 0.25); }
      .alert-component.alert-notice > div > button use {
        color: #FFFFFF;
        opacity: 1; }
  .alert-component.alert-notice.hidden:before {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.667s ease-in;
            transition: transform 0.667s ease-in;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .alert-component.alert-notice.hidden > div:before,
  .alert-component.alert-notice.hidden > div > p,
  .alert-component.alert-notice.hidden > div > button {
    -webkit-transform: translateY(-77px);
            transform: translateY(-77px);
    -webkit-transition-property: -webkit-transform;
            transition-property: transform;
    -webkit-transition-duration: 0.750s;
            transition-duration: 0.750s;
    -webkit-transition-delay: 0;
            transition-delay: 0;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

.alert-view {
  position: fixed;
  top: 100px;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  z-index: 1; }
  .alert-view .alert-component > div .dismiss {
    top: 10px; }
    .alert-view .alert-component > div .dismiss > svg {
      top: 0;
      margin-top: 0; }
  .alert-view .alert-component > div > .message {
    margin-top: 0; }

.hopscotch-welcome-mat {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  position: fixed;
  text-align: center;
  width: 350px;
  left: 24px;
  bottom: 24px;
  z-index: 2;
  background: #FFFFFF;
  border-top: 5px solid #008CC9;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  padding: 24px; }
  .hopscotch-welcome-mat:lang(ja), .hopscotch-welcome-mat:lang(zh), .hopscotch-welcome-mat:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .hopscotch-welcome-mat:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .hopscotch-welcome-mat:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .hopscotch-welcome-mat .primary {
    font-weight: 200;
    /* Defaults ($size == x-small) */
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: normal;
    box-shadow: inset 0 0 0 1px #008CC9;
    line-height: 22px;
    padding: 4px 16px;
    background-color: #008CC9;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color .15s;
            transition: color .15s;
    color: #FFFFFF;
    height: 32px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    box-shadow: none;
    z-index: 0;
    overflow: hidden; }
    .hopscotch-welcome-mat .primary svg {
      width: 24px;
      height: 24px;
      position: relative;
      top: 6px;
      padding: 0 4px 0 0;
      left: 0;
      margin: -12px 0 0 -12px; }
    .hopscotch-welcome-mat .primary:hover:not(:disabled), .hopscotch-welcome-mat .primary:focus:not(:disabled) {
      background-color: #0077B5; }
    .hopscotch-welcome-mat .primary:active:not(:disabled) {
      background-color: #005E93;
      -webkit-transition: box-shadow .15s, color .15s;
              transition: box-shadow .15s, color .15s;
      box-shadow: inset 0 0 0 2px #005E93; }
    .hopscotch-welcome-mat .primary:disabled {
      opacity: 0.4; }
  .hopscotch-welcome-mat .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;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 20px;
    text-indent: -999px;
    width: 40px;
    position: absolute;
    top: 5px;
    right: 5px; }
    .hopscotch-welcome-mat .dismiss > svg, .hopscotch-welcome-mat .dismiss li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .hopscotch-welcome-mat .dismiss > svg, .hopscotch-welcome-mat .dismiss li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .hopscotch-welcome-mat .dismiss li-icon > svg {
      display: block;
      vertical-align: top; }
    .hopscotch-welcome-mat .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: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .hopscotch-welcome-mat .dismiss, .ie .hopscotch-welcome-mat .dismiss {
      border-radius: 40px; }
    .hopscotch-welcome-mat .dismiss[data-is-animating-click=true], .hopscotch-welcome-mat .dismiss:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .hopscotch-welcome-mat .dismiss[data-is-animating-click=true]:after, .hopscotch-welcome-mat .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .hopscotch-welcome-mat .dismiss:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .hopscotch-welcome-mat .dismiss:hover:not(:disabled), .hopscotch-welcome-mat .dismiss.hover-not-disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.7); }
    .hopscotch-welcome-mat .dismiss:disabled, .hopscotch-welcome-mat .dismiss.disabled {
      color: rgba(0, 0, 0, 0.25); }
  .hopscotch-welcome-mat .message-container {
    margin: 16px 0; }
    .hopscotch-welcome-mat .message-container h3 {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.55);
      margin-bottom: 12px; }
      .hopscotch-welcome-mat .message-container h3:lang(ja), .hopscotch-welcome-mat .message-container h3:lang(zh), .hopscotch-welcome-mat .message-container h3:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .hopscotch-welcome-mat .message-container h3:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .hopscotch-welcome-mat .message-container h3:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
    .hopscotch-welcome-mat .message-container p {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal; }
      .hopscotch-welcome-mat .message-container p:lang(ja), .hopscotch-welcome-mat .message-container p:lang(zh), .hopscotch-welcome-mat .message-container p:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .hopscotch-welcome-mat .message-container p:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .hopscotch-welcome-mat .message-container p:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }

/**
 * Styling the legacy feedback form so that it works with Communities
 */
.feedback-modal-view {
  padding: 24px;
  overflow: hidden;
  position: relative; }
  .feedback-modal-view .col {
    float: left;
    width: 50%; }
  .feedback-modal-view .feedback-actions,
  .feedback-modal-view .action-btn {
    margin-top: 16px; }
  .feedback-modal-view .action-btn,
  .feedback-modal-view .btn-dialog-close {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0; }
    .feedback-modal-view .action-btn > svg, .feedback-modal-view .action-btn li-icon,
    .feedback-modal-view .btn-dialog-close > svg,
    .feedback-modal-view .btn-dialog-close li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .feedback-modal-view .action-btn > svg, .feedback-modal-view .action-btn li-icon > svg,
    .feedback-modal-view .btn-dialog-close > svg,
    .feedback-modal-view .btn-dialog-close li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .feedback-modal-view .action-btn li-icon > svg,
    .feedback-modal-view .btn-dialog-close li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .feedback-modal-view .action-btn:after,
    .feedback-modal-view .btn-dialog-close:after {
      border-color: #005e93;
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .feedback-modal-view .action-btn, .ie .feedback-modal-view .action-btn, .edge
    .feedback-modal-view .btn-dialog-close, .ie
    .feedback-modal-view .btn-dialog-close {
      border-radius: 0; }
    .feedback-modal-view .action-btn[data-is-animating-click=true], .feedback-modal-view .action-btn:hover:not(:disabled)[data-is-animating-click=true],
    .feedback-modal-view .btn-dialog-close[data-is-animating-click=true],
    .feedback-modal-view .btn-dialog-close:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .feedback-modal-view .action-btn[data-is-animating-click=true]:after, .feedback-modal-view .action-btn:hover:not(:disabled)[data-is-animating-click=true]:after,
      .feedback-modal-view .btn-dialog-close[data-is-animating-click=true]:after,
      .feedback-modal-view .btn-dialog-close:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .feedback-modal-view .action-btn:hover:not(:disabled), .feedback-modal-view .action-btn.hover-not-disabled,
    .feedback-modal-view .btn-dialog-close:hover:not(:disabled),
    .feedback-modal-view .btn-dialog-close.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .feedback-modal-view .action-btn:disabled, .feedback-modal-view .action-btn.disabled,
    .feedback-modal-view .btn-dialog-close:disabled,
    .feedback-modal-view .btn-dialog-close.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }
  .feedback-modal-view .feedback-submit,
  .feedback-modal-view .btn-dialog-close {
    float: right; }
  .feedback-modal-view #feedback-form,
  .feedback-modal-view #feedback-success {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .feedback-modal-view #feedback-or-help-divergence {
    z-index: 2; }
  .feedback-modal-view #feedback-form #feedback_info {
    margin-top: 100%;
    background-color: #fff; }
    .feedback-modal-view #feedback-form #feedback_info #content-feedbackInfoForm {
      min-height: 100px; }
  .feedback-modal-view #feedback-form .error-message {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #DD2E1F; }
    .feedback-modal-view #feedback-form .error-message:lang(ja), .feedback-modal-view #feedback-form .error-message:lang(zh), .feedback-modal-view #feedback-form .error-message:lang(ko) {
      font-size: 1.1rem;
      line-height: 1.7rem; }
    .feedback-modal-view #feedback-form .error-message:lang(ar) {
      font-size: 1.3rem;
      line-height: 1.6rem; }
    .feedback-modal-view #feedback-form .error-message:lang(th) {
      font-size: 1.2rem;
      line-height: 1.8rem; }
  .feedback-modal-view #feedback_info,
  .feedback-modal-view #feedback-success {
    padding: 24px; }
  .feedback-modal-view #feedback-success {
    background-color: #fff;
    overflow: hidden;
    top: -100%; }
  .feedback-modal-view .show-form #feedback-form {
    z-index: 3;
    clip: auto; }
    .feedback-modal-view .show-form #feedback-form #feedback_info {
      -webkit-transition: all 330ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
              transition: all 330ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
      width: 100%;
      height: 100%;
      clip: auto;
      margin-top: 0; }
  .feedback-modal-view .show-success #feedback-success {
    -webkit-transition: all 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
            transition: all 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    z-index: 4;
    clip: auto;
    top: 0; }

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

.community-header-view > .canvas {
  padding: 0;
  border-bottom: 1px solid #D0D3D6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.community-header-view .banner-entity {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0px;
  margin: -16px 24px 16px 16px; }

.community-header-view .entity-figure {
  border: none;
  width: 96px;
  height: 96px;
  margin-right: 2px;
  border-radius: 2px;
  line-height: 0;
  width: 96px;
  height: 96px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #FFFFFF;
  background-color: #EDF0F3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  .community-header-view .entity-figure .entity-image {
    width: 100%;
    height: auto; }

.community-header-view .banner-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0px;
  padding-right: 40px;
  padding-top: 8px; }
  .community-header-view .banner-content .title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 3.4rem;
    line-height: 3.6rem;
    font-weight: 200;
    margin-top: 4px; }
    .community-header-view .banner-content .title:lang(ja), .community-header-view .banner-content .title:lang(zh), .community-header-view .banner-content .title:lang(ko) {
      font-size: 2.8rem;
      line-height: 3.8rem; }
    .community-header-view .banner-content .title:lang(ar) {
      font-size: 3.4rem;
      line-height: 4.1rem; }
    .community-header-view .banner-content .title:lang(th) {
      font-size: 2.8rem;
      line-height: 4rem; }
    .community-header-view .banner-content .title > a {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .community-header-view .banner-content .title > a:hover, .community-header-view .banner-content .title > a:focus {
        color: #008CC9;
        text-decoration: none; }
      .community-header-view .banner-content .title > a:active, .community-header-view .banner-content .title > a.is-active {
        color: #005E93;
        text-decoration: none; }
  .community-header-view .banner-content .meta {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.7);
    margin: 4px 0 16px; }
    .community-header-view .banner-content .meta:lang(ja), .community-header-view .banner-content .meta:lang(zh), .community-header-view .banner-content .meta:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .community-header-view .banner-content .meta:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .community-header-view .banner-content .meta:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .community-header-view .banner-content .meta .members-link {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .community-header-view .banner-content .meta .members-link:hover, .community-header-view .banner-content .meta .members-link:focus {
        color: #008CC9;
        text-decoration: none; }
      .community-header-view .banner-content .meta .members-link:active, .community-header-view .banner-content .meta .members-link.is-active {
        color: #005E93;
        text-decoration: none; }
    .community-header-view .banner-content .meta .sep {
      padding: 0 8px; }

.community-header-view .region-banner-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0px; }

.community-header-view .community-header-actions-view {
  vertical-align: top;
  white-space: nowrap;
  margin-top: 32px; }
  .community-header-view .community-header-actions-view.is-loading {
    opacity: 0.2; }

.community-header-view .header-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;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          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;
  text-align: left;
  overflow: hidden;
  white-space: nowrap; }
  .community-header-view .header-btn > svg, .community-header-view .header-btn li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .community-header-view .header-btn > svg, .community-header-view .header-btn li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .community-header-view .header-btn li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .community-header-view .header-btn:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .community-header-view .header-btn, .ie .community-header-view .header-btn {
    border-radius: 0; }
  .community-header-view .header-btn[data-is-animating-click=true], .community-header-view .header-btn:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            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; }
    .community-header-view .header-btn[data-is-animating-click=true]:after, .community-header-view .header-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .community-header-view .header-btn:hover:not(:disabled), .community-header-view .header-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; }
  .community-header-view .header-btn:disabled, .community-header-view .header-btn.disabled {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
  .community-header-view .header-btn li-icon.icon {
    margin: auto;
    padding: initial; }
  .community-header-view .header-btn + .header-btn {
    margin-left: 8px; }
  .community-header-view .header-btn .btn-default,
  .community-header-view .header-btn .btn-active {
    display: block; }
  .community-header-view .header-btn .btn-content {
    overflow: hidden; }
  .community-header-view .header-btn .btn-active {
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }
  .community-header-view .header-btn:hover .btn-default, .community-header-view .header-btn:focus .btn-default {
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%); }
  .community-header-view .header-btn:hover .btn-active, .community-header-view .header-btn:focus .btn-active {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }

.community-nav-list-view {
  margin-bottom: 64px;
  overflow-x: hidden; }
  .community-nav-list-view .create-community {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 16px 24px; }
  .community-nav-list-view .create-btn {
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #008cc9;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            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;
    display: block;
    width: 100%; }
    .community-nav-list-view .create-btn > svg, .community-nav-list-view .create-btn li-icon {
      top: 1px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .community-nav-list-view .create-btn > svg, .community-nav-list-view .create-btn li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .community-nav-list-view .create-btn li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .community-nav-list-view .create-btn:after {
      border-color: rgba(0, 94, 147, 0.2);
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .community-nav-list-view .create-btn, .ie .community-nav-list-view .create-btn {
      border-radius: 0; }
    .community-nav-list-view .create-btn[data-is-animating-click=true], .community-nav-list-view .create-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: #005e93;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              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; }
      .community-nav-list-view .create-btn[data-is-animating-click=true]:after, .community-nav-list-view .create-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .community-nav-list-view .create-btn:hover:not(:disabled), .community-nav-list-view .create-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; }
    .community-nav-list-view .create-btn:disabled, .community-nav-list-view .create-btn.disabled {
      color: rgba(0, 140, 201, 0.4);
      box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
  .community-nav-list-view .group-search-form {
    background: #ECEFF2;
    padding: 16px 24px;
    margin-bottom: 0; }
    .community-nav-list-view .group-search-form .a11y-label {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
    .community-nav-list-view .group-search-form .search-input {
      -webkit-transition: border-color 0.2s linear;
              transition: border-color 0.2s linear;
      width: 100%;
      padding: 8px 16px 8px 32px;
      border: 1px solid transparent;
      background-color: #FFFFFF; }
      .community-nav-list-view .group-search-form .search-input:focus:not(:disabled) {
        border-color: #00A0DC; }
        .community-nav-list-view .group-search-form .search-input:focus:not(:disabled) + .icon {
          color: #00A0DC; }
    .community-nav-list-view .group-search-form .icon {
      -webkit-transition: color 0.2s linear;
              transition: color 0.2s linear;
      position: absolute;
      top: 24px;
      left: 34px;
      color: rgba(0, 0, 0, 0.55); }

.header-nav-view .nav-item .menu-content {
  width: auto;
  padding: 0;
  overflow: hidden; }

.header-nav-view .community-nav-list .group-entity {
  float: left;
  max-width: 100%;
  float: none;
  padding: 8px 24px; }
  .header-nav-view .community-nav-list .group-entity a.entity-container {
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .header-nav-view .community-nav-list .group-entity a.entity-container:hover, .header-nav-view .community-nav-list .group-entity a.entity-container:focus {
      color: #008CC9;
      text-decoration: none; }
    .header-nav-view .community-nav-list .group-entity a.entity-container:active, .header-nav-view .community-nav-list .group-entity a.entity-container.is-active {
      color: #005E93;
      text-decoration: none; }
    .header-nav-view .community-nav-list .group-entity a.entity-container:hover .entity-name, .header-nav-view .community-nav-list .group-entity a.entity-container:focus .entity-name {
      color: #008CC9; }
    .header-nav-view .community-nav-list .group-entity a.entity-container:active .entity-name {
      color: #005E93; }
  .header-nav-view .community-nav-list .group-entity .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .header-nav-view .community-nav-list .group-entity .entity-figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    min-width: 0px;
    border: none;
    width: x-small;
    height: x-small;
    margin-right: 2px;
    border-radius: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 12px; }
    .header-nav-view .community-nav-list .group-entity .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .header-nav-view .community-nav-list .group-entity .entity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; }
  .header-nav-view .community-nav-list .group-entity .entity-name {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85); }
    .header-nav-view .community-nav-list .group-entity .entity-name:lang(ja), .header-nav-view .community-nav-list .group-entity .entity-name:lang(zh), .header-nav-view .community-nav-list .group-entity .entity-name:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .header-nav-view .community-nav-list .group-entity .entity-name:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .header-nav-view .community-nav-list .group-entity .entity-name:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .header-nav-view .community-nav-list .group-entity .entity-figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #FFFFFF;
    background-color: #EDF0F3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  .header-nav-view .community-nav-list .group-entity .entity-link {
    padding: 0; }
    .header-nav-view .community-nav-list .group-entity .entity-link:hover {
      background-color: transparent; }

.community-nav-list {
  min-height: 240px;
  max-height: 320px;
  max-height: 50vh;
  width: 328px;
  padding: 8px 0;
  overflow-y: auto; }
  .community-nav-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: 64px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #FFFFFF);
    background-image: linear-gradient(rgba(255, 255, 255, 0), #FFFFFF); }

.manage-nav-view .manage-nav-list > li {
  margin: 8px 0; }
  .manage-nav-view .manage-nav-list > li a {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold; }
    .manage-nav-view .manage-nav-list > li a:lang(ja), .manage-nav-view .manage-nav-list > li a:lang(zh), .manage-nav-view .manage-nav-list > li a:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem; }
    .manage-nav-view .manage-nav-list > li a:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .manage-nav-view .manage-nav-list > li a:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .manage-nav-view .manage-nav-list > li a:hover {
      color: #000000; }
    .manage-nav-view .manage-nav-list > li a.is-active {
      color: #008CC9; }

.manage-nav-view .manage-nav-header {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: bold;
  margin: 24px 0; }
  .manage-nav-view .manage-nav-header:lang(ja), .manage-nav-view .manage-nav-header:lang(zh), .manage-nav-view .manage-nav-header:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  .manage-nav-view .manage-nav-header:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  .manage-nav-view .manage-nav-header:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }
  .manage-nav-view .manage-nav-header:first-child {
    margin-top: 0; }

.manage-nav-view .item-count {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal; }
  .manage-nav-view .item-count:lang(ja), .manage-nav-view .item-count:lang(zh), .manage-nav-view .item-count:lang(ko) {
    font-size: 1.1rem;
    line-height: 1.7rem; }
  .manage-nav-view .item-count:lang(ar) {
    font-size: 1.3rem;
    line-height: 1.6rem; }
  .manage-nav-view .item-count:lang(th) {
    font-size: 1.2rem;
    line-height: 1.8rem; }

.profile-card .loading-icon-container {
  display: block;
  width: 100%; }

.profile-card.top {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  /* Defaults ($size == x-small) */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  max-width: 320px;
  opacity: 0;
  padding: 14px 16px;
  position: absolute;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  visibility: hidden;
  z-index: 999; }
  .profile-card.top:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-top: 8px #FFFFFF solid;
    border-left-width: 8px;
    border-right-width: 8px;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
    position: absolute; }
  .profile-card.top:before {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-top: 9px rgba(0, 0, 0, 0.25) solid;
    border-left-width: 9px;
    border-right-width: 9px;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-width: 10px;
    left: calc(50% + 1px);
    margin-left: -11px;
    position: absolute; }
  .profile-card.top.active {
    opacity: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    visibility: visible; }

.profile-card.bottom {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  /* Defaults ($size == x-small) */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857;
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  max-width: 320px;
  opacity: 0;
  padding: 14px 16px;
  position: absolute;
  -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
          transition: visibility 0s linear 0.2s, opacity 0.2s linear;
  visibility: hidden;
  z-index: 999; }
  .profile-card.bottom:after {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 8px #FFFFFF solid;
    border-left-width: 8px;
    border-right-width: 8px;
    top: -8px;
    left: 50%;
    margin-left: -9px;
    position: absolute; }
  .profile-card.bottom:before {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 9px rgba(0, 0, 0, 0.15) solid;
    border-left-width: 9px;
    border-right-width: 9px;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    position: absolute; }
  .profile-card.bottom.active {
    opacity: 1;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    visibility: visible; }

.profile-card.tooltip {
  padding: 0; }

.profile-card a {
  color: #000;
  font-weight: bold; }
  .profile-card a:hover {
    text-decoration: underline; }

.profile-card .profile-card-top {
  padding: 16px; }
  .profile-card .profile-card-top .entity-container .entity-figure {
    position: absolute; }
    .profile-card .profile-card-top .entity-container .entity-figure img {
      width: 56px;
      height: 56px;
      box-sizing: border-box;
      background-clip: content-box;
      border-radius: 56px;
      border: 1px solid transparent; }
      .profile-card .profile-card-top .entity-container .entity-figure img:nth-of-type(1n+2) {
        margin-left: 4px; }
  .profile-card .profile-card-top .entity-container .entity-info {
    margin-left: 72px; }
    .profile-card .profile-card-top .entity-container .entity-info .entity-name {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-name:lang(ja), .profile-card .profile-card-top .entity-container .entity-info .entity-name:lang(zh), .profile-card .profile-card-top .entity-container .entity-info .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .profile-card .profile-card-top .entity-container .entity-info .entity-badge {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-badge:lang(ja), .profile-card .profile-card-top .entity-container .entity-info .entity-badge:lang(zh), .profile-card .profile-card-top .entity-container .entity-info .entity-badge:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-badge:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-badge:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .profile-card .profile-card-top .entity-container .entity-info .entity-badge sup {
        font-size: 11px; }
    .profile-card .profile-card-top .entity-container .entity-info .position, .profile-card .profile-card-top .entity-container .entity-info .group-meta {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.3rem;
      line-height: 1.6rem;
      font-weight: normal; }
      .profile-card .profile-card-top .entity-container .entity-info .position:lang(ja), .profile-card .profile-card-top .entity-container .entity-info .position:lang(zh), .profile-card .profile-card-top .entity-container .entity-info .position:lang(ko), .profile-card .profile-card-top .entity-container .entity-info .group-meta:lang(ja), .profile-card .profile-card-top .entity-container .entity-info .group-meta:lang(zh), .profile-card .profile-card-top .entity-container .entity-info .group-meta:lang(ko) {
        font-size: 1.1rem;
        line-height: 1.7rem; }
      .profile-card .profile-card-top .entity-container .entity-info .position:lang(ar), .profile-card .profile-card-top .entity-container .entity-info .group-meta:lang(ar) {
        font-size: 1.3rem;
        line-height: 1.6rem; }
      .profile-card .profile-card-top .entity-container .entity-info .position:lang(th), .profile-card .profile-card-top .entity-container .entity-info .group-meta:lang(th) {
        font-size: 1.2rem;
        line-height: 1.8rem; }
    .profile-card .profile-card-top .entity-container .entity-info .separator {
      padding-left: 2px;
      padding-right: 2px; }
  .profile-card .profile-card-top .entity-container.entity-link:hover {
    text-decoration: none; }
  .profile-card .profile-card-top .profile-card-actions {
    margin-left: 72px;
    padding-bottom: 4px;
    padding-top: 8px; }
    .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile {
      background-color: transparent;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: #008cc9;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              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: 10px; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile > svg, .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile > svg, .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile:after {
        border-color: rgba(0, 94, 147, 0.2);
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile, .ie .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile {
        border-radius: 0; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile[data-is-animating-click=true], .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile:hover:not(:disabled)[data-is-animating-click=true] {
        color: #005e93;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                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; }
        .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile[data-is-animating-click=true]:after, .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile:hover:not(:disabled), .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile.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; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile:disabled, .profile-card .profile-card-top .profile-card-actions .profile-card-view-profile.disabled {
        color: rgba(0, 140, 201, 0.4);
        box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
    .profile-card .profile-card-top .profile-card-actions .profile-card-message {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message > svg, .profile-card .profile-card-top .profile-card-actions .profile-card-message li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message > svg, .profile-card .profile-card-top .profile-card-actions .profile-card-message li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .profile-card .profile-card-top .profile-card-actions .profile-card-message, .ie .profile-card .profile-card-top .profile-card-actions .profile-card-message {
        border-radius: 0; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message[data-is-animating-click=true], .profile-card .profile-card-top .profile-card-actions .profile-card-message:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .profile-card .profile-card-top .profile-card-actions .profile-card-message[data-is-animating-click=true]:after, .profile-card .profile-card-top .profile-card-actions .profile-card-message:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message:hover:not(:disabled), .profile-card .profile-card-top .profile-card-actions .profile-card-message.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .profile-card .profile-card-top .profile-card-actions .profile-card-message:disabled, .profile-card .profile-card-top .profile-card-actions .profile-card-message.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }

.profile-card .profile-card-details {
  background-color: #ECEFF2;
  border-top: 1px #d0d3d6 solid;
  padding: 8px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal; }
  .profile-card .profile-card-details:lang(ja), .profile-card .profile-card-details:lang(zh), .profile-card .profile-card-details:lang(ko) {
    font-size: 1.1rem;
    line-height: 1.7rem; }
  .profile-card .profile-card-details:lang(ar) {
    font-size: 1.3rem;
    line-height: 1.6rem; }
  .profile-card .profile-card-details:lang(th) {
    font-size: 1.2rem;
    line-height: 1.8rem; }
  .profile-card .profile-card-details .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .profile-card .profile-card-details .row .row-title, .profile-card .profile-card-details .row .row-content {
      padding: 4px; }
    .profile-card .profile-card-details .row .row-title {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 72px;
          -ms-flex: 0 0 72px;
              flex: 0 0 72px;
      text-align: right; }
    .profile-card .profile-card-details .row .row-content {
      color: rgba(0, 0, 0, 0.85); }

.profile-card.top:after {
  border-top: 8px #ECEFF2 solid; }

.loading-icon-container {
  display: none;
  width: 100%; }
  .loading-icon-container .loading-icon {
    width: 100%;
    color: #0077B5; }
  .loading-icon-container .text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

.loading-mask {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.is-loading > .loading-icon-container,
.is-loading > .loading-icon,
.is-loading > .loading-mask,
.is-loading > .loading-mask .loading-icon {
  display: block; }

.modal-frame-view {
  position: relative;
  padding-bottom: 96px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 11000;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: opacity 0.334s;
          transition: opacity 0.334s;
  opacity: 0; }
  .modal-frame-view > .loading-icon {
    position: absolute;
    width: 100%; }
  .modal-frame-view.modal-large .modal-frame {
    max-width: 744px; }
  .modal-frame-view.modal-medium .modal-frame {
    max-width: 552px; }
  .modal-frame-view.modal-small .modal-frame {
    max-width: 360px; }
  .modal-frame-view.modal-scroll .modal-frame-content {
    max-height: 500px; }
  .modal-frame-view.is-loading .modal-frame-content {
    min-height: 150px; }
  .modal-frame-view.is-loading .modal-frame-main > .loading-icon-container {
    display: block;
    position: absolute;
    top: 50%; }

.modal-frame {
  position: relative;
  margin: 0 auto;
  top: 24px;
  margin: 24px auto;
  width: 80%; }

.modal-frame-header {
  margin-bottom: 8px;
  min-height: 32px;
  position: relative;
  visibility: hidden; }
  .modal-frame-header .title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, 0.85);
    line-height: 32px;
    padding-right: 24px;
    margin: 0; }
    .modal-frame-header .title:lang(ja), .modal-frame-header .title:lang(zh), .modal-frame-header .title:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .modal-frame-header .title:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .modal-frame-header .title:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .modal-frame-header .dismiss-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: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 12px;
    text-indent: -999px;
    width: 24px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0; }
    .modal-frame-header .dismiss-button > svg, .modal-frame-header .dismiss-button li-icon {
      top: calc(50% + 4px);
      height: 16px;
      left: calc(50% + 4px);
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 16px; }
    .modal-frame-header .dismiss-button > svg, .modal-frame-header .dismiss-button li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal-frame-header .dismiss-button li-icon > svg {
      display: block;
      vertical-align: top; }
    .modal-frame-header .dismiss-button:after {
      border-color: rgba(255, 255, 255, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .modal-frame-header .dismiss-button, .ie .modal-frame-header .dismiss-button {
      border-radius: 24px; }
    .modal-frame-header .dismiss-button[data-is-animating-click=true], .modal-frame-header .dismiss-button:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .modal-frame-header .dismiss-button[data-is-animating-click=true]:after, .modal-frame-header .dismiss-button:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .modal-frame-header .dismiss-button:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .modal-frame-header .dismiss-button:hover:not(:disabled), .modal-frame-header .dismiss-button.hover-not-disabled {
      background-color: rgba(255, 255, 255, 0.1);
      color: white; }
    .modal-frame-header .dismiss-button:disabled, .modal-frame-header .dismiss-button.disabled {
      color: rgba(255, 255, 255, 0.25); }

.modal-frame-main {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.334s, opacity 0.334s;
          transition: transform 0.334s, opacity 0.334s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 5px rgba(0, 0, 0, 0.15); }

.modal-frame-content {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 100px; }

.modal-frame-btns {
  border-top: 1px solid #EDF0F3;
  padding: 16px 24px; }
  .modal-frame-btns:after {
    content: "";
    display: table;
    clear: both; }
  .modal-frame-btns .btn-group-secondary {
    float: left;
    margin-left: -16px; }
  .modal-frame-btns .btn-group-primary {
    float: right; }
  .modal-frame-btns .btn-primary {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0; }
    .modal-frame-btns .btn-primary > svg, .modal-frame-btns .btn-primary li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .modal-frame-btns .btn-primary > svg, .modal-frame-btns .btn-primary li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal-frame-btns .btn-primary li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .modal-frame-btns .btn-primary:after {
      border-color: #005e93;
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .modal-frame-btns .btn-primary, .ie .modal-frame-btns .btn-primary {
      border-radius: 0; }
    .modal-frame-btns .btn-primary[data-is-animating-click=true], .modal-frame-btns .btn-primary:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .modal-frame-btns .btn-primary[data-is-animating-click=true]:after, .modal-frame-btns .btn-primary:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .modal-frame-btns .btn-primary:hover:not(:disabled), .modal-frame-btns .btn-primary.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .modal-frame-btns .btn-primary:disabled, .modal-frame-btns .btn-primary.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }
  .modal-frame-btns .btn-secondary {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            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; }
    .modal-frame-btns .btn-secondary > svg, .modal-frame-btns .btn-secondary li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .modal-frame-btns .btn-secondary > svg, .modal-frame-btns .btn-secondary li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal-frame-btns .btn-secondary li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .modal-frame-btns .btn-secondary:after {
      border-color: rgba(0, 94, 147, 0.2);
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .modal-frame-btns .btn-secondary, .ie .modal-frame-btns .btn-secondary {
      border-radius: 0; }
    .modal-frame-btns .btn-secondary[data-is-animating-click=true], .modal-frame-btns .btn-secondary:hover:not(:disabled)[data-is-animating-click=true] {
      color: #005e93;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              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-frame-btns .btn-secondary[data-is-animating-click=true]:after, .modal-frame-btns .btn-secondary:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .modal-frame-btns .btn-secondary:hover:not(:disabled), .modal-frame-btns .btn-secondary.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-frame-btns .btn-secondary:disabled, .modal-frame-btns .btn-secondary.disabled {
      color: rgba(0, 140, 201, 0.4);
      box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
  .modal-frame-btns .btn-tertiary {
    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 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0; }
    .modal-frame-btns .btn-tertiary > svg, .modal-frame-btns .btn-tertiary li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .modal-frame-btns .btn-tertiary > svg, .modal-frame-btns .btn-tertiary li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .modal-frame-btns .btn-tertiary li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .modal-frame-btns .btn-tertiary:after {
      border-color: rgba(0, 94, 147, 0.2);
      padding: calc(50% + 14px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .modal-frame-btns .btn-tertiary, .ie .modal-frame-btns .btn-tertiary {
      border-radius: 0; }
    .modal-frame-btns .btn-tertiary[data-is-animating-click=true], .modal-frame-btns .btn-tertiary:hover:not(:disabled)[data-is-animating-click=true] {
      color: #005e93;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .modal-frame-btns .btn-tertiary[data-is-animating-click=true]:after, .modal-frame-btns .btn-tertiary:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .modal-frame-btns .btn-tertiary:hover:not(:disabled), .modal-frame-btns .btn-tertiary.hover-not-disabled {
      background-color: rgba(0, 94, 147, 0.1);
      color: #0077b5; }
    .modal-frame-btns .btn-tertiary:disabled, .modal-frame-btns .btn-tertiary.disabled {
      color: rgba(0, 140, 201, 0.4); }

body.modal-open {
  overflow: hidden; }
  body.modal-open .chrome-body,
  body.modal-open #layout-header,
  body.modal-open .hopscotch-bubble {
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  body.modal-open .modal-frame-view {
    background: rgba(0, 0, 0, 0.75);
    opacity: 1; }
  body.modal-open .modal-frame-header {
    visibility: visible; }
  body.modal-open .modal-frame-main {
    -webkit-transform: scale(1);
            transform: scale(1); }

.confirm-modal-view {
  padding: 16px 24px; }
  .confirm-modal-view h3 {
    padding-bottom: 8px; }

.discussion-list-view .load-more-container .load-more-btn, .recommendations-list-view .load-more-container .load-more-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 16px;
  text-align: center;
  width: 100%; }
  .discussion-list-view .load-more-container .load-more-btn .text, .recommendations-list-view .load-more-container .load-more-btn .text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.9rem;
    line-height: 2.8rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55); }
    .discussion-list-view .load-more-container .load-more-btn .text:lang(ja), .recommendations-list-view .load-more-container .load-more-btn .text:lang(ja), .discussion-list-view .load-more-container .load-more-btn .text:lang(zh), .recommendations-list-view .load-more-container .load-more-btn .text:lang(zh), .discussion-list-view .load-more-container .load-more-btn .text:lang(ko), .recommendations-list-view .load-more-container .load-more-btn .text:lang(ko) {
      font-size: 1.8rem;
      line-height: 3.3rem; }
    .discussion-list-view .load-more-container .load-more-btn .text:lang(ar), .recommendations-list-view .load-more-container .load-more-btn .text:lang(ar) {
      font-size: 1.9rem;
      line-height: 2.8rem; }
    .discussion-list-view .load-more-container .load-more-btn .text:lang(th), .recommendations-list-view .load-more-container .load-more-btn .text:lang(th) {
      font-size: 1.6rem;
      line-height: 2.8rem; }
  .discussion-list-view .load-more-container .load-more-btn .icon, .recommendations-list-view .load-more-container .load-more-btn .icon {
    color: rgba(0, 0, 0, 0.55);
    margin-left: 8px; }
  .discussion-list-view .load-more-container .load-more-btn:disabled, .recommendations-list-view .load-more-container .load-more-btn:disabled {
    cursor: default; }
    .discussion-list-view .load-more-container .load-more-btn:disabled .text, .recommendations-list-view .load-more-container .load-more-btn:disabled .text, .discussion-list-view .load-more-container .load-more-btn:disabled .icon, .recommendations-list-view .load-more-container .load-more-btn:disabled .icon {
      color: rgba(0, 0, 0, 0.45); }
  .discussion-list-view .load-more-container .load-more-btn:hover:not(:disabled) .text, .recommendations-list-view .load-more-container .load-more-btn:hover:not(:disabled) .text, .discussion-list-view .load-more-container .load-more-btn:hover:not(:disabled) .icon, .recommendations-list-view .load-more-container .load-more-btn:hover:not(:disabled) .icon {
    color: rgba(0, 0, 0, 0.85); }
  .discussion-list-view .load-more-container .load-more-btn svg, .recommendations-list-view .load-more-container .load-more-btn svg {
    display: inline-block;
    vertical-align: middle; }

.dropdown-menu {
  position: relative; }
  .dropdown-menu.active .menu-trigger {
    opacity: 0.5; }
  .dropdown-menu.active .menu-content {
    display: block; }
  .dropdown-menu .menu-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;
    position: absolute;
    z-index: 2;
    display: none;
    width: 224px; }
    .dropdown-menu .menu-content h1, .dropdown-menu .menu-content h2, .dropdown-menu .menu-content h3, .dropdown-menu .menu-content h4, .dropdown-menu .menu-content h5 {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 32px;
      font-weight: bold;
      height: 32px;
      margin-bottom: 0;
      padding: 2px 16px 0; }
      .dropdown-menu .menu-content h1:lang(ja), .dropdown-menu .menu-content h1:lang(zh), .dropdown-menu .menu-content h1:lang(ko), .dropdown-menu .menu-content h2:lang(ja), .dropdown-menu .menu-content h2:lang(zh), .dropdown-menu .menu-content h2:lang(ko), .dropdown-menu .menu-content h3:lang(ja), .dropdown-menu .menu-content h3:lang(zh), .dropdown-menu .menu-content h3:lang(ko), .dropdown-menu .menu-content h4:lang(ja), .dropdown-menu .menu-content h4:lang(zh), .dropdown-menu .menu-content h4:lang(ko), .dropdown-menu .menu-content h5:lang(ja), .dropdown-menu .menu-content h5:lang(zh), .dropdown-menu .menu-content h5:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .dropdown-menu .menu-content h1:lang(ar), .dropdown-menu .menu-content h2:lang(ar), .dropdown-menu .menu-content h3:lang(ar), .dropdown-menu .menu-content h4:lang(ar), .dropdown-menu .menu-content h5:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .dropdown-menu .menu-content h1:lang(th), .dropdown-menu .menu-content h2:lang(th), .dropdown-menu .menu-content h3:lang(th), .dropdown-menu .menu-content h4:lang(th), .dropdown-menu .menu-content h5:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .dropdown-menu .menu-content h1:first-child, .dropdown-menu .menu-content h2:first-child, .dropdown-menu .menu-content h3:first-child, .dropdown-menu .menu-content h4:first-child, .dropdown-menu .menu-content h5:first-child {
        margin-top: -4px; }
    .dropdown-menu .menu-content ul {
      list-style-type: none; }
      .dropdown-menu .menu-content ul a {
        color: rgba(0, 0, 0, 0.7);
        font-size: 1.5rem;
        line-height: 32px;
        font-weight: normal;
        display: block;
        height: 32px;
        padding: 0 16px; }
        .dropdown-menu .menu-content ul a:lang(ja), .dropdown-menu .menu-content ul a:lang(zh), .dropdown-menu .menu-content ul a:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-weight: normal !important; }
        .dropdown-menu .menu-content ul a:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .dropdown-menu .menu-content ul a:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
        .dropdown-menu .menu-content ul a:hover, .dropdown-menu .menu-content ul a.hover, .dropdown-menu .menu-content ul a:focus, .dropdown-menu .menu-content ul a.focus {
          color: #008cc9;
          font-size: 1.5rem;
          line-height: 32px;
          font-weight: bold;
          background-color: #edf0f3;
          text-decoration: none; }
          .dropdown-menu .menu-content ul a:hover:lang(ja), .dropdown-menu .menu-content ul a:hover:lang(zh), .dropdown-menu .menu-content ul a:hover:lang(ko), .dropdown-menu .menu-content ul a.hover:lang(ja), .dropdown-menu .menu-content ul a.hover:lang(zh), .dropdown-menu .menu-content ul a.hover:lang(ko), .dropdown-menu .menu-content ul a:focus:lang(ja), .dropdown-menu .menu-content ul a:focus:lang(zh), .dropdown-menu .menu-content ul a:focus:lang(ko), .dropdown-menu .menu-content ul a.focus:lang(ja), .dropdown-menu .menu-content ul a.focus:lang(zh), .dropdown-menu .menu-content ul a.focus:lang(ko) {
            font-size: 1.4rem;
            line-height: 2.2rem; }
          .dropdown-menu .menu-content ul a:hover:lang(ar), .dropdown-menu .menu-content ul a.hover:lang(ar), .dropdown-menu .menu-content ul a:focus:lang(ar), .dropdown-menu .menu-content ul a.focus:lang(ar) {
            font-size: 1.5rem;
            line-height: 2rem; }
          .dropdown-menu .menu-content ul a:hover:lang(th), .dropdown-menu .menu-content ul a.hover:lang(th), .dropdown-menu .menu-content ul a:focus:lang(th), .dropdown-menu .menu-content ul a.focus:lang(th) {
            font-size: 1.3rem;
            line-height: 2rem; }
    .dropdown-menu .menu-content hr {
      margin: 8px 0 4px;
      width: 100%; }
    .dropdown-menu .menu-content:before, .dropdown-menu .menu-content:after {
      left: 100%;
      position: absolute; }
    .dropdown-menu .menu-content:before {
      margin-left: -35px;
      top: -10px; }
    .dropdown-menu .menu-content:after {
      margin-left: -34px;
      top: -9px; }
  .dropdown-menu .menu-action-list button {
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: #008CC9;
    width: 100%;
    text-align: left;
    white-space: nowrap; }
    .dropdown-menu .menu-action-list button:hover, .dropdown-menu .menu-action-list button:focus {
      color: #008CC9;
      text-decoration: underline; }
    .dropdown-menu .menu-action-list button:active, .dropdown-menu .menu-action-list button.is-active {
      color: #005E93;
      text-decoration: none; }
  .dropdown-menu .menu-action-list a,
  .dropdown-menu .menu-action-list button {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    display: block;
    padding: 6px 16px; }
    .dropdown-menu .menu-action-list a:lang(ja), .dropdown-menu .menu-action-list a:lang(zh), .dropdown-menu .menu-action-list a:lang(ko),
    .dropdown-menu .menu-action-list button:lang(ja),
    .dropdown-menu .menu-action-list button:lang(zh),
    .dropdown-menu .menu-action-list button:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .dropdown-menu .menu-action-list a:lang(ar),
    .dropdown-menu .menu-action-list button:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .dropdown-menu .menu-action-list a:lang(th),
    .dropdown-menu .menu-action-list button:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .dropdown-menu .menu-action-list a:hover, .dropdown-menu .menu-action-list a:focus,
    .dropdown-menu .menu-action-list button:hover,
    .dropdown-menu .menu-action-list button:focus {
      color: #008CC9;
      text-decoration: none; }
    .dropdown-menu .menu-action-list a:active, .dropdown-menu .menu-action-list a.is-active,
    .dropdown-menu .menu-action-list button:active,
    .dropdown-menu .menu-action-list button.is-active {
      color: #005E93;
      text-decoration: none; }
    .dropdown-menu .menu-action-list a:hover, .dropdown-menu .menu-action-list a:focus,
    .dropdown-menu .menu-action-list button:hover,
    .dropdown-menu .menu-action-list button:focus {
      background-color: #EDF0F3;
      font-weight: bold; }

.is-flagged > .content-container,
.is-deleted > .content-container {
  display: none; }

.action-complete .undo-actions {
  -webkit-transition: opacity 0.334s linear;
          transition: opacity 0.334s linear;
  opacity: 0; }

.discussion-list-view {
  position: relative;
  padding-bottom: 96px; }
  .discussion-list-view > .loading-icon {
    position: absolute;
    width: 100%; }

.with-footer .discussion-list-view {
  padding-bottom: 0; }

.discussion-view {
  margin-bottom: 24px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #D0D3D6;
  word-wrap: break-word; }
  .discussion-view .collapsed-message {
    padding: 16px 24px; }
  .discussion-view.is-loading {
    opacity: 0.2; }
  .discussion-view.is-highlight .post-author {
    margin: 24px 0; }
  .discussion-view.is-highlight .member-entity {
    float: left;
    max-width: 100%; }
    .discussion-view.is-highlight .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .discussion-view.is-highlight .member-entity a.entity-container:hover, .discussion-view.is-highlight .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .discussion-view.is-highlight .member-entity a.entity-container:active, .discussion-view.is-highlight .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .discussion-view.is-highlight .member-entity a.entity-container:hover .entity-name, .discussion-view.is-highlight .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .discussion-view.is-highlight .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .discussion-view.is-highlight .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .discussion-view.is-highlight .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40px;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      min-width: 0px;
      border: none;
      width: 44px;
      height: 44px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 40px;
      height: 40px;
      overflow: hidden;
      margin-right: 12px; }
      .discussion-view.is-highlight .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .discussion-view.is-highlight .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .discussion-view.is-highlight .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .discussion-view.is-highlight .member-entity .entity-name:lang(ja), .discussion-view.is-highlight .member-entity .entity-name:lang(zh), .discussion-view.is-highlight .member-entity .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .discussion-view.is-highlight .member-entity .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-view.is-highlight .member-entity .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-view.is-highlight .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .discussion-view.is-highlight .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .discussion-view.is-highlight .member-entity .entity-headline:lang(ja), .discussion-view.is-highlight .member-entity .entity-headline:lang(zh), .discussion-view.is-highlight .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .discussion-view.is-highlight .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-view.is-highlight .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-view.is-highlight .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .discussion-view.is-highlight .member-entity .entity-role:lang(ja), .discussion-view.is-highlight .member-entity .entity-role:lang(zh), .discussion-view.is-highlight .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .discussion-view.is-highlight .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-view.is-highlight .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-view.is-highlight .member-entity .entity-info {
      padding-top: 3px; }
    .discussion-view.is-highlight .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .discussion-view.is-highlight .member-entity .entity-badge:before {
        content: '· '; }

.discussion-comments {
  background-color: #ECEFF2; }

.post-rich-media-view {
  background-color: #000000; }
  .post-rich-media-view .image-preview {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: 700px; }

.post-view {
  padding: 24px 24px 20px;
  position: relative; }
  .post-view .post-author,
  .post-view .post-group {
    clear: both;
    padding-right: 128px;
    margin-bottom: 24px; }
  .post-view .group-entity {
    float: left;
    max-width: 100%; }
    .post-view .group-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .post-view .group-entity a.entity-container:hover, .post-view .group-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .post-view .group-entity a.entity-container:active, .post-view .group-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .post-view .group-entity a.entity-container:hover .entity-name, .post-view .group-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .post-view .group-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .post-view .group-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .post-view .group-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48px;
          -ms-flex: 0 0 48px;
              flex: 0 0 48px;
      min-width: 0px;
      border: none;
      width: small;
      height: small;
      margin-right: 2px;
      border-radius: 0;
      line-height: 0;
      width: 48px;
      height: 48px;
      overflow: hidden;
      margin-right: 12px; }
      .post-view .group-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .post-view .group-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .post-view .group-entity .entity-name {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .post-view .group-entity .entity-name:lang(ja), .post-view .group-entity .entity-name:lang(zh), .post-view .group-entity .entity-name:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .post-view .group-entity .entity-name:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .post-view .group-entity .entity-name:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
    .post-view .group-entity .entity-figure {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: 2px solid #FFFFFF;
      background-color: #EDF0F3;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  .post-view .member-entity {
    float: left;
    max-width: 100%; }
    .post-view .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .post-view .member-entity a.entity-container:hover, .post-view .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .post-view .member-entity a.entity-container:active, .post-view .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .post-view .member-entity a.entity-container:hover .entity-name, .post-view .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .post-view .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .post-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .post-view .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48px;
          -ms-flex: 0 0 48px;
              flex: 0 0 48px;
      min-width: 0px;
      border: none;
      width: 54px;
      height: 54px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 48px;
      height: 48px;
      overflow: hidden;
      margin-right: 12px; }
      .post-view .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .post-view .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .post-view .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .post-view .member-entity .entity-name:lang(ja), .post-view .member-entity .entity-name:lang(zh), .post-view .member-entity .entity-name:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .post-view .member-entity .entity-name:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .post-view .member-entity .entity-name:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
    .post-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .post-view .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .post-view .member-entity .entity-headline:lang(ja), .post-view .member-entity .entity-headline:lang(zh), .post-view .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .post-view .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .post-view .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .post-view .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .post-view .member-entity .entity-role:lang(ja), .post-view .member-entity .entity-role:lang(zh), .post-view .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .post-view .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .post-view .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .post-view .member-entity .entity-info {
      padding-top: 3px; }
    .post-view .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .post-view .member-entity .entity-badge:before {
        content: '· '; }
  .post-view .label-featured {
    color: #FFFFFF;
    font-size: 11px;
    font-size: 1.1rem;
    background-color: #00A0DC;
    padding: 2px 8px;
    margin-bottom: 16px;
    border-radius: 2px;
    float: left; }
  .post-view .post-title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: bold;
    margin-bottom: 8px; }
    .post-view .post-title:lang(ja), .post-view .post-title:lang(zh), .post-view .post-title:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .post-view .post-title:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .post-view .post-title:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }
    .post-view .post-title .title-link {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .post-view .post-title .title-link:hover, .post-view .post-title .title-link:focus {
        color: #008CC9;
        text-decoration: underline; }
      .post-view .post-title .title-link:active, .post-view .post-title .title-link.is-active {
        color: #005E93;
        text-decoration: none; }
  .post-view .post-body {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    margin-bottom: 16px; }
    .post-view .post-body:lang(ja), .post-view .post-body:lang(zh), .post-view .post-body:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .post-view .post-body:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .post-view .post-body:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .post-view .post-body .show-more-button {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.85);
      margin-left: 4px; }
      .post-view .post-body .show-more-button:hover, .post-view .post-body .show-more-button:focus {
        color: #008CC9;
        text-decoration: underline; }
      .post-view .post-body .show-more-button:active, .post-view .post-body .show-more-button.is-active {
        color: #005E93;
        text-decoration: none; }
    .post-view .post-body .mention {
      white-space: nowrap; }
    .post-view .post-body .post-link {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: #008CC9; }
      .post-view .post-body .post-link:hover, .post-view .post-body .post-link:focus {
        color: #008CC9;
        text-decoration: underline; }
      .post-view .post-body .post-link:active, .post-view .post-body .post-link.is-active {
        color: #005E93;
        text-decoration: none; }
  .post-view .shared-image {
    margin-bottom: 8px; }
    .post-view .shared-image .post-image {
      max-height: 400px;
      max-width: 100%;
      height: auto;
      width: auto; }
  .post-view.has-comments .social-counts, .post-view.has-likers .social-counts {
    display: inline-block; }
  .post-view.has-comments li + .social-counts:before, .post-view.has-likers li + .social-counts:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    border-left: 1px solid #D0D3D6;
    margin-right: 16px; }
  .post-view.has-comments .social-counts .view-comments {
    display: inline-block; }
  .post-view.has-likers .social-counts .view-likers {
    display: inline-block; }

.post-meta {
  position: absolute;
  top: 24px;
  right: 24px; }
  .post-meta .action {
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.55);
    display: inline-block;
    padding: 4px 0 0 8px;
    vertical-align: middle; }
    .post-meta .action:hover, .post-meta .action:focus {
      color: #008CC9;
      text-decoration: underline; }
    .post-meta .action:active, .post-meta .action.is-active {
      color: #005E93;
      text-decoration: none; }
    .post-meta .action:disabled {
      opacity: 0.55;
      color: rgba(0, 0, 0, 0.55);
      text-decoration: none; }

.closed-badge {
  color: #B6B9BC;
  vertical-align: middle;
  padding-right: 16px; }
  .closed-badge .text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    color: #B6B9BC;
    padding-left: 8px; }
    .closed-badge .text:lang(ja), .closed-badge .text:lang(zh), .closed-badge .text:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .closed-badge .text:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .closed-badge .text:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .closed-badge .icon {
    margin-top: -4px; }

.post-social {
  margin-top: 24px; }
  .post-social > li {
    display: inline-block; }
  .post-social > li:last-child {
    margin: 0; }
  .post-social .action {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: #008CC9;
    margin-right: 16px;
    display: inline-block; }
    .post-social .action:lang(ja), .post-social .action:lang(zh), .post-social .action:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .post-social .action:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .post-social .action:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .post-social .action:hover, .post-social .action:focus {
      color: #008CC9;
      text-decoration: underline; }
    .post-social .action:active, .post-social .action.is-active {
      color: #005E93;
      text-decoration: none; }
    .post-social .action:disabled {
      opacity: 0.55;
      color: #008CC9;
      text-decoration: none; }
    .post-social .action .count {
      vertical-align: middle;
      margin-left: 4px; }
  .post-social .action,
  .post-social .icon {
    vertical-align: middle; }
  .post-social .flag-post {
    float: right; }
    .post-social .flag-post .action {
      margin-right: 0; }
  .post-social .social-counts {
    display: none; }
    .post-social .social-counts .action {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.55);
      display: none; }
      .post-social .social-counts .action:hover, .post-social .social-counts .action:focus {
        color: #008CC9;
        text-decoration: none; }
      .post-social .social-counts .action:active, .post-social .social-counts .action.is-active {
        color: #005E93;
        text-decoration: none; }
      .post-social .social-counts .action:disabled {
        opacity: 0.55;
        color: rgba(0, 0, 0, 0.55);
        text-decoration: none; }
    .post-social .social-counts .view-likers.is-liked {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.85); }
      .post-social .social-counts .view-likers.is-liked:hover, .post-social .social-counts .view-likers.is-liked:focus {
        color: #008CC9;
        text-decoration: underline; }
      .post-social .social-counts .view-likers.is-liked:active, .post-social .social-counts .view-likers.is-liked.is-active {
        color: #005E93;
        text-decoration: none; }

.post-timestamp {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin-left: 8px;
  min-width: 20px; }
  .post-timestamp:lang(ja), .post-timestamp:lang(zh), .post-timestamp:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .post-timestamp:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .post-timestamp:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.post-manage {
  display: inline-block;
  vertical-align: middle; }
  .post-manage .menu-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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 16px;
    text-indent: -999px;
    width: 32px; }
    .post-manage .menu-trigger > svg, .post-manage .menu-trigger li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .post-manage .menu-trigger > svg, .post-manage .menu-trigger li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .post-manage .menu-trigger li-icon > svg {
      display: block;
      vertical-align: top; }
    .post-manage .menu-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: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .post-manage .menu-trigger, .ie .post-manage .menu-trigger {
      border-radius: 32px; }
    .post-manage .menu-trigger[data-is-animating-click=true], .post-manage .menu-trigger:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .post-manage .menu-trigger[data-is-animating-click=true]:after, .post-manage .menu-trigger:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .post-manage .menu-trigger:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .post-manage .menu-trigger:hover:not(:disabled), .post-manage .menu-trigger.hover-not-disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.7); }
    .post-manage .menu-trigger:disabled, .post-manage .menu-trigger.disabled {
      color: rgba(0, 0, 0, 0.25); }
    .post-manage .menu-trigger .text {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
  .post-manage .menu-content {
    right: -10px; }

.empty-post-view {
  background-color: #FFFFFF;
  padding: 24px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 1px solid #D0D3D6; }
  .empty-post-view .group-container {
    width: 50%;
    line-height: 32px; }
    .empty-post-view .group-container .photo {
      border: none;
      width: 32px;
      height: 32px;
      margin-right: 2px;
      border-radius: 2px;
      background-color: #EDF0F3;
      position: absolute; }
    .empty-post-view .group-container .name {
      width: 100%;
      background-color: #EDF0F3;
      display: inline-block;
      margin-left: 64px;
      height: 6px;
      border-radius: 2px; }
  .empty-post-view .post-article {
    border-radius: 2px;
    background-color: #EDF0F3;
    margin-top: 32px;
    padding: 72px; }
    .empty-post-view .post-article .message-container {
      text-align: center;
      width: 100%;
      color: #A0A3A6; }
      .empty-post-view .post-article .message-container .message {
        color: rgba(0, 0, 0, 0.7);
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: bold;
        color: rgba(115, 118, 121, 0.7); }
        .empty-post-view .post-article .message-container .message:lang(ja), .empty-post-view .post-article .message-container .message:lang(zh), .empty-post-view .post-article .message-container .message:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-weight: normal !important; }
        .empty-post-view .post-article .message-container .message:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .empty-post-view .post-article .message-container .message:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
  .empty-post-view .post-text {
    margin-top: 16px; }
    .empty-post-view .post-text .text-line {
      background-color: #EDF0F3;
      margin-bottom: 12px;
      height: 8px;
      border-radius: 2px; }
      .empty-post-view .post-text .text-line.partial-fill {
        width: 75%; }

.recent-discussions-layout-view {
  margin: 16px 0 0; }
  .recent-discussions-layout-view .recent-discussions-title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.6rem;
    line-height: 3.2rem;
    font-weight: 200;
    margin: 0 0 16px; }
    .recent-discussions-layout-view .recent-discussions-title:lang(ja), .recent-discussions-layout-view .recent-discussions-title:lang(zh), .recent-discussions-layout-view .recent-discussions-title:lang(ko) {
      font-size: 2.2rem;
      line-height: 3.1rem; }
    .recent-discussions-layout-view .recent-discussions-title:lang(ar) {
      font-size: 2.6rem;
      line-height: 3.2rem; }
    .recent-discussions-layout-view .recent-discussions-title:lang(th) {
      font-size: 2rem;
      line-height: 2.8rem; }

.discussion-form-view {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 1px solid #D0D3D6;
  margin-bottom: 20px; }
  .discussion-form-view.is-loading {
    opacity: 0.2; }

.discussion-form-header {
  border-bottom: 1px solid #E6E9EC;
  padding: 16px 24px;
  cursor: pointer; }
  .discussion-form-header .entity-figure {
    border: none;
    width: 54px;
    height: 54px;
    margin-right: 2px;
    border-radius: 50%;
    line-height: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px; }
    .discussion-form-header .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .discussion-form-header .title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    vertical-align: middle; }
    .discussion-form-header .title:lang(ja), .discussion-form-header .title:lang(zh), .discussion-form-header .title:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .discussion-form-header .title:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .discussion-form-header .title:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }

.discussion-form-body {
  padding-left: 24px; }

.discussion-form .details-container {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  max-height: 0px;
  -webkit-transition: max-height .6s linear;
          transition: max-height .6s linear; }

.discussion-form .field-wrapper {
  position: relative;
  padding: 8px 0 8px 24px; }

.discussion-form .count-title {
  position: absolute;
  right: 25px;
  top: 19px; }

.discussion-form .count-body {
  position: absolute;
  right: 25px;
  bottom: 15px; }

.discussion-form .text-count {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85); }
  .discussion-form .text-count:lang(ja), .discussion-form .text-count:lang(zh), .discussion-form .text-count:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .discussion-form .text-count:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .discussion-form .text-count:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .discussion-form .text-count.not-at-threshold {
    display: none; }
  .discussion-form .text-count.is-at-max {
    color: #DD2E1F; }

.discussion-form .field-type-list {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 0px;
  -webkit-transition: height 0.167s linear;
          transition: height 0.167s linear; }

.discussion-form .field-title .a11y-label,
.discussion-form .field-body .a11y-label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.discussion-form .field-body {
  position: relative; }
  .discussion-form .field-body .tt-input {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

.discussion-form .input-title,
.discussion-form .input-body,
.discussion-form .mentions-highlighter {
  width: 100%;
  padding: 8px 64px 8px 0;
  border: 0; }

.discussion-form .input-title {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  height: 40px;
  border-color: transparent; }
  .discussion-form .input-title:lang(ja), .discussion-form .input-title:lang(zh), .discussion-form .input-title:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .discussion-form .input-title:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .discussion-form .input-title:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .discussion-form .input-title.error {
    border-bottom-color: #DD2E1F; }

.discussion-form .mentions-container {
  position: relative; }

.discussion-form .twitter-typeahead {
  float: left;
  width: 100%; }

.discussion-form .input-body {
  position: relative;
  z-index: 1;
  background: transparent;
  font-family: inherit;
  resize: none;
  color: rgba(0, 0, 0, 0.7); }
  .discussion-form .input-body.autosizing {
    overflow: hidden;
    -webkit-transition: height 0.2s ease-out;
            transition: height 0.2s ease-out; }
    .discussion-form .input-body.autosizing.max-size {
      overflow: auto; }

.discussion-form .field-disable-preview {
  display: none;
  border-top: 1px solid #E6E9EC; }
  .discussion-form .field-disable-preview label {
    color: rgba(0, 0, 0, 0.55);
    margin-top: 8px; }
  .discussion-form .field-disable-preview.active {
    display: block; }

.discussion-form .action-submit {
  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;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  float: right; }
  .discussion-form .action-submit > svg, .discussion-form .action-submit li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .discussion-form .action-submit > svg, .discussion-form .action-submit li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .discussion-form .action-submit li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .discussion-form .action-submit:after {
    border-color: #005e93;
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .discussion-form .action-submit, .ie .discussion-form .action-submit {
    border-radius: 0; }
  .discussion-form .action-submit[data-is-animating-click=true], .discussion-form .action-submit:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .discussion-form .action-submit[data-is-animating-click=true]:after, .discussion-form .action-submit:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .discussion-form .action-submit:hover:not(:disabled), .discussion-form .action-submit.hover-not-disabled {
    background-color: #0077b5;
    color: white; }
  .discussion-form .action-submit:disabled, .discussion-form .action-submit.disabled {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0.25; }

.discussion-form .field-actions {
  padding: 0 24px 16px 24px;
  text-align: right;
  clear: both;
  overflow: hidden; }
  .discussion-form .field-actions .error-message {
    overflow: hidden;
    padding: 0 24px 0 0;
    text-align: left; }
  .discussion-form .field-actions .loading-msg {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.7);
    float: left;
    padding: 8px 0 0 0; }
    .discussion-form .field-actions .loading-msg:lang(ja), .discussion-form .field-actions .loading-msg:lang(zh), .discussion-form .field-actions .loading-msg:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .discussion-form .field-actions .loading-msg:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .discussion-form .field-actions .loading-msg:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }

.discussion-form .action-upload {
  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: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0;
  float: left;
  margin-left: -12px; }
  .discussion-form .action-upload > svg, .discussion-form .action-upload li-icon {
    top: 5px;
    height: 24px;
    left: 0;
    margin: -12px 0 0 -4px;
    padding: 0 6px 0 0;
    position: relative;
    width: 24px; }
  .discussion-form .action-upload > svg, .discussion-form .action-upload li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .discussion-form .action-upload li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .discussion-form .action-upload:after {
    border-color: rgba(0, 0, 0, 0.2);
    padding: calc(50% + 18px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .discussion-form .action-upload, .ie .discussion-form .action-upload {
    border-radius: 0; }
  .discussion-form .action-upload[data-is-animating-click=true], .discussion-form .action-upload:hover:not(:disabled)[data-is-animating-click=true] {
    color: rgba(0, 0, 0, 0.85);
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .discussion-form .action-upload[data-is-animating-click=true]:after, .discussion-form .action-upload:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .discussion-form .action-upload:hover:not(:disabled), .discussion-form .action-upload.hover-not-disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.7); }
  .discussion-form .action-upload:disabled, .discussion-form .action-upload.disabled {
    color: rgba(0, 0, 0, 0.25); }
  .discussion-form .action-upload li-icon.icon {
    margin: auto;
    padding: initial;
    position: relative;
    top: 2px; }

.discussion-form .error-message {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  color: #DD2E1F;
  margin: 14px 0 0; }
  .discussion-form .error-message:lang(ja), .discussion-form .error-message:lang(zh), .discussion-form .error-message:lang(ko) {
    font-size: 1.1rem;
    line-height: 1.7rem; }
  .discussion-form .error-message:lang(ar) {
    font-size: 1.3rem;
    line-height: 1.6rem; }
  .discussion-form .error-message:lang(th) {
    font-size: 1.2rem;
    line-height: 1.8rem; }

.discussion-form .twitter-typeahead {
  float: left;
  width: 100%; }
  .discussion-form .twitter-typeahead .tt-suggestion {
    float: left;
    max-width: 100%;
    width: 100%; }
    .discussion-form .twitter-typeahead .tt-suggestion a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:hover, .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:active, .discussion-form .twitter-typeahead .tt-suggestion a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:hover .entity-name, .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:focus .entity-name {
        color: #008CC9; }
      .discussion-form .twitter-typeahead .tt-suggestion a.entity-container:active .entity-name {
        color: #005E93; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40px;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      min-width: 0px;
      border: none;
      width: 44px;
      height: 44px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 40px;
      height: 40px;
      overflow: hidden;
      margin-right: 12px; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-name {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-name:lang(ja), .discussion-form .twitter-typeahead .tt-suggestion .entity-name:lang(zh), .discussion-form .twitter-typeahead .tt-suggestion .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-headline:lang(ja), .discussion-form .twitter-typeahead .tt-suggestion .entity-headline:lang(zh), .discussion-form .twitter-typeahead .tt-suggestion .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-role:lang(ja), .discussion-form .twitter-typeahead .tt-suggestion .entity-role:lang(zh), .discussion-form .twitter-typeahead .tt-suggestion .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-info {
      padding-top: 3px; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .discussion-form .twitter-typeahead .tt-suggestion .entity-badge:before {
        content: '· '; }
    .discussion-form .twitter-typeahead .tt-suggestion .entity-image {
      box-shadow: none; }
  .discussion-form .twitter-typeahead .tt-menu {
    width: calc(100% - 24px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }

.discussion-form.active .discussion-form-header {
  cursor: auto; }

.discussion-form.active .field-title {
  border-bottom: 1px solid #E6E9EC; }

.discussion-form.active .field-type-list {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  overflow: hidden;
  border-bottom: 1px solid #E6E9EC;
  height: 48px;
  margin-left: -24px; }
  .discussion-form.active .field-type-list .field-type-item {
    float: left;
    margin: 0 24px; }
    .discussion-form.active .field-type-list .field-type-item + .field-type-item:before {
      content: "";
      position: absolute;
      height: 24px;
      margin-left: -24px;
      margin-top: 12px;
      border-right: 1px solid #e6e9ec; }
    .discussion-form.active .field-type-list .field-type-item input {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
    .discussion-form.active .field-type-list .field-type-item label {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      margin-top: 0;
      padding: 12px 0;
      cursor: pointer;
      color: rgba(0, 0, 0, 0.55); }
      .discussion-form.active .field-type-list .field-type-item label:lang(ja), .discussion-form.active .field-type-list .field-type-item label:lang(zh), .discussion-form.active .field-type-list .field-type-item label:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .discussion-form.active .field-type-list .field-type-item label:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .discussion-form.active .field-type-list .field-type-item label:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
      .discussion-form.active .field-type-list .field-type-item label:hover, .discussion-form.active .field-type-list .field-type-item label:focus {
        color: rgba(0, 0, 0, 0.7); }
    .discussion-form.active .field-type-list .field-type-item label:before,
    .discussion-form.active .field-type-list .field-type-item label:after {
      display: none; }
    .discussion-form.active .field-type-list .field-type-item input:checked + label {
      color: rgba(0, 160, 220, 0.85); }
    .discussion-form.active .field-type-list .field-type-item .field-type-icon {
      vertical-align: middle;
      margin-right: 12px; }

.discussion-form.active .details-container {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  max-height: 1200px; }

.discussion-form .region-rich-media-preview {
  margin: 8px 24px 8px;
  display: block;
  position: relative;
  float: left; }
  .discussion-form .region-rich-media-preview img {
    max-width: 250px;
    max-height: 150px; }
  .discussion-form .region-rich-media-preview .close-preview {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            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;
    position: absolute;
    top: -16px;
    right: -16px;
    background-color: #FFFFFF;
    border-color: #D0D3D6;
    z-index: 3; }
    .discussion-form .region-rich-media-preview .close-preview > svg, .discussion-form .region-rich-media-preview .close-preview li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .discussion-form .region-rich-media-preview .close-preview > svg, .discussion-form .region-rich-media-preview .close-preview li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .discussion-form .region-rich-media-preview .close-preview li-icon > svg {
      display: block;
      vertical-align: top; }
    .discussion-form .region-rich-media-preview .close-preview:after {
      border-color: rgba(0, 0, 0, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .discussion-form .region-rich-media-preview .close-preview, .ie .discussion-form .region-rich-media-preview .close-preview {
      border-radius: 32px; }
    .discussion-form .region-rich-media-preview .close-preview[data-is-animating-click=true], .discussion-form .region-rich-media-preview .close-preview:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              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); }
      .discussion-form .region-rich-media-preview .close-preview[data-is-animating-click=true]:after, .discussion-form .region-rich-media-preview .close-preview:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .discussion-form .region-rich-media-preview .close-preview:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .discussion-form .region-rich-media-preview .close-preview:hover:not(:disabled), .discussion-form .region-rich-media-preview .close-preview.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; }
    .discussion-form .region-rich-media-preview .close-preview:disabled, .discussion-form .region-rich-media-preview .close-preview.disabled {
      color: rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }
    .discussion-form .region-rich-media-preview .close-preview:hover:not(:disabled) {
      background-color: #FFFFFF; }
    .discussion-form .region-rich-media-preview .close-preview title {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
  .discussion-form .region-rich-media-preview .loading-icon {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    z-index: 2; }
    .discussion-form .region-rich-media-preview .loading-icon .icon {
      width: 100%;
      height: 100%; }
    .discussion-form .region-rich-media-preview .loading-icon svg {
      color: #00A0DC;
      width: 24px;
      height: 24px; }
  .discussion-form .region-rich-media-preview .is-loading .loading-icon {
    clip: auto;
    width: 100%;
    height: 100%;
    position: absolute; }

.region-rich-media-upload input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

.comment-list-view {
  border-top: 1px solid #D0D3D6; }
  .comment-list-view.is-closed .comment-list > li:last-child {
    padding: 16px 24px; }
  .comment-list-view.is-loading .comment-paging {
    opacity: 0.2; }

.comment-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px 24px 0px; }
  .comment-view.is-loading {
    opacity: 0.2; }
  .comment-view .collapsed-message {
    padding: 8px 0;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal; }
    .comment-view .collapsed-message:lang(ja), .comment-view .collapsed-message:lang(zh), .comment-view .collapsed-message:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-view .collapsed-message:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-view .collapsed-message:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .comment-view.has-likers .social-counts {
    display: inline-block; }
  .comment-view.has-likers .social-actions:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    border-right: 1px solid #D0D3D6;
    padding-left: 16px; }

.comment-author {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0px;
  line-height: 0;
  margin-right: 8px; }
  .comment-author .entity-image {
    border: none;
    width: 44px;
    height: 44px;
    margin-right: 2px;
    border-radius: 50%; }

.comment-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0px; }

.comment-body {
  margin: 2px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal; }
  .comment-body:lang(ja), .comment-body:lang(zh), .comment-body:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .comment-body:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .comment-body:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .comment-body:lang(ar) .text {
    display: block; }
  .comment-body .mention {
    white-space: nowrap; }
  .comment-body .name {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.85);
    margin-right: 2px; }
    .comment-body .name:lang(ja), .comment-body .name:lang(zh), .comment-body .name:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-body .name:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-body .name:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .comment-body .name:hover, .comment-body .name:focus {
      color: #008CC9;
      text-decoration: none; }
    .comment-body .name:active, .comment-body .name.is-active {
      color: #005E93;
      text-decoration: none; }
    .comment-body .name:hover, .comment-body .name:focus {
      color: #008CC9; }
  .comment-body .show-more-button {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.85);
    margin-left: 4px; }
    .comment-body .show-more-button:lang(ja), .comment-body .show-more-button:lang(zh), .comment-body .show-more-button:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-body .show-more-button:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-body .show-more-button:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .comment-body .show-more-button:hover, .comment-body .show-more-button:focus {
      color: #008CC9;
      text-decoration: underline; }
    .comment-body .show-more-button:active, .comment-body .show-more-button.is-active {
      color: #005E93;
      text-decoration: none; }

.comment-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .comment-footer .comment-social {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px; }
  .comment-footer .comment-meta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0px; }

.comment-social {
  float: left; }
  .comment-social > li {
    display: inline-block;
    margin-right: 16px; }
  .comment-social .action {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: #008CC9;
    white-space: nowrap; }
    .comment-social .action:lang(ja), .comment-social .action:lang(zh), .comment-social .action:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-social .action:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-social .action:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .comment-social .action:hover, .comment-social .action:focus {
      color: #008CC9;
      text-decoration: underline; }
    .comment-social .action:active, .comment-social .action.is-active {
      color: #005E93;
      text-decoration: none; }
    .comment-social .action:disabled {
      opacity: 0.55;
      color: #008CC9;
      text-decoration: none; }
  .comment-social .social-counts {
    display: none; }
    .comment-social .social-counts .action {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.55);
      margin-left: -4px; }
      .comment-social .social-counts .action:hover, .comment-social .social-counts .action:focus {
        color: #008CC9;
        text-decoration: none; }
      .comment-social .social-counts .action:active, .comment-social .social-counts .action.is-active {
        color: #005E93;
        text-decoration: none; }
      .comment-social .social-counts .action:disabled {
        opacity: 0.55;
        color: rgba(0, 0, 0, 0.55);
        text-decoration: none; }
    .comment-social .social-counts .count {
      vertical-align: middle;
      margin-left: 4px; }
    .comment-social .social-counts .view-likers.is-liked {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.85); }
      .comment-social .social-counts .view-likers.is-liked:hover, .comment-social .social-counts .view-likers.is-liked:focus {
        color: #008CC9;
        text-decoration: underline; }
      .comment-social .social-counts .view-likers.is-liked:active, .comment-social .social-counts .view-likers.is-liked.is-active {
        color: #005E93;
        text-decoration: none; }
  .comment-social .like-toggle:disabled {
    opacity: 0.55; }
  .comment-social .icon {
    vertical-align: middle; }

.comment-manage {
  display: inline-block;
  vertical-align: middle; }
  .comment-manage .menu-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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 16px;
    text-indent: -999px;
    width: 32px; }
    .comment-manage .menu-trigger > svg, .comment-manage .menu-trigger li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .comment-manage .menu-trigger > svg, .comment-manage .menu-trigger li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .comment-manage .menu-trigger li-icon > svg {
      display: block;
      vertical-align: top; }
    .comment-manage .menu-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: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .comment-manage .menu-trigger, .ie .comment-manage .menu-trigger {
      border-radius: 32px; }
    .comment-manage .menu-trigger[data-is-animating-click=true], .comment-manage .menu-trigger:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .comment-manage .menu-trigger[data-is-animating-click=true]:after, .comment-manage .menu-trigger:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .comment-manage .menu-trigger:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .comment-manage .menu-trigger:hover:not(:disabled), .comment-manage .menu-trigger.hover-not-disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.7); }
    .comment-manage .menu-trigger:disabled, .comment-manage .menu-trigger.disabled {
      color: rgba(0, 0, 0, 0.25); }
    .comment-manage .menu-trigger .text {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
  .comment-manage .menu-content {
    right: -10px; }

.comment-timestamp {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  min-width: 24px; }
  .comment-timestamp:lang(ja), .comment-timestamp:lang(zh), .comment-timestamp:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  .comment-timestamp:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .comment-timestamp:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.comment-paging {
  padding: 12px 24px 0; }
  .comment-paging button {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.55); }
    .comment-paging button:lang(ja), .comment-paging button:lang(zh), .comment-paging button:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-paging button:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-paging button:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .comment-paging button:hover, .comment-paging button:focus {
      color: #008CC9;
      text-decoration: underline; }
    .comment-paging button:active, .comment-paging button.is-active {
      color: #005E93;
      text-decoration: none; }
    .comment-paging button:disabled {
      opacity: 0.55;
      color: rgba(0, 0, 0, 0.55);
      text-decoration: none; }

.comment-form-view {
  padding: 12px 16px 12px 24px;
  position: relative;
  cursor: pointer; }
  .comment-form-view .comment-author {
    -webkit-transition: opacity 0.334s;
            transition: opacity 0.334s;
    float: left;
    display: block;
    opacity: 0.55; }
  .comment-form-view .mentions-container {
    position: relative;
    line-height: 0; }
  .comment-form-view.is-active {
    cursor: auto;
    opacity: 1; }
    .comment-form-view.is-active .comment-author {
      opacity: 1; }
    .comment-form-view.is-active .text-count {
      display: block; }
    .comment-form-view.is-active .comment-form .field-actions {
      max-width: 200px;
      padding-left: 16px;
      opacity: 1; }
    .comment-form-view.is-active .input-body {
      border-color: #B6B9BC; }
      .comment-form-view.is-active .input-body:focus:not(:disabled) {
        border-color: #00A0DC; }

.comment-form {
  display: table;
  padding-top: 4px; }
  .comment-form .field-body {
    display: table-cell;
    width: 100%;
    vertical-align: top; }
    .comment-form .field-body .tt-input,
    .comment-form .field-body label {
      position: absolute !important;
      height: 1px;
      width: 1px;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px); }
  .comment-form .input-body {
    position: relative;
    z-index: 1;
    background: transparent;
    font-family: inherit;
    -webkit-transition: border-color 0.2s linear;
            transition: border-color 0.2s linear;
    border: 1px solid transparent; }
  .comment-form .input-body,
  .comment-form .mentions-highlighter {
    resize: none;
    height: 34px;
    line-height: 20px;
    padding: 6px 8px; }
    .comment-form .input-body.error,
    .comment-form .mentions-highlighter.error {
      border-bottom-color: #DD2E1F; }
  .comment-form .mentions-container {
    background-color: #FFFFFF; }
  .comment-form .mentions-highlighter {
    border-color: transparent;
    background-color: transparent;
    width: 100%; }
  .comment-form .error-message {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: normal;
    color: #DD2E1F;
    margin: 0 0 8px 0;
    left: 1px;
    position: relative; }
    .comment-form .error-message:lang(ja), .comment-form .error-message:lang(zh), .comment-form .error-message:lang(ko) {
      font-size: 1.1rem;
      line-height: 1.7rem; }
    .comment-form .error-message:lang(ar) {
      font-size: 1.3rem;
      line-height: 1.6rem; }
    .comment-form .error-message:lang(th) {
      font-size: 1.2rem;
      line-height: 1.8rem; }
  .comment-form .twitter-typeahead {
    float: left;
    width: 100%; }
    .comment-form .twitter-typeahead .tt-suggestion .entity-image {
      box-shadow: none; }
    .comment-form .twitter-typeahead .tt-menu {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .comment-form .field-actions {
    -webkit-transition: max-width 0.334s, padding 0.334s, opacity 0.334s;
            transition: max-width 0.334s, padding 0.334s, opacity 0.334s;
    display: table-cell;
    max-width: 1px;
    opacity: 0;
    padding-left: 0;
    overflow: hidden;
    vertical-align: bottom; }
  .comment-form .action-submit {
    background-color: #008cc9;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    height: 34px;
    white-space: nowrap; }
    .comment-form .action-submit > svg, .comment-form .action-submit li-icon {
      top: 1px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .comment-form .action-submit > svg, .comment-form .action-submit li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .comment-form .action-submit li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .comment-form .action-submit:after {
      border-color: #005e93;
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .comment-form .action-submit, .ie .comment-form .action-submit {
      border-radius: 0; }
    .comment-form .action-submit[data-is-animating-click=true], .comment-form .action-submit:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .comment-form .action-submit[data-is-animating-click=true]:after, .comment-form .action-submit:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .comment-form .action-submit:hover:not(:disabled), .comment-form .action-submit.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .comment-form .action-submit:disabled, .comment-form .action-submit.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }
  .comment-form .text-count {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.85);
    display: none;
    position: absolute;
    right: 25px;
    bottom: 50px; }
    .comment-form .text-count:lang(ja), .comment-form .text-count:lang(zh), .comment-form .text-count:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .comment-form .text-count:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .comment-form .text-count:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .comment-form .text-count.not-at-threshold {
      display: none; }
    .comment-form .text-count.is-at-max {
      color: #DD2E1F; }

.about-module-view .module-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  margin-bottom: 12px; }
  .about-module-view .module-title:lang(ja), .about-module-view .module-title:lang(zh), .about-module-view .module-title:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  .about-module-view .module-title:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  .about-module-view .module-title:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

.about-module-view .description {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.55556;
  word-wrap: break-word; }
  .about-module-view .description:lang(ja), .about-module-view .description:lang(zh), .about-module-view .description:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .about-module-view .description:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .about-module-view .description:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }
  .about-module-view .description .show-more-button {
    background-color: transparent;
    border: none;
    display: inline;
    padding: 0;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.85);
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    margin-left: 4px; }
    .about-module-view .description .show-more-button:hover, .about-module-view .description .show-more-button:focus {
      color: #008CC9;
      text-decoration: underline; }
    .about-module-view .description .show-more-button:active, .about-module-view .description .show-more-button.is-active {
      color: #005E93;
      text-decoration: none; }
    .about-module-view .description .show-more-button:lang(ja), .about-module-view .description .show-more-button:lang(zh), .about-module-view .description .show-more-button:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .about-module-view .description .show-more-button:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .about-module-view .description .show-more-button:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }

.about-module-view .rules-btn {
  background-color: transparent;
  border: none;
  display: inline;
  padding: 0;
  -webkit-transition: color 0.1s;
          transition: color 0.1s;
  text-decoration: none;
  color: #008CC9;
  margin-top: 16px; }
  .about-module-view .rules-btn:hover, .about-module-view .rules-btn:focus {
    color: #008CC9;
    text-decoration: underline; }
  .about-module-view .rules-btn:active, .about-module-view .rules-btn.is-active {
    color: #005E93;
    text-decoration: none; }

.group-rules-content {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 16px; }
  .group-rules-content:lang(ja), .group-rules-content:lang(zh), .group-rules-content:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .group-rules-content:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .group-rules-content:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.members-module-view .region-facepile {
  display: block;
  min-height: 32px; }

.members-module-view .member-facepile-view {
  margin: 0 -5px 0; }
  .members-module-view .member-facepile-view .member-face {
    float: left;
    box-sizing: border-box;
    border: none;
    margin: 0px 5px;
    width: calc(12.5% - 10px);
    position: relative; }
    @media (max-width: 769px) {
      .members-module-view .member-facepile-view .member-face {
        left: 0;
        right: 0; } }
    .members-module-view .member-facepile-view .member-face:hover {
      opacity: 0.7; }
  .members-module-view .member-facepile-view .entity-image {
    border: none;
    width: 36px;
    height: 36px;
    margin-right: 2px;
    border-radius: 50%;
    display: block;
    max-width: 100%;
    overflow: hidden; }
  .members-module-view .member-facepile-view .presence-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0; }
  .members-module-view .member-facepile-view .online {
    background: #7CB82F; }
  .members-module-view .member-facepile-view .idle {
    background: #EFB920; }
  .members-module-view .member-facepile-view .offline {
    background: #D0D3D6; }

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

.js-sticky-sidebar {
  width: auto; }
  .js-sticky-sidebar.stuck {
    -webkit-transition: top 0.2s ease-in-out;
            transition: top 0.2s ease-in-out;
    position: fixed; }
    .js-sticky-sidebar.stuck .members-module {
      margin-top: 0;
      border-top: none; }

.discussion-tab-layout-view .tab-list {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0; }

.tab-list .tab {
  float: left; }
  .tab-list .tab .tab-button {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    background-color: transparent;
    border: none;
    padding: 0 0px 2px 0px;
    margin: 0 12px 6px 0;
    vertical-align: middle; }
    .tab-list .tab .tab-button:lang(ja), .tab-list .tab .tab-button:lang(zh), .tab-list .tab .tab-button:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .tab-list .tab .tab-button:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .tab-list .tab .tab-button:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .tab-list .tab .tab-button.tab-active {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      color: #00A0DC;
      border-bottom: 2px solid #00A0DC; }
      .tab-list .tab .tab-button.tab-active:lang(ja), .tab-list .tab .tab-button.tab-active:lang(zh), .tab-list .tab .tab-button.tab-active:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .tab-list .tab .tab-button.tab-active:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .tab-list .tab .tab-button.tab-active:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .tab-list .tab .tab-button:hover:not(.tab-active), .tab-list .tab .tab-button:focus:not(.tab-active) {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.7); }
      .tab-list .tab .tab-button:hover:not(.tab-active):lang(ja), .tab-list .tab .tab-button:hover:not(.tab-active):lang(zh), .tab-list .tab .tab-button:hover:not(.tab-active):lang(ko), .tab-list .tab .tab-button:focus:not(.tab-active):lang(ja), .tab-list .tab .tab-button:focus:not(.tab-active):lang(zh), .tab-list .tab .tab-button:focus:not(.tab-active):lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .tab-list .tab .tab-button:hover:not(.tab-active):lang(ar), .tab-list .tab .tab-button:focus:not(.tab-active):lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .tab-list .tab .tab-button:hover:not(.tab-active):lang(th), .tab-list .tab .tab-button:focus:not(.tab-active):lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }

.discussion-tab-layout-view.is-loading .discussion-list {
  opacity: 0.2; }

.article-preview-link:hover, .article-preview-link:focus {
  text-decoration: none; }
  .article-preview-link:hover .article-preview, .article-preview-link:focus .article-preview {
    border-color: #B6B9BC; }
  .article-preview-link:hover .article-body .title, .article-preview-link:focus .article-body .title {
    color: #008CC9; }

.article-preview {
  border: 1px solid #E6E9EC;
  display: table;
  width: 100%;
  height: 110px; }
  .article-preview .article-media {
    display: table-cell;
    vertical-align: middle;
    background-color: #FFFFFF;
    height: 110px;
    width: 180px;
    border-right: 1px solid #E6E9EC; }
    .article-preview .article-media .image {
      max-height: 110px;
      max-width: 180px;
      display: block; }
  .article-preview .article-body {
    overflow: hidden;
    max-width: 400px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px; }
    .article-preview .article-body .title {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      line-height: 2.4rem;
      font-weight: normal;
      max-height: 47.99999px;
      display: block;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      color: rgba(0, 0, 0, 0.85);
      line-height: 1.33333; }
      .article-preview .article-body .title:lang(ja), .article-preview .article-body .title:lang(zh), .article-preview .article-body .title:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.6rem;
        font-weight: normal !important; }
      .article-preview .article-body .title:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.4rem; }
      .article-preview .article-body .title:lang(th) {
        font-size: 1.5rem;
        line-height: 2.4rem; }
    .article-preview .article-body .excerpt {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      max-height: 39.99999px;
      display: block;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      margin-top: 4px; }
      .article-preview .article-body .excerpt:lang(ja), .article-preview .article-body .excerpt:lang(zh), .article-preview .article-body .excerpt:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .article-preview .article-body .excerpt:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .article-preview .article-body .excerpt:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }

.article-preview-view {
  position: relative;
  margin: 16px 24px 16px 24px; }
  .article-preview-view.is-loading > .article-preview {
    display: none; }
  .article-preview-view.is-loading .close-preview {
    display: none; }
  .article-preview-view.is-loading li-icon {
    height: 110px; }
  .article-preview-view .close-preview {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            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;
    position: absolute;
    top: -16px;
    right: -16px;
    background-color: #FFFFFF;
    border-color: #D0D3D6; }
    .article-preview-view .close-preview > svg, .article-preview-view .close-preview li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .article-preview-view .close-preview > svg, .article-preview-view .close-preview li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .article-preview-view .close-preview li-icon > svg {
      display: block;
      vertical-align: top; }
    .article-preview-view .close-preview:after {
      border-color: rgba(0, 0, 0, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .article-preview-view .close-preview, .ie .article-preview-view .close-preview {
      border-radius: 32px; }
    .article-preview-view .close-preview[data-is-animating-click=true], .article-preview-view .close-preview:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              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); }
      .article-preview-view .close-preview[data-is-animating-click=true]:after, .article-preview-view .close-preview:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .article-preview-view .close-preview:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .article-preview-view .close-preview:hover:not(:disabled), .article-preview-view .close-preview.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; }
    .article-preview-view .close-preview:disabled, .article-preview-view .close-preview.disabled {
      color: rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }
    .article-preview-view .close-preview:hover:not(:disabled) {
      background-color: #FFFFFF; }

.liker-list-view {
  padding: 16px 24px; }
  .liker-list-view.is-loading > .loading-icon-container .loading-icon {
    height: 80px; }
  .liker-list-view .member-view {
    padding: 16px 0;
    border-bottom: 1px solid #D0D3D6; }
    .liker-list-view .member-view:last-child {
      border-bottom: 0; }
  .liker-list-view .member-entity {
    float: left;
    max-width: 100%;
    float: none; }
    .liker-list-view .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .liker-list-view .member-entity a.entity-container:hover, .liker-list-view .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .liker-list-view .member-entity a.entity-container:active, .liker-list-view .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .liker-list-view .member-entity a.entity-container:hover .entity-name, .liker-list-view .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .liker-list-view .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .liker-list-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .liker-list-view .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40px;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      min-width: 0px;
      border: none;
      width: 44px;
      height: 44px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 40px;
      height: 40px;
      overflow: hidden;
      margin-right: 12px; }
      .liker-list-view .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .liker-list-view .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .liker-list-view .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .liker-list-view .member-entity .entity-name:lang(ja), .liker-list-view .member-entity .entity-name:lang(zh), .liker-list-view .member-entity .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .liker-list-view .member-entity .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .liker-list-view .member-entity .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .liker-list-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .liker-list-view .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .liker-list-view .member-entity .entity-headline:lang(ja), .liker-list-view .member-entity .entity-headline:lang(zh), .liker-list-view .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .liker-list-view .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .liker-list-view .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .liker-list-view .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .liker-list-view .member-entity .entity-role:lang(ja), .liker-list-view .member-entity .entity-role:lang(zh), .liker-list-view .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .liker-list-view .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .liker-list-view .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .liker-list-view .member-entity .entity-info {
      padding-top: 3px; }
    .liker-list-view .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .liker-list-view .member-entity .entity-badge:before {
        content: '· '; }

.main-content .tt-input,
.main-content .tt-hint,
.chrome-modal .tt-input,
.chrome-modal .tt-hint {
  min-width: 150px;
  width: 100%; }

.main-content .tt-menu,
.chrome-modal .tt-menu {
  background: #FFFFFF;
  border: 1px solid #D0D3D6;
  max-height: 200px;
  overflow: auto;
  width: 100%; }
  .main-content .tt-menu .tt-suggestion:last-child,
  .chrome-modal .tt-menu .tt-suggestion:last-child {
    border-bottom: none; }

.main-content .tt-suggestion .member-entity,
.chrome-modal .tt-suggestion .member-entity {
  float: left;
  max-width: 100%;
  float: none; }
  .main-content .tt-suggestion .member-entity a.entity-container,
  .chrome-modal .tt-suggestion .member-entity a.entity-container {
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .main-content .tt-suggestion .member-entity a.entity-container:hover, .main-content .tt-suggestion .member-entity a.entity-container:focus,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:hover,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:focus {
      color: #008CC9;
      text-decoration: none; }
    .main-content .tt-suggestion .member-entity a.entity-container:active, .main-content .tt-suggestion .member-entity a.entity-container.is-active,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:active,
    .chrome-modal .tt-suggestion .member-entity a.entity-container.is-active {
      color: #005E93;
      text-decoration: none; }
    .main-content .tt-suggestion .member-entity a.entity-container:hover .entity-name, .main-content .tt-suggestion .member-entity a.entity-container:focus .entity-name,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:hover .entity-name,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:focus .entity-name {
      color: #008CC9; }
    .main-content .tt-suggestion .member-entity a.entity-container:active .entity-name,
    .chrome-modal .tt-suggestion .member-entity a.entity-container:active .entity-name {
      color: #005E93; }
  .main-content .tt-suggestion .member-entity .entity-container,
  .chrome-modal .tt-suggestion .member-entity .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .main-content .tt-suggestion .member-entity .entity-figure,
  .chrome-modal .tt-suggestion .member-entity .entity-figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    min-width: 0px;
    border: none;
    width: 44px;
    height: 44px;
    margin-right: 2px;
    border-radius: 50%;
    line-height: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 12px; }
    .main-content .tt-suggestion .member-entity .entity-figure .entity-image,
    .chrome-modal .tt-suggestion .member-entity .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .main-content .tt-suggestion .member-entity .entity-info,
  .chrome-modal .tt-suggestion .member-entity .entity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; }
  .main-content .tt-suggestion .member-entity .entity-name,
  .chrome-modal .tt-suggestion .member-entity .entity-name {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85); }
    .main-content .tt-suggestion .member-entity .entity-name:lang(ja), .main-content .tt-suggestion .member-entity .entity-name:lang(zh), .main-content .tt-suggestion .member-entity .entity-name:lang(ko),
    .chrome-modal .tt-suggestion .member-entity .entity-name:lang(ja),
    .chrome-modal .tt-suggestion .member-entity .entity-name:lang(zh),
    .chrome-modal .tt-suggestion .member-entity .entity-name:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .main-content .tt-suggestion .member-entity .entity-name:lang(ar),
    .chrome-modal .tt-suggestion .member-entity .entity-name:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .main-content .tt-suggestion .member-entity .entity-name:lang(th),
    .chrome-modal .tt-suggestion .member-entity .entity-name:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .main-content .tt-suggestion .member-entity .entity-container,
  .chrome-modal .tt-suggestion .member-entity .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .main-content .tt-suggestion .member-entity .entity-headline,
  .chrome-modal .tt-suggestion .member-entity .entity-headline {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.55);
    margin-top: 2px; }
    .main-content .tt-suggestion .member-entity .entity-headline:lang(ja), .main-content .tt-suggestion .member-entity .entity-headline:lang(zh), .main-content .tt-suggestion .member-entity .entity-headline:lang(ko),
    .chrome-modal .tt-suggestion .member-entity .entity-headline:lang(ja),
    .chrome-modal .tt-suggestion .member-entity .entity-headline:lang(zh),
    .chrome-modal .tt-suggestion .member-entity .entity-headline:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .main-content .tt-suggestion .member-entity .entity-headline:lang(ar),
    .chrome-modal .tt-suggestion .member-entity .entity-headline:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .main-content .tt-suggestion .member-entity .entity-headline:lang(th),
    .chrome-modal .tt-suggestion .member-entity .entity-headline:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .main-content .tt-suggestion .member-entity .entity-role,
  .chrome-modal .tt-suggestion .member-entity .entity-role {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem; }
    .main-content .tt-suggestion .member-entity .entity-role:lang(ja), .main-content .tt-suggestion .member-entity .entity-role:lang(zh), .main-content .tt-suggestion .member-entity .entity-role:lang(ko),
    .chrome-modal .tt-suggestion .member-entity .entity-role:lang(ja),
    .chrome-modal .tt-suggestion .member-entity .entity-role:lang(zh),
    .chrome-modal .tt-suggestion .member-entity .entity-role:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem; }
    .main-content .tt-suggestion .member-entity .entity-role:lang(ar),
    .chrome-modal .tt-suggestion .member-entity .entity-role:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .main-content .tt-suggestion .member-entity .entity-role:lang(th),
    .chrome-modal .tt-suggestion .member-entity .entity-role:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .main-content .tt-suggestion .member-entity .entity-info,
  .chrome-modal .tt-suggestion .member-entity .entity-info {
    padding-top: 3px; }
  .main-content .tt-suggestion .member-entity .entity-badge,
  .chrome-modal .tt-suggestion .member-entity .entity-badge {
    color: rgba(0, 0, 0, 0.55);
    /* Defaults ($size == x-small) */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.33333;
    border-radius: 2px;
    display: inline-block;
    padding: 4px 8px;
    line-height: 1;
    vertical-align: baseline; }
    .main-content .tt-suggestion .member-entity .entity-badge:before,
    .chrome-modal .tt-suggestion .member-entity .entity-badge:before {
      content: '· '; }

.main-content .tt-suggestion,
.main-content .tt-empty,
.chrome-modal .tt-suggestion,
.chrome-modal .tt-empty {
  padding: 16px; }
  .main-content .tt-suggestion p,
  .main-content .tt-empty p,
  .chrome-modal .tt-suggestion p,
  .chrome-modal .tt-empty p {
    color: inherit;
    text-decoration: none; }
  .main-content .tt-suggestion:hover,
  .main-content .tt-empty:hover,
  .chrome-modal .tt-suggestion:hover,
  .chrome-modal .tt-empty:hover {
    cursor: pointer;
    background-color: #EDF0F3; }

.tt-suggestion .main-content .tt-suggestion, .tt-suggestion
.chrome-modal .tt-suggestion {
  border-bottom: 1px solid #D0D3D6; }

.main-content .tt-menu:not(:hover) .tt-cursor,
.main-content .tt-suggestion:hover,
.chrome-modal .tt-menu:not(:hover) .tt-cursor,
.chrome-modal .tt-suggestion:hover {
  background: #EDF0F3; }

.main-content .tt-highlight,
.chrome-modal .tt-highlight {
  font-weight: inherit;
  color: #000000; }

.main-content .mentions-highlighter,
.chrome-modal .mentions-highlighter {
  position: absolute;
  background-color: transparent;
  margin-bottom: 0;
  overflow: hidden;
  border-color: transparent;
  color: transparent; }
  .main-content .mentions-highlighter .highlight,
  .chrome-modal .mentions-highlighter .highlight {
    background-color: #E6E9EC;
    padding: 1px;
    margin: -1px;
    border-radius: 1px; }

.highlights-end-view {
  margin-top: 40px;
  text-align: center; }
  .highlights-end-view .highlights-end {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.7); }
    .highlights-end-view .highlights-end:lang(ja), .highlights-end-view .highlights-end:lang(zh), .highlights-end-view .highlights-end:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.6rem;
      font-weight: normal !important; }
    .highlights-end-view .highlights-end:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .highlights-end-view .highlights-end:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }

.active-groups-module-view .active-groups-list > li + li {
  margin-top: 16px; }

.active-groups-module-view .active-groups-list .group-entity {
  float: left;
  max-width: 100%; }
  .active-groups-module-view .active-groups-list .group-entity a.entity-container {
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .active-groups-module-view .active-groups-list .group-entity a.entity-container:hover, .active-groups-module-view .active-groups-list .group-entity a.entity-container:focus {
      color: #008CC9;
      text-decoration: none; }
    .active-groups-module-view .active-groups-list .group-entity a.entity-container:active, .active-groups-module-view .active-groups-list .group-entity a.entity-container.is-active {
      color: #005E93;
      text-decoration: none; }
    .active-groups-module-view .active-groups-list .group-entity a.entity-container:hover .entity-name, .active-groups-module-view .active-groups-list .group-entity a.entity-container:focus .entity-name {
      color: #008CC9; }
    .active-groups-module-view .active-groups-list .group-entity a.entity-container:active .entity-name {
      color: #005E93; }
  .active-groups-module-view .active-groups-list .group-entity .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .active-groups-module-view .active-groups-list .group-entity .entity-figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    min-width: 0px;
    border: none;
    width: small;
    height: small;
    margin-right: 2px;
    border-radius: 0;
    line-height: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-right: 12px; }
    .active-groups-module-view .active-groups-list .group-entity .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .active-groups-module-view .active-groups-list .group-entity .entity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; }
  .active-groups-module-view .active-groups-list .group-entity .entity-name {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85); }
    .active-groups-module-view .active-groups-list .group-entity .entity-name:lang(ja), .active-groups-module-view .active-groups-list .group-entity .entity-name:lang(zh), .active-groups-module-view .active-groups-list .group-entity .entity-name:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .active-groups-module-view .active-groups-list .group-entity .entity-name:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .active-groups-module-view .active-groups-list .group-entity .entity-name:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .active-groups-module-view .active-groups-list .group-entity .entity-figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #FFFFFF;
    background-color: #EDF0F3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.active-groups-module-view .active-groups-list .entity-meta {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  margin-top: 2px; }
  .active-groups-module-view .active-groups-list .entity-meta:lang(ja), .active-groups-module-view .active-groups-list .entity-meta:lang(zh), .active-groups-module-view .active-groups-list .entity-meta:lang(ko) {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: normal !important; }
  .active-groups-module-view .active-groups-list .entity-meta:lang(ar) {
    font-size: 1.5rem;
    line-height: 2rem; }
  .active-groups-module-view .active-groups-list .entity-meta:lang(th) {
    font-size: 1.3rem;
    line-height: 2rem; }

.active-groups-module-view .active-groups-list .group-entity-placeholder {
  float: left;
  max-width: 100%;
  width: 60%;
  line-height: 32px; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container {
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:hover, .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:focus {
      color: #008CC9;
      text-decoration: none; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:active, .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container.is-active {
      color: #005E93;
      text-decoration: none; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:hover .entity-name, .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:focus .entity-name {
      color: #008CC9; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder a.entity-container:active .entity-name {
      color: #005E93; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
        -ms-flex: 0 0 48px;
            flex: 0 0 48px;
    min-width: 0px;
    border: none;
    width: 48px;
    height: 48px;
    margin-right: 2px;
    border-radius: 2px;
    line-height: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-right: 12px; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85); }
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name:lang(ja), .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name:lang(zh), .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-figure {
    background-color: #D0D3D6; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-info {
    padding-top: 8px;
    height: 40px;
    width: 100%; }
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name,
  .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-meta {
    background-color: #D0D3D6;
    height: 6px;
    border-radius: 2px;
    margin-bottom: 8px; }
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-name.partial-fill,
    .active-groups-module-view .active-groups-list .group-entity-placeholder .entity-meta.partial-fill {
      width: 60%; }

.active-groups-module-view .active-groups-list .group-entity,
.active-groups-module-view .active-groups-list .group-entity-placeholder {
  float: none;
  display: block; }

.active-groups-module-view .discover-btn {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          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;
  width: 100%;
  margin-top: 16px; }
  .active-groups-module-view .discover-btn > svg, .active-groups-module-view .discover-btn li-icon {
    top: 1px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .active-groups-module-view .discover-btn > svg, .active-groups-module-view .discover-btn li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .active-groups-module-view .discover-btn li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .active-groups-module-view .discover-btn:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .active-groups-module-view .discover-btn, .ie .active-groups-module-view .discover-btn {
    border-radius: 0; }
  .active-groups-module-view .discover-btn[data-is-animating-click=true], .active-groups-module-view .discover-btn:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            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; }
    .active-groups-module-view .discover-btn[data-is-animating-click=true]:after, .active-groups-module-view .discover-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .active-groups-module-view .discover-btn:hover:not(:disabled), .active-groups-module-view .discover-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; }
  .active-groups-module-view .discover-btn:disabled, .active-groups-module-view .discover-btn.disabled {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.community-list a {
  display: block;
  padding: 16px 0; }

.community-list .entity-image {
  border: none;
  width: 64px;
  height: 64px;
  margin-right: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 16px; }

.member-invite-view .invitees {
  margin: 16px; }
  .member-invite-view .invitees li {
    color: rgba(0, 0, 0, 0.55);
    /* Defaults ($size == x-small) */
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    background: #F0F3F6;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    border-radius: 1em;
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    margin-right: 2px;
    min-height: 32px;
    padding: 3px 27px 4px 14px;
    position: relative; }
    .member-invite-view .invitees li .dismiss {
      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: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      border-radius: 12px;
      text-indent: -999px;
      width: 24px;
      color: rgba(0, 0, 0, 0.55);
      height: 24px;
      position: absolute;
      right: 2px;
      top: 3px;
      width: 24px; }
      .member-invite-view .invitees li .dismiss > svg, .member-invite-view .invitees li .dismiss li-icon {
        top: calc(50% + 4px);
        height: 16px;
        left: calc(50% + 4px);
        margin: -12px 0 0 -12px;
        padding: 0;
        position: absolute;
        width: 16px; }
      .member-invite-view .invitees li .dismiss > svg, .member-invite-view .invitees li .dismiss li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .member-invite-view .invitees li .dismiss li-icon > svg {
        display: block;
        vertical-align: top; }
      .member-invite-view .invitees li .dismiss:after {
        border-color: rgba(255, 255, 255, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .member-invite-view .invitees li .dismiss, .ie .member-invite-view .invitees li .dismiss {
        border-radius: 24px; }
      .member-invite-view .invitees li .dismiss[data-is-animating-click=true], .member-invite-view .invitees li .dismiss:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .member-invite-view .invitees li .dismiss[data-is-animating-click=true]:after, .member-invite-view .invitees li .dismiss:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .member-invite-view .invitees li .dismiss:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .member-invite-view .invitees li .dismiss:hover:not(:disabled), .member-invite-view .invitees li .dismiss.hover-not-disabled {
        background-color: rgba(255, 255, 255, 0.1);
        color: white; }
      .member-invite-view .invitees li .dismiss:disabled, .member-invite-view .invitees li .dismiss.disabled {
        color: rgba(255, 255, 255, 0.25); }
      .member-invite-view .invitees li .dismiss:not(:disabled):hover, .member-invite-view .invitees li .dismiss:not(:disabled):focus {
        color: rgba(0, 0, 0, 0.7); }

.member-invite-view .error-message {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  color: #DD2E1F;
  margin: 0 16px 8px; }
  .member-invite-view .error-message:lang(ja), .member-invite-view .error-message:lang(zh), .member-invite-view .error-message:lang(ko) {
    font-size: 1.1rem;
    line-height: 1.7rem; }
  .member-invite-view .error-message:lang(ar) {
    font-size: 1.3rem;
    line-height: 1.6rem; }
  .member-invite-view .error-message:lang(th) {
    font-size: 1.2rem;
    line-height: 1.8rem; }

.member-invite-view .member-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .member-invite-view .member-block .member-entity {
    float: left;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px; }
    .member-invite-view .member-block .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .member-invite-view .member-block .member-entity a.entity-container:hover, .member-invite-view .member-block .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .member-invite-view .member-block .member-entity a.entity-container:active, .member-invite-view .member-block .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .member-invite-view .member-block .member-entity a.entity-container:hover .entity-name, .member-invite-view .member-block .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .member-invite-view .member-block .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .member-invite-view .member-block .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .member-invite-view .member-block .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40px;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      min-width: 0px;
      border: none;
      width: 44px;
      height: 44px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 40px;
      height: 40px;
      overflow: hidden;
      margin-right: 12px; }
      .member-invite-view .member-block .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .member-invite-view .member-block .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .member-invite-view .member-block .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .member-invite-view .member-block .member-entity .entity-name:lang(ja), .member-invite-view .member-block .member-entity .entity-name:lang(zh), .member-invite-view .member-block .member-entity .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .member-invite-view .member-block .member-entity .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .member-invite-view .member-block .member-entity .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .member-invite-view .member-block .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .member-invite-view .member-block .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .member-invite-view .member-block .member-entity .entity-headline:lang(ja), .member-invite-view .member-block .member-entity .entity-headline:lang(zh), .member-invite-view .member-block .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .member-invite-view .member-block .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .member-invite-view .member-block .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .member-invite-view .member-block .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .member-invite-view .member-block .member-entity .entity-role:lang(ja), .member-invite-view .member-block .member-entity .entity-role:lang(zh), .member-invite-view .member-block .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .member-invite-view .member-block .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .member-invite-view .member-block .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .member-invite-view .member-block .member-entity .entity-info {
      padding-top: 3px; }
    .member-invite-view .member-block .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .member-invite-view .member-block .member-entity .entity-badge:before {
        content: '· '; }
  .member-invite-view .member-block.is-member, .member-invite-view .member-block.is-invited {
    opacity: 0.55;
    background-color: transparent;
    cursor: default; }
  .member-invite-view .member-block.is-invited .member-status {
    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: 24px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 12px;
    text-indent: -999px;
    width: 24px; }
    .member-invite-view .member-block.is-invited .member-status > svg, .member-invite-view .member-block.is-invited .member-status li-icon {
      top: calc(50% + 4px);
      height: 16px;
      left: calc(50% + 4px);
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 16px; }
    .member-invite-view .member-block.is-invited .member-status > svg, .member-invite-view .member-block.is-invited .member-status li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .member-invite-view .member-block.is-invited .member-status li-icon > svg {
      display: block;
      vertical-align: top; }
    .member-invite-view .member-block.is-invited .member-status:after {
      border-color: #005e93;
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .member-invite-view .member-block.is-invited .member-status, .ie .member-invite-view .member-block.is-invited .member-status {
      border-radius: 24px; }
    .member-invite-view .member-block.is-invited .member-status[data-is-animating-click=true], .member-invite-view .member-block.is-invited .member-status:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .member-invite-view .member-block.is-invited .member-status[data-is-animating-click=true]:after, .member-invite-view .member-block.is-invited .member-status:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .member-invite-view .member-block.is-invited .member-status:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .member-invite-view .member-block.is-invited .member-status:hover:not(:disabled), .member-invite-view .member-block.is-invited .member-status.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .member-invite-view .member-block.is-invited .member-status:disabled, .member-invite-view .member-block.is-invited .member-status.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }
  .member-invite-view .member-block .member-status {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 0px;
    margin-left: 24px;
    margin-right: 8px;
    white-space: nowrap; }
    .member-invite-view .member-block .member-status .icon,
    .member-invite-view .member-block .member-status .text {
      margin-left: 4px;
      display: inline-block;
      vertical-align: middle; }

.member-invite-view .member-input {
  display: inline-block;
  background: transparent;
  width: calc(100% - 32px);
  margin: 0 16px 16px; }

.member-invite-view .twitter-typeahead {
  float: left;
  width: 100%; }
  .member-invite-view .twitter-typeahead .tt-menu {
    float: left;
    clear: both;
    max-height: 400px;
    width: 100%;
    border: none;
    display: block !important;
    position: relative !important;
    overflow: auto; }
    .member-invite-view .twitter-typeahead .tt-menu .tt-header {
      padding: 16px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.55); }
      .member-invite-view .twitter-typeahead .tt-menu .tt-header:lang(ja), .member-invite-view .twitter-typeahead .tt-menu .tt-header:lang(zh), .member-invite-view .twitter-typeahead .tt-menu .tt-header:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .member-invite-view .twitter-typeahead .tt-menu .tt-header:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .member-invite-view .twitter-typeahead .tt-menu .tt-header:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .member-invite-view .twitter-typeahead .tt-menu.tt-empty {
      padding: 0; }

.member-list-view,
.manage-members-list-view {
  position: relative;
  padding-bottom: 96px; }
  .member-list-view > .loading-icon,
  .manage-members-list-view > .loading-icon {
    position: absolute;
    width: 100%; }
  .member-list-view .tab-region,
  .manage-members-list-view .tab-region {
    background-color: #FFFFFF;
    border: 1px solid #D0D3D6; }
  .member-list-view .member-list > li + li,
  .manage-members-list-view .member-list > li + li {
    border-top: 1px solid #E6E9EC; }
  .member-list-view .member-view,
  .manage-members-list-view .member-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: background-color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out;
    background-color: #FFFFFF;
    padding: 16px 24px; }
    .member-list-view .member-view .member-block,
    .manage-members-list-view .member-view .member-block {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      width: 100%; }
    .member-list-view .member-view .member-entity,
    .manage-members-list-view .member-view .member-entity {
      float: left;
      max-width: 100%; }
      .member-list-view .member-view .member-entity a.entity-container,
      .manage-members-list-view .member-view .member-entity a.entity-container {
        -webkit-transition: color 0.1s;
                transition: color 0.1s;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.7); }
        .member-list-view .member-view .member-entity a.entity-container:hover, .member-list-view .member-view .member-entity a.entity-container:focus,
        .manage-members-list-view .member-view .member-entity a.entity-container:hover,
        .manage-members-list-view .member-view .member-entity a.entity-container:focus {
          color: #008CC9;
          text-decoration: none; }
        .member-list-view .member-view .member-entity a.entity-container:active, .member-list-view .member-view .member-entity a.entity-container.is-active,
        .manage-members-list-view .member-view .member-entity a.entity-container:active,
        .manage-members-list-view .member-view .member-entity a.entity-container.is-active {
          color: #005E93;
          text-decoration: none; }
        .member-list-view .member-view .member-entity a.entity-container:hover .entity-name, .member-list-view .member-view .member-entity a.entity-container:focus .entity-name,
        .manage-members-list-view .member-view .member-entity a.entity-container:hover .entity-name,
        .manage-members-list-view .member-view .member-entity a.entity-container:focus .entity-name {
          color: #008CC9; }
        .member-list-view .member-view .member-entity a.entity-container:active .entity-name,
        .manage-members-list-view .member-view .member-entity a.entity-container:active .entity-name {
          color: #005E93; }
      .member-list-view .member-view .member-entity .entity-container,
      .manage-members-list-view .member-view .member-entity .entity-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .member-list-view .member-view .member-entity .entity-figure,
      .manage-members-list-view .member-view .member-entity .entity-figure {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
            -ms-flex: 0 0 40px;
                flex: 0 0 40px;
        min-width: 0px;
        border: none;
        width: 44px;
        height: 44px;
        margin-right: 2px;
        border-radius: 50%;
        line-height: 0;
        width: 40px;
        height: 40px;
        overflow: hidden;
        margin-right: 12px; }
        .member-list-view .member-view .member-entity .entity-figure .entity-image,
        .manage-members-list-view .member-view .member-entity .entity-figure .entity-image {
          width: 100%;
          height: auto; }
      .member-list-view .member-view .member-entity .entity-info,
      .manage-members-list-view .member-view .member-entity .entity-info {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        min-width: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden; }
      .member-list-view .member-view .member-entity .entity-name,
      .manage-members-list-view .member-view .member-entity .entity-name {
        color: rgba(0, 0, 0, 0.55);
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.85); }
        .member-list-view .member-view .member-entity .entity-name:lang(ja), .member-list-view .member-view .member-entity .entity-name:lang(zh), .member-list-view .member-view .member-entity .entity-name:lang(ko),
        .manage-members-list-view .member-view .member-entity .entity-name:lang(ja),
        .manage-members-list-view .member-view .member-entity .entity-name:lang(zh),
        .manage-members-list-view .member-view .member-entity .entity-name:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-weight: normal !important; }
        .member-list-view .member-view .member-entity .entity-name:lang(ar),
        .manage-members-list-view .member-view .member-entity .entity-name:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .member-list-view .member-view .member-entity .entity-name:lang(th),
        .manage-members-list-view .member-view .member-entity .entity-name:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
      .member-list-view .member-view .member-entity .entity-container,
      .manage-members-list-view .member-view .member-entity .entity-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .member-list-view .member-view .member-entity .entity-headline,
      .manage-members-list-view .member-view .member-entity .entity-headline {
        color: rgba(0, 0, 0, 0.55);
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgba(0, 0, 0, 0.55);
        margin-top: 2px; }
        .member-list-view .member-view .member-entity .entity-headline:lang(ja), .member-list-view .member-view .member-entity .entity-headline:lang(zh), .member-list-view .member-view .member-entity .entity-headline:lang(ko),
        .manage-members-list-view .member-view .member-entity .entity-headline:lang(ja),
        .manage-members-list-view .member-view .member-entity .entity-headline:lang(zh),
        .manage-members-list-view .member-view .member-entity .entity-headline:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem;
          font-weight: normal !important; }
        .member-list-view .member-view .member-entity .entity-headline:lang(ar),
        .manage-members-list-view .member-view .member-entity .entity-headline:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .member-list-view .member-view .member-entity .entity-headline:lang(th),
        .manage-members-list-view .member-view .member-entity .entity-headline:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
      .member-list-view .member-view .member-entity .entity-role,
      .manage-members-list-view .member-view .member-entity .entity-role {
        color: rgba(0, 0, 0, 0.85);
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem; }
        .member-list-view .member-view .member-entity .entity-role:lang(ja), .member-list-view .member-view .member-entity .entity-role:lang(zh), .member-list-view .member-view .member-entity .entity-role:lang(ko),
        .manage-members-list-view .member-view .member-entity .entity-role:lang(ja),
        .manage-members-list-view .member-view .member-entity .entity-role:lang(zh),
        .manage-members-list-view .member-view .member-entity .entity-role:lang(ko) {
          font-size: 1.4rem;
          line-height: 2.2rem; }
        .member-list-view .member-view .member-entity .entity-role:lang(ar),
        .manage-members-list-view .member-view .member-entity .entity-role:lang(ar) {
          font-size: 1.5rem;
          line-height: 2rem; }
        .member-list-view .member-view .member-entity .entity-role:lang(th),
        .manage-members-list-view .member-view .member-entity .entity-role:lang(th) {
          font-size: 1.3rem;
          line-height: 2rem; }
      .member-list-view .member-view .member-entity .entity-info,
      .manage-members-list-view .member-view .member-entity .entity-info {
        padding-top: 3px; }
      .member-list-view .member-view .member-entity .entity-badge,
      .manage-members-list-view .member-view .member-entity .entity-badge {
        color: rgba(0, 0, 0, 0.55);
        /* Defaults ($size == x-small) */
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.33333;
        border-radius: 2px;
        display: inline-block;
        padding: 4px 8px;
        line-height: 1;
        vertical-align: baseline; }
        .member-list-view .member-view .member-entity .entity-badge:before,
        .manage-members-list-view .member-view .member-entity .entity-badge:before {
          content: '· '; }
    .member-list-view .member-view .member-actions,
    .manage-members-list-view .member-view .member-actions {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      min-width: 0px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition: opacity 0.1s ease-in-out;
              transition: opacity 0.1s ease-in-out;
      opacity: 0;
      white-space: nowrap;
      margin-left: 32px;
      text-align: right; }
      .member-list-view .member-view .member-actions .action-btn,
      .member-list-view .member-view .member-actions .message-member,
      .manage-members-list-view .member-view .member-actions .action-btn,
      .manage-members-list-view .member-view .member-actions .message-member {
        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: 40px;
        line-height: 40px;
        overflow: hidden;
        padding: 0 12px;
        position: relative;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 167ms;
                transition-duration: 167ms;
        -webkit-transition-property: background-color, box-shadow, color;
                transition-property: background-color, box-shadow, color;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        vertical-align: middle;
        z-index: 0;
        z-index: inherit; }
        .member-list-view .member-view .member-actions .action-btn > svg, .member-list-view .member-view .member-actions .action-btn li-icon,
        .member-list-view .member-view .member-actions .message-member > svg,
        .member-list-view .member-view .member-actions .message-member li-icon,
        .manage-members-list-view .member-view .member-actions .action-btn > svg,
        .manage-members-list-view .member-view .member-actions .action-btn li-icon,
        .manage-members-list-view .member-view .member-actions .message-member > svg,
        .manage-members-list-view .member-view .member-actions .message-member li-icon {
          top: 5px;
          height: 24px;
          left: 0;
          margin: -12px 0 0 -4px;
          padding: 0 6px 0 0;
          position: relative;
          width: 24px; }
        .member-list-view .member-view .member-actions .action-btn > svg, .member-list-view .member-view .member-actions .action-btn li-icon > svg,
        .member-list-view .member-view .member-actions .message-member > svg,
        .member-list-view .member-view .member-actions .message-member li-icon > svg,
        .manage-members-list-view .member-view .member-actions .action-btn > svg,
        .manage-members-list-view .member-view .member-actions .action-btn li-icon > svg,
        .manage-members-list-view .member-view .member-actions .message-member > svg,
        .manage-members-list-view .member-view .member-actions .message-member li-icon > svg {
          -webkit-transition: -webkit-transform 167ms;
                  transition: transform 167ms;
          -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
        .member-list-view .member-view .member-actions .action-btn li-icon > svg,
        .member-list-view .member-view .member-actions .message-member li-icon > svg,
        .manage-members-list-view .member-view .member-actions .action-btn li-icon > svg,
        .manage-members-list-view .member-view .member-actions .message-member li-icon > svg {
          display: inline-block;
          vertical-align: top; }
        .member-list-view .member-view .member-actions .action-btn:after,
        .member-list-view .member-view .member-actions .message-member:after,
        .manage-members-list-view .member-view .member-actions .action-btn:after,
        .manage-members-list-view .member-view .member-actions .message-member:after {
          border-color: rgba(0, 0, 0, 0.2);
          padding: calc(50% + 18px);
          background-color: transparent;
          border-radius: 50%;
          border-style: solid;
          border-width: 1000px;
          content: "";
          height: 0;
          left: 50%;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: padding 334ms;
                  transition: padding 334ms;
          -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          width: 0;
          z-index: -1; }
        .edge .member-list-view .member-view .member-actions .action-btn, .ie .member-list-view .member-view .member-actions .action-btn, .edge
        .member-list-view .member-view .member-actions .message-member, .ie
        .member-list-view .member-view .member-actions .message-member, .edge
        .manage-members-list-view .member-view .member-actions .action-btn, .ie
        .manage-members-list-view .member-view .member-actions .action-btn, .edge
        .manage-members-list-view .member-view .member-actions .message-member, .ie
        .manage-members-list-view .member-view .member-actions .message-member {
          border-radius: 0; }
        .member-list-view .member-view .member-actions .action-btn[data-is-animating-click=true], .member-list-view .member-view .member-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true],
        .member-list-view .member-view .member-actions .message-member[data-is-animating-click=true],
        .member-list-view .member-view .member-actions .message-member:hover:not(:disabled)[data-is-animating-click=true],
        .manage-members-list-view .member-view .member-actions .action-btn[data-is-animating-click=true],
        .manage-members-list-view .member-view .member-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true],
        .manage-members-list-view .member-view .member-actions .message-member[data-is-animating-click=true],
        .manage-members-list-view .member-view .member-actions .message-member:hover:not(:disabled)[data-is-animating-click=true] {
          color: rgba(0, 0, 0, 0.85);
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms;
          -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
          .member-list-view .member-view .member-actions .action-btn[data-is-animating-click=true]:after, .member-list-view .member-view .member-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true]:after,
          .member-list-view .member-view .member-actions .message-member[data-is-animating-click=true]:after,
          .member-list-view .member-view .member-actions .message-member:hover:not(:disabled)[data-is-animating-click=true]:after,
          .manage-members-list-view .member-view .member-actions .action-btn[data-is-animating-click=true]:after,
          .manage-members-list-view .member-view .member-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true]:after,
          .manage-members-list-view .member-view .member-actions .message-member[data-is-animating-click=true]:after,
          .manage-members-list-view .member-view .member-actions .message-member:hover:not(:disabled)[data-is-animating-click=true]:after {
            padding: 0;
            -webkit-transition-duration: 140ms;
                    transition-duration: 140ms; }
        .member-list-view .member-view .member-actions .action-btn:hover:not(:disabled), .member-list-view .member-view .member-actions .action-btn.hover-not-disabled,
        .member-list-view .member-view .member-actions .message-member:hover:not(:disabled),
        .member-list-view .member-view .member-actions .message-member.hover-not-disabled,
        .manage-members-list-view .member-view .member-actions .action-btn:hover:not(:disabled),
        .manage-members-list-view .member-view .member-actions .action-btn.hover-not-disabled,
        .manage-members-list-view .member-view .member-actions .message-member:hover:not(:disabled),
        .manage-members-list-view .member-view .member-actions .message-member.hover-not-disabled {
          background-color: rgba(0, 0, 0, 0.1);
          color: rgba(0, 0, 0, 0.7); }
        .member-list-view .member-view .member-actions .action-btn:disabled, .member-list-view .member-view .member-actions .action-btn.disabled,
        .member-list-view .member-view .member-actions .message-member:disabled,
        .member-list-view .member-view .member-actions .message-member.disabled,
        .manage-members-list-view .member-view .member-actions .action-btn:disabled,
        .manage-members-list-view .member-view .member-actions .action-btn.disabled,
        .manage-members-list-view .member-view .member-actions .message-member:disabled,
        .manage-members-list-view .member-view .member-actions .message-member.disabled {
          color: rgba(0, 0, 0, 0.25); }
        .member-list-view .member-view .member-actions .action-btn li-icon.icon,
        .member-list-view .member-view .member-actions .message-member li-icon.icon,
        .manage-members-list-view .member-view .member-actions .action-btn li-icon.icon,
        .manage-members-list-view .member-view .member-actions .message-member li-icon.icon {
          margin: auto;
          padding: initial; }
    .member-list-view .member-view .menu-content,
    .manage-members-list-view .member-view .menu-content {
      right: -2px; }
    .member-list-view .member-view.is-active,
    .manage-members-list-view .member-view.is-active {
      background-color: #F6F8FA; }
      .member-list-view .member-view.is-active .member-actions,
      .manage-members-list-view .member-view.is-active .member-actions {
        opacity: 1; }
    .member-list-view .member-view.is-loading,
    .manage-members-list-view .member-view.is-loading {
      opacity: 0.55; }
  .member-list-view .pending-member-view .member-actions,
  .manage-members-list-view .pending-member-view .member-actions {
    opacity: 1;
    -webkit-transition: none;
            transition: none; }
    .member-list-view .pending-member-view .member-actions button + button,
    .manage-members-list-view .pending-member-view .member-actions button + button {
      margin-left: 8px; }
    .member-list-view .pending-member-view .member-actions .member-accept,
    .manage-members-list-view .pending-member-view .member-actions .member-accept {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0; }
      .member-list-view .pending-member-view .member-actions .member-accept > svg, .member-list-view .pending-member-view .member-actions .member-accept li-icon,
      .manage-members-list-view .pending-member-view .member-actions .member-accept > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-accept li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .member-list-view .pending-member-view .member-actions .member-accept > svg, .member-list-view .pending-member-view .member-actions .member-accept li-icon > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-accept > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-accept li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .member-list-view .pending-member-view .member-actions .member-accept li-icon > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-accept li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .member-list-view .pending-member-view .member-actions .member-accept:after,
      .manage-members-list-view .pending-member-view .member-actions .member-accept:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .member-list-view .pending-member-view .member-actions .member-accept, .ie .member-list-view .pending-member-view .member-actions .member-accept, .edge
      .manage-members-list-view .pending-member-view .member-actions .member-accept, .ie
      .manage-members-list-view .pending-member-view .member-actions .member-accept {
        border-radius: 0; }
      .member-list-view .pending-member-view .member-actions .member-accept[data-is-animating-click=true], .member-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled)[data-is-animating-click=true],
      .manage-members-list-view .pending-member-view .member-actions .member-accept[data-is-animating-click=true],
      .manage-members-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .member-list-view .pending-member-view .member-actions .member-accept[data-is-animating-click=true]:after, .member-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled)[data-is-animating-click=true]:after,
        .manage-members-list-view .pending-member-view .member-actions .member-accept[data-is-animating-click=true]:after,
        .manage-members-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .member-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled), .member-list-view .pending-member-view .member-actions .member-accept.hover-not-disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-accept:hover:not(:disabled),
      .manage-members-list-view .pending-member-view .member-actions .member-accept.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .member-list-view .pending-member-view .member-actions .member-accept:disabled, .member-list-view .pending-member-view .member-actions .member-accept.disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-accept:disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-accept.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }
    .member-list-view .pending-member-view .member-actions .member-reject,
    .manage-members-list-view .pending-member-view .member-actions .member-reject {
      background-color: transparent;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: #008cc9;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              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; }
      .member-list-view .pending-member-view .member-actions .member-reject > svg, .member-list-view .pending-member-view .member-actions .member-reject li-icon,
      .manage-members-list-view .pending-member-view .member-actions .member-reject > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-reject li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .member-list-view .pending-member-view .member-actions .member-reject > svg, .member-list-view .pending-member-view .member-actions .member-reject li-icon > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-reject > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-reject li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .member-list-view .pending-member-view .member-actions .member-reject li-icon > svg,
      .manage-members-list-view .pending-member-view .member-actions .member-reject li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .member-list-view .pending-member-view .member-actions .member-reject:after,
      .manage-members-list-view .pending-member-view .member-actions .member-reject:after {
        border-color: rgba(0, 94, 147, 0.2);
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .member-list-view .pending-member-view .member-actions .member-reject, .ie .member-list-view .pending-member-view .member-actions .member-reject, .edge
      .manage-members-list-view .pending-member-view .member-actions .member-reject, .ie
      .manage-members-list-view .pending-member-view .member-actions .member-reject {
        border-radius: 0; }
      .member-list-view .pending-member-view .member-actions .member-reject[data-is-animating-click=true], .member-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled)[data-is-animating-click=true],
      .manage-members-list-view .pending-member-view .member-actions .member-reject[data-is-animating-click=true],
      .manage-members-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled)[data-is-animating-click=true] {
        color: #005e93;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                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; }
        .member-list-view .pending-member-view .member-actions .member-reject[data-is-animating-click=true]:after, .member-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled)[data-is-animating-click=true]:after,
        .manage-members-list-view .pending-member-view .member-actions .member-reject[data-is-animating-click=true]:after,
        .manage-members-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .member-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled), .member-list-view .pending-member-view .member-actions .member-reject.hover-not-disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-reject:hover:not(:disabled),
      .manage-members-list-view .pending-member-view .member-actions .member-reject.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; }
      .member-list-view .pending-member-view .member-actions .member-reject:disabled, .member-list-view .pending-member-view .member-actions .member-reject.disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-reject:disabled,
      .manage-members-list-view .pending-member-view .member-actions .member-reject.disabled {
        color: rgba(0, 140, 201, 0.4);
        box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }
  .member-list-view .empty-member-view,
  .manage-members-list-view .empty-member-view {
    text-align: center;
    padding: 48px 0; }
    .member-list-view .empty-member-view .invite-btn,
    .manage-members-list-view .empty-member-view .invite-btn {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      margin-top: 16px; }
      .member-list-view .empty-member-view .invite-btn > svg, .member-list-view .empty-member-view .invite-btn li-icon,
      .manage-members-list-view .empty-member-view .invite-btn > svg,
      .manage-members-list-view .empty-member-view .invite-btn li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .member-list-view .empty-member-view .invite-btn > svg, .member-list-view .empty-member-view .invite-btn li-icon > svg,
      .manage-members-list-view .empty-member-view .invite-btn > svg,
      .manage-members-list-view .empty-member-view .invite-btn li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .member-list-view .empty-member-view .invite-btn li-icon > svg,
      .manage-members-list-view .empty-member-view .invite-btn li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .member-list-view .empty-member-view .invite-btn:after,
      .manage-members-list-view .empty-member-view .invite-btn:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .member-list-view .empty-member-view .invite-btn, .ie .member-list-view .empty-member-view .invite-btn, .edge
      .manage-members-list-view .empty-member-view .invite-btn, .ie
      .manage-members-list-view .empty-member-view .invite-btn {
        border-radius: 0; }
      .member-list-view .empty-member-view .invite-btn[data-is-animating-click=true], .member-list-view .empty-member-view .invite-btn:hover:not(:disabled)[data-is-animating-click=true],
      .manage-members-list-view .empty-member-view .invite-btn[data-is-animating-click=true],
      .manage-members-list-view .empty-member-view .invite-btn:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .member-list-view .empty-member-view .invite-btn[data-is-animating-click=true]:after, .member-list-view .empty-member-view .invite-btn:hover:not(:disabled)[data-is-animating-click=true]:after,
        .manage-members-list-view .empty-member-view .invite-btn[data-is-animating-click=true]:after,
        .manage-members-list-view .empty-member-view .invite-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .member-list-view .empty-member-view .invite-btn:hover:not(:disabled), .member-list-view .empty-member-view .invite-btn.hover-not-disabled,
      .manage-members-list-view .empty-member-view .invite-btn:hover:not(:disabled),
      .manage-members-list-view .empty-member-view .invite-btn.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .member-list-view .empty-member-view .invite-btn:disabled, .member-list-view .empty-member-view .invite-btn.disabled,
      .manage-members-list-view .empty-member-view .invite-btn:disabled,
      .manage-members-list-view .empty-member-view .invite-btn.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }

.member-search-view .search-input {
  border: none; }

.member-search-view.is-active .search-icon {
  color: #00A0DC; }

.member-search-view:not(.is-searching) {
  padding-bottom: 0; }
  .member-search-view:not(.is-searching) .tab-region {
    border-bottom: none; }

.member-search-form {
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #D0D3D6; }
  .member-search-form .search-icon {
    margin-right: 8px; }

.member-list-tab-layout-view .member-list-head {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  margin-bottom: 8px; }
  .member-list-tab-layout-view .member-list-head:lang(ja), .member-list-tab-layout-view .member-list-head:lang(zh), .member-list-tab-layout-view .member-list-head:lang(ko) {
    font-size: 1.6rem;
    line-height: 2.3rem; }
  .member-list-tab-layout-view .member-list-head:lang(ar) {
    font-size: 1.7rem;
    line-height: 2.1rem; }
  .member-list-tab-layout-view .member-list-head:lang(th) {
    font-size: 1.5rem;
    line-height: 2.2rem; }

.member-list-tab-layout-view .tab-list {
  background-color: #FFFFFF;
  border: 1px solid #D0D3D6;
  border-bottom: 0;
  padding: 16px 16px 8px; }

.member-list-region.is-hidden {
  display: none; }

.member-list-region .tab-region {
  border-top: none; }

.manage-members-list-view .member-view {
  background: transparent;
  border-bottom: 1px solid #D0D3D6;
  padding-left: 0;
  padding-right: 0; }
  .manage-members-list-view .member-view:first-child {
    padding-top: 0; }
  .manage-members-list-view .member-view .member-entity {
    float: left;
    max-width: 100%;
    float: none; }
    .manage-members-list-view .member-view .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .manage-members-list-view .member-view .member-entity a.entity-container:hover, .manage-members-list-view .member-view .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .manage-members-list-view .member-view .member-entity a.entity-container:active, .manage-members-list-view .member-view .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .manage-members-list-view .member-view .member-entity a.entity-container:hover .entity-name, .manage-members-list-view .member-view .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .manage-members-list-view .member-view .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .manage-members-list-view .member-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .manage-members-list-view .member-view .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 40px;
          -ms-flex: 0 0 40px;
              flex: 0 0 40px;
      min-width: 0px;
      border: none;
      width: 44px;
      height: 44px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 40px;
      height: 40px;
      overflow: hidden;
      margin-right: 12px; }
      .manage-members-list-view .member-view .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .manage-members-list-view .member-view .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .manage-members-list-view .member-view .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .manage-members-list-view .member-view .member-entity .entity-name:lang(ja), .manage-members-list-view .member-view .member-entity .entity-name:lang(zh), .manage-members-list-view .member-view .member-entity .entity-name:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .manage-members-list-view .member-view .member-entity .entity-name:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .manage-members-list-view .member-view .member-entity .entity-name:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .manage-members-list-view .member-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .manage-members-list-view .member-view .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .manage-members-list-view .member-view .member-entity .entity-headline:lang(ja), .manage-members-list-view .member-view .member-entity .entity-headline:lang(zh), .manage-members-list-view .member-view .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .manage-members-list-view .member-view .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .manage-members-list-view .member-view .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .manage-members-list-view .member-view .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .manage-members-list-view .member-view .member-entity .entity-role:lang(ja), .manage-members-list-view .member-view .member-entity .entity-role:lang(zh), .manage-members-list-view .member-view .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .manage-members-list-view .member-view .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .manage-members-list-view .member-view .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .manage-members-list-view .member-view .member-entity .entity-info {
      padding-top: 3px; }
    .manage-members-list-view .member-view .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.33333;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .manage-members-list-view .member-view .member-entity .entity-badge:before {
        content: '· '; }
    .manage-members-list-view .member-view .member-entity .entity-headline {
      margin-top: 0; }
    .manage-members-list-view .member-view .member-entity .entity-info {
      margin-top: 0;
      padding-top: 0; }
  .manage-members-list-view .member-view .member-actions-list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 0px; }
    .manage-members-list-view .member-view .member-actions-list li {
      display: inline-block;
      padding: 0 4px; }
  .manage-members-list-view .member-view .entity-joined-date {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal; }
    .manage-members-list-view .member-view .entity-joined-date:lang(ja), .manage-members-list-view .member-view .entity-joined-date:lang(zh), .manage-members-list-view .member-view .entity-joined-date:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .manage-members-list-view .member-view .entity-joined-date:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .manage-members-list-view .member-view .entity-joined-date:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .manage-members-list-view .member-view .message-member {
    color: rgba(0, 0, 0, 0.5); }

.profile-members-list-view {
  margin-bottom: 32px; }
  .profile-members-list-view .title {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    margin-bottom: 16px; }
    .profile-members-list-view .title:lang(ja), .profile-members-list-view .title:lang(zh), .profile-members-list-view .title:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .profile-members-list-view .title:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .profile-members-list-view .title:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .profile-members-list-view .member-entity {
    float: left;
    max-width: 100%; }
    .profile-members-list-view .member-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .profile-members-list-view .member-entity a.entity-container:hover, .profile-members-list-view .member-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .profile-members-list-view .member-entity a.entity-container:active, .profile-members-list-view .member-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .profile-members-list-view .member-entity a.entity-container:hover .entity-name, .profile-members-list-view .member-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .profile-members-list-view .member-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .profile-members-list-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .profile-members-list-view .member-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 48px;
          -ms-flex: 0 0 48px;
              flex: 0 0 48px;
      min-width: 0px;
      border: none;
      width: 54px;
      height: 54px;
      margin-right: 2px;
      border-radius: 50%;
      line-height: 0;
      width: 48px;
      height: 48px;
      overflow: hidden;
      margin-right: 12px; }
      .profile-members-list-view .member-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .profile-members-list-view .member-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .profile-members-list-view .member-entity .entity-name {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.7rem;
      line-height: 2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .profile-members-list-view .member-entity .entity-name:lang(ja), .profile-members-list-view .member-entity .entity-name:lang(zh), .profile-members-list-view .member-entity .entity-name:lang(ko) {
        font-size: 1.6rem;
        line-height: 2.3rem; }
      .profile-members-list-view .member-entity .entity-name:lang(ar) {
        font-size: 1.7rem;
        line-height: 2.1rem; }
      .profile-members-list-view .member-entity .entity-name:lang(th) {
        font-size: 1.5rem;
        line-height: 2.2rem; }
    .profile-members-list-view .member-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .profile-members-list-view .member-entity .entity-headline {
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: rgba(0, 0, 0, 0.55);
      margin-top: 2px; }
      .profile-members-list-view .member-entity .entity-headline:lang(ja), .profile-members-list-view .member-entity .entity-headline:lang(zh), .profile-members-list-view .member-entity .entity-headline:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .profile-members-list-view .member-entity .entity-headline:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .profile-members-list-view .member-entity .entity-headline:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .profile-members-list-view .member-entity .entity-role {
      color: rgba(0, 0, 0, 0.85);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold;
      font-size: 11px;
      font-size: 1.1rem; }
      .profile-members-list-view .member-entity .entity-role:lang(ja), .profile-members-list-view .member-entity .entity-role:lang(zh), .profile-members-list-view .member-entity .entity-role:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem; }
      .profile-members-list-view .member-entity .entity-role:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .profile-members-list-view .member-entity .entity-role:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .profile-members-list-view .member-entity .entity-info {
      padding-top: 3px; }
    .profile-members-list-view .member-entity .entity-badge {
      color: rgba(0, 0, 0, 0.55);
      /* Defaults ($size == x-small) */
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.42857;
      border-radius: 2px;
      display: inline-block;
      padding: 4px 8px;
      line-height: 1;
      vertical-align: baseline; }
      .profile-members-list-view .member-entity .entity-badge:before {
        content: '· '; }
  .profile-members-list-view .profile-members-list .member-view {
    height: 68px; }
    .profile-members-list-view .profile-members-list .member-view:nth-child(odd) {
      box-sizing: border-box;
      float: left;
      margin-bottom: 8px;
      margin-right: -1px;
      width: calc(((1128px - 552px) * 0.29167) - -144px);
      margin-left: calc(((1128px - 552px) * 0) - 24px - -24px); }
    .profile-members-list-view .profile-members-list .member-view:nth-child(even) {
      box-sizing: border-box;
      float: left;
      margin-bottom: 8px;
      margin-right: -1px;
      position: relative;
      width: calc(((1128px - 552px) * 0.29167) - -144px);
      margin-left: calc(((1128px - 552px) * 0) - 24px - -49px);
      left: calc(((1128px - 552px) * 0.04167) - 0px - 0px); }

.profile-invite-bar .invite-bar-container {
  text-align: center;
  padding: 16px;
  border-bottom: 2px solid #D0D3D6;
  background-color: #FFFFFF; }
  .profile-invite-bar .invite-bar-container .invite-message {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    margin-right: 48px; }
    .profile-invite-bar .invite-bar-container .invite-message:lang(ja), .profile-invite-bar .invite-bar-container .invite-message:lang(zh), .profile-invite-bar .invite-bar-container .invite-message:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .profile-invite-bar .invite-bar-container .invite-message:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .profile-invite-bar .invite-bar-container .invite-message:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
    .profile-invite-bar .invite-bar-container .invite-message .inviter {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: bold; }
      .profile-invite-bar .invite-bar-container .invite-message .inviter:lang(ja), .profile-invite-bar .invite-bar-container .invite-message .inviter:lang(zh), .profile-invite-bar .invite-bar-container .invite-message .inviter:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .profile-invite-bar .invite-bar-container .invite-message .inviter:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .profile-invite-bar .invite-bar-container .invite-message .inviter:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
  .profile-invite-bar .invite-bar-container .invite-actions {
    display: inline-block; }
    .profile-invite-bar .invite-bar-container .invite-actions .accept-btn {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      margin: 0 4px; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn > svg, .profile-invite-bar .invite-bar-container .invite-actions .accept-btn li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn > svg, .profile-invite-bar .invite-bar-container .invite-actions .accept-btn li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .profile-invite-bar .invite-bar-container .invite-actions .accept-btn, .ie .profile-invite-bar .invite-bar-container .invite-actions .accept-btn {
        border-radius: 0; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn[data-is-animating-click=true], .profile-invite-bar .invite-bar-container .invite-actions .accept-btn:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .profile-invite-bar .invite-bar-container .invite-actions .accept-btn[data-is-animating-click=true]:after, .profile-invite-bar .invite-bar-container .invite-actions .accept-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn:hover:not(:disabled), .profile-invite-bar .invite-bar-container .invite-actions .accept-btn.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .profile-invite-bar .invite-bar-container .invite-actions .accept-btn:disabled, .profile-invite-bar .invite-bar-container .invite-actions .accept-btn.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }
    .profile-invite-bar .invite-bar-container .invite-actions .decline-btn {
      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 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              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;
      margin: 0 4px; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn > svg, .profile-invite-bar .invite-bar-container .invite-actions .decline-btn li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn > svg, .profile-invite-bar .invite-bar-container .invite-actions .decline-btn li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn:after {
        border-color: rgba(0, 0, 0, 0.2);
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .profile-invite-bar .invite-bar-container .invite-actions .decline-btn, .ie .profile-invite-bar .invite-bar-container .invite-actions .decline-btn {
        border-radius: 0; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn[data-is-animating-click=true], .profile-invite-bar .invite-bar-container .invite-actions .decline-btn:hover:not(:disabled)[data-is-animating-click=true] {
        color: rgba(0, 0, 0, 0.85);
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                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); }
        .profile-invite-bar .invite-bar-container .invite-actions .decline-btn[data-is-animating-click=true]:after, .profile-invite-bar .invite-bar-container .invite-actions .decline-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn:hover:not(:disabled), .profile-invite-bar .invite-bar-container .invite-actions .decline-btn.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; }
      .profile-invite-bar .invite-bar-container .invite-actions .decline-btn:disabled, .profile-invite-bar .invite-bar-container .invite-actions .decline-btn.disabled {
        color: rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }

.empty-search-results-view .message {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.55);
  margin-top: 24px;
  text-align: center; }
  .empty-search-results-view .message:lang(ja), .empty-search-results-view .message:lang(zh), .empty-search-results-view .message:lang(ko) {
    font-size: 2.2rem;
    line-height: 3.1rem; }
  .empty-search-results-view .message:lang(ar) {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .empty-search-results-view .message:lang(th) {
    font-size: 2rem;
    line-height: 2.8rem; }

.search-results-header-banner {
  margin-bottom: 32px; }
  .search-results-header-banner .search-group-container {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal; }
    .search-results-header-banner .search-group-container:lang(ja), .search-results-header-banner .search-group-container:lang(zh), .search-results-header-banner .search-group-container:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .search-results-header-banner .search-group-container:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .search-results-header-banner .search-group-container:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .search-results-header-banner .search-group-message {
    margin-top: 16px;
    color: rgba(0, 0, 0, 0.55); }
  .search-results-header-banner .clear-search {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 16px;
    text-indent: -999px;
    width: 32px;
    display: none;
    position: absolute;
    top: 0;
    right: 0; }
    .search-results-header-banner .clear-search > svg, .search-results-header-banner .clear-search li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .search-results-header-banner .clear-search > svg, .search-results-header-banner .clear-search li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .search-results-header-banner .clear-search li-icon > svg {
      display: block;
      vertical-align: top; }
    .search-results-header-banner .clear-search:after {
      border-color: rgba(0, 0, 0, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .search-results-header-banner .clear-search, .ie .search-results-header-banner .clear-search {
      border-radius: 32px; }
    .search-results-header-banner .clear-search[data-is-animating-click=true], .search-results-header-banner .clear-search:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .search-results-header-banner .clear-search[data-is-animating-click=true]:after, .search-results-header-banner .clear-search:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .search-results-header-banner .clear-search:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .search-results-header-banner .clear-search:hover:not(:disabled), .search-results-header-banner .clear-search.hover-not-disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.7); }
    .search-results-header-banner .clear-search:disabled, .search-results-header-banner .clear-search.disabled {
      color: rgba(0, 0, 0, 0.25); }
  .search-results-header-banner .search-form-container {
    position: relative;
    padding-left: 32px;
    padding-right: 40px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    margin-top: 24px; }
    .search-results-header-banner .search-form-container.active .clear-search {
      display: block; }
    .search-results-header-banner .search-form-container.active .search-icon {
      opacity: 1; }
  .search-results-header-banner .search-icon {
    color: rgba(0, 0, 0, 0.55);
    position: absolute;
    left: 0;
    top: 8px;
    opacity: 0.7; }
  .search-results-header-banner .search-input {
    color: rgba(0, 0, 0, 0.85);
    font-size: 3.4rem;
    line-height: 3.6rem;
    font-weight: 200;
    height: 40px;
    border-width: 0px;
    margin-bottom: 32px; }
    .search-results-header-banner .search-input:lang(ja), .search-results-header-banner .search-input:lang(zh), .search-results-header-banner .search-input:lang(ko) {
      font-size: 2.8rem;
      line-height: 3.8rem; }
    .search-results-header-banner .search-input:lang(ar) {
      font-size: 3.4rem;
      line-height: 4.1rem; }
    .search-results-header-banner .search-input:lang(th) {
      font-size: 2.8rem;
      line-height: 4rem; }
    .search-results-header-banner .search-input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.55);
      font-weight: 200; }
    .search-results-header-banner .search-input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.55);
      font-weight: 200; }
    .search-results-header-banner .search-input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.55);
      font-weight: 200; }
  .search-results-header-banner .group-name {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold; }
    .search-results-header-banner .group-name:lang(ja), .search-results-header-banner .group-name:lang(zh), .search-results-header-banner .group-name:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .search-results-header-banner .group-name:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .search-results-header-banner .group-name:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }

.discussion-list-view .loading-icon {
  display: none; }

.discussion-list-view.is-loading .loading-icon {
  display: block;
  height: 60px; }

.discussion-list-view.is-loading .load-more-container {
  display: none; }

.discussion-list-view .load-more-container {
  border-bottom: 1px solid #D0D3D6;
  border-top: 1px solid #D0D3D6;
  text-align: center; }

.discussion-list-view.is-loading-complete .load-more-container {
  display: none; }

.recommendations-list-view .loading-icon {
  display: none; }

.recommendations-list-view.is-loading .loading-icon {
  display: block;
  height: 60px; }

.recommendations-list-view.is-loading .load-more-container {
  display: none; }

.recommendations-list-view .load-more-container {
  border-bottom: 1px solid #D0D3D6;
  text-align: center; }

.recommendation-view {
  padding: 32px 0;
  border-bottom: 1px solid #D0D3D6; }
  .recommendation-view:first-child {
    padding-top: 0; }
  .recommendation-view .recommendation-header .group-entity {
    float: left;
    max-width: 100%; }
    .recommendation-view .recommendation-header .group-entity a.entity-container {
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.7); }
      .recommendation-view .recommendation-header .group-entity a.entity-container:hover, .recommendation-view .recommendation-header .group-entity a.entity-container:focus {
        color: #008CC9;
        text-decoration: none; }
      .recommendation-view .recommendation-header .group-entity a.entity-container:active, .recommendation-view .recommendation-header .group-entity a.entity-container.is-active {
        color: #005E93;
        text-decoration: none; }
      .recommendation-view .recommendation-header .group-entity a.entity-container:hover .entity-name, .recommendation-view .recommendation-header .group-entity a.entity-container:focus .entity-name {
        color: #008CC9; }
      .recommendation-view .recommendation-header .group-entity a.entity-container:active .entity-name {
        color: #005E93; }
    .recommendation-view .recommendation-header .group-entity .entity-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .recommendation-view .recommendation-header .group-entity .entity-figure {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 80px;
          -ms-flex: 0 0 80px;
              flex: 0 0 80px;
      min-width: 0px;
      border: none;
      width: large;
      height: large;
      margin-right: 2px;
      border-radius: 0;
      line-height: 0;
      width: 80px;
      height: 80px;
      overflow: hidden;
      margin-right: 12px; }
      .recommendation-view .recommendation-header .group-entity .entity-figure .entity-image {
        width: 100%;
        height: auto; }
    .recommendation-view .recommendation-header .group-entity .entity-info {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      min-width: 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden; }
    .recommendation-view .recommendation-header .group-entity .entity-name {
      color: rgba(0, 0, 0, 0.85);
      font-size: 2.6rem;
      line-height: 3.2rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85); }
      .recommendation-view .recommendation-header .group-entity .entity-name:lang(ja), .recommendation-view .recommendation-header .group-entity .entity-name:lang(zh), .recommendation-view .recommendation-header .group-entity .entity-name:lang(ko) {
        font-size: 2.2rem;
        line-height: 3.1rem; }
      .recommendation-view .recommendation-header .group-entity .entity-name:lang(ar) {
        font-size: 2.6rem;
        line-height: 3.2rem; }
      .recommendation-view .recommendation-header .group-entity .entity-name:lang(th) {
        font-size: 2rem;
        line-height: 2.8rem; }
    .recommendation-view .recommendation-header .group-entity .entity-figure {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border: 2px solid #FFFFFF;
      background-color: #EDF0F3;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  .recommendation-view .recommendation-header .member-count {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    margin-top: 6px; }
    .recommendation-view .recommendation-header .member-count:lang(ja), .recommendation-view .recommendation-header .member-count:lang(zh), .recommendation-view .recommendation-header .member-count:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .recommendation-view .recommendation-header .member-count:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .recommendation-view .recommendation-header .member-count:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .recommendation-view .group-description {
    margin: 8px 0; }
    .recommendation-view .group-description .show-more-button {
      background-color: transparent;
      border: none;
      display: inline;
      padding: 0;
      -webkit-transition: color 0.1s;
              transition: color 0.1s;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.85);
      margin-left: 4px; }
      .recommendation-view .group-description .show-more-button:hover, .recommendation-view .group-description .show-more-button:focus {
        color: #008CC9;
        text-decoration: none; }
      .recommendation-view .group-description .show-more-button:active, .recommendation-view .group-description .show-more-button.is-active {
        color: #005E93;
        text-decoration: none; }
  .recommendation-view .recommendation-footer {
    margin-top: 24px; }
  .recommendation-view .recommendation-members {
    float: left; }
    .recommendation-view .recommendation-members .title {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.55);
      margin-bottom: 8px; }
      .recommendation-view .recommendation-members .title:lang(ja), .recommendation-view .recommendation-members .title:lang(zh), .recommendation-view .recommendation-members .title:lang(ko) {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: normal !important; }
      .recommendation-view .recommendation-members .title:lang(ar) {
        font-size: 1.5rem;
        line-height: 2rem; }
      .recommendation-view .recommendation-members .title:lang(th) {
        font-size: 1.3rem;
        line-height: 2rem; }
    .recommendation-view .recommendation-members .member-face,
    .recommendation-view .recommendation-members .member-count {
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
      line-height: 0; }
    .recommendation-view .recommendation-members .member-face:hover {
      opacity: 0.7; }
    .recommendation-view .recommendation-members .entity-image {
      width: 40px;
      height: 40px;
      box-sizing: border-box;
      background-clip: content-box;
      border-radius: 40px;
      border: 2px solid transparent; }
      .recommendation-view .recommendation-members .entity-image:nth-of-type(1n+2) {
        margin-left: 8px; }
    .recommendation-view .recommendation-members .member-count-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: 0;
      font-weight: 600;
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      padding: 0 0;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              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;
      color: rgba(0, 0, 0, 0.55);
      font-size: 1.3rem;
      line-height: 1.6rem;
      font-weight: normal;
      line-height: 40px;
      text-indent: 0; }
      .recommendation-view .recommendation-members .member-count-link > svg, .recommendation-view .recommendation-members .member-count-link li-icon {
        top: 50%;
        height: 24px;
        left: 50%;
        margin: -12px 0 0 -12px;
        padding: 0;
        position: absolute;
        width: 24px; }
      .recommendation-view .recommendation-members .member-count-link > svg, .recommendation-view .recommendation-members .member-count-link li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .recommendation-view .recommendation-members .member-count-link li-icon > svg {
        display: block;
        vertical-align: top; }
      .recommendation-view .recommendation-members .member-count-link:after {
        border-color: rgba(0, 0, 0, 0.2);
        padding: calc(50% + 1px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .recommendation-view .recommendation-members .member-count-link, .ie .recommendation-view .recommendation-members .member-count-link {
        border-radius: 40px; }
      .recommendation-view .recommendation-members .member-count-link[data-is-animating-click=true], .recommendation-view .recommendation-members .member-count-link:hover:not(:disabled)[data-is-animating-click=true] {
        color: rgba(0, 0, 0, 0.85);
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                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); }
        .recommendation-view .recommendation-members .member-count-link[data-is-animating-click=true]:after, .recommendation-view .recommendation-members .member-count-link:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .recommendation-view .recommendation-members .member-count-link:before {
        -webkit-transition-duration: 500ms;
                transition-duration: 500ms; }
      .recommendation-view .recommendation-members .member-count-link:hover:not(:disabled), .recommendation-view .recommendation-members .member-count-link.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; }
      .recommendation-view .recommendation-members .member-count-link:disabled, .recommendation-view .recommendation-members .member-count-link.disabled {
        color: rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }
      .recommendation-view .recommendation-members .member-count-link:lang(ja), .recommendation-view .recommendation-members .member-count-link:lang(zh), .recommendation-view .recommendation-members .member-count-link:lang(ko) {
        font-size: 1.1rem;
        line-height: 1.7rem; }
      .recommendation-view .recommendation-members .member-count-link:lang(ar) {
        font-size: 1.3rem;
        line-height: 1.6rem; }
      .recommendation-view .recommendation-members .member-count-link:lang(th) {
        font-size: 1.2rem;
        line-height: 1.8rem; }
      .recommendation-view .recommendation-members .member-count-link:hover {
        text-decoration: none; }
  .recommendation-view .recommendation-actions {
    float: right;
    margin-left: 16px;
    margin-top: 32px; }
    .recommendation-view .recommendation-actions .request-pending-button,
    .recommendation-view .recommendation-actions .joined-button {
      background-color: rgba(0, 0, 0, 0.55);
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0; }
      .recommendation-view .recommendation-actions .request-pending-button > svg, .recommendation-view .recommendation-actions .request-pending-button li-icon,
      .recommendation-view .recommendation-actions .joined-button > svg,
      .recommendation-view .recommendation-actions .joined-button li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .recommendation-view .recommendation-actions .request-pending-button > svg, .recommendation-view .recommendation-actions .request-pending-button li-icon > svg,
      .recommendation-view .recommendation-actions .joined-button > svg,
      .recommendation-view .recommendation-actions .joined-button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .recommendation-view .recommendation-actions .request-pending-button li-icon > svg,
      .recommendation-view .recommendation-actions .joined-button li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .recommendation-view .recommendation-actions .request-pending-button:after,
      .recommendation-view .recommendation-actions .joined-button:after {
        border-color: rgba(0, 0, 0, 0.7);
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .recommendation-view .recommendation-actions .request-pending-button, .ie .recommendation-view .recommendation-actions .request-pending-button, .edge
      .recommendation-view .recommendation-actions .joined-button, .ie
      .recommendation-view .recommendation-actions .joined-button {
        border-radius: 0; }
      .recommendation-view .recommendation-actions .request-pending-button[data-is-animating-click=true], .recommendation-view .recommendation-actions .request-pending-button:hover:not(:disabled)[data-is-animating-click=true],
      .recommendation-view .recommendation-actions .joined-button[data-is-animating-click=true],
      .recommendation-view .recommendation-actions .joined-button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .recommendation-view .recommendation-actions .request-pending-button[data-is-animating-click=true]:after, .recommendation-view .recommendation-actions .request-pending-button:hover:not(:disabled)[data-is-animating-click=true]:after,
        .recommendation-view .recommendation-actions .joined-button[data-is-animating-click=true]:after,
        .recommendation-view .recommendation-actions .joined-button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .recommendation-view .recommendation-actions .request-pending-button:hover:not(:disabled), .recommendation-view .recommendation-actions .request-pending-button.hover-not-disabled,
      .recommendation-view .recommendation-actions .joined-button:hover:not(:disabled),
      .recommendation-view .recommendation-actions .joined-button.hover-not-disabled {
        background-color: rgba(0, 0, 0, 0.7);
        color: white; }
      .recommendation-view .recommendation-actions .request-pending-button:disabled, .recommendation-view .recommendation-actions .request-pending-button.disabled,
      .recommendation-view .recommendation-actions .joined-button:disabled,
      .recommendation-view .recommendation-actions .joined-button.disabled {
        color: rgba(255, 255, 255, 0.4);
        background-color: rgba(0, 0, 0, 0.15); }
    .recommendation-view .recommendation-actions .not-interested-button {
      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 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              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; }
      .recommendation-view .recommendation-actions .not-interested-button > svg, .recommendation-view .recommendation-actions .not-interested-button li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .recommendation-view .recommendation-actions .not-interested-button > svg, .recommendation-view .recommendation-actions .not-interested-button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .recommendation-view .recommendation-actions .not-interested-button li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .recommendation-view .recommendation-actions .not-interested-button:after {
        border-color: rgba(0, 0, 0, 0.2);
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .recommendation-view .recommendation-actions .not-interested-button, .ie .recommendation-view .recommendation-actions .not-interested-button {
        border-radius: 0; }
      .recommendation-view .recommendation-actions .not-interested-button[data-is-animating-click=true], .recommendation-view .recommendation-actions .not-interested-button:hover:not(:disabled)[data-is-animating-click=true] {
        color: rgba(0, 0, 0, 0.85);
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                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); }
        .recommendation-view .recommendation-actions .not-interested-button[data-is-animating-click=true]:after, .recommendation-view .recommendation-actions .not-interested-button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .recommendation-view .recommendation-actions .not-interested-button:hover:not(:disabled), .recommendation-view .recommendation-actions .not-interested-button.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; }
      .recommendation-view .recommendation-actions .not-interested-button:disabled, .recommendation-view .recommendation-actions .not-interested-button.disabled {
        color: rgba(0, 0, 0, 0.25);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); }
    .recommendation-view .recommendation-actions .ask-to-join-button {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      margin-left: 16px; }
      .recommendation-view .recommendation-actions .ask-to-join-button > svg, .recommendation-view .recommendation-actions .ask-to-join-button li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .recommendation-view .recommendation-actions .ask-to-join-button > svg, .recommendation-view .recommendation-actions .ask-to-join-button li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .recommendation-view .recommendation-actions .ask-to-join-button li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .recommendation-view .recommendation-actions .ask-to-join-button:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .recommendation-view .recommendation-actions .ask-to-join-button, .ie .recommendation-view .recommendation-actions .ask-to-join-button {
        border-radius: 0; }
      .recommendation-view .recommendation-actions .ask-to-join-button[data-is-animating-click=true], .recommendation-view .recommendation-actions .ask-to-join-button:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .recommendation-view .recommendation-actions .ask-to-join-button[data-is-animating-click=true]:after, .recommendation-view .recommendation-actions .ask-to-join-button:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .recommendation-view .recommendation-actions .ask-to-join-button:hover:not(:disabled), .recommendation-view .recommendation-actions .ask-to-join-button.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .recommendation-view .recommendation-actions .ask-to-join-button:disabled, .recommendation-view .recommendation-actions .ask-to-join-button.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }

.recommendations-empty .recommendations-empty-message {
  color: rgba(0, 0, 0, 0.85);
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 200;
  color: rgba(0, 0, 0, 0.55);
  text-align: center; }
  .recommendations-empty .recommendations-empty-message:lang(ja), .recommendations-empty .recommendations-empty-message:lang(zh), .recommendations-empty .recommendations-empty-message:lang(ko) {
    font-size: 2.2rem;
    line-height: 3.1rem; }
  .recommendations-empty .recommendations-empty-message:lang(ar) {
    font-size: 2.6rem;
    line-height: 3.2rem; }
  .recommendations-empty .recommendations-empty-message:lang(th) {
    font-size: 2rem;
    line-height: 2.8rem; }

.recommendation-end-view {
  text-align: center;
  margin: 16px 0; }
  .recommendation-end-view .end-message {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.9rem;
    line-height: 2.8rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55); }
    .recommendation-end-view .end-message:lang(ja), .recommendation-end-view .end-message:lang(zh), .recommendation-end-view .end-message:lang(ko) {
      font-size: 1.8rem;
      line-height: 3.3rem; }
    .recommendation-end-view .end-message:lang(ar) {
      font-size: 1.9rem;
      line-height: 2.8rem; }
    .recommendation-end-view .end-message:lang(th) {
      font-size: 1.6rem;
      line-height: 2.8rem; }

.unsubscribe-view {
  background-color: #FFFFFF;
  padding: 32px; }
  .unsubscribe-view.is-loading {
    opacity: 0.2; }

.unsubscribe-container .message {
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.9rem;
  line-height: 2.8rem;
  font-weight: normal; }
  .unsubscribe-container .message:lang(ja), .unsubscribe-container .message:lang(zh), .unsubscribe-container .message:lang(ko) {
    font-size: 1.8rem;
    line-height: 3.3rem; }
  .unsubscribe-container .message:lang(ar) {
    font-size: 1.9rem;
    line-height: 2.8rem; }
  .unsubscribe-container .message:lang(th) {
    font-size: 1.6rem;
    line-height: 2.8rem; }

.unsubscribe-container .unsubscribe-actions {
  padding-top: 32px;
  text-align: right; }
  .unsubscribe-container .unsubscribe-actions .primary-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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0; }
    .unsubscribe-container .unsubscribe-actions .primary-btn > svg, .unsubscribe-container .unsubscribe-actions .primary-btn li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .unsubscribe-container .unsubscribe-actions .primary-btn > svg, .unsubscribe-container .unsubscribe-actions .primary-btn li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .unsubscribe-container .unsubscribe-actions .primary-btn li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .unsubscribe-container .unsubscribe-actions .primary-btn:after {
      border-color: #005e93;
      padding: calc(50% + 22px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .unsubscribe-container .unsubscribe-actions .primary-btn, .ie .unsubscribe-container .unsubscribe-actions .primary-btn {
      border-radius: 0; }
    .unsubscribe-container .unsubscribe-actions .primary-btn[data-is-animating-click=true], .unsubscribe-container .unsubscribe-actions .primary-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: white;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .unsubscribe-container .unsubscribe-actions .primary-btn[data-is-animating-click=true]:after, .unsubscribe-container .unsubscribe-actions .primary-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .unsubscribe-container .unsubscribe-actions .primary-btn:hover:not(:disabled), .unsubscribe-container .unsubscribe-actions .primary-btn.hover-not-disabled {
      background-color: #0077b5;
      color: white; }
    .unsubscribe-container .unsubscribe-actions .primary-btn:disabled, .unsubscribe-container .unsubscribe-actions .primary-btn.disabled {
      color: rgba(255, 255, 255, 0.7);
      opacity: 0.25; }
  .unsubscribe-container .unsubscribe-actions .secondary-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 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    margin-right: 16px; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn > svg, .unsubscribe-container .unsubscribe-actions .secondary-btn li-icon {
      top: 2px;
      height: 16px;
      left: 0;
      margin: -12px 0 0 -6px;
      padding: 0 6px 0 0;
      position: relative;
      width: 16px; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn > svg, .unsubscribe-container .unsubscribe-actions .secondary-btn li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .unsubscribe-container .unsubscribe-actions .secondary-btn li-icon > svg {
      display: inline-block;
      vertical-align: top; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn:after {
      border-color: rgba(0, 94, 147, 0.2);
      padding: calc(50% + 14px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .unsubscribe-container .unsubscribe-actions .secondary-btn, .ie .unsubscribe-container .unsubscribe-actions .secondary-btn {
      border-radius: 0; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn[data-is-animating-click=true], .unsubscribe-container .unsubscribe-actions .secondary-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: #005e93;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .unsubscribe-container .unsubscribe-actions .secondary-btn[data-is-animating-click=true]:after, .unsubscribe-container .unsubscribe-actions .secondary-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn:hover:not(:disabled), .unsubscribe-container .unsubscribe-actions .secondary-btn.hover-not-disabled {
      background-color: rgba(0, 94, 147, 0.1);
      color: #0077b5; }
    .unsubscribe-container .unsubscribe-actions .secondary-btn:disabled, .unsubscribe-container .unsubscribe-actions .secondary-btn.disabled {
      color: rgba(0, 140, 201, 0.4); }

.my-groups-nav-view .create-group {
  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;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  vertical-align: middle;
  z-index: 0; }
  .my-groups-nav-view .create-group > svg, .my-groups-nav-view .create-group li-icon {
    top: 2px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .my-groups-nav-view .create-group > svg, .my-groups-nav-view .create-group li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .my-groups-nav-view .create-group li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .my-groups-nav-view .create-group:after {
    border-color: #005e93;
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .my-groups-nav-view .create-group, .ie .my-groups-nav-view .create-group {
    border-radius: 0; }
  .my-groups-nav-view .create-group[data-is-animating-click=true], .my-groups-nav-view .create-group:hover:not(:disabled)[data-is-animating-click=true] {
    color: white;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    .my-groups-nav-view .create-group[data-is-animating-click=true]:after, .my-groups-nav-view .create-group:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .my-groups-nav-view .create-group:hover:not(:disabled), .my-groups-nav-view .create-group.hover-not-disabled {
    background-color: #0077b5;
    color: white; }
  .my-groups-nav-view .create-group:disabled, .my-groups-nav-view .create-group.disabled {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0.25; }

.my-groups-nav-view .nav-list {
  background-color: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-bottom: 20px; }

.my-groups-nav-view .create-btn {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #008cc9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition-duration: 167ms;
          transition-duration: 167ms;
  -webkit-transition-property: background-color, box-shadow, color;
          transition-property: background-color, box-shadow, color;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
          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;
  display: block;
  width: 100%; }
  .my-groups-nav-view .create-btn > svg, .my-groups-nav-view .create-btn li-icon {
    top: 1px;
    height: 16px;
    left: 0;
    margin: -12px 0 0 -6px;
    padding: 0 6px 0 0;
    position: relative;
    width: 16px; }
  .my-groups-nav-view .create-btn > svg, .my-groups-nav-view .create-btn li-icon > svg {
    -webkit-transition: -webkit-transform 167ms;
            transition: transform 167ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .my-groups-nav-view .create-btn li-icon > svg {
    display: inline-block;
    vertical-align: top; }
  .my-groups-nav-view .create-btn:after {
    border-color: rgba(0, 94, 147, 0.2);
    padding: calc(50% + 22px);
    background-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 1000px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: padding 334ms;
            transition: padding 334ms;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    width: 0;
    z-index: -1; }
  .edge .my-groups-nav-view .create-btn, .ie .my-groups-nav-view .create-btn {
    border-radius: 0; }
  .my-groups-nav-view .create-btn[data-is-animating-click=true], .my-groups-nav-view .create-btn:hover:not(:disabled)[data-is-animating-click=true] {
    color: #005e93;
    -webkit-transition-duration: 140ms;
            transition-duration: 140ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            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; }
    .my-groups-nav-view .create-btn[data-is-animating-click=true]:after, .my-groups-nav-view .create-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
      padding: 0;
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms; }
  .my-groups-nav-view .create-btn:hover:not(:disabled), .my-groups-nav-view .create-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; }
  .my-groups-nav-view .create-btn:disabled, .my-groups-nav-view .create-btn.disabled {
    color: rgba(0, 140, 201, 0.4);
    box-shadow: inset 0 0 0 1px rgba(0, 140, 201, 0.4); }

.my-groups-nav-view .nav-item {
  margin-bottom: 8px; }
  .my-groups-nav-view .nav-item .tab-button {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.55);
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: left; }
    .my-groups-nav-view .nav-item .tab-button:lang(ja), .my-groups-nav-view .nav-item .tab-button:lang(zh), .my-groups-nav-view .nav-item .tab-button:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .my-groups-nav-view .nav-item .tab-button:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .my-groups-nav-view .nav-item .tab-button:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
    .my-groups-nav-view .nav-item .tab-button:hover, .my-groups-nav-view .nav-item .tab-button:focus {
      color: #008CC9;
      text-decoration: none; }
    .my-groups-nav-view .nav-item .tab-button:active, .my-groups-nav-view .nav-item .tab-button.is-active {
      color: #005E93;
      text-decoration: none; }
    .my-groups-nav-view .nav-item .tab-button.tab-active {
      color: rgba(0, 0, 0, 0.85);
      font-weight: bold; }

.group-search-form {
  position: relative;
  margin-bottom: 40px; }
  .group-search-form .search-input {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    border: 1px solid #D0D3D6;
    background-color: #FFFFFF;
    -webkit-transition: border-color 0.2s linear;
            transition: border-color 0.2s linear; }
    .group-search-form .search-input:lang(ja), .group-search-form .search-input:lang(zh), .group-search-form .search-input:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem;
      font-weight: normal !important; }
    .group-search-form .search-input:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .group-search-form .search-input:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }

.groups-list-container {
  border-left: 1px solid #E6E9EC; }
  .groups-list-container .empty-view {
    text-align: center;
    padding: 48px 0; }
    .groups-list-container .empty-view .action-btn {
      background-color: #008cc9;
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: white;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5rem;
      font-weight: 600;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      padding: 0 16px;
      position: relative;
      text-align: center;
      text-decoration: none;
      -webkit-transition-duration: 167ms;
              transition-duration: 167ms;
      -webkit-transition-property: background-color, box-shadow, color;
              transition-property: background-color, box-shadow, color;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      vertical-align: middle;
      z-index: 0;
      margin-top: 16px; }
      .groups-list-container .empty-view .action-btn > svg, .groups-list-container .empty-view .action-btn li-icon {
        top: 1px;
        height: 16px;
        left: 0;
        margin: -12px 0 0 -6px;
        padding: 0 6px 0 0;
        position: relative;
        width: 16px; }
      .groups-list-container .empty-view .action-btn > svg, .groups-list-container .empty-view .action-btn li-icon > svg {
        -webkit-transition: -webkit-transform 167ms;
                transition: transform 167ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      .groups-list-container .empty-view .action-btn li-icon > svg {
        display: inline-block;
        vertical-align: top; }
      .groups-list-container .empty-view .action-btn:after {
        border-color: #005e93;
        padding: calc(50% + 22px);
        background-color: transparent;
        border-radius: 50%;
        border-style: solid;
        border-width: 1000px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: padding 334ms;
                transition: padding 334ms;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
                transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        width: 0;
        z-index: -1; }
      .edge .groups-list-container .empty-view .action-btn, .ie .groups-list-container .empty-view .action-btn {
        border-radius: 0; }
      .groups-list-container .empty-view .action-btn[data-is-animating-click=true], .groups-list-container .empty-view .action-btn:hover:not(:disabled)[data-is-animating-click=true] {
        color: white;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms;
        -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
                transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
        .groups-list-container .empty-view .action-btn[data-is-animating-click=true]:after, .groups-list-container .empty-view .action-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
          padding: 0;
          -webkit-transition-duration: 140ms;
                  transition-duration: 140ms; }
      .groups-list-container .empty-view .action-btn:hover:not(:disabled), .groups-list-container .empty-view .action-btn.hover-not-disabled {
        background-color: #0077b5;
        color: white; }
      .groups-list-container .empty-view .action-btn:disabled, .groups-list-container .empty-view .action-btn.disabled {
        color: rgba(255, 255, 255, 0.7);
        opacity: 0.25; }
  .groups-list-container .group-list-title {
    color: rgba(0, 0, 0, 0.85);
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.55);
    margin: 0 0 16px 0; }
    .groups-list-container .group-list-title:lang(ja), .groups-list-container .group-list-title:lang(zh), .groups-list-container .group-list-title:lang(ko) {
      font-size: 1.6rem;
      line-height: 2.3rem; }
    .groups-list-container .group-list-title:lang(ar) {
      font-size: 1.7rem;
      line-height: 2.1rem; }
    .groups-list-container .group-list-title:lang(th) {
      font-size: 1.5rem;
      line-height: 2.2rem; }
  .groups-list-container .group-search-form {
    padding-left: 32px; }
  .groups-list-container > .region-featured-list {
    padding-left: 32px; }
    .groups-list-container > .region-featured-list .my-groups-list {
      margin-bottom: 40px; }
  .groups-list-container > .region-standard-list {
    padding-left: 32px; }

.my-groups-list .group-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  .my-groups-list .group-view.is-active {
    border-top: 1px solid #E6E9EC;
    border-bottom: 1px solid #E6E9EC;
    margin-left: -32px;
    padding-left: 32px; }

.my-groups-list .group-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0px;
  width: 100%; }

.my-groups-list .group-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
  margin-right: 32px;
  margin-left: 24px; }
  .my-groups-list .group-actions .action-btn {
    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;
    -webkit-transition-duration: 167ms;
            transition-duration: 167ms;
    -webkit-transition-property: background-color, box-shadow, color;
            transition-property: background-color, box-shadow, color;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    vertical-align: middle;
    z-index: 0;
    border-radius: 16px;
    text-indent: -999px;
    width: 32px; }
    .my-groups-list .group-actions .action-btn > svg, .my-groups-list .group-actions .action-btn li-icon {
      top: 50%;
      height: 24px;
      left: 50%;
      margin: -12px 0 0 -12px;
      padding: 0;
      position: absolute;
      width: 24px; }
    .my-groups-list .group-actions .action-btn > svg, .my-groups-list .group-actions .action-btn li-icon > svg {
      -webkit-transition: -webkit-transform 167ms;
              transition: transform 167ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    .my-groups-list .group-actions .action-btn li-icon > svg {
      display: block;
      vertical-align: top; }
    .my-groups-list .group-actions .action-btn:after {
      border-color: rgba(0, 0, 0, 0.2);
      padding: calc(50% + 1px);
      background-color: transparent;
      border-radius: 50%;
      border-style: solid;
      border-width: 1000px;
      content: "";
      height: 0;
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: padding 334ms;
              transition: padding 334ms;
      -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      width: 0;
      z-index: -1; }
    .edge .my-groups-list .group-actions .action-btn, .ie .my-groups-list .group-actions .action-btn {
      border-radius: 32px; }
    .my-groups-list .group-actions .action-btn[data-is-animating-click=true], .my-groups-list .group-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true] {
      color: rgba(0, 0, 0, 0.85);
      -webkit-transition-duration: 140ms;
              transition-duration: 140ms;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      .my-groups-list .group-actions .action-btn[data-is-animating-click=true]:after, .my-groups-list .group-actions .action-btn:hover:not(:disabled)[data-is-animating-click=true]:after {
        padding: 0;
        -webkit-transition-duration: 140ms;
                transition-duration: 140ms; }
    .my-groups-list .group-actions .action-btn:before {
      -webkit-transition-duration: 500ms;
              transition-duration: 500ms; }
    .my-groups-list .group-actions .action-btn:hover:not(:disabled), .my-groups-list .group-actions .action-btn.hover-not-disabled {
      background-color: rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.7); }
    .my-groups-list .group-actions .action-btn:disabled, .my-groups-list .group-actions .action-btn.disabled {
      color: rgba(0, 0, 0, 0.25); }
  .my-groups-list .group-actions .menu-content {
    right: -10px; }

.my-groups-list .group-entity {
  float: left;
  max-width: 100%; }
  .my-groups-list .group-entity a.entity-container {
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .my-groups-list .group-entity a.entity-container:hover, .my-groups-list .group-entity a.entity-container:focus {
      color: #008CC9;
      text-decoration: none; }
    .my-groups-list .group-entity a.entity-container:active, .my-groups-list .group-entity a.entity-container.is-active {
      color: #005E93;
      text-decoration: none; }
    .my-groups-list .group-entity a.entity-container:hover .entity-name, .my-groups-list .group-entity a.entity-container:focus .entity-name {
      color: #008CC9; }
    .my-groups-list .group-entity a.entity-container:active .entity-name {
      color: #005E93; }
  .my-groups-list .group-entity .entity-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .my-groups-list .group-entity .entity-figure {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 64px;
        -ms-flex: 0 0 64px;
            flex: 0 0 64px;
    min-width: 0px;
    border: none;
    width: medium;
    height: medium;
    margin-right: 2px;
    border-radius: 0;
    line-height: 0;
    width: 64px;
    height: 64px;
    overflow: hidden;
    margin-right: 12px; }
    .my-groups-list .group-entity .entity-figure .entity-image {
      width: 100%;
      height: auto; }
  .my-groups-list .group-entity .entity-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden; }
  .my-groups-list .group-entity .entity-name {
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.1rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85); }
    .my-groups-list .group-entity .entity-name:lang(ja), .my-groups-list .group-entity .entity-name:lang(zh), .my-groups-list .group-entity .entity-name:lang(ko) {
      font-size: 2rem;
      line-height: 2.8rem; }
    .my-groups-list .group-entity .entity-name:lang(ar) {
      font-size: 2.1rem;
      line-height: 2.6rem; }
    .my-groups-list .group-entity .entity-name:lang(th) {
      font-size: 1.9rem;
      line-height: 2.6rem; }
  .my-groups-list .group-entity .entity-figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid #FFFFFF;
    background-color: #EDF0F3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
  .my-groups-list .group-entity .entity-name {
    color: rgba(0, 0, 0, 0.85);
    font-size: 2.1rem;
    line-height: 2.4rem;
    font-weight: bold;
    -webkit-transition: color 0.1s;
            transition: color 0.1s;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7); }
    .my-groups-list .group-entity .entity-name:lang(ja), .my-groups-list .group-entity .entity-name:lang(zh), .my-groups-list .group-entity .entity-name:lang(ko) {
      font-size: 2rem;
      line-height: 2.8rem; }
    .my-groups-list .group-entity .entity-name:lang(ar) {
      font-size: 2.1rem;
      line-height: 2.6rem; }
    .my-groups-list .group-entity .entity-name:lang(th) {
      font-size: 1.9rem;
      line-height: 2.6rem; }
    .my-groups-list .group-entity .entity-name:hover, .my-groups-list .group-entity .entity-name:focus {
      color: #008CC9;
      text-decoration: none; }
    .my-groups-list .group-entity .entity-name:active, .my-groups-list .group-entity .entity-name.is-active {
      color: #005E93;
      text-decoration: none; }
  .my-groups-list .group-entity .entity-meta {
    color: rgba(0, 0, 0, 0.55);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: normal;
    display: block; }
    .my-groups-list .group-entity .entity-meta:lang(ja), .my-groups-list .group-entity .entity-meta:lang(zh), .my-groups-list .group-entity .entity-meta:lang(ko) {
      font-size: 1.4rem;
      line-height: 2.2rem; }
    .my-groups-list .group-entity .entity-meta:lang(ar) {
      font-size: 1.5rem;
      line-height: 2rem; }
    .my-groups-list .group-entity .entity-meta:lang(th) {
      font-size: 1.3rem;
      line-height: 2rem; }
  .my-groups-list .group-entity .meta-item {
    white-space: nowrap; }
    .my-groups-list .group-entity .meta-item:not(:last-child):after {
      content: '\00B7';
      padding: 0 5px; }

.my-groups-list-view.is-empty > .group-list-title {
  display: none; }

.my-groups-list-view.is-empty > .my-groups-list {
  margin-bottom: 0; }