@charset "UTF-8";

  /***** Base *****/

  * {
    box-sizing: border-box;
  }

  body {
    background-color: #090a0e; /* rgba(255, 255, 255, 1); */
    color: rgba(17, 17, 17, 1);
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  @media (min-width: 1024px) {
    body > main {
    min-height: 65vh;
    background: #fff;
    }
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 0;
  }

  h1 {
    /* Lomino (Standard Web)/60 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 110%;
    /* identical to box height, or 66px */

    letter-spacing: -0.02em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  h2 {
    /* Lomino (Standard Web)/36 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    /* or 43px */

    letter-spacing: -0.02em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  h3 {
    /* Lomino (Standard Web)/24 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 29px */

    letter-spacing: -0.02em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  h4 {
    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  a {
    color: rgba(109, 71, 211, 1);
    text-decoration: none;
  }

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

  input,
  textarea {
    color: #000;
    font-size: 14px;
  }

  input {
    font-weight: 400;
    max-width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border 0.12s ease-in-out;
  }

  input:focus {
    border: 1px solid rgba(109, 71, 211, 1);
  }

  input[disabled] {
    background-color: #ddd;
  }

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/hc/theming_assets/01J9RXB8JHV1MNPB8QV7KX7X2C) no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%;
  }

  select:focus {
    border: 1px solid rgba(109, 71, 211, 1);
  }

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

  textarea {
    border: 1px solid #ddd;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px;
  }

  textarea:focus {
    border: 1px solid rgba(109, 71, 211, 1);
  }

  .container {
    /* max-width: 1160px; */
    margin: 0 auto;
    padding: 0 5%;
    /* background: #EDEDEE; */
  }

  @media (min-width: 1160px) {
    .container {
    padding: 0;
    }
  }

  .container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .error-page {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
  }

  @media (min-width: 1160px) {
    .error-page {
    padding: 0;
    width: 90%;
    }
  }

  .dropdown-toggle {
    background: none;
    border: 0;
    padding: 0;
    text-align: initial;
  }

  .dropdown-toggle:focus {
    outline: 0;
    text-decoration: underline;
  }

  .dropdown-toggle::after {
    color: inherit;
  }

  /***** Buttons *****/

  .button,
  [role="button"] {
    color: rgba(109, 71, 211, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out,
    color 0.15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
  }

  @media (min-width: 768px) {
    .button,
    [role="button"] {
    width: auto;
    }
  }

  .button::after,
  [role="button"]::after {
    color: rgba(109, 71, 211, 1);
  }

  .button:hover,
  .button:active,
  .button:focus,
  .button[aria-selected="true"],
  [role="button"]:hover,
  [role="button"]:active,
  [role="button"]:focus,
  [role="button"][aria-selected="true"] {
    background-color: rgba(109, 71, 211, 1);
    color: #FFFFFF;
    text-decoration: none;
  }

  .button[aria-selected="true"]:hover,
  .button[aria-selected="true"]:focus,
  .button[aria-selected="true"]:active,
  [role="button"][aria-selected="true"]:hover,
  [role="button"][aria-selected="true"]:focus,
  [role="button"][aria-selected="true"]:active {
    background-color: #412391;
  }

  .button[data-disabled],
  [role="button"][data-disabled] {
    cursor: default;
  }

  .button-large,
  input[type="submit"] {
    background-color: rgba(109, 71, 211, 1);
    border: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%;
  }

  @media (min-width: 768px) {
    .button-large,
    input[type="submit"] {
    width: auto;
    }
  }

  .button-large:hover,
  .button-large:active,
  .button-large:focus,
  input[type="submit"]:hover,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    background-color: #412391;
  }

  .button-large[disabled],
  input[type="submit"][disabled] {
    background-color: #ddd;
  }

  .button-secondary {
    color: #444;
    border: 1px solid #ddd;
    background-color: transparent;
  }

  .button-secondary:hover,
  .button-secondary:focus,
  .button-secondary:active {
    color: rgba(17, 17, 17, 1);
    border: 1px solid #ddd;
    background-color: #f7f7f7;
  }

  /***** Tables *****/


      .article-body table {
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      table-layout: fixed;
      }

      .article-body table strong {
      font-weight: 700;
      }

      .article-body table,
      th,
      td {
      border: none;
      }

      .article-body tr {
        border-top: 1px solid #111;
      }

      .article-body table td {
      padding: 20px 10px 20px 5px;
      align-items: center;
      }

      .article-body table td {
            width: 175px;
        }

      .article-body table td+td {
      width: auto;
      }

      .article-body table p {
      margin: 15px 0 0;
      }

      .article-body table p:first-of-type {
      margin: 0;
      }

  .table {
    width: 100%;
    table-layout: fixed;
  }

  @media (min-width: 768px) {
    .table {
    table-layout: auto;
    }
  }

  .table th,
  .table th a {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
  }

  [dir="rtl"] .table th,
  [dir="rtl"] .table th a {
    text-align: right;
  }

  .table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 20px 0;
  }

  @media (min-width: 768px) {
    .table tr {
    display: table-row;
    }
  }

  .table td {
    display: block;
  }

  @media (min-width: 768px) {
    .table td {
    display: table-cell;
    }
  }

  @media (min-width: 1024px) {
    .table td,
    .table th {
    padding: 20px 30px;
    }
  }

  @media (min-width: 768px) {
    .table td,
    .table th {
    padding: 10px 20px;
    height: 60px;
    }
  }

  /***** Forms *****/

  .form {
    max-width: 650px;
  }

  .form-field ~ .form-field {
    margin-top: 25px;
  }

  .form-field label {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
  }

  .form-field input {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
  }

  .form-field input:focus {
    border: 1px solid rgba(109, 71, 211, 1);
  }

  .form-field input[type="text"] {
    border: 1px solid #ddd;
  }

  .form-field input[type="text"]:focus {
    border: 1px solid rgba(109, 71, 211, 1);
  }

  .form-field input[type="checkbox"] {
    width: auto;
  }

  .form-field .nesty-input {
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle;
  }

  .form-field .nesty-input:focus {
    border: 1px solid rgba(109, 71, 211, 1);
    text-decoration: none;
  }

  .form-field .hc-multiselect-toggle:focus {
    outline: none;
    border: 1px solid rgba(109, 71, 211, 1);
    text-decoration: none;
  }

  .form-field textarea {
    vertical-align: middle;
  }

  .form-field input[type="checkbox"] + label {
    margin: 0 0 0 10px;
  }

  .form-field.required > label::after {
    content: "*";
    color: #6D47D3;
    margin-left: 2px;
  }

  .form-field .optional {
    color: #444;
    margin-left: 4px;
  }

  .form-field p {
    color: #444;
    font-size: 12px;
    margin: 5px 0;
  }

  [data-loading="true"] input,
  [data-loading="true"] textarea {
    background: transparent url(/hc/theming_assets/01J9RXB4KHXTSTJJAXJ7XE4WG0) 99% 50% no-repeat;
    background-size: 16px 16px;
  }

  .form footer {
    margin-top: 40px;
    padding-top: 30px;
  }

  .form footer a {
    color: #444;
    cursor: pointer;
    margin-right: 15px;
  }

  .form .suggestion-list {
    font-size: 13px;
    margin-top: 30px;
  }

  .form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px;
  }

  .form .suggestion-list li {
    padding: 10px 0;
  }

  .form .suggestion-list li a:visited {
    color: #412391;
  }

  /***** Header *****/

  .header {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    position: relative;
    align-items: center;
    display: flex;
    height: 71px;
    justify-content: space-between;
  }

  @media (min-width: 1160px) {
    .header {
    padding: 0;
    width: 90%;
    }
  }

  .logo img {
    max-height: 37px;
  }

  .user-nav {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
  }

  @media (min-width: 768px) {
    .user-nav {
    position: relative;
    }
  }

  .user-nav[aria-expanded="true"] {
    background-color: #000;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 1;
  }

  .user-nav[aria-expanded="true"] > a {
    display: block;
    margin: 20px;
  }

  .nav-wrapper a {
    border: 0;
    color: rgba(109, 71, 211, 1);
    display: none;
    font-size: 14px;
    padding: 0 20px 0 0;
    width: auto;
  }

  @media (min-width: 768px) {
    .nav-wrapper a {
    display: inline-block;
    }
  }

  [dir="rtl"] .nav-wrapper a {
    padding: 0 0 0 20px;
  }

  .nav-wrapper a:hover,
  .nav-wrapper a:focus,
  .nav-wrapper a:active {
    background-color: transparent;
    color: rgba(109, 71, 211, 1);
    text-decoration: underline;
  }

  .nav-wrapper a.login {
    display: inline-block;
  }

  .nav-wrapper .icon-menu {
    border: 0;
    color: rgba(109, 71, 211, 1);
    cursor: pointer;
    display: inline-block;
    margin-right: 1px;
    padding: 0;
    width: auto;
  }

  @media (min-width: 768px) {
    .nav-wrapper .icon-menu {
    display: none;
    }
  }

  [dir="rtl"] .nav-wrapper .icon-menu {
    margin-left: 10px;
    margin-right: 0;
  }

  .nav-wrapper .icon-menu:hover,
  .nav-wrapper .icon-menu:focus,
  .nav-wrapper .icon-menu:active {
    background-color: transparent;
    color: rgba(109, 71, 211, 1);
  }

  /***** User info in header *****/

  .user-info:hover,
  .user-info:active {
    /* Brand/Meteorite 10 */

    background: #F6F6F6;
    /* Brand/Meteorite 40 */

    color: #757575;

    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  .user-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;

    min-width: 79px;
    height: 40px;

    /* Brand/Bionic */

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
  }

  .user-info .dropdown-toggle::after {
    display: none;
  }

  @media (min-width: 768px) {
    .user-info .dropdown-toggle::after {
    display: inline-block;
    }
  }

  .user-info > [role="button"] {
    border: 0;
    color: #757575;
    min-width: 0;
    padding: 0;
    white-space: nowrap;
  }

  .user-info > [role="button"]:hover,
  .user-info > [role="button"]:focus {
    /* Brand/Meteorite 10 */

    background: #F6F6F6;
    /* Brand/Meteorite 40 */

    color: #757575;
  }

  .user-info > [role="button"]::after {
    color: #757575;
    padding-right: 15px;
  }

  [dir="rtl"] .user-info > [role="button"]::after {
    padding-left: 15px;
    padding-right: 0;
  }

  #user #user-name {
    display: none;
    font-size: 14px;
  }

  @media (min-width: 768px) {
    #user #user-name {
    display: inline-block;
    }
  }

  #user #user-name:hover {
    text-decoration: underline;
  }

  /***** User avatar *****/

  .user-avatar {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
  }

  .avatar {
    display: inline-block;
    position: relative;
  }

  .avatar img {
    height: 40px;
    width: 40px;
  }

  .avatar .icon-agent::before {
    background-color: rgba(109, 71, 211, 1);
    border: 2px solid #fff;
    bottom: -4px;
    color: #FFFFFF;
    content: "\1F464";
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 14px;
  }

  /***** Footer *****/

  .footer {
    margin-top: 0px;
    padding: 30px 0;
  }

  .footer a {
    color: #444;
  }

  .footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
  }

  @media (min-width: 1160px) {
    .footer-inner {
    padding: 0;
    width: 90%;
    }
  }

  .footer-language-selector {
    background-color: 000;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    text-align: right;
    padding: 0.5em;
    margin: 0.75em;
  }

  /***** Breadcrumbs *****/

  .breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0;
  }

  @media (min-width: 768px) {
    .breadcrumbs {
    margin: 0;
    }
  }

  .breadcrumbs li {
    color: #444;
    display: inline;
    font-weight: 400;
    font-size: 13px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .breadcrumbs li + li::before {
    content: ">";
    margin: 0 4px;
  }

  .breadcrumbs li a:visited {
    color: rgba(109, 71, 211, 1);
  }

  .breadcrumbs li a:active,
  .breadcrumbs li a:hover,
  .breadcrumbs li a:focus
   {
    font-weight: 400;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;
    text-decoration: underline;
  }

  /***** Search field *****/

  .search {
    position: relative;
    width: 480px;
    height: 52px;
    margin: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 0px 12px 12px;
    gap: 10px;
    background: #FFFFFF;
  }

  .herosearch {
   /*  border: 1px solid #ddd; */
   /*  box-sizing: border-box; */
   /*  color: #999; */
   /*  padding-left: 20px; */
   /*  padding-right: 20px; */
   -webkit-appearance: none;
   /*  background-color: #fff; */

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 0px 12px 12px;
    gap: 10px;

    width: 480px;
    height: 52px;

    /* Brand/Bionic */

    background: #FFFFFF;
  }


  .search input[type="search"] {
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 6px 35px;
    gap: 6px;

    width: 456px;
    height: 28px;

    /* Brand/Bionic */

    background: #FFFFFF;
    /* Brand/Meteorite 40 */
    border: none;
    border-bottom: 1px solid #B7B7B8;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;

  }

  @media (min-width: 320px) {
    .herosearch {
      width: 260px;
    }

    .search input[type="search"] {
      width: 240px;
    }

  }

  @media (min-width: 768px) {
    .search input[type="search"] {
      width: 480px;
      width: 456px;
    }
  }

  @media (min-width: 1024px) {

  }

  @media (min-width: 1440px) {

  }

  [dir="rtl"] .search input[type="search"] {
    padding-right: 40px;
    padding-left: 20px;
  }

  .search input[type="search"]:hover {
    /* Brand/Meteorite 100 */
    border: none;
    border-bottom: 1px solid #111111;
  }

  .search input[type="search"]:focus {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    /* Brand/Bionic */

    background: #FFFFFF;
    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  .search::before {
    top: 50%;
    transform: translateY(-50%);

    color: #111;
    content: url(/hc/theming_assets/01J9RXB0KT8JABW3B293JM00PB);
    font-size: 18px;
    position: absolute;
    left: 15px;
  }

  [dir="rtl"] .search::before {
    right: 15px;
    left: auto;
  }

  .search-full input[type="Search Care Center"] {

  }

  /***** Hero component *****/

  .hero {
    background-image: url(/hc/theming_assets/01J9RXB585K1M4V0SMEKKN80X7);
    background-color: #090a0e;
    background-position: right;
    background-repeat: no-repeat;
    height: 763px;
    padding: 0 20px;
    text-align: center;
  }

  .hero-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 610px;
    margin: 0 64px;
    text-align: left;
  }

  .page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
  }

  @media (min-width: 320px) {
    .hero-inner {
      margin: 0 32px;
    }

  }

  @media (min-width: 768px) {
    .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
    }
  }

  .page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
  }

  @media (min-width: 768px) {
    .page-header .section-subscribe {
    margin-bottom: 0;
    }
  }

  .page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px;
  }

  .page-header-description {
    font-style: italic;
    font-weight: 400;
    margin: 0 0 30px 0;
    word-break: break-word;
  }

  @media (min-width: 1024px) {
    .page-header-description {
    flex-basis: 100%;
    }
  }

  .page-header .icon-lock::before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
  }

  .sub-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px;
  }

  @media (min-width: 768px) {
    .sub-nav {
    align-items: baseline;
    flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .sub-nav input[type="search"] {
    min-width: 300px;
    }
  }

  .sub-nav input[type="search"]::after {
    font-size: 15px;
  }

  /***** Blocks *****/

  /* Used in Homepage#categories and Community#topics */

  .blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
  }

  @media (min-width: 768px) {
    .blocks-list {
    margin: 0 -15px;
    }
  }

  .blocks-item {
    border: 0px solid rgba(109, 71, 211, 1);
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: left;
    align-self: flex-start;
  }

  .blocks-article-description {
    font-style: italic;
    color: #3f4144; /* May want to set this as a SASS variable later... **/
    font-size: 12px;
  }

  .blocks-article-title {
    color: rgba(109, 71, 211, 1);
    font-size: 16px;
  }

  .blocks-article-content {
    color: rgba(17, 17, 17, 1);
    font-size: 16px;
  }

  .blocks-category-link {
    color rgba(109, 71, 211, 1);
    font-size: 16px;
  }

  .blocks-article-divider {
    border: none;
    border-color: #252628; /* Another opportunity to add a SASS variable... */
    max-width: 128px;
  }

  @media (min-width: 768px) {
    .blocks-item {
    width: 50%;
    }
  }

  @media (min-width: 1024px) {
    .blocks-item {
    width: 33.3%;
    }
  }

  /*
  .blocks-item:hover, .blocks-item:focus, .blocks-item:active {
    background-color: rgba(109, 71, 211, 1);
  }

  .blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
    color: #FFFFFF;
    text-decoration: none;
  } */

  .blocks-item-internal {
    background-color: transparent;
    border: 1px solid #ddd;
  }

  .blocks-item-internal .icon-lock::before {
    content: "\1F512";
    font-size: 15px;
    bottom: 5px;
    position: relative;
  }

  .blocks-item-internal a {
    color: rgba(17, 17, 17, 1);
  }

  .blocks-item-link {
    color: rgba(109, 71, 211, 1);
    padding: 20px 30px;
  }

  .blocks-item-link:hover,
  .blocks-item-link:focus,
  .blocks-item-link:active {
    text-decoration: none;
  }

  .blocks-item-title {
    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    /* identical to box height, or 24px */

    letter-spacing: -0.02em;

    color: #000000;
  }

  .blocks-item-description {
    height: 48px;
    width: 300px;
    color: #717171;
    font-family: Lomino;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin: 0px auto 0px;
  }

  /*.blocks-item-description:not(:empty) {
    margin-top: 10px;
  }*/

  /***** Homepage *****/

  .section {
    margin-bottom: 40px;
  }

  @media (min-width: 768px) {
    .section {
    margin-bottom: 60px;
    }
  }

  .section h2 {
    margin-bottom: 10px;
    text-align: center;
  }

  /***** Promoted articles *****/

  .promoted-articles.article-list {
    display: block;
  }

  @media (min-width: 768px) {
    .article-list.promoted-articles {
      width: calc(100% + 75px);
      margin-left: -35px;
    }
  }

  @media (min-width: 1024px) {
    .promoted-articles {
    flex-direction: row;
    }
  }

  .promoted-articles-item {
    flex: 1 0 auto;
  }

  @media (min-width: 1024px) {
    .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: calc(33% - 30px);
    /* Three columns on desktop */
    }
    [dir="rtl"] .promoted-articles-item {
    padding: 0 0 0 30px;
    }
  }

  .promoted-articles-item:nth-child(3n) {
    padding-right: 0;
  }

  .promoted-articles-item a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    color: rgba(17, 17, 17, 1);
  }

  .promoted-articles-item .icon-lock::before {
    vertical-align: baseline;
  }

  .promoted-articles-item:last-child a {
    border: 0;
  }

  @media (min-width: 1024px) {
    .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
    }
  }

  /***** Community section in homepage *****/

  .community {
    text-align: center;
  }

  .community-image {
    min-height: 300px;
    background-image: url(/hc/theming_assets/01J9RXBBFW54075XV2W0WV9R4A);
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
  }

  .community,
  .activity {
    border-top: 1px solid #ddd;
    padding: 30px 0;
  }

  /***** Recent activity *****/

  .recent-activity-header {
    margin-bottom: 10px;
    text-align: center;
  }

  .recent-activity-list {
    padding: 0;
  }

  .recent-activity-item {
    border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 20px 0;
  }

  .recent-activity-item-parent {
    font-size: 16px;
  }

  .recent-activity-item-parent,
  .recent-activity-item-link {
    margin: 6px 0;
    color: rgba(17, 17, 17, 1);
    display: inline-block;
    width: 100%;
  }

  @media (min-width: 768px) {
    .recent-activity-item-parent,
    .recent-activity-item-link {
    width: 70%;
    margin: 0;
    }
  }

  .recent-activity-item-link {
    font-size: 14px;
    font-weight: 400;
  }

  .recent-activity-item-meta {
    margin: 15px 0 0 0;
    float: none;
  }

  @media (min-width: 768px) {
    .recent-activity-item-meta {
    margin: 0;
    float: right;
    }
    [dir="rtl"] .recent-activity-item-meta {
    float: left;
    }
  }

  .recent-activity-item-time,
  .recent-activity-item-comment {
    color: #444;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
  }

  .recent-activity-item-comment {
    padding-left: 5px;
  }

  [dir="rtl"] .recent-activity-item-comment {
    padding: 0 5px 0 0;
  }

  .recent-activity-item-comment::before {
    display: inline-block;
  }

  .recent-activity-item-comment span::before {
    color: rgba(109, 71, 211, 1);
    content: "\1F4AC";
    display: inline-block;
    font-size: 15px;
    padding-right: 3px;
    vertical-align: middle;
  }

  [dir="rtl"] .recent-activity-item-comment span::before {
    padding-left: 3px;
  }

  .recent-activity-controls {
    padding-top: 15px;
  }

  /***** Category pages *****/

  .category-container {
    display: flex;
    justify-content: flex-end;
  }

  .category-content {
    flex: 1;
  }

  @media (min-width: 1024px) {
    .category-content {
    flex: 0 0 80%;
    }
  }

  .section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 36px;
  }

  @media (min-width: 768px) {
    .section-tree {
    flex-direction: row;
    }
  }

  .section-tree .section {
    flex: initial;
  }

  @media (min-width: 768px) {
    .section-tree .section {
    flex: 0 0 48%;
    margin: 48px 0;
    /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
    .section-tree .section:nth-child(odd) {
    margin-right: 24px;
    }
  }

  @media (min-width: 1024px) {
    .section-tree .section:nth-child(odd) {
    margin-right: 48px;
    }
  }

  .section-tree-title {
    margin-bottom: 0;
  }

  .section-tree-title a {
    color: rgba(17, 17, 17, 1);
  }

  .section-tree .see-all-articles {
    display: block;
    padding: 15px 0;
  }

  .article-list-item {
    font-size: 16px;
    padding: 15px 0;
  }

  .article-list-item a {
    color: rgba(17, 17, 17, 1);
  }

  .article-list-item .icon-lock::before {
    vertical-align: baseline;
  }

  .icon-star::before {
    color: rgba(109, 71, 211, 1);
    font-size: 18px;
  }

  /***** Section pages *****/

  .section-container {
    display: flex;
    justify-content: flex-end;
  }

  .section-content {
    flex: 1;
  }

  @media (min-width: 1024px) {
    .section-content {
    flex: 0 0 80%;
    }
  }

  .section-subscribe .dropdown-toggle::after {
    display: none;
  }

  .section-list {
    margin: 40px 0;
  }

  .section-list--collapsed .section-list-item:nth-child(1n + 6) {
    display: none;
  }

  .section-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
  }

  .section-list-item:first-child {
    border-top: 1px solid #ddd;
  }

  .section-list-item a {
    align-items: center;
    color: rgba(17, 17, 17, 1);
    display: flex;
    justify-content: space-between;
  }

  .see-all-sections-trigger {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center;
  }

  .see-all-sections-trigger[aria-hidden="true"] {
    display: none;
  }

  /***** Article *****/

  .article {
    /*
    * The article grid is defined this way to optimize readability:
    * Sidebar | Content | Free space
    * 17%     | 66%     | 17%
    */
    flex: 1 0 auto;
  }

  @media (min-width: 1024px) {
    .article {
    flex: 1 0 66%;
    max-width: 100%;
    min-width: 640px;
    padding: 0 30px;
    }
  }

  .article-container {
    display: flex;
    flex-direction: column;
  }

  @media (min-width: 1024px) {
    .article-container {
    flex-direction: row;
    }
  }

  .article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px;
  }

  @media (min-width: 768px) {
    .article-header {
    flex-direction: row;
    margin-top: 0;
    }
  }

  .article-avatar {
    margin-right: 10px;
  }

  .article-author {
    margin-bottom: 10px;
  }

  @media (min-width: 768px) {
    .article-title {
    flex-basis: 100%;
    /* Take entire row */
    }
  }

  .article-title .icon-lock::before {
    content: "\1F512";
    font-size: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline;
  }

  .article [role="button"] {
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
    width: 100%;
  }

  @media (min-width: 768px) {
    .article [role="button"] {
    width: auto;
    }
  }

  .article-info {
    max-width: 100%;
  }

  .article-meta {
    display: inline-block;
    vertical-align: middle;
  }

  .article-body {
    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  .article-body img {
    height: auto;
    max-width: 100%;
  }

  .article-body ul,
  .article-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
  }

  [dir="rtl"] .article-body ul,
  [dir="rtl"] .article-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
  }

  .article-body ul > ul,
  .article-body ol > ol,
  .article-body ol > ul,
  .article-body ul > ol,
  .article-body li > ul,
  .article-body li > ol {
    margin: 0;
  }

  .article-body ul {
    list-style-type: disc;
  }

  .article-body a:visited {
    color: #412391;
  }

  .article-body code {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
  }

  .article-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
  }

  .article-body blockquote {
    border-left: 1px solid #ddd;
    color: #444;
    font-style: italic;
    padding: 0 15px;
  }

  .article-body > p:last-child {
    margin-bottom: 0;
  }

  .article-content {
    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;

    margin: 40px 0;
    word-wrap: break-word;
  }

  .article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  .article-comment-count {
    color: #444;
    font-weight: 400;
  }

  .article-comment-count:hover {
    text-decoration: none;
  }

  .article-comment-count .icon-comments {
    color: rgba(109, 71, 211, 1);
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px;
  }

  .article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
  }

  @media (min-width: 1024px) {
    .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    }
  }

  .article-relatives {
    /* border-top: 1px solid #ddd; */
    display: flex;
    flex-direction: column;
    padding: 20px 0;
  }

  @media (min-width: 768px) {
    .article-relatives {
    flex-direction: row;
    }
  }

  .article-relatives > * {
    flex: 1 0 50%;
    min-width: 50%;
    overflow-wrap: break-word;
    margin-right: 0;
  }

  .article-relatives > *:last-child {
    padding: 0;
  }

  @media (min-width: 768px) {
    .article-relatives > * {
    padding-right: 24px;
    }
  }

  .article-votes {
    /* border-top: 1px solid #ddd; */
    padding: 30px 0;
    text-align: center;
  }

  .article-vote {
    background: transparent;
    color: rgba(109, 71, 211, 1);
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
  }

  .article-vote::before {
    font-size: 8px;
    margin-right: 10px;
  }

  [dir="rtl"] .article-vote::before {
    margin-right: 0;
    margin-left: 10px;
  }

  .article-vote::after {
    content: attr(title);
    /* Yes/No label*/
  }

  .article-vote:focus,
  .article-vote:active {
    background-color: transparent;
    color: rgba(109, 71, 211, 1);
  }

  .article-vote:hover {
    background-color: rgba(109, 71, 211, 1);
  }

  .article-vote:hover::before,
  .article-vote:hover::after,
  .article-vote[aria-selected="true"]::before,
  .article-vote[aria-selected="true"]::after {
    color: #FFFFFF;
  }

  /*.article-vote-up::before {
    content: "\2713";
  }

  .article-vote-down::before {
    content: "\2715";
  }*/

  .article-more-questions {
    margin: 10px 0 20px;
    text-align: center;
  }

  .article-return-to-top {
    border-top: 1px solid #ddd;
  }

  @media (min-width: 1024px) {
    .article-return-to-top {
    display: none;
    }
  }

  .article-return-to-top a {
    color: rgba(17, 17, 17, 1);
    display: block;
    padding: 20px 0;
  }

  .article-return-to-top a:hover,
  .article-return-to-top a:focus {
    text-decoration: none;
  }

  .article-return-to-top .icon-arrow-up::before {
    font-size: 16px;
    margin-left: 5px;
  }

  [dir="rtl"] .article-return-to-top .icon-arrow-up::before {
    margin-right: 10px;
  }

  .article-unsubscribe {
    background-color: rgba(109, 71, 211, 1);
    color: #FFFFFF;
    text-decoration: none;
  }

  .article-unsubscribe:hover {
    background-color: #412391;
    /* border-color: #412391; */
  }

  .sidenav-title {
    font-size: 18px;
    position: relative;
    margin-bottom: 10px;
  }

  .sidenav-item {
    color: rgba(17, 17, 17, 1);
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px;
  }

  .sidenav-item.current-article,
  .sidenav-item:hover {
    background-color: rgba(109, 71, 211, 1);
    color: #FFFFFF;
    text-decoration: none;
  }

  .recent-articles h3,
  .related-articles h3 {
    font-size: 15px;
    margin: 20px 0;
  }

  .recent-articles li,
  .related-articles li {
    margin-bottom: 15px;
  }

  /***** Attachments *****/

  /* Styles attachments inside posts, articles and comments */

  .attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
  }

  .attachments .attachment-item:last-child {
    margin-bottom: 0;
  }

  .attachments .attachment-item::before {
    color: rgba(17, 17, 17, 1);
    content: "\1F4CE";
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 5px;
  }

  [dir="rtl"] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px;
  }

  [dir="rtl"] .attachments .attachment-item::before {
    left: auto;
    right: 0;
  }

  /* .upload-dropzone span {
    color: #444;
  } */

  /***** Social share links *****/

  .share {
    padding: 0;
    white-space: nowrap;
  }

  .share li,
  .share a {
    display: inline-block;
  }

  .share a {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    width: 25px;
  }

  .share a::before {
    color: #444;
    display: block;
    font-size: 23px;
    text-align: center;
    width: 100%;
  }

  .share a:hover {
    text-decoration: none;
  }

  .share a:hover::before {
    color: rgba(109, 71, 211, 1);
  }

  .share-twitter::before {
    content: "\e901";
  }

  .share-facebook::before {
    content: "\e903";
  }

  .share-linkedin::before {
    content: "\e900";
  }

  /***** Comments *****/

  /* Styles comments inside articles, posts and requests */

  .comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
  }

  .comment-heading {
    margin-bottom: 5px;
    margin-top: 0;
  }

  .comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
  }

  .comment-overview p {
    margin-top: 0;
  }

  .comment-callout {
    color: #444;
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 0;
  }

  .comment-callout a {
    color: rgba(109, 71, 211, 1);
  }

  .comment-sorter {
    display: inline-block;
    float: right;
  }

  .comment-sorter .dropdown-toggle {
    color: #444;
    font-weight: 400;
    font-size: 13px;
  }

  [dir="rtl"] .comment-sorter {
    float: left;
  }

  .comment-wrapper {
    display: flex;
    position: relative;
  }

  .comment-wrapper.comment-official {
    border: 1px solid rgba(109, 71, 211, 1);
    padding: 40px 20px 20px;
  }

  @media (min-width: 768px) {
    .comment-wrapper.comment-official {
    padding-top: 20px;
    }
  }

  .comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
  }

  [dir="rtl"] .comment-info {
    padding-right: 0;
    padding-left: 20px;
  }

  .comment-author {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  @media (min-width: 768px) {
    .comment-author {
    justify-content: space-between;
    }
  }

  .comment-avatar {
    margin-right: 10px;
  }

  [dir="rtl"] .comment-avatar {
    margin-left: 10px;
    margin-right: 0;
  }

  .comment-meta {
    flex: 1 0 auto;
  }

  .comment-labels {
    flex-basis: 100%;
  }

  @media (min-width: 768px) {
    .comment-labels {
    flex-basis: auto;
    }
  }

  .comment .status-label:not(.status-label-official) {
    margin-top: 10px;
  }

  @media (min-width: 768px) {
    .comment .status-label:not(.status-label-official) {
    margin-top: 0;
    }
  }

  .comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word;
  }

  .comment-container {
    width: 100%;
  }

  .comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left;
  }

  @media (min-width: 768px) {
    [dir="ltr"] .comment-form-controls {
    text-align: right;
    }
  }

  .comment-form-controls input[type="submit"] {
    margin-top: 15px;
  }

  @media (min-width: 1024px) {
    .comment-form-controls input[type="submit"] {
    margin-left: 15px;
    }
    [dir="rtl"] .comment-form-controls input[type="submit"] {
    margin-left: 0;
    margin-right: 15px;
    }
  }

  .comment-form-controls input[type="checkbox"] {
    margin-right: 5px;
  }

  .comment-form-controls input[type="checkbox"] [dir="rtl"] {
    margin-left: 5px;
  }

  .comment-ccs {
    display: none;
  }

  .comment-ccs + textarea {
    margin-top: 10px;
  }

  .comment-attachments {
    margin-top: 10px;
  }

  .comment-attachments a {
    color: rgba(109, 71, 211, 1);
  }

  .comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.6;
    overflow-x: auto;
  }

  .comment-body img {
    height: auto;
    max-width: 100%;
  }

  .comment-body ul,
  .comment-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
  }

  [dir="rtl"] .comment-body ul,
  [dir="rtl"] .comment-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
  }

  .comment-body ul > ul,
  .comment-body ol > ol,
  .comment-body ol > ul,
  .comment-body ul > ol,
  .comment-body li > ul,
  .comment-body li > ol {
    margin: 0;
  }

  .comment-body ul {
    list-style-type: disc;
  }

  .comment-body a:visited {
    color: #412391;
  }

  .comment-body code {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
  }

  .comment-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
  }

  .comment-body blockquote {
    border-left: 1px solid #ddd;
    color: #444;
    font-style: italic;
    padding: 0 15px;
  }

  .comment-mark-as-solved {
    display: inline-block;
  }

  /***** Vote *****/

  /* Used in article comments, post comments and post */

  .vote {
    display: inline-block;
    text-align: center;
    width: 35px;
  }

  .vote a {
    outline: none;
  }

  .vote a:active,
  .vote a:hover,
  .vote a:focus {
    text-decoration: none;
  }

  .vote-sum {
    color: #444;
    display: block;
    margin: 3px 0;
  }

  [dir="rtl"] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
  }

  .vote-up:hover::before,
  .vote-down:hover::before {
    color: rgba(109, 71, 211, 1);
  }

  .vote-up::before,
  .vote-down::before {
    color: #444;
    font-size: 24px;
  }

  .vote-up::before {
    content: "\2B06";
  }

  .vote-down::before {
    content: "\2B07";
  }

  .vote-voted::before {
    color: rgba(109, 71, 211, 1);
  }

  .vote-voted:hover::before {
    color: #412391;
  }

  /***** Actions *****/

  /* Styles admin and en user actions(edit, delete, change status) in comments and posts */

  .actions {
    text-align: center;
    flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
  }

  .actions .dropdown-toggle {
    font-size: 0;
    margin: 15px 0;
  }

  .actions .dropdown-toggle:hover::before,
  .actions .dropdown-toggle:focus::before,
  .actions .dropdown-toggle:active::before {
    background-color: #f7f7f7;
  }

  .actions .dropdown-toggle::before {
    background-color: transparent;
    color: #444;
    content: "\2699";
    display: block;
    font-size: 13px;
    margin: auto;
    padding: 5px;
  }

  /***** Community *****/

  .community-hero {
    background-image: url(/hc/theming_assets/01J9RXBB43XRSZD9TK9RE0M1AP);
    margin-bottom: 10px;
  }

  .community-footer {
    padding-top: 50px;
    text-align: center;
  }

  .community-featured-posts,
  .community-activity {
    padding-top: 40px;
    width: 100%;
  }

  .community-header {
    margin-bottom: 30px;
  }

  .community-header h4 {
    margin-bottom: 0;
  }

  .post-to-community {
    margin-top: 10px;
  }

  @media (min-width: 768px) {
    .post-to-community {
    margin: 0;
    }
  }

  /* Community topics grid */

  .topics {
    max-width: none;
    width: 100%;
  }

  .topics-item .meta-group {
    justify-content: center;
    margin-top: 20px;
  }

  /* Community topic page */

  .topic-header {
    border-bottom: 1px solid #ddd;
    font-size: 13px;
  }

  @media (min-width: 768px) {
    .topic-header {
    padding-bottom: 10px;
    }
  }

  .topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0;
  }

  @media (min-width: 768px) {
    .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    }
  }

  .no-posts-with-filter {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /* Topic, post and user follow button */

  .community-follow {
    margin-bottom: 10px;
    width: 100%;
  }

  @media (min-width: 768px) {
    .community-follow {
    margin-bottom: 0;
    width: auto;
    }
  }

  .community-follow .dropdown {
    width: 100%;
  }

  .community-follow [role="button"] {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%;
  }

  @media (min-width: 768px) {
    .community-follow [role="button"] {
    width: auto;
    }
  }

  .community-follow [role="button"]:hover {
    background-color: rgba(109, 71, 211, 1);
  }

  .community-follow [role="button"]:hover::after,
  .community-follow [role="button"]:focus::after {
    /* border-color: #FFFFFF; */
    color: #FFFFFF;
  }

  .community-follow [role="button"][aria-selected="true"] {
    background-color: rgba(109, 71, 211, 1);
    color: #FFFFFF;
  }

  .community-follow [role="button"][aria-selected="true"]::after {
    border-left: 1px solid #FFFFFF;
    color: #FFFFFF;
  }

  .community-follow [role="button"][aria-selected="true"]:hover {
    background-color: #412391;
    /* border-color: #412391; */
  }

  .community-follow [role="button"]::after {
    border-left: 1px solid rgba(109, 71, 211, 1);
    content: attr(data-follower-count);
    color: rgba(109, 71, 211, 1);
    display: inline-block;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px;
  }

  @media (min-width: 768px) {
    .community-follow [role="button"]::after {
    position: static;
    }
  }

  [dir="rtl"] .community-follow [role="button"]::after {
    border-left: 0;
    border-right: 1px solid rgba(109, 71, 211, 1);
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
  }

  /***** Striped list *****/

  /* Used in community posts list and requests list */

  .striped-list {
    padding: 0;
  }

  .striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
  }

  @media (min-width: 768px) {
    .striped-list-item {
    align-items: center;
    flex-direction: row;
    }
  }

  .striped-list-info {
    flex: 2;
  }

  .striped-list-title {
    color: rgba(109, 71, 211, 1);
    margin-bottom: 10px;
    margin-right: 5px;
  }

  .striped-list-title:hover,
  .striped-list-title:focus,
  .striped-list-title:active {
    text-decoration: underline;
  }

  .striped-list-title:visited {
    color: #412391;
  }

  .striped-list .meta-group {
    margin: 5px 0;
  }

  .striped-list-count {
    color: #444;
    font-weight: 400;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize;
  }

  @media (min-width: 768px) {
    .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
    }
  }

  .striped-list-count-item::after {
    content: "·";
    display: inline-block;
    padding: 0 5px;
  }

  @media (min-width: 768px) {
    .striped-list-count-item::after {
    display: none;
    }
  }

  .striped-list-count-item:last-child::after {
    display: none;
  }

  .striped-list-number {
    font-weight: 400;
    text-align: center;
  }

  @media (min-width: 768px) {
    .striped-list-number {
    color: rgba(17, 17, 17, 1);
    display: block;
    font-weight: 400;
    }
  }

  /***** Status labels *****/

  /* Styles labels used in posts, articles and requests */

  .status-label {
    background-color: #1eb848;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
  }

  .status-label:hover,
  .status-label:active,
  .status-label:focus {
    text-decoration: none;
  }

  .status-label-pinned,
  .status-label-featured,
  .status-label-official {
    background-color: rgba(109, 71, 211, 1);
  }

  .status-label-official {
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
  }

  @media (min-width: 768px) {
    .status-label-official {
    right: 30px;
    width: auto;
    }
  }

  [dir="rtl"] .status-label-official {
    left: 30px;
    right: auto;
  }

  .status-label-not-planned,
  .status-label-closed {
    background-color: #e9ebed;
    color: #444;
  }

  .status-label-pending {
    background-color: #1f73b7;
    text-align: center;
  }

  .status-label-open {
    background-color: #c72a1c;
  }

  .status-label-solved {
    background-color: #68737d;
  }

  .status-label-new {
    background-color: #ffb648;
    color: #703b15;
  }

  .status-label-hold {
    background-color: #000;
  }

  .status-label-open,
  .status-label-closed,
  .status-label-solved,
  .status-label-new,
  .status-label-hold,
  .status-label-answered {
    text-transform: lowercase;
  }

  /***** Post *****/

  /*
  * The post grid is defined this way:
  * Content | Sidebar
  * 70%     | 30%
  */

  .post {
    flex: 1;
    margin-bottom: 10px;
  }

  @media (min-width: 1024px) {
    .post {
    flex: 1 0 70%;
    max-width: 70%;
    }
  }

  .post-container {
    display: flex;
    flex-direction: column;
  }

  @media (min-width: 1024px) {
    .post-container {
    flex-direction: row;
    }
  }

  .post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  @media (min-width: 768px) {
    .post-header {
    align-items: baseline;
    flex-direction: row;
    }
  }

  .post-header .status-label {
    vertical-align: super;
  }

  .post-title {
    margin-bottom: 20px;
    width: 100%;
  }

  @media (min-width: 768px) {
    .post-title {
    margin-bottom: 0;
    padding-right: 10px;
    }
  }

  .post-title h1 {
    display: inline;
    vertical-align: middle;
  }

  @media (min-width: 768px) {
    .post-title h1 {
    margin-right: 5px;
    }
  }

  .post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }

  .post-avatar {
    margin-bottom: 30px;
  }

  .post-content {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.6;
    word-break: break-word;
  }

  .post-info-container {
    display: flex;
    margin-bottom: 40px;
  }

  .post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%;
  }

  [dir="rtl"] .post-info {
    padding-right: 0;
    padding-left: 20px;
  }

  .post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
  }

  [dir="rtl"] .post-meta {
    margin-left: 0;
    margin-right: 10px;
  }

  .post-body img {
    height: auto;
    max-width: 100%;
  }

  .post-body ul,
  .post-body ol {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
  }

  [dir="rtl"] .post-body ul,
  [dir="rtl"] .post-body ol {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px;
  }

  .post-body ul > ul,
  .post-body ol > ol,
  .post-body ol > ul,
  .post-body ul > ol,
  .post-body li > ul,
  .post-body li > ol {
    margin: 0;
  }

  .post-body ul {
    list-style-type: disc;
  }

  .post-body a:visited {
    color: #412391;
  }

  .post-body code {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    margin: 0 2px;
  }

  .post-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
  }

  .post-body blockquote {
    border-left: 1px solid #ddd;
    color: #444;
    font-style: italic;
    padding: 0 15px;
  }

  .post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  .post-comment-count {
    color: #444;
    font-weight: 400;
  }

  .post-comment-count:hover {
    text-decoration: none;
  }

  .post-comment-count .icon-comments {
    color: rgba(109, 71, 211, 1);
    content: "\1F4AC";
    display: inline-block;
    font-size: 18px;
    padding: 5px;
  }

  .post-sidebar {
    border-top: 1px solid #ddd;
    flex: 1;
    padding: 30px 0;
    text-align: center;
  }

  @media (min-width: 1024px) {
    .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
    }
    [dir="rtl"] .post-sidebar {
    padding: 0 50px 0 0;
    }
  }

  .post-sidebar h5 {
    font-weight: 400;
  }

  @media (min-width: 1024px) {
    .post-sidebar h5 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    }
  }

  .post-comments {
    margin-bottom: 20px;
  }

  @media (min-width: 1024px) {
    .post-comments {
    margin-bottom: 0;
    }
  }

  /* Navigation element that collapses on mobile */

  .collapsible-nav {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex-direction: column;
    max-height: 45px;
    overflow: hidden;
    font-size: 14px;
  }

  @media (min-width: 768px) {
    .collapsible-nav {
    border: 0;
    height: auto;
    flex-direction: row;
    max-height: none;
    }
  }

  .collapsible-nav-list {
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }

  @media (min-width: 768px) {
    .collapsible-nav-list {
    flex-direction: row;
    background-color: #fff;
    }
  }

  .collapsible-nav-list li {
    color: rgba(17, 17, 17, 1);
    line-height: 45px;
    order: 1;
  }

  @media (min-width: 768px) {
    .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
    }
    [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
    }
    .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
    }
  }

  .collapsible-nav-list li a {
    color: rgba(17, 17, 17, 1);
    display: block;
  }

  @media (min-width: 768px) {
    .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
    }
    .collapsible-nav-list li:hover a {
    padding: 15px 0 11px 0;
    text-decoration: none;
    }
  }

  .collapsible-nav-list li[aria-selected="true"] {
    order: 0;
    position: relative;
  }

  @media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected="true"] {
    border-bottom: 4px solid rgba(109, 71, 211, 1);
    order: 1;
    padding: 15px 0 11px 0;
    }
  }

  .collapsible-nav-list li[aria-selected="true"] a {
    color: rgba(17, 17, 17, 1);
  }

  .collapsible-nav-list li[aria-selected="true"]::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 0;
  }

  @media (min-width: 768px) {
    .collapsible-nav-list li[aria-selected="true"]::after {
    display: none;
    }
  }

  [dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
    left: 0;
    right: auto;
  }

  .collapsible-nav[aria-expanded="true"] {
    max-height: none;
  }

  .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
    content: "\2715";
  }

  /* Sidebar navigation that collapses on mobile */

  .collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
  }

  @media (min-width: 1024px) {
    .collapsible-sidebar {
    max-height: none;
    padding: 0;
    }
  }

  .collapsible-sidebar[aria-expanded="true"] {
    max-height: none;
  }

  .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    content: "\2715";
  }

  @media (min-width: 1024px) {
    .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    display: none;
    }
  }

  .collapsible-sidebar-title {
    margin-top: 0;
  }

  .collapsible-sidebar-title::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 10px;
  }

  @media (min-width: 1024px) {
    .collapsible-sidebar-title::after {
    display: none;
    }
  }

  [dir="rtl"] .collapsible-sidebar-title::after {
    left: 10px;
    right: auto;
  }

  /***** My activities *****/

  .my-activities-nav {
    background-color: #f2f2f2;
    border: 0;
    margin-bottom: 20px;
  }

  .my-activities-sub-nav {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
  }

  @media (min-width: 768px) {
    .my-activities-sub-nav li:hover {
    border-bottom: 4px solid #ddd;
    }
  }

  .my-activities-sub-nav li[aria-selected="true"] {
    /* border-color: rgba(109, 71, 211, 1); */
  }

  .my-activities-table .striped-list-title {
    /* My activities tables */
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal;
    border: none;
  }

  @media (min-width: 1024px) {
    .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
  }

  .my-activities-table thead {
    display: none;
  }

  @media (min-width: 768px) {
    .my-activities-table thead {
    display: table-header-group;
    }
  }

  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    padding-left: 0;
  }

  @media (min-width: 1024px) {
    .my-activities-table th:first-child,
    .my-activities-table td:first-child {
    width: 500px;
    }
  }

  .my-activities-table th:last-child,
  .my-activities-table td:last-child {
    padding-right: 0;
  }

  .my-activities-table td:not(:first-child) {
    display: none;
  }

  @media (min-width: 768px) {
    .my-activities-table td:not(:first-child) {
    display: table-cell;
    }
  }

  /* Requests table */

  .requests-search {
    width: 100%;
  }

  .requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
  }

  @media (min-width: 768px) {
    .requests-table-toolbar {
    flex-direction: row;
    }
  }

  .requests-table-toolbar .search {
    flex: 1;
    width: 100%;
  }

  .requests-table-toolbar .request-table-filter {
    width: 100%;
  }

  @media (min-width: 320px) {
    .requests-table-toolbar .request-table-filter {
      margin-top: 32px;
    }
  }

  @media (min-width: 768px) {
    .requests-table-toolbar .request-table-filter {
    width: auto;
    }
  }

  .requests-table-toolbar .request-filter {
    display: block;
  }

  @media (min-width: 768px) {
    .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
    }
    [dir="rtl"] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
    }
  }

  .requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px;
  }

  @media (min-width: 768px) {
    .requests-table-toolbar .request-filter-label {
    margin-top: 0;
    }
  }

  .requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%;
  }

  @media (min-width: 768px) {
    .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
    }
  }

  .requests-table-toolbar .organization-subscribe,
  .requests-table-toolbar .organization-unsubscribe {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px;
  }

  @media (min-width: 768px) {
    .requests-table-toolbar .organization-subscribe,
    .requests-table-toolbar .organization-unsubscribe {
    margin-left: 10px;
    }
    [dir="rtl"] .requests-table-toolbar .organization-subscribe,
    [dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
    margin: 0 10px 0 0;
    }
  }

  .requests-table-toolbar .organization-unsubscribe {
    background-color: rgba(109, 71, 211, 1);
    color: #FFFFFF;
  }

  .requests-table-toolbar + .requests-search-info {
    margin-top: 15px;
    height: 48px;
  }

  .requests-table-toolbar + .requests-search-info.meta-data::after {
    content: "";
    margin: 0;
  }

  .requests-table-toolbar + .requests-search-info + .requests {
    margin-top: 20px;
  }

  .requests-table-toolbar + .requests {
    margin-top: 40px;
  }

  .requests .requests-table-meta {
    display: block;
  }

  @media (min-width: 768px) {
    .requests .requests-table-meta {
    display: none;
    }
  }

  .requests .requests-table thead {
    display: none;
  }

  @media (min-width: 768px) {
    .requests .requests-table thead {
    display: table-header-group;
    }
  }

  .requests .requests-table-info {
    display: block;
  }

  @media (min-width: 768px) {
    .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    }
  }

  .requests .requests-table .requests-link {
    position: relative;
  }

  .requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px;
  }

  /* Following table */

  .subscriptions-unsubscribe a {
    background: rgba(109, 71, 211, 1);
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    padding: 0 20px;
    text-align: center;
    width: 100%;
  }

  @media (min-width: 768px) {
    .subscriptions-unsubscribe a {
    width: auto;
    }
  }

  .subscriptions-unsubscribe a:hover {
    background-color: #412391;
    text-decoration: none;
  }

  .subscriptions-table td:last-child {
    display: block;
  }

  @media (min-width: 768px) {
    .subscriptions-table td:last-child {
    display: table-cell;
    }
  }

  .subscriptions-table td:first-child {
    display: flex;
    align-items: center;
  }

  .subscriptions-table .user-avatar {
    margin-right: 10px;
  }

  .subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle;
  }

  /* Contributions table */

  .contributions-table td:last-child {
    color: #444;
    font-size: 13px;
    font-weight: 400;
  }

  @media (min-width: 768px) {
    .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    }
  }

  .no-activities {
    color: #444;
  }

  /***** Request *****/

  .request-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media (min-width: 1024px) {
    .request-container {
    align-items: flex-start;
    flex-direction: row;
    }
  }

  .request-container .comment-container {
    min-width: 0;
  }

  .request-breadcrumbs {
    margin-bottom: 40px;
  }

  @media (min-width: 1024px) {
    .request-breadcrumbs {
    margin-bottom: 60px;
    }
  }

  .request-main {
    flex: 1 0 auto;
    order: 1;
  }

  .request-main .comment-fields,
  .request-main .request-submit-comment {
    display: none;
  }

  .request-main .comment-fields.shown {
    display: block;
  }

  .request-main .request-submit-comment.shown {
    display: inline;
  }

  @media (min-width: 1024px) {
    .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
    }
  }

  .request-main .comment-form-controls {
    display: block;
  }

  .request-main .comment-ccs {
    display: block;
  }

  .request-main .comment-show-container {
    color: #444;
    text-align: inherit;
    padding: 8px 25px;
    width: 100%;
  }

  .request-main .comment-show-container.hidden {
    display: none;
  }

  .request-main .form-field.comment-ccs > ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }

  .request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
    border: 1px solid rgba(109, 71, 211, 1);
  }

  .request-main .form-field.comment-ccs > input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
  }

  .request-main .comment-ccs + textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
  }

  .request-main .comment-ccs + textarea:focus {
    /* border-top: 1px solid rgba(109, 71, 211, 1); */
  }

  .request-main input#mark_as_solved {
    display: none;
  }

  .request-title {
    width: 100%;
  }

  @media (min-width: 1024px) {
    .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
    }
  }

  .request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    order: 0;
  }

  @media (min-width: 1024px) {
    .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
    }
  }

  .request-sidebar h5 {
    font-size: 15px;
    font-weight: 600;
    position: relative;
  }

  @media (min-width: 1024px) {
    .request-sidebar h5 {
    display: none;
    }
  }

  .request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px;
  }

  .request-details:last-child {
    border: 0;
  }

  .request-details dt,
  .request-details dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 0;
  }

  .request-details dd {
    padding: 0 10px;
    width: 60%;
  }

  .request-details dd::after {
    content: "\A";
    white-space: pre;
  }

  .request-details dt {
    color: #444;
    font-weight: 400;
    width: 40%;
  }

  .request-details .request-collaborators {
    display: inline-block;
  }

  .request-attachments dt,
  .request-attachments dd {
    width: 100%;
  }

  .request-attachments dd {
    margin: 10px 0 0 0;
  }

  .request-form textarea {
    min-height: 120px;
  }

  .request-follow-up {
    padding-top: 20px;
  }

  /***** Pagination *****/

  .pagination {
    margin: 20px 0;
    text-align: center;
  }

  .pagination * {
    display: inline-block;
  }

  .pagination li {
    height: 40px;
    float: left;
    margin-left: 5px;
    width: 40px;
  }

  @media (min-width: 768px) {
    .pagination li {
    height: 30px;
    width: 30px;
    }
  }

  [dir="rtl"] .pagination li {
    float: right;
  }

  .pagination li:hover:not(.pagination-current) {
    background-color: #f3f3f3;
  }

  .pagination li:hover:not(.pagination-current) span,
  .pagination li:hover:not(.pagination-current) a {
    color: rgba(17, 17, 17, 1);
    text-decoration: none;
  }

  .pagination a,
  .pagination span {
    font-size: 15px;
    color: #444;
    padding: 10px 12px;
  }

  @media (min-width: 768px) {
    .pagination a,
    .pagination span {
    font-size: 13px;
    padding: 5px 12px;
    }
  }

  .pagination-current {
    background-color: rgba(109, 71, 211, 1);
  }

  .pagination-current a,
  .pagination-current span {
    color: #FFFFFF;
  }

  .pagination-first {
  }

  [dir="rtl"] .pagination-first {
  }

  .pagination-last {
  }

  [dir="rtl"] .pagination-last {
  }

  /***** Metadata *****/

  .meta-group {
    display: block;
  }

  .meta-group * {
    display: inline;
  }

  .meta-data {
    color: #444;
    font-size: 13px;
    font-weight: 400;
  }

  .meta-data:not(:last-child)::after {
    content: "\00B7";
    margin: 0 5px;
  }

  /***** Icons *****/

  [class^="icon-"]::before,
  [class*=" icon-"]::before,
  .icon,
  .search::before,
  .recent-activity-item-comment span::before,

  /*.article-vote::before, */

  .attachments .attachment-item::before,
  .share a::before,
  .vote-up::before,
  .vote-down::before,
  .actions .dropdown-toggle::before,
  .collapsible-nav-list li[aria-selected="true"]::after,
  .collapsible-sidebar-title::after,
  .search-result-votes::before,
  .search-result-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
  }

  .icon-lock::before {
    content: "\1F512";
  }

  .icon-star::before {
    content: "\2605 \2009";
  }

  .icon-linkedin::before {
    content: "\e900";
  }

  .icon-twitter::before {
    content: "\e901";
  }

  .icon-facebook::before {
    content: "\e903";
  }

  .icon-agent::before {
    content: "\1F464";
  }

  .icon-close::before {
    content: "\2715";
  }

  .icon-arrow-up::before {
    content: "\2B06";
  }

  .icon-arrow-down::before {
    content: "\2B07";
  }

  .icon-attachments::before {
    content: "\1F4CE";
  }

  .icon-comments::before {
    content: "\1F4AC";
  }

  .icon-search::before {
    content: "\01F50E";
  }

  .icon-vote::before {
    content: "\1F44D";
  }

  .icon-handle::before {
    content: "\25BE";
  }

  .icon-check::before {
    content: "\2713";
  }

  .icon-gear::before {
    content: "\2699";
  }

  .icon-menu::before {
    content: "\2630";
  }

  .icon-article::before {
    content: "\1F4C4";
  }

  .icon-post::before {
    content: "\1F4D4";
  }

  .icon-notification-alert::before {
    content: "\26A0";
  }

  .icon-notification-error::before {
    content: "\00D7";
  }

  .icon-notification-info::before {
    content: "\2139";
  }

  .icon-notification-success::before {
    content: "\2714";
  }

  /* User Profiles */

  .profile-header {
    padding: 30px 0;
    background-color: #f7f7f7;
  }

  .profile-header .container {
    display: flex;
    flex-wrap: wrap;
  }

  @media (min-width: 768px) {
    .profile-header .container {
    flex-wrap: nowrap;
    }
  }

  .profile-header .profile-info {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
  }

  .profile-avatar {
    position: relative;
    line-height: 0;
    align-self: center;
    margin-right: 10px;
  }

  [dir="rtl"] .profile-avatar {
    margin-left: 10px;
    margin-right: 0;
  }

  .profile-avatar .user-avatar {
    width: 65px;
    height: 65px;
  }

  .profile-avatar .icon-agent::before {
    bottom: 0;
    right: 0;
  }

  .profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
  }

  .profile-header .basic-info .name {
    margin: 0;
  }

  .profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  @media (min-width: 768px) {
    .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
    }
    [dir="rtl"] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
    }
    .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
    }
    [dir="rtl"] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
    }
  }

  .profile-header .options [data-action="edit-profile"] {
    background-color: #111;
    border: 0;
    line-height: normal;
    padding: 8px 20px;

    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    text-align: center;
    letter-spacing: -0.01em;

    /* Brand/Bionic */

    color: #FFFFFF;
  }

  .profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 15px 0;
    flex-basis: 100%;
  }

  .profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  }

  .profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
  }

  .profile-stats .stat-label {
    color: #444;
    font-weight: 400;
    flex: 0 0 100px;
    margin-right: 10px;
  }

  [dir="rtl"] .profile-stats .stat-label {
    margin-left: 10px;
    margin-right: 0;
  }

  .profile-stats-activity {
    border-top: solid 1px #ddd;
    margin-top: 15px;
  }

  @media (min-width: 768px) {
    .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-activity .stat {
    flex-direction: column;
    }
  }

  .profile-stats-activity .stat:first-child {
    margin-top: 10px;
  }

  @media (min-width: 768px) {
    .profile-stats-activity .stat:first-child {
    margin-top: 0;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
    }
    [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-activity .stat-label {
    flex: 0 1 auto;
    }
  }

  .profile-stats-counters {
    border-bottom: solid 1px #ddd;
  }

  @media (min-width: 768px) {
    .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
    }
    [dir="rtl"] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
    }
  }

  @media (min-width: 1024px) {
    .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
    }
    [dir="rtl"] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-counters .stat {
    flex-direction: column;
    }
  }

  @media (min-width: 1024px) {
    .profile-stats-counters .stat {
    flex-direction: row;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
    }
  }

  @media (min-width: 768px) {
    .profile-stats-counters .stat-label {
    flex: 0 1 auto;
    }
  }

  @media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
    flex: 0 0 100px;
    }
  }

  .profile-private-badge {
    flex-basis: 100%;
    border: solid 1px rgba(109, 71, 211, 1);
    color: rgba(109, 71, 211, 1);
    padding: 5px 20px;
    font-size: 12px;
    text-align: center;
  }

  .profile-private-badge::after {
    content: "\1f512";
    margin-left: 5px;
    font-family: "copenhagen-icons";
    vertical-align: middle;
    line-height: 15px;
  }

  @media (min-width: 768px) {
    .profile-private-badge {
    flex-basis: auto;
    }
  }

  .profile-nav {
    background-color: #f2f2f2;
    border: 0;
    margin-bottom: 37px;
  }

  .profile-section {
    width: 100%;
  }

  @media (min-width: 1024px) {
    .profile-section {
    width: calc(100% - 330px);
    }
  }

  .profile-section-header {
    display: flex;
    flex-wrap: wrap;
  }

  .profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0;
  }

  .profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    color: #444;
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  @media (min-width: 768px) {
    .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
    }
  }

  .profile-section-sorter {
    flex-basis: 100%;
    border-top: solid 1px #eee;
    font-size: 13px;
  }

  .profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%;
  }

  .profile-section-sorter .dropdown-toggle::after {
    position: absolute;
    right: 0;
  }

  [dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
    left: 0;
    right: initial;
  }

  @media (min-width: 768px) {
    .profile-section-sorter .dropdown-toggle::after {
    position: relative;
    }
  }

  @media (min-width: 768px) {
    .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
    }
    [dir="rtl"] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
    }
  }

  .profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    padding: 20px 0;
    position: relative;
  }

  .profile-contribution-header {
    margin-bottom: 5px;
  }

  .profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    font-size: 15px;
    vertical-align: middle;
  }

  .profile-contribution-body {
    margin: 10px 0;
  }

  .profile-contribution-list > .profile-contribution {
    border-top: 1px solid #eee;
  }

  @media (min-width: 768px) {
    .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
    }
    [dir="rtl"] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
    }
  }

  .profile-contribution-list > .profile-contribution:last-child {
    border-bottom: 1px solid #eee;
  }

  .profile-contribution-list > .profile-contribution::before {
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
    line-height: 25px;
  }

  [dir="rtl"] .profile-contribution-list > .profile-contribution::before {
    right: 0;
  }

  .profile-contribution-list .profile-contribution-header {
    margin-left: 30px;
  }

  [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 30px;
    padding-left: 0;
  }

  @media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
    }
    [dir="rtl"] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
    }
  }

  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 30px;
  }

  [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 30px;
    padding-left: 0;
  }

  @media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
    }
    [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
    }
  }

  .profile-section .no-activity,
  .profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
  }

  .profile-section .private-activity::before {
    content: "\1f512";
    font-family: "copenhagen-icons";
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 10px;
  }

  [dir="rtl"] .profile-section .private-activity::before {
    margin-right: 0;
    margin-left: 10px;
  }

  .profile-activity-list {
    margin-top: 25px;
  }

  .profile-activity {
    position: relative;
    padding-bottom: 30px;
  }

  @media (min-width: 768px) {
    .profile-activity {
    padding-left: 20px;
    }
    [dir="rtl"] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
    }
  }

  @media (min-width: 768px) {
    .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
    }
    [dir="rtl"] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
    }
  }

  .profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px;
  }

  [dir="rtl"] .profile-activity-header {
    margin-left: 0;
    margin-right: 35px;
  }

  @media (min-width: 768px) {
    .profile-activity-header {
    margin-left: 0;
    }
    [dir="rtl"] .profile-activity-header {
    margin-right: 0;
    }
  }

  .profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    align-self: flex-start;
  }

  [dir="rtl"] .profile-activity-header .user-avatar {
    margin-left: 10px;
    margin-right: 0;
  }

  .profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    min-width: 0;
    width: 100%;
  }

  .profile-activity-description span:first-child {
    font-weight: 600;
    display: inline;
  }

  .profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    background-color: #f7f7f7;
  }

  @media (min-width: 768px) {
    .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
    }
    [dir="rtl"] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
    }
  }

  .profile-activity::before {
    position: absolute;
    left: 0;
    width: 28px;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
    background-position: 50% 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #ccc;
    font-family: "copenhagen-icons";
  }

  [dir="rtl"] .profile-activity::before {
    right: 0;
  }

  @media (min-width: 768px) {
    .profile-activity::before {
    left: -14px;
    }
    [dir="rtl"] .profile-activity::before {
    right: -14px;
    }
  }

  .profile-articles > .profile-contribution::before,
  .profile-activity-list > li[class$="-article"]::before {
    content: "\1f4c4";
  }

  .profile-posts > .profile-contribution::before,
  .profile-activity-list > li[class$="-post"]::before {
    content: "\1f4d4";
  }

  .profile-comments > .profile-contribution::before,
  .profile-activity-list > li[class$="-comment"]::before {
    content: "\1f4ac";
    line-height: 35px;
  }

  /***** Search results *****/

  .search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  @media (min-width: 1024px) {
    .search-results {
    flex-direction: row;
    }
  }

  .search-results-column {
    flex: 1;
  }

  @media (min-width: 1024px) {
    .search-results-column {
    flex: 0 0 75%;
    }
  }

  .search-results-list {
    margin-bottom: 25px;
  }

  .search-results-list > li {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
  }

  .search-results-list > li:first-child {
    border-top: 1px solid #ddd;
  }

  .search-result-description {
    margin-top: 15px;
    word-break: break-word;
  }

  .search-result-votes,
  .search-result-meta-count {
    color: #444;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 5px;
    position: relative;
  }

  .search-result-votes::before,
  .search-result-meta-count::before {
    color: rgba(109, 71, 211, 1);
  }

  [dir="ltr"] .search-result-votes,
  [dir="ltr"] .search-result-meta-count {
    margin-left: 5px;
  }

  [dir="ltr"] .search-result-votes::before,
  [dir="ltr"] .search-result-meta-count::before {
    margin-right: 3px;
  }

  [dir="rtl"] .search-result-votes,
  [dir="rtl"] .search-result-meta-count {
    margin-right: 5px;
  }

  [dir="rtl"] .search-result-votes::before,
  [dir="rtl"] .search-result-meta-count::before {
    margin-left: 3px;
  }

  .search-result-votes::before {
    content: "\1F44D";
  }

  .search-result-meta-count::before {
    content: "\1F4AC";
  }

  .search-result .meta-group {
    align-items: center;
  }

  .search-result-breadcrumbs {
    margin: 0;
  }

  .search-result-breadcrumbs li:last-child::after {
    content: "·";
    display: inline-block;
    margin: 0 5px;
  }

  /* Non-latin search results highlight */

  /* Add a yellow background for Chinese */

  html[lang|="zh"] .search-result-description em {
    font-style: normal;
    background: yellow;
  }

  /* Use bold to highlight for the rest of supported non-latin languages */

  html[lang|="ar"] .search-result-description em,
  html[lang|="bg"] .search-result-description em,
  html[lang|="el"] .search-result-description em,
  html[lang|="he"] .search-result-description em,
  html[lang|="hi"] .search-result-description em,
  html[lang|="ko"] .search-result-description em,
  html[lang|="ja"] .search-result-description em,
  html[lang|="ru"] .search-result-description em,
  html[lang|="th"] .search-result-description em {
    font-style: bold;
  }

  .ml-heading--hero,
  .ml-section__error .ml-content .ml-error__header h1,
  .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
  .ml-section__hero-section .ml-content .ml-hero-section h1,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
  }

  @media (min-width: 768px) {
    .ml-heading--hero,
    .ml-section__error .ml-content .ml-error__header h1,
    .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
    .ml-section__hero-section .ml-content .ml-hero-section h1,
    .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--hero,
    .ml-section__error .ml-content .ml-error__header h1,
    .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
    .ml-section__hero-section .ml-content .ml-hero-section h1,
    .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 58px;
    font-weight: 800;
    line-height: 64px;
    }
  }

  /** Rules for extra-small, small, and medium images to not resize to 100% of the container width. This is a band-aid approach. **/

  .xSmallImg {
    max-width: 100px !important;
  }

  .smallImg {
    max-width: 350px !important;
  }

  .medImg {
    max-width: 500px !important;
  }

  /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

  html {
    box-sizing: border-box;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

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

  body {
    margin: 0;
  }

  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block;
  }

  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  figcaption,
  figure,
  main {
    display: block;
  }

  figure {
    margin: 1em 40px;
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }

  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }

  b,
  strong {
    font-weight: inherit;
    font-weight: bolder;
  }

  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  dfn {
    font-style: italic;
  }

  mark {
    background-color: #ff0;
    color: #000;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  audio,
  video {
    display: inline-block;
  }

  audio:not([controls]) {
    display: none;
    height: 0;
  }

  img {
    border-style: none;
  }

  svg:not(:root) {
    overflow: hidden;
  }

  button,
  input {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  [type="reset"],
  [type="submit"],
  button,
  html [type="button"] {
    -webkit-appearance: button;
  }

  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner,
  button::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring,
  button:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }

  progress {
    display: inline-block;
    vertical-align: baseline;
  }

  textarea {
    overflow: auto;
  }

  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  details,
  menu {
    display: block;
  }

  summary {
    display: list-item;
  }

  canvas {
    display: inline-block;
  }

  [hidden],
  template {
    display: none;
  }

  /*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

  html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
  }

  ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  ::selection {
    background: #b3d4fc;
    text-shadow: none;
  }

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }

  audio,
  canvas,
  iframe,
  img,
  svg,
  video {
    vertical-align: middle;
  }

  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }

  textarea {
    resize: vertical;
  }

  .browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
  }

  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  button,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  input,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  select,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  textarea,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
  }

  html {
    height: 100%;
  }

  body {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: rgba(17, 17, 17, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: LominoSubset, open-sans, sans-serif;
    font-family: var(--fontBase);
    letter-spacing: 0;
    line-height: 22px;
  }

  main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    z-index: 1;
    background-color: rgba(255, 255, 255, 1);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: LominoSubset, sans-serif;
    font-family: var(--fontHeadline);
    font-style: normal;
    font-weight: 400;
  }

  a,
  a:active,
  a:focus,
  a:hover {
    text-decoration: none;
  }

  a:focus,
  button:focus,
  input:focus,
  select:focus,
  textarea:focus {
    outline: none;
  }

  .hidden {
    display: none !important;
  }

  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }

  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
  }

  .invisible {
    visibility: hidden;
  }

  .clearfix:after,
  .clearfix:before {
    content: " ";
    display: table;
  }

  .clearfix:after {
    clear: both;
  }

  @media print {
    *,
    :after,
    :before {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    }
    a,
    a:visited {
    text-decoration: underline;
    }
    a[href]:after {
    content: " (" attr(href) ")";
    }
    abbr[title]:after {
    content: " (" attr(title) ")";
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
    content: "";
    }
    pre {
    white-space: pre-wrap !important;
    }
    blockquote,
    pre {
    border: 1px solid #999;
    page-break-inside: avoid;
    }
    thead {
    display: table-header-group;
    }
    img,
    tr {
    page-break-inside: avoid;
    }
    h2,
    h3,
    p {
    orphans: 3;
    widows: 3;
    }
    h2,
    h3 {
    page-break-after: avoid;
    }
  }

  .ml-heading--hero,
  .ml-section__error .ml-content .ml-error__header h1,
  .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
  .ml-section__hero-section .ml-content .ml-hero-section h1,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
  }

  @media (min-width: 768px) {
    .ml-heading--hero,
    .ml-section__error .ml-content .ml-error__header h1,
    .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
    .ml-section__hero-section .ml-content .ml-hero-section h1,
    .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--hero,
    .ml-section__error .ml-content .ml-error__header h1,
    .ml-section__featured-articles .ml-content .ml-featured-articles__title h1,
    .ml-section__hero-section .ml-content .ml-hero-section h1,
    .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__title h1 {
    font-size: 58px;
    font-weight: 800;
    line-height: 64px;
    }
  }

  .ml-heading--intro,
  .ml-section__category .ml-section h2,
  .ml-section__error .ml-content .ml-error__header h2,
  .ml-section__new-request-header .ml-new-request__header,
  .ml-section__section-articles .ml-content .ml-section-articles__header {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    /* or 43px */
    letter-spacing: -0.02em;
  }

  @media (min-width: 768px) {
    .ml-heading--intro,
    .ml-section__category .ml-section h2,
    .ml-section__error .ml-content .ml-error__header h2,
    .ml-section__new-request-header .ml-new-request__header,
    .ml-section__section-articles .ml-content .ml-section-articles__header {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--intro,
    .ml-section__category .ml-section h2,
    .ml-section__error .ml-content .ml-error__header h2,
    .ml-section__new-request-header .ml-new-request__header,
    .ml-section__section-articles .ml-content .ml-section-articles__header {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    }
  }

  .ml-heading--sub,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
  }

  @media (min-width: 768px) {
    .ml-heading--sub,
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--sub,
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading {
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    }
  }

  .ml-heading--h1,
  .ml-section__search-results-header {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }

  @media (min-width: 768px) {
    .ml-heading--h1,
    .ml-section__search-results-header {
    font-size: 26px;
    font-weight: 800;
    line-height: 34px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--h1,
    .ml-section__search-results-header {
    font-size: 30px;
    font-weight: 800;
    line-height: 38px;
    }
  }

  .ml-heading--h2,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h2,
  .ml-section__topics .ml-content .ml-topics__grid li .ml-topic__title {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
  }

  @media (min-width: 768px) {
    .ml-heading--h2,
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h2,
    .ml-section__topics .ml-content .ml-topics__grid li .ml-topic__title {
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    }
  }

  @media (min-width: 1024px) {
    .ml-heading--h2,
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h2,
    .ml-section__topics .ml-content .ml-topics__grid li .ml-topic__title {
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    }
  }

  .ml-heading--h3,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h3,
  .ml-section__category .ml-section .ml-section__articles li a,
  .ml-section__category .ml-section .ml-section__see-all,
  .ml-section__error .ml-content .ml-error__message h3,
  .ml-section__section-articles .ml-content .ml-section-articles__list li a {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
  }

  @media (min-width: 768px) {
    .ml-heading--h3,
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h3,
    .ml-section__category .ml-section .ml-section__articles li a,
    .ml-section__category .ml-section .ml-section__see-all,
    .ml-section__error .ml-content .ml-error__message h3,
    .ml-section__section-articles .ml-content .ml-section-articles__list li a {
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    }
  }

  .ml-heading--h4,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h4,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    h3,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    h3 {
    font-size: 14px;
    font-weight: 800;
    line-height: 22px;
  }

  .ml-body--tiny,
  .ml-header .ml-content .ml-header__contact-us a,
  .ml-label,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading
    .ml-article__internal,
  .ml-section__new-request-form .ml-new-request__form .request_description p,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__author-date {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .ml-body--default,
  .ml-search input[type="search"],
  .ml-section__error .ml-content .ml-error__message p,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }

  .ml-body--default,
  .ml-search input[type="search"],
  .ml-section__error .ml-content .ml-error__message p,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }

  .ml-body--default,
  .ml-search input[type="search"],
  .ml-section__error .ml-content .ml-error__message p,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
  }

  .ml-body--lead,
  .ml-search--hero input[type="search"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]::-webkit-input-placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .ml-body--lead,
  .ml-search--hero input[type="search"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]:-ms-input-placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .ml-body--lead,
  .ml-search--hero input[type="search"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]::placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .ml-body--hero,
  .ml-section__hero-section .ml-content .ml-hero-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  @media (min-width: 768px) {
    .ml-body--hero,
    .ml-section__hero-section .ml-content .ml-hero-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    }
  }

  @media (min-width: 1024px) {
    .ml-body--hero,
    .ml-section__hero-section .ml-content .ml-hero-section p {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    }
  }

  .ml-breadcrumbs,
  .ml-section__article-sub-nav .ml-content .ml-article-sub-nav__breadcrumbs,
  .ml-section__category-sub-nav .ml-content .ml-category-sub-nav__breadcrumbs,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs,
  .ml-section__section-sub-nav .ml-content .ml-section-sub-nav__breadcrumbs,
  .ml-text--breadcrumbs {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__view-all a p,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a p,
  .ml-text--primary-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .ml-text--primary-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__see-all,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a,
  .ml-text--primary-12 {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }

  .ml-section__new-request-form .ml-new-request__form .form-field label,
  .ml-text--label {
    font-size: 16px;
    font-weight: 450;
    line-height: 16px;
  }

  .ml-section__new-request-form .ml-new-request__form .form-field label,
  .ml-text--label-default {
    color: rgba(17, 17, 17, 1);
  }

  .ml-text--label-error {
    color: #ff9952;
  }

  .ml-text--placeholder {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 24px;
  }

  .ml-text--message {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li,
  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list
    a
    li,
  .ml-text--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .ml-hyperlink--missionred-base,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    a,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li
    a,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li
    a,
  .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__see-all,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket,
  .ml-section__error .ml-content .ml-error__message a,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a,
  .ml-section__new-request-form .ml-new-request__form .suggestion-list ul li a,
  .ml-section__new-request-header .ml-new-request__follow-up a,
  .ml-section__new-request-header p a,
  .ml-section__search-results-list .ml-search-results__browse {
    color: #6D47D3;
    transition: color 0.2s ease-in-out;
  }

  .ml-hyperlink--missionred-base:active,
  .ml-hyperlink--missionred-base:focus,
  .ml-hyperlink--missionred-base:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    a:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    a:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    a:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li
    a:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li
    a:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li
    a:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li
    a:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li
    a:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li
    a:hover,
  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__see-all:active,
  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__see-all:focus,
  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__see-all:hover,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket:active,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket:focus,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket:hover,
  .ml-section__error .ml-content .ml-error__message a:active,
  .ml-section__error .ml-content .ml-error__message a:focus,
  .ml-section__error .ml-content .ml-error__message a:hover,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a:active,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a:focus,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .suggestion-list
    ul
    li
    a:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .suggestion-list
    ul
    li
    a:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .suggestion-list
    ul
    li
    a:hover,
  .ml-section__new-request-header .ml-new-request__follow-up a:active,
  .ml-section__new-request-header .ml-new-request__follow-up a:focus,
  .ml-section__new-request-header .ml-new-request__follow-up a:hover,
  .ml-section__new-request-header p a:active,
  .ml-section__new-request-header p a:focus,
  .ml-section__new-request-header p a:hover,
  .ml-section__search-results-list .ml-search-results__browse:active,
  .ml-section__search-results-list .ml-search-results__browse:focus,
  .ml-section__search-results-list .ml-search-results__browse:hover {
    color: #f7c3ca;
  }

  .ml-hyperlink--grayscale-base,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:not(:last-child) {
    color: #9b9b9b;
    transition: color 0.2s ease-in-out;
  }

  .ml-hyperlink--grayscale-base:active,
  .ml-hyperlink--grayscale-base:focus,
  .ml-hyperlink--grayscale-base:hover,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a:active,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a:focus,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a:hover,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:not(:last-child) {
    color: #d6d6d6;
  }

  .ml-breadcrumbs a:first-child,
  .ml-breadcrumbs a:not(:last-child),
  .ml-footer .ml-footer__bottom a,
  .ml-hyperlink--grayscale-dark,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__category .ml-section .ml-section__articles li a,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    p,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:not(:last-child),
  .ml-section__section-articles .ml-content .ml-section-articles__list li a,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:first-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:not(:last-child) {
    color: #717171;
    transition: color 0.2s ease-in-out;
  }

  .ml-breadcrumbs a:active:first-child,
  .ml-breadcrumbs a:active:not(:last-child),
  .ml-breadcrumbs a:focus:first-child,
  .ml-breadcrumbs a:focus:not(:last-child),
  .ml-breadcrumbs a:hover:first-child,
  .ml-breadcrumbs a:hover:not(:last-child),
  .ml-footer .ml-footer__bottom a:active,
  .ml-footer .ml-footer__bottom a:focus,
  .ml-footer .ml-footer__bottom a:hover,
  .ml-hyperlink--grayscale-dark:active,
  .ml-hyperlink--grayscale-dark:focus,
  .ml-hyperlink--grayscale-dark:hover,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__category .ml-section .ml-section__articles li a:active,
  .ml-section__category .ml-section .ml-section__articles li a:focus,
  .ml-section__category .ml-section .ml-section__articles li a:hover,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    p:active,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    p:focus,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    p:hover,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:not(:last-child),
  .ml-section__section-articles
    .ml-content
    .ml-section-articles__list
    li
    a:active,
  .ml-section__section-articles .ml-content .ml-section-articles__list li a:focus,
  .ml-section__section-articles .ml-content .ml-section-articles__list li a:hover,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:first-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:not(:last-child),
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:first-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:not(:last-child),
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:first-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:not(:last-child) {
    color: #9b9b9b;
  }

  .ml-breadcrumbs a:last-child,
  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links
    a,
  .ml-header .ml-content .ml-header__contact-us a,
  .ml-hyperlink--grayscale-xdark,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:last-child,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-breadcrumbs a:last-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:last-child,
  .ml-section__category .ml-section .ml-section__see-all,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    h3,
  .ml-section__featured-articles .ml-content .ml-featured-articles__view-all a,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:last-child,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__title
    a,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:last-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:last-child {
    color: rgba(17, 17, 17, 1);
    transition: color 0.2s ease-in-out;
  }

  .ml-breadcrumbs a:active:last-child,
  .ml-breadcrumbs a:focus:last-child,
  .ml-breadcrumbs a:hover:last-child,
  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links
    a:active,
  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links
    a:focus,
  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links
    a:hover,
  .ml-header .ml-content .ml-header__contact-us a:active,
  .ml-header .ml-content .ml-header__contact-us a:focus,
  .ml-header .ml-content .ml-header__contact-us a:hover,
  .ml-hyperlink--grayscale-xdark:active,
  .ml-hyperlink--grayscale-xdark:focus,
  .ml-hyperlink--grayscale-xdark:hover,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:active:last-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:focus:last-child,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:hover:last-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:active:last-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:focus:last-child,
  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-breadcrumbs
    a:hover:last-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:active:last-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:focus:last-child,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:hover:last-child,
  .ml-section__category .ml-section .ml-section__see-all:active,
  .ml-section__category .ml-section .ml-section__see-all:focus,
  .ml-section__category .ml-section .ml-section__see-all:hover,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    h3:active,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    h3:focus,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    h3:hover,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__view-all
    a:active,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__view-all
    a:focus,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__view-all
    a:hover,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:active:last-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:focus:last-child,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:hover:last-child,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__title
    a:active,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__title
    a:focus,
  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__title
    a:hover,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:active:last-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:focus:last-child,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:hover:last-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:active:last-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:focus:last-child,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:hover:last-child {
    color: #9b9b9b;
    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  .ml-hyperlink--arrow:after,
  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__view-all
    a:after {
    content: "\2023";
    font-size: medium;
    margin-left: 2px;
  }

  .ml-hyperlink--underline,
  .ml-section__category .ml-section .ml-section__see-all,
  .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__browse a {
    text-decoration: underline;
  }

  .ml-search--hero {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    box-sizing: border-box;
    position: relative;
    width: 100%;
  }

  .ml-search--hero:after {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>ml-icon-search</title><defs><path d='M43.34 49.23L51.1 57l5.9-5.9-7.77-7.76-6.8-1.52.9 7.4zM25.74 7C15.4 7 7 15.4 7 25.75 7 36.1 15.4 44.5 25.75 44.5c10.36 0 18.75-8.4 18.75-18.75C44.5 15.4 36.1 7 25.75 7m0 4.17c8.04 0 14.58 6.54 14.58 14.58S33.8 40.33 25.75 40.33 11.17 33.8 11.17 25.75s6.54-14.58 14.58-14.58' id='a'/></defs><g fill='none' fill-rule='evenodd'><mask id='b' fill='%23fff'><use xlink:href='%23a'/></mask><use fill='%23000' xlink:href='%23a'/><path d='M0 0h64v64H0z' mask='url(%23b)' fill='%234A4A4A'/></g></svg>")
    no-repeat;
    background-size: 24px 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 12px;
    width: 24px;
  }

  @media (min-width: 768px) {
    .ml-search--hero {
    width: 482px;
    }
  }

  .ml-search--hero input[type="search"] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    color: #717171;
    height: 48px;
    padding: 0 48px 0 16px;
    transition: border 0.25s ease-in-out;
    width: 100%;
  }

  .ml-search--hero input[type="search"]:hover {
    border: 1px solid #717171;
  }

  .ml-search--hero input[type="search"]:active,
  .ml-search--hero input[type="search"]:focus {
    border: 1px solid rgba(17, 17, 17, 1);
  }

  .ml-search {
    position: relative;
    margin: 0 auto;
    width: 90%;
  }

  @media (min-width: 768px) {
    .ml-search {
    margin: 0;
    width: 233px;
    }
  }

  .ml-search:after {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><title>ml-icon-search</title><defs><path d='M43.34 49.23L51.1 57l5.9-5.9-7.77-7.76-6.8-1.52.9 7.4zM25.74 7C15.4 7 7 15.4 7 25.75 7 36.1 15.4 44.5 25.75 44.5c10.36 0 18.75-8.4 18.75-18.75C44.5 15.4 36.1 7 25.75 7m0 4.17c8.04 0 14.58 6.54 14.58 14.58S33.8 40.33 25.75 40.33 11.17 33.8 11.17 25.75s6.54-14.58 14.58-14.58' id='a'/></defs><g fill='none' fill-rule='evenodd'><mask id='b' fill='%23fff'><use xlink:href='%23a'/></mask><use fill='%23000' xlink:href='%23a'/><path d='M0 0h64v64H0z' mask='url(%23b)' fill='%234A4A4A'/></g></svg>")
    no-repeat;
    background-size: 16px 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 9px;
    width: 16px;
  }

  .ml-search input[type="search"] {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    color: #717171;
    height: 32px;
    padding: 0 16px;
    transition: border 0.25s ease-in-out;
    width: 90%;
  }

  .ml-search input[type="search"]:hover {
    border: 1px solid #717171;
  }

  .ml-search input[type="search"]:active,
  .ml-search input[type="search"]:focus {
    border: 1px solid rgba(17, 17, 17, 1);
  }

  .ml-form,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"],
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea {
    border: none;
    border-bottom: 2px solid #d6d6d6;
    transition: border-bottom 0.2s ease-in-out;
  }

  .ml-form:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea:hover {
    border-bottom: 2px solid #717171;
    cursor: text;
  }

  .ml-form:active,
  .ml-form:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea:active,
  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea:focus {
    border-bottom: 2px solid rgba(17, 17, 17, 1);
  }

  .ml-form--select,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1792' height='1792' viewBox='0 0 1792 1792'><path fill='%234A4A4A' d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'></path></svg>");
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: auto 18px;
    color: #9b9b9b;
  }

  .ml-form--select:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input:hover {
    cursor: pointer;
  }

  .ml-form--error,
  .notification-error.notification-inline {
    border: 0;
    background-color: initial;
    padding: 0;
    font-style: italic;
  }

  .ml-form--error:before,
  .notification-error.notification-inline:before {
    display: none;
  }

  .notification:not(.notification-inline) {
    border: none;
    color: #fff;
    padding: 9px 0;
    position: fixed;
    top: 57px;
    z-index: 2;
  }

  .notification:not(.notification-inline) .notification-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr auto 2fr;
    grid-template-columns: 2fr auto 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }

  @media (min-width: 768px) {
    .notification:not(.notification-inline) .notification-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 2fr 2fr;
    grid-template-columns: 2fr 2fr 2fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .notification:not(.notification-inline) .notification-inner .notification-icon {
    justify-self: end;
    vertical-align: unset;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-icon:before {
    border: none;
    font-family: entypo;
  }

  .notification:not(.notification-inline) .notification-inner .notification-text {
    font-size: 14px;
    font-family: Lomino, LominoSubset, open-sans, sans-serif;
    padding: 0 8px;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-text
    ul {
    list-style: none;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-text
    a {
    color: #fff;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-text
    a:active,
  .notification:not(.notification-inline)
    .notification-inner
    .notification-text
    a:focus,
  .notification:not(.notification-inline)
    .notification-inner
    .notification-text
    a:hover {
    color: #d6d6d6;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-dismiss {
    justify-self: end;
  }

  .notification:not(.notification-inline)
    .notification-inner
    .notification-dismiss:before {
    color: #fff;
    line-height: 14px;
    font-size: 14px;
    padding-top: 4px;
  }

  .notification:not(.notification-inline).notification-alert {
    background-color: #fe9e00;
  }

  .notification:not(.notification-inline).notification-alert
    .notification-icon:before {
    content: "\26A0";
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
  }

  .notification:not(.notification-inline).notification-error {
    background-color: #6D47D3;
  }

  .notification:not(.notification-inline).notification-error
    .notification-icon:before {
    content: "\2716";
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
  }

  .notification:not(.notification-inline).notification-notice {
    background-color: #418fde;
  }

  .notification:not(.notification-inline).notification-notice
    .notification-icon:before {
    content: "\E705";
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
  }

  .notification:not(.notification-inline).notification-lock {
    background-color: #fe9e00;
  }

  .notification:not(.notification-inline).notification-lock
    .notification-icon:before {
    content: "\E705";
    font-size: 14px;
    line-height: 14px;
    padding-top: 4px;
  }

  .ml-breadcrumbs a:not(:first-child):before,
  .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs
    a:not(:first-child):before,
  .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs
    a:not(:first-child):before,
  .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs
    a:not(:first-child):before,
  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs
    a:not(:first-child):before,
  .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs
    a:not(:first-child):before {
    color: #717171;
    content: ">";
    margin: 0 8px;
  }

  .ml-button,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control,
  .ml-section__new-request-form .ml-new-request__form .upload-dropzone,
  .ml-section__new-request-form .ml-new-request__form footer #cancel-button,
  .ml-section__new-request-form .ml-new-request__form footer input,
  li .ml-topic__browse,
  .profile-info .options a {
    display: inline-block;
    font-weight: 400;
    transition: 0.2s ease-in-out;
  }

  .ml-button--small,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control,
  .ml-section__new-request-form .ml-new-request__form .upload-dropzone,
  .ml-section__new-request-form .ml-new-request__form footer #cancel-button,
  .ml-section__new-request-form .ml-new-request__form footer input,
  li .ml-topic__browse {
    line-height: 12px;
    font-size: 12px;
    /* padding: 8px 24px; */
  }

  .ml-button--medium {
    line-height: 14px;
    font-size: 14px;
    padding: 11px 48px;
  }

  .ml-button--solid,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control[aria-selected="true"],
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__selected,
  .ml-section__new-request-form .ml-new-request__form footer input {
    color: #fff;
  }

  .ml-button--solid-missionred,
  .ml-section__new-request-form .ml-new-request__form footer input {
    background-color: #111;
    color: #fff;
    height: 48px;
  }

  .ml-button--solid-missionred:active,
  .ml-button--solid-missionred:focus,
  .ml-button--solid-missionred:hover,
  .ml-section__new-request-form .ml-new-request__form footer input:active,
  .ml-section__new-request-form .ml-new-request__form footer input:focus,
  .ml-section__new-request-form .ml-new-request__form footer input:hover {
    background-color: #111111;
  }

  .ml-button--solid-grayscale,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control[aria-selected="true"],
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__selected {
    background-color: #9b9b9b;
    border: 2px solid transparent;
  }

  .ml-button--solid-grayscale:active,
  .ml-button--solid-grayscale:focus,
  .ml-button--solid-grayscale:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control[aria-selected="true"]:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control[aria-selected="true"]:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control[aria-selected="true"]:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__selected:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__selected:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__selected:hover {
    background-color: #717171;
  }

  .ml-button--outline,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control,
  .ml-section__new-request-form .ml-new-request__form footer #cancel-button,
  li .ml-topic__browse {
    background-color: #fff;
  }

  .ml-button--outline-missionred,
  li .ml-topic__browse {
    border: 2px solid #6D47D3;
    color: #6D47D3;
  }

  .ml-button--outline-missionred:active,
  .ml-button--outline-missionred:focus,
  .ml-button--outline-missionred:hover,
  .ml-section__topics .ml-content .ml-topics__grid li .ml-topic__browse:active,
  li .ml-topic__browse:focus,
  li .ml-topic__browse:hover {
    background-color: #f7c3ca;
  }

  .ml-button--outline-grayscale,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control,
  .ml-section__new-request-form .ml-new-request__form footer #cancel-button {
    border: 2px solid #717171;
    color: #717171;
  }

  .ml-button--outline-grayscale:active,
  .ml-button--outline-grayscale:focus,
  .ml-button--outline-grayscale:hover,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control:active,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control:focus,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control:hover,
  .ml-section__new-request-form
    .ml-new-request__form
    footer
    #cancel-button:active,
  .ml-section__new-request-form .ml-new-request__form footer #cancel-button:focus,
  .ml-section__new-request-form
    .ml-new-request__form
    footer
    #cancel-button:hover {
    background-color: #e6e6e6;
  }

  .ml-button--follow-count:after {
    border-left: 1px solid #6D47D3;
    color: #6D47D3;
    content: attr(data-follower-count);
    margin-left: 8px;
    padding-left: 8px;
  }

  .ml-button--disabled {
    opacity: 0.65;
  }

  .ml-label,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading
    .ml-article__internal {
    color: #fff;
    padding: 2px 8px;
  }

  .ml-label--featured {
    background-color: #dd9cdf;
  }

  .ml-label--pinned {
    background-color: #fd995a;
  }

  .ml-label--answered {
    background-color: #33ce7f;
  }

  .ml-label--planned {
    background-color: #4591db;
  }

  .ml-label--not-planned {
    background-color: #9b9b9b;
  }

  .ml-label--completed {
    background-color: #e6e6e6;
    color: #717171;
  }

  .ml-label--private,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading
    .ml-article__internal {
    background-color: #ea958a;
  }

  .ml-label--pending {
    background-color: #ffad75;
  }

  .ml-label--ticket {
    background-color: #a6dbe7;
  }

  .ml-label--official {
    background-color: #26d07c;
  }

  .ml-pagination {
    width: 100%;
  }

  .ml-pagination .pagination {
    margin: 20px 0;
    text-align: center;
  }

  .ml-pagination .pagination * {
    display: inline-block;
  }

  .ml-pagination .pagination ul {
    color: #9b9b9b;
    list-style: none;
    margin-top: 4px;
  }

  .ml-pagination .pagination ul li {
    float: left;
    margin-left: 5px;
    width: 30px;
    height: 30px;
  }

  .ml-pagination .pagination ul li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: rgba(17, 17, 17, 1);
  }

  .ml-pagination .pagination ul li.pagination-first,
  .ml-pagination .pagination ul li.pagination-last,
  .ml-pagination .pagination ul li.pagination-next,
  .ml-pagination .pagination ul li.pagination-prev {
    font-size: 18px;
  }

  .ml-pagination .pagination ul li.pagination-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #26d07c;
  }

  .ml-pagination .pagination ul li.pagination-current span {
    color: #fff;
  }

  .ml-pagination .pagination ul li:hover:not(.pagination-current) {
    background-color: #e6e6e6;
  }

  .ml-section__breadcrumbs-ticket-search {
    margin: 49px 0 0;
  }

  .ml-section__breadcrumbs-ticket-search .ml-content {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  @media (max-width: 767px) {
    .ml-section__breadcrumbs-ticket-search .ml-content {
    width: 100%;
    }
  }

  .ml-section__breadcrumbs-ticket-search .ml-content .ml-search-wrapper {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -ms-flex-order: 1;
    order: 1;
    padding: 16px 0;
    width: 100%;
  }

  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-wrapper
    .ml-search {
    margin: 0 auto;
    width: 90%;
  }

  .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-wrapper
    .ml-search
    input[type="search"] {
    box-sizing: border-box;
    width: 100%;
  }

  .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs,
  .ml-section__breadcrumbs-ticket-search .ml-content .ml-breadcrumbs,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs,
  .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs,
  .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs,
  .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs,
  .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs,
  .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs {
    margin: 24px auto 16px;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
    width: 90%;
  }

  .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket {
    margin: 0 auto 16px;
    -ms-flex-order: 3;
    order: 3;
    width: 90%;
  }

  @media (min-width: 768px) {
    .ml-section__breadcrumbs-ticket-search {
    margin: 126px 0 16px;
    }
    .ml-section__breadcrumbs-ticket-search .ml-content {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    }
    .ml-section__breadcrumbs-ticket-search .ml-content .ml-search-wrapper {
    box-shadow: none;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    margin: 0 0 0 48px;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    }
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-wrapper
    .ml-search {
    margin: 0;
    width: 100%;
    }
    .ml-section__article-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-article-sub-nav__breadcrumbs,
    .ml-section__breadcrumbs-ticket-search .ml-content .ml-breadcrumbs,
    .ml-section__breadcrumbs-ticket-search
    .ml-section__article-sub-nav
    .ml-content
    .ml-article-sub-nav__breadcrumbs,
    .ml-section__breadcrumbs-ticket-search
    .ml-section__category-sub-nav
    .ml-content
    .ml-category-sub-nav__breadcrumbs,
    .ml-section__breadcrumbs-ticket-search
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs,
    .ml-section__breadcrumbs-ticket-search
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs,
    .ml-section__breadcrumbs-ticket-search
    .ml-section__section-sub-nav
    .ml-content
    .ml-section-sub-nav__breadcrumbs,
    .ml-section__category-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-category-sub-nav__breadcrumbs,
    .ml-section__new-request-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs,
    .ml-section__search-results-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs,
    .ml-section__section-sub-nav
    .ml-section__breadcrumbs-ticket-search
    .ml-content
    .ml-section-sub-nav__breadcrumbs {
    -ms-flex: 2 0 50%;
    flex: 2 0 50%;
    margin: 6px 0;
    -ms-flex-order: 1;
    order: 1;
    width: auto;
    }
    .ml-section__breadcrumbs-ticket-search .ml-content .ml-ticket {
    margin: 0;
    -ms-flex-order: 2;
    order: 2;
    width: auto;
    }
  }

  .ml-content {
    margin: 0 auto;
  }

  .ml-section--top,
  .ml-section__featured-articles {
    padding-top: 48px;
  }

  @media (min-width: 1024px) {
    .ml-section--top,
    .ml-section__featured-articles {
    padding-top: 96px;
    }
  }

  .ml-section--bottom {
    padding-bottom: 48px;
  }

  @media (min-width: 1024px) {
    .ml-section--bottom {
    padding-bottom: 96px;
    }
  }

  .ml-section--top-bottom,
  .ml-section__topics {
    padding: 48px 0;
  }

  @media (min-width: 1024px) {
    .ml-section--top-bottom,
    .ml-section__topics {
    padding: 96px 0;
    }
  }

  .ml-section--zendesk {
    padding-top: 80px;
  }

  @media (min-width: 768px) {
    .ml-section--zendesk {
    padding-top: 96px;
    }
  }

  .ml-header {
    background-color: transparent;
    padding: 8px 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  .ml-header:after {
    content: "";
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease;
    width: 100%;
    z-index: -1;
  }

  .ml-header.scrolled:after {
    opacity: 1;
  }

  .ml-header.border {
    border-bottom: 1px solid #4A4A4A;
  }

  .ml-header .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1fr;
    grid-template-columns: 3fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  .ml-header .ml-content .ml-header__logo-title {
    grid-area: 1/1/2/2;
  }

  .ml-header .ml-content .ml-header__logo-title .ml-header__logo {
    height: 32px;
  }

  @media (min-width: 768px) {
    .ml-header .ml-content .ml-header__logo-title .ml-header__logo {
    height: 45px;
    }
  }

  .ml-header .ml-content .ml-header__logo-title .ml-header__title {
    color: #ffffff;
    font-size: 16px;
    display: inline;
    font-weight: 800;
    letter-spacing: 3px;
    margin-left: 16px;
    vertical-align: middle;
  }

  @media (min-width: 768px) {
    .ml-header .ml-content .ml-header__contact-us a {
      /* Lomino (Standard Web)/18 */

        font-family: 'Lomino';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 128%;
        /* identical to box height, or 23px */

        letter-spacing: -0.01em;

        /* Brand/Meteorite 100 */

        color: #111111;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 12px;
        gap: 8px;

        height: 40px;

        /* Brand/Bionic */

        background: #FFFFFF;

        /* Inside auto layout */

        flex: none;
        order: 0;
        flex-grow: 0;

        margin-right: 1px;

    }

    .ml-header .ml-content .ml-header__contact-us a:hover {
      /* Lomino (Standard Web)/18 */

      font-family: 'Lomino';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 128%;
      /* identical to box height, or 23px */

      letter-spacing: -0.01em;

      /* Brand/Meteorite 100 */

      color: #111111;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
      background: #F6F6F6;
    }

    .ml-header .ml-content .ml-header__contact-us a:focus {
      /* Brand/Bionic */

      background: #FFFFFF;
      box-shadow: 0px 0px 5px #6D47D3;
    }
  }

  .ml-section__article-sub-nav {
    margin-top: 48px;
  }

  @media (min-width: 768px) {
    .ml-section__article-sub-nav {
    margin-top: 80px;
    }
  }

  .ml-section__article-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 767px) {
    .ml-section__article-sub-nav .ml-content {
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__article-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .ml-section__article-sub-nav .ml-content .ml-article-sub-nav__search {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 16px 0;
  }

  @media (min-width: 768px) {
    .ml-section__article-sub-nav .ml-content .ml-article-sub-nav__search {
    grid-area: 1/2/2/3;
    border: none;
    justify-self: end;
    padding: 0;
    }
  }

  @media (max-width: 767px) {
    .ml-section__article-sub-nav .ml-content .ml-article-sub-nav__breadcrumbs {
    margin: 16px auto;
    width: 90%;
    }
  }

  .ml-section__article {
    margin-top: 24px;
  }

  @media (min-width: 1024px) {
    .ml-section__article {
    margin-top: 48px;
    }
  }

  .ml-section__article .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 32px;
  }

  @media (min-width: 1024px) {
    .ml-section__article .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 8fr;
    grid-template-columns: 3fr 8fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0 96px;
    }
  }

  @media (max-width: 1023px) {
    .ml-section__article
    .ml-content
    .ml-article__side-nav.ml-collapsible__wrapper {
    max-height: 28px;
    overflow: hidden;
    }
    .ml-section__article
    .ml-content
    .ml-article__side-nav.ml-collapsible__wrapper[aria-expanded="true"] {
    max-height: none;
    }
  }

  @media (max-width: 1023px) {
    .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__heading {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1792' height='1792' viewBox='0 0 1792 1792'><path fill='%234A4A4A' d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'></path></svg>");
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: auto 18px;
    border-bottom: 2px solid #d6d6d6;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 2px;
    transition: border-bottom 0.2s ease-in-out;
    }
    .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__heading:hover {
    border-bottom: 2px solid #717171;
    }
    .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__heading:active,
    .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__heading:focus {
    border-bottom: 2px solid rgba(17, 17, 17, 1);
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__heading {
    width: 50%;
    }
  }

  @media (min-width: 768px) and (min-width: 1024px) {
    .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__heading {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    }
  }

  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list {
    list-style: none;
    padding-top: 16px;
  }

  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list
    a {
    border: 1px solid transparent;
    display: block;
    margin-bottom: 4px;
    padding: 8px;
  }

  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list
    a.ml-side-nav__current-article,
  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list
    a:hover {
    background-color: #f8f8f8;
    border: 1px solid #d6d6d6;
  }

  .ml-section__article
    .ml-content
    .ml-article__side-nav
    .ml-side-nav__article-list
    a
    li {
    color: #717171;
  }

  .ml-section__article .ml-content .ml-article__side-nav .ml-side-nav__see-all {
    display: inline-block;
    margin-top: 16px;
  }

  .ml-section__article .ml-content .ml-article__article-wrapper {
    min-width: 0;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading {
    padding-bottom: 24px;
  }

  @media (min-width: 768px) {
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading {
    padding-bottom: 48px;
    }
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__heading
    .ml-article__internal {
    display: block;
    margin-top: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body {
    padding-bottom: 40px;
    word-break: break-word;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h2,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h3,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    h4 {
    margin-bottom: 8px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    p {
    margin-bottom: 16px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    ol,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    ul {
    margin-bottom: 16px;
    padding-left: 24px;
    word-break: break-word;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    ol
    li,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    ul
    li {
    margin-bottom: 4px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    img {
    height: auto;
    width: 100%;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    strong {
    font-weight: 400;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    blockquote {
    border-left: 1px solid #e6e6e6;
    font-style: italic;
    margin-left: 24px;
    padding-left: 16px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    blockquote
    * {
    word-break: break-word;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    code,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    pre {
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
    margin-bottom: 8px;
    padding: 0 4px;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table {
    border: 1px solid #e6e6e6;
    -o-border-image: initial;
    border-image: initial;
    overflow-x: auto;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table
    table {
    border-collapse: collapse;
    border-style: hidden;
    min-width: 450px;
    width: 100%;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table
    table
    tr:nth-child(odd) {
    background-color: #f8f8f8;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table
    table
    tr
    th {
    background-color: #fff;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table
    table
    tr
    td,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__table
    table
    tr
    th {
    border: 1px solid #e6e6e6;
    -o-border-image: initial;
    border-image: initial;
    padding: 8px 16px;
    text-align: left;
    vertical-align: top;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__body
    .ml-article__attachments {
    list-style: none;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes {
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    padding: 32px 0;
  }

  @media (min-width: 768px) {
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes {
    padding: 24px 0;
    }
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__title {
    display: inline-block;
    text-align: center;
    width: 100%;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls {
    margin-top: 24px;
    text-align: center;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__control:after {
    content: attr(title);
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__votes
    .ml-votes__controls
    .ml-votes__down {
    margin-left: 8px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 24px;
    padding-top: 32px;
  }

  @media (min-width: 768px) {
    .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0 64px;
    padding-top: 24px;
    }
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    h3,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    h3 {
    padding-bottom: 16px;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul {
    list-style: none;
    word-break: break-word;
  }

  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .recent-articles
    ul
    li,
  .ml-section__article
    .ml-content
    .ml-article__article-wrapper
    .ml-article__recent-related
    .related-articles
    ul
    li {
    padding-bottom: 16px;
  }

  .ml-section__category-sub-nav {
    margin-top: 48px;
  }

  @media (min-width: 768px) {
    .ml-section__category-sub-nav {
    margin-top: 80px;
    }
  }

  .ml-section__category-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 767px) {
    .ml-section__category-sub-nav .ml-content {
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__category-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .ml-section__category-sub-nav .ml-content .ml-category-sub-nav__search {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 16px 0;
  }

  @media (min-width: 768px) {
    .ml-section__category-sub-nav .ml-content .ml-category-sub-nav__search {
    grid-area: 1/2/2/3;
    border: none;
    justify-self: end;
    padding: 0;
    }
  }

  @media (max-width: 767px) {
    .ml-section__category-sub-nav .ml-content .ml-category-sub-nav__breadcrumbs {
    margin: 0 auto;
    width: 90%;
    }
  }

  .ml-section__category {
    margin-top: 24px;
  }

  @media (min-width: 1024px) {
    .ml-section__category {
    margin-top: 56px;
    }
  }

  .ml-section__category .ml-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 8px;
  }

  @media (min-width: 1024px) {
    .ml-section__category .ml-section {
    grid-row-gap: 24px;
    }
  }

  .ml-section__category .ml-section:first-child h2 {
    color: #418fde;
  }

  .ml-section__category .ml-section:not(:first-child) {
    border-top: 1px solid #e6e6e6;
    margin-top: 8px;
    padding-top: 32px;
  }

  @media (min-width: 768px) {
    .ml-section__category .ml-section:not(:first-child) {
    margin-top: 24px;
    padding-top: 48px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__category .ml-section:not(:first-child) {
    margin-top: 40px;
    padding-top: 64px;
    }
  }

  .ml-section__category .ml-section:not(:first-child) h2 {
    color: #51da96;
  }

  .ml-section__category .ml-section:last-child h2 {
    color: #e547aa;
  }

  .ml-section__category .ml-section h2 {
    margin-bottom: 24px;
  }

  .ml-section__category .ml-section .ml-section__articles {
    list-style: none;
  }

  @media (min-width: 768px) {
    .ml-section__category .ml-section .ml-section__articles {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    column-gap: 24px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__category .ml-section .ml-section__articles {
    -webkit-column-gap: 64px;
    column-gap: 64px;
    }
  }

  .ml-section__category .ml-section .ml-section__articles li {
    padding-bottom: 24px;
    page-break-inside: avoid;
  }

  .ml-section__error {
    margin-top: 96px;
    text-align: center;
  }

  .ml-section__error .ml-content .ml-error__header {
    margin-bottom: 96px;
  }

  .ml-section__error .ml-content .ml-error__message a {
    display: inline-block;
    margin-top: 24px;
  }

  .ml-section__hero-sections {
    background: #f7f7f7;
  }

  .ml-section__hero-sections .ml-hero {
    background: linear-gradient(#f3f3f3, #efefef) no-repeat;
    overflow: hidden;
    padding: 112px 0 230px;
    position: relative;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero {
    padding: 120px 0 300px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero {
    padding: 168px 0 220px;
    }
  }

  .ml-section__hero-sections .ml-hero .green-ball {
    display: none;
    height: 140px;
    position: absolute;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero .green-ball {
    display: block;
    left: -100px;
    top: 80px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero .green-ball {
    left: -40px;
    top: 40px;
    }
  }

  .ml-section__hero-sections .ml-hero .blue-ring {
    position: absolute;
    height: 190px;
    right: 0;
    top: -90px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero .blue-ring {
    height: 250px;
    left: 40%;
    top: -160px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero .blue-ring {
    height: 220px;
    left: 40%;
    top: -110px;
    }
  }

  .ml-section__hero-sections .ml-hero .pink-ball {
    position: absolute;
    height: 140px;
    left: -90px;
    top: 40px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero .pink-ball {
    left: unset;
    right: -70px;
    top: 80px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero .pink-ball {
    right: 130px;
    }
  }

  .ml-section__hero-sections .ml-hero .orange-ring {
    bottom: -130px;
    position: absolute;
    height: 280px;
    left: -150px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero .orange-ring {
    bottom: -20px;
    left: -50px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero .orange-ring {
    bottom: -50px;
    left: 80px;
    }
  }

  .ml-section__hero-sections .ml-hero .green-ring {
    bottom: -10px;
    height: 370px;
    position: absolute;
    right: -240px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-sections .ml-hero .green-ring {
    bottom: 20px;
    height: 220px;
    right: -100px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-sections .ml-hero .green-ring {
    bottom: -20px;
    right: -70px;
    }
  }

  .ml-section__hero-sections .ml-hero .ml-hero__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-column-align: center;
    justify-items: center;
    grid-row-gap: 32px;
  }

  .ml-section__hero-sections .ml-hero .ml-hero__grid p {
    display: inline;
  }

  @media (max-width: 767px) {
    .ml-section__hero-sections .ml-hero .ml-hero__grid .ml-hero__search {
    width: 100%;
    }
  }

  .ml-section__topics {
    background: linear-gradient(#f7f7f7, #fff);
    position: relative;
    z-index: 1;
  }

  @media (max-width: 767px) {
    .ml-section__topics .ml-content {
    width: 80%;
    }
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .ml-section__topics .ml-content {
    width: 95%;
    }
  }

  .ml-section__topics .ml-content .ml-topics__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 48px;
    list-style: none;
    margin-top: -216px;
    text-align: center;
  }

  @media (min-width: 768px) {
    .ml-section__topics .ml-content .ml-topics__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: -284px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__topics .ml-content .ml-topics__grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-top: -250px;
    }
  }

  .ml-section__topics .ml-content .ml-topics__grid li {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295 406' preserveAspectRatio='none'><filter id='a'><feGaussianBlur stdDeviation='7.5'></feGaussianBlur></filter><path fill='%23e6e6e6' filter='url(%23a)' d='M35,59.2c28.6-6.1,65.9-9.2,112.1-9.2c46.6,0,84.3,3.1,113,9.2c11.1,2.4,19,12.2,19,23.5v275.6 c0,11.5-8.1,21.3-19.4,23.6c-33.6,6.6-71.1,9.9-112.6,9.9c-41,0-78.2-3.3-111.7-9.9C24.1,379.6,16,369.7,16,358.3V82.7 C16,71.4,23.9,61.6,35,59.2L35,59.2z'/><path fill='%23fff' d='M18.7,10.9C51.1,3.6,93.9,0,147,0c53.7,0,96.8,3.6,129.2,10.9c11,2.5,18.8,12.2,18.8,23.4v314.6 c0,11.4-8.1,21.3-19.3,23.5C237.5,380.1,194.6,384,147,384c-47,0-89.6-3.9-127.8-11.6C8.1,370.2,0,360.3,0,348.9V34.3 C0,23.1,7.8,13.4,18.7,10.9z'/></svg>")
    50% 0/100% 100% no-repeat;
    padding: 40px 32px 70px;
  }

  @media (min-width: 768px) {
    .ml-section__topics .ml-content .ml-topics__grid li.ml-topic__360000128111,
    .ml-section__topics .ml-content .ml-topics__grid li.ml-topic__360000170351,
    .ml-section__topics .ml-content .ml-topics__grid li.ml-topic__360000673851,
    .ml-section__topics .ml-content .ml-topics__grid li.ml-topic__360000673911,
    .ml-section__topics .ml-content .ml-topics__grid li.ml-topic__360000674132 {
    grid-area: 2/2/3/3;
    }
  }

  li .ml-topic__image {
    background-image: url("/hc/theming_assets/01J9RXB52P4WP3EJ0PSKWRNQYJ");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 88px;
    margin: 0 auto 24px;
    width: 88px;
  }

  .ml-category__image {
    background-image: url("/hc/theming_assets/01J9RXB52P4WP3EJ0PSKWRNQYJ");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }

  @media (min-width: 320px) {
    .ml-category__image {
    height: 162px;
    width: 162px;
    float: none;
    margin: 24px auto 0;
    }
  }

  @media (min-width: 768px) {
    .ml-category__image {
    height: 162px;
    width: 162px;
    float: right;
    margin: 48px 24px;
    }
  }

  @media (min-width: 1024px) {
    .ml-category__image {
    height: 214px;
    width: 214px;
    float: right;
    margin: 24px 0;
    }
  }

  li .ml-topic__image.ml-topic__image-360002168452,
  .container_categories_page div.ml-topic__image-360002168452 {
    background-image: url("/hc/theming_assets/01J9RXB4MS1MY9CE46JSJGANVJ");
  }

  li .ml-topic__image.ml-topic__image-360002177971,
  .container_categories_page div.ml-topic__image-360002177971 {
    background-image: url("/hc/theming_assets/01J9RXB407HWNWZYDZX9DCVATX");
  }

  li .ml-topic__image.ml-topic__image-360002182672,
  .container_categories_page div.ml-topic__image-360002182672 {
    background-image: url("/hc/theming_assets/01J9RXB719PPY7C3SQJ7G2P1NK");
  }

  li .ml-topic__image.ml-topic__image-360002182832,
  .container_categories_page div.ml-topic__image-360002182832 {
    background-image: url("/hc/theming_assets/01J9RXB5FVC0WE7FY6AGFYNVY1");
  }

  li .ml-topic__image.ml-topic__image-360002168492,
  .container_categories_page div.ml-topic__image-360002168492 {
    background-image: url("/hc/theming_assets/01J9RXB06BB11SY548ES9MQBNH");
  }

  li .ml-topic__image.ml-topic__image-360002192271,
  .container_categories_page div.ml-topic__image-360002192271 {
    background-image: url("/hc/theming_assets/01J9RXB4TF57KWGTGRZ44E6PQ2");
  }

  /* Japanese Topics */

  li .ml-topic__image.ml-topic__image-360006925011,
  .container_categories_page div.ml-topic__image-360006925011 {
    background-image: url("/hc/theming_assets/01J9RXB4MS1MY9CE46JSJGANVJ");
  }

  .ml-section__topics .ml-content .ml-topics__grid li .ml-topic__description {
    color: #717171;
    margin: 8px 0 16px;
  }

  .ml-section__featured-articles {
    padding-bottom: 24px;
  }

  .ml-section__featured-articles .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 36px 3fr 24px;
    grid-template-rows: 36px 3fr 24px;
    grid-row-gap: 48px;
  }

  @media (min-width: 768px) {
    .ml-section__featured-articles .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 56px 3fr 24px;
    grid-template-rows: 56px 3fr 24px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr;
    -ms-grid-rows: 130px 50%;
    grid-template-rows: 130px 50%;
    grid-row-gap: 16px;
    }
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__title {
    grid-area: 1/1/2/2;
    justify-self: center;
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles .ml-content .ml-featured-articles__title {
    grid-area: 1/1/2/2;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    }
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__title h1 {
    color: #df1995;
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles .ml-content .ml-featured-articles__title h1 {
    margin-top: -6px;
    }
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__view-all {
    grid-area: 3/1/4/2;
    justify-self: center;
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles .ml-content .ml-featured-articles__view-all {
    grid-area: 2/1/3/2;
    justify-self: start;
    }
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__view-all a p {
    display: inline;
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__view-all
    a
    p {
    margin-left: 4px;
    }
  }

  .ml-section__featured-articles .ml-content .ml-featured-articles__articles {
    grid-area: 2/1/3/2;
  }

  @media (min-width: 1024px) {
    .ml-section__featured-articles .ml-content .ml-featured-articles__articles {
    grid-area: 1/2/3/3;
    }
  }

  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 48px;
    list-style: none;
    text-align: center;
  }

  @media (min-width: 768px) {
    .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 48px;
    text-align: left;
    }
  }

  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }

  .ml-section__featured-articles
    .ml-content
    .ml-featured-articles__articles
    .ml-featured-articles__articles-list
    li
    a
    p {
    margin-top: 8px;
  }

  .ml-section__new-request-sub-nav {
    margin-top: 48px;
  }

  @media (min-width: 768px) {
    .ml-section__new-request-sub-nav {
    margin-top: 80px;
    }
  }

  .ml-section__new-request-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 767px) {
    .ml-section__new-request-sub-nav .ml-content {
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__new-request-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .ml-section__new-request-sub-nav .ml-content .ml-new-request-sub-nav__search {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 16px 0;
  }

  @media (min-width: 768px) {
    .ml-section__new-request-sub-nav .ml-content .ml-new-request-sub-nav__search {
    grid-area: 1/2/2/3;
    border: none;
    justify-self: end;
    padding: 0;
    }
  }

  @media (max-width: 767px) {
    .ml-section__new-request-sub-nav
    .ml-content
    .ml-new-request-sub-nav__breadcrumbs {
    margin: 16px auto;
    width: 90%;
    }
  }

  .ml-section__new-request-header {
    margin-top: 32px;
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-header {
    margin-top: 48px;
    }
  }

  .ml-section__new-request-header p {
    color: #717171;
  }

  .ml-section__new-request-header p:first-of-type {
    margin-top: 16px;
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-header p:first-of-type {
    width: 75%;
    }
  }

  .ml-section__new-request-header .ml-new-request__follow-up {
    color: #717171;
    margin-top: 16px;
  }

  .ml-section__new-request-form {
    margin-top: 32px;
  }

  .ml-section__new-request-form .ml-new-request__form .form-field {
    margin-bottom: 40px;
  }

  .ml-section__new-request-form .ml-new-request__form .form-field label {
    display: block;
    padding-bottom: 8px;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field.required
    label:after {
    content: "*";
    color: #ff9952;
    font-size: 10px;
    vertical-align: super;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"] {
    color: rgba(17, 17, 17, 1);
    width: 100%;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]::-webkit-input-placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]::-webkit-input-placeholder {
    color: #9b9b9b;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]:-ms-input-placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]:-ms-input-placeholder {
    color: #9b9b9b;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"]::placeholder,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"]::placeholder {
    color: #9b9b9b;
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="number"],
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    input[type="text"] {
    width: 75%;
    }
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
  .ml-section__new-request-form .ml-new-request__form .form-field a.nesty-input {
    color: rgba(17, 17, 17, 1);
    padding-left: 0;
    width: 100%;
  }

  @media (min-width: 768px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input {
    width: 60%;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle,
    .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input {
    width: 40%;
    }
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    .hc-multiselect-toggle:after,
  .ml-section__new-request-form
    .ml-new-request__form
    .form-field
    a.nesty-input:after {
    content: none;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .request_anonymous_requester_email
    input {
    width: 75%;
  }

  @media (min-width: 768px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .request_anonymous_requester_email
    input {
    width: 60%;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .request_anonymous_requester_email
    input {
    width: 40%;
    }
  }

  .ml-section__new-request-form .ml-new-request__form .suggestion-list {
    margin-bottom: 32px;
  }

  .ml-section__new-request-form .ml-new-request__form .suggestion-list label {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 4px;
    display: block;
  }

  .ml-section__new-request-form .ml-new-request__form .suggestion-list ul {
    list-style: none;
  }

  .ml-section__new-request-form .ml-new-request__form .suggestion-list ul li {
    margin-top: 8px;
  }

  .ml-section__new-request-form .ml-new-request__form .request_description {
    margin-bottom: 40px;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea {
    color: rgba(17, 17, 17, 1);
    height: 105px;
    width: 100%;
  }

  @media (min-width: 1024px) {
    .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea {
    width: 75%;
    }
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea::-webkit-input-placeholder {
    color: #9b9b9b;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea:-ms-input-placeholder {
    color: #9b9b9b;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .request_description
    textarea::placeholder {
    color: #9b9b9b;
  }

  .ml-section__new-request-form .ml-new-request__form .request_description p {
    color: #9b9b9b;
    font-style: italic;
  }

  .ml-section__new-request-form .ml-new-request__form #upload-dropzone {
    /*display: none */
  }

  .upload-dropzone {
    border: 2px solid #6D47D3;
    color: #6D47D3;
  }

  #upload-dropzone span a {
    color: inherit;
  }

  #upload-dropzone span a:hover {
    color: #6D47D3;
  }

  .upload-dropzone:hover {
    background-color: #BFABF9;
    color: #ffffff;
  }

  .ml-section__new-request-form .ml-new-request__form .upload-dropzone span {
    color: #6D47D3;
    line-height: 12px;
    padding: 0;
  }

  .ml-section__new-request-form
    .ml-new-request__form
    .upload-dropzone
    span:before {
    content: none;
  }

  .ml-section__new-request-form .ml-new-request__form .upload-dropzone span a {
    font-size: 12px;
  }

  .ml-section__new-request-form .ml-new-request__form footer {
    margin-top: 32px;
  }

  .ml-section__new-request-form .ml-new-request__form footer #cancel-button {
    margin-right: 16px;
    width: 130px;
  }

  .ml-section__new-request-form .ml-new-request__form footer input {
    width: 130px;
  }

  .ml-section__hero-section {
    background: radial-gradient(circle, #fff 0, #fafafa 100%) no-repeat;
    height: 245px;
    overflow: hidden;
    position: relative;
  }

  @media (min-width: 768px) {
    .ml-section__hero-section {
    height: 314px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-section {
    height: 326px;
    }
  }

  .ml-section__hero-section .green-ball {
    display: none;
    height: 140px;
    position: absolute;
    transition: all 0.25s ease;
  }

  @media (min-width: 1024px) {
    .ml-section__hero-section .green-ball {
    display: block;
    left: -70px;
    top: -40px;
    }
  }

  .ml-section__hero-section .blue-ring {
    position: absolute;
    height: 210px;
    right: 0;
    top: -120px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-section .blue-ring {
    height: 250px;
    left: 25%;
    top: -160px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-section .blue-ring {
    height: 220px;
    left: 40%;
    top: -140px;
    }
  }

  .ml-section__hero-section .pink-ball {
    position: absolute;
    height: 140px;
    left: -105px;
    top: 25px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-section .pink-ball {
    left: unset;
    right: -70px;
    top: 20px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-section .pink-ball {
    right: -70px;
    }
  }

  .ml-section__hero-section .orange-ring {
    bottom: -220px;
    position: absolute;
    height: 280px;
    left: -150px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-section .orange-ring {
    left: -80px;
    }
  }

  .ml-section__hero-section .green-ring {
    bottom: -260px;
    height: 370px;
    position: absolute;
    right: -230px;
    transition: all 0.25s ease;
  }

  @media (min-width: 768px) {
    .ml-section__hero-section .green-ring {
    bottom: -120px;
    height: 220px;
    right: 5px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__hero-section .green-ring {
    bottom: -80px;
    right: 150px;
    }
  }

  .ml-section__hero-section .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
  }

  .ml-section__hero-section .ml-content .ml-hero-section p {
    color: #717171;
    margin-top: 16px;
  }

  @media (min-width: 768px) {
    .ml-section__section-sub-nav {
    margin-top: 48px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__section-sub-nav {
    margin-top: 80px;
    }
  }

  .ml-section__section-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 767px) {
    .ml-section__section-sub-nav .ml-content {
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__section-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .ml-section__section-sub-nav .ml-content .ml-section-sub-nav__search {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 16px 0;
  }

  @media (min-width: 768px) {
    .ml-section__section-sub-nav .ml-content .ml-section-sub-nav__search {
    grid-area: 1/2/2/3;
    border: none;
    justify-self: end;
    padding: 0;
    }
  }

  @media (max-width: 767px) {
    .ml-section__section-sub-nav .ml-content .ml-section-sub-nav__breadcrumbs {
    margin: 16px auto;
    width: 90%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__section-articles {
    padding-top: 16px;
    }
  }

  .ml-section__section-articles .ml-content .ml-section-articles__header {
    color: #e547aa;
    margin-bottom: 32px;
  }

  @media (min-width: 768px) {
    .ml-section__section-articles .ml-content .ml-section-articles__header {
    margin-bottom: 48px;
    }
  }

  .ml-section__section-articles .ml-content .ml-section-articles__list {
    list-style: none;
  }

  @media (min-width: 768px) {
    .ml-section__section-articles .ml-content .ml-section-articles__list {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    column-gap: 24px;
    }
  }

  @media (min-width: 1024px) {
    .ml-section__section-articles .ml-content .ml-section-articles__list {
    -webkit-column-gap: 64px;
    column-gap: 64px;
    }
  }

  .ml-section__section-articles .ml-content .ml-section-articles__list li {
    padding-bottom: 24px;
    page-break-inside: avoid;
  }

  .ml-section__search-results-sub-nav {
    margin-top: 48px;
  }

  @media (min-width: 768px) {
    .ml-section__search-results-sub-nav {
    margin-top: 80px;
    }
  }

  .ml-section__search-results-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-flex-align: center;
    align-items: center;
  }

  @media (max-width: 767px) {
    .ml-section__search-results-sub-nav .ml-content {
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .ml-section__search-results-sub-nav .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__search {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 16px 0;
  }

  @media (min-width: 768px) {
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__search {
    grid-area: 1/2/2/3;
    border: none;
    justify-self: end;
    padding: 0;
    }
  }

  @media (max-width: 767px) {
    .ml-section__search-results-sub-nav
    .ml-content
    .ml-search-results-sub-nav__breadcrumbs {
    margin: 16px auto;
    width: 90%;
    }
  }

  .ml-section__search-results-header {
    margin: 16px 0 24px;
  }

  .ml-section__search-results-header .ml-search-results__header {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 16px;
  }

  .ml-section__search-results-list .ml-search-results__list-item {
    border-bottom: 1px dashed #d6d6d6;
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__breadcrumbs
    a {
    text-transform: uppercase;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__title {
    font-weight: 400;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__author-date {
    color: #9b9b9b;
    list-style: none;
    margin-top: 4px;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__author-date
    * {
    display: inline;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__author-date
    li:not(:last-child):after {
    content: "\B7";
    font-weight: 700;
    margin: 0 8px;
  }

  .ml-section__search-results-list
    .ml-search-results__list-item
    .ml-search-results__description
    em {
    background-color: #fcf7b6;
  }

  .ml-section__search-results-list .ml-search-results__browse {
    font-weight: 400;
  }

  .ml-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 328px;
    grid-template-rows: 328px;
    padding-top: 0px;
    background-color: #111111;
    z-index: 1;
  }

  @media (min-width: 768px) {
    .ml-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 532px;
    grid-template-rows: 532px;
    }
  }

  @media (min-width: 1024px) {
    .ml-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 497px;
    grid-template-rows: 497px;
    }
  }

  .ml-footer .ml-footer__money {
    background-image: url("/hc/theming_assets/01J9RXAZMSMZA2XXFX020C3BQH");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 120px;
  }

  @media (min-width: 320px) {
    .footer {
    padding: 0px;
    }
    .ml-footer .ml-footer__money {
    background-image: url("/hc/theming_assets/01J9RXB1TDH5WTG4RB0RSTWM50");
    background-size: auto 200px;
       background-position: 50% 0;
    }
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__money {
    background-image: url("/hc/theming_assets/01J9RXAZMSMZA2XXFX020C3BQH");
    background-position: 0;
    background-size: auto 320px;
    max-width: 720px;
    margin: 0 auto;
    }
  }

  @media (min-width: 1024px) {
    .ml-footer .ml-footer__money {
    background-image: url("/hc/theming_assets/01J9RXAZMSMZA2XXFX020C3BQH");
    background-position: 0;
    background-size: auto 497px;
    max-width: 1920px;
    margin: 0 auto;
    }
  }

  @media (min-width: 1440px) {
    .ml-footer .ml-footer__money {
    background-image: url("/hc/theming_assets/01J9RXAZMSMZA2XXFX020C3BQH");
    background-position: 106px 0;
    background-size: auto 497px;
    max-width: 1920px;
    margin: 0 auto;
    }
  }

  .ml-footer .ml-footer__money .ml-content {
    display: -ms-grid;
    display: grid;
  }

  /*
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    height: 100%
  }
  @media (min-width:768px) {
    .ml-footer .ml-footer__money .ml-content {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 7fr 5fr;
      grid-template-columns: 7fr 5fr;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr
    }
  }
  @media (min-width:1024px) {
    .ml-footer .ml-footer__money .ml-content {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr
    }
  }*/

  .ml-footer .ml-footer__money .ml-content .ml-money__wrapper {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
  }

  @media (min-width: 320px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper {
    text-align: center;
    display: inline-grid;
    margin: auto;
    padding-top: 48px;
    }
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper img {
    width: 75%;
    margin: auto;
    }
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper {
    text-align: center;
    display: inline-grid;
    margin: 25% 0 0 448px;
    padding-top: 0;
    }
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper img {
    width: 75%;
    margin: 0;
    }
  }

  @media (min-width: 1024px) {
    .ml-footer .ml-footer__money .ml-content {
    max-width: 1024px;
    }
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper {
    margin: 180px 0 0 680px;
    }
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper img {
    width: auto;
    margin: 0;
    }
  }

  @media (min-width: 1440px) {
    .ml-footer .ml-footer__money .ml-content {
    max-width: 1440px;
    }
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper {
    margin: 200px 0 0 800px;
    }
  }

  .ml-footer .ml-footer__money .ml-content .ml-money__wrapper h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    }
  }

  @media (min-width: 1024px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper h1 {
    font-size: 58px;
    font-weight: 700;
    }
  }

  .ml-footer .ml-footer__money .ml-content .ml-money__wrapper p {
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    margin-top: 4px;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper p {
    font-size: 26px;
    font-weight: 400;
    line-height: 34px;
    margin-top: 8px;
    }
  }

  @media (min-width: 1024px) {
    .ml-footer .ml-footer__money .ml-content .ml-money__wrapper p {
    font-size: 30px;
    font-weight: 400;
    line-height: 128%;
    }
  }



  .ml-footer .ml-footer__top {
    border-top: 1px solid #f8f8f8;
  }

  .ml-footer .ml-footer__top .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: 86px 48px;
    grid-template-rows: 86px 48px;
    position: relative;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__top .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 75% 25%;
    grid-template-columns: 75% 25%;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
  }

  @media (max-width: 767px) {
    .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 80%);
    width: 20px;
    height: 70px;
    }
    .ml-footer .ml-footer__top .ml-content .ml-footer__magic-links-wrapper:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 0;
    right: 0;
    pointer-events: none;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 80%);
    width: 50px;
    height: 70px;
    }
  }

  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links {
    -ms-overflow-style: none;
    padding: 24px;
    overflow-y: hidden;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
  }

  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links
    a:not(:first-child) {
    margin-left: 24px;
  }

  @media (min-width: 768px) {
    .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__magic-links-wrapper
    .ml-footer__magic-links {
    padding: 32px 0;
    text-align: unset;
    }
  }

  .ml-footer .ml-footer__top .ml-content .ml-footer__social-links {
    justify-self: center;
    padding: 0 0 24px;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__top .ml-content .ml-footer__social-links {
    justify-self: end;
    padding: 0;
    }
  }

  .ml-footer .ml-footer__top .ml-content .ml-footer__social-links a {
    color: #9b9b9b;
    fill: currentColor;
    opacity: 0.3;
    transition: opacity 0.2s ease-in-out;
  }

  .ml-footer .ml-footer__top .ml-content .ml-footer__social-links a:active,
  .ml-footer .ml-footer__top .ml-content .ml-footer__social-links a:focus,
  .ml-footer .ml-footer__top .ml-content .ml-footer__social-links a:hover {
    opacity: 1;
  }

  .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__social-links
    a:not(:first-child) {
    margin-left: 24px;
  }

  @media (min-width: 768px) and (max-width: 1023px) {
    .ml-footer
    .ml-footer__top
    .ml-content
    .ml-footer__social-links
    a:not(:first-child) {
    margin-left: 16px;
    }
  }

  .ml-footer .ml-footer__bottom {
    background: #f8f8f8;
    color: #717171;
    padding: 24px 0 16px;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__bottom {
    padding: 16px 0;
    }
  }

  .vfooter-dxRXMq {
    max-width: 980px !important;
    margin: 0 auto !important;
  }

  @media (max-width: 767px) {
    .ml-footer .ml-footer__bottom a:not(:first-child) {
    margin-left: 16px;
    }
    .ml-footer .ml-footer__bottom a:not(:first-child):before {
    content: "";
    width: 1px;
    border-left: 1px solid #979797;
    margin-right: 16px;
    cursor: default;
    }
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__bottom a:not(:first-child) {
    margin-left: 24px;
    }
  }

  .ml-footer .ml-footer__bottom .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: (1fr) [3];
    grid-template-rows: repeat(3, 1fr);
    font-weight: 400;
    grid-row-gap: 16px;
  }

  @media (min-width: 768px) {
    .ml-footer .ml-footer__bottom .ml-content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    }
  }

  @media (max-width: 767px) {
    .ml-footer .ml-footer__bottom .ml-content .ml-footer__copyright {
    grid-area: 3/1/4/2;
    justify-self: center;
    }
  }

  .ml-footer .ml-footer__bottom .ml-content .ml-footer__love {
    justify-self: center;
  }

  @media (max-width: 767px) {
    .ml-footer .ml-footer__bottom .ml-content .ml-footer__love {
    grid-area: 1/1/2/2;
    }
  }

  .ml-footer .ml-footer__bottom .ml-content .ml-footer__love .footer__heart {
    fill: #6D47D3;
    margin: -4px 4px 0;
  }

  .ml-footer .ml-footer__bottom .ml-content .ml-footer__legal {
    justify-self: end;
  }

  @media (max-width: 767px) {
    .ml-footer .ml-footer__bottom .ml-content .ml-footer__legal {
    grid-area: 2/1/3/2;
    justify-self: stretch;
    text-align: center;
    }
  }

  /** Rules for extra-small, small, and medium images to not resize to 100% of the container width. This is a band-aid approach. **/

  .xSmallImg {
    max-width: 100px !important;
  }

  .smallImg {
    max-width: 350px !important;
  }

  .medImg {
    max-width: 500px !important;
  }

  /* ML MAIN */

  @media (min-width: 768px) {
    .page-header {
    margin-bottom: 20px;
    }
  }

  .search input[type="search"]:focus {
    border: 1px solid #4a4a4a;
  }

  /* ML HEADER */

  #user-name {
    color: rgb(217, 217, 218); . /*rgba(17, 17, 17, 1);*/
  }

  @media (min-width: 1025px) {
    .ml-content {
    max-width: 1920px;
    }
  }

  .ml-header {
    background-color: transparent;
  }

  .ml-header .ml-content .ml-header__contact-us a {
    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
  }

  @media (min-width: 768px) {
    .ml-header .ml-content .ml-header__contact-us a {
      /* Lomino (Standard Web)/18 */

      font-family: 'Lomino';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 128%;
      /* identical to box height, or 23px */

      letter-spacing: -0.01em;

      /* Brand/Meteorite 100 */

      color: #111111;


      /* Inside auto layout */

      flex: none;
      order: 0;
      flex-grow: 0;
    }
  }

  .ml-header .ml-content .ml-header__contact-us a:hover {
    color: color: #111111; !important;
  }

  .user-info > [role="button"]::after {
    color: rgb(217, 217, 218); /* rgba(17, 17, 17, 1); */
  }

  .ml-hero__title h1 {
    /* Lomino (Standard Web)/72 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 72px;
    line-height: 110%;
    /* or 79px */

    letter-spacing: -0.02em;
    color: #ffffff;
  }


  @media (min-width: 320px) {
    .activity {
    padding: 0px;
    }
    section,
    .section {
    // margin: 48px 0;
    }
    section.categories,
    section.knowledge-base {
    margin-bottom: 0px;
    }
    section.article-relatives,
    section.knowledge-base,
    section.article-info {
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 0px;
    }
    section.article-info {
    margin-bottom: 48px;
    }
    .hero {
      background-image: none;
      height: 400px;
      padding: 0px;
      margin-top: 0;
      margin-bottom: 0px;
    }
    .ml-hero__title h1 {
      /* Lomino (Standard Web)/72 */

      font-family: 'Lomino';
      font-style: normal;
      font-weight: 400;
      font-size: 24px;
      line-height: 120%;
      /* identical to box height, or 29px */

      letter-spacing: -0.02em;
      color: #ffffff;
    }
    .recent-activity-header {
    margin-bottom: 24px;
    }
  }

  @media (min-width: 768px) {
    .hero {
      width: 100%;
      height: 763px;
      padding: 0 20px;
      margin-top: 0px;
    }
    section.articles {
    margin: 32px 0;
    }
    section.activity {
    padding-top: 64px;
    }
    section.article-info {
    margin-bottom: 96px;
    }
    .recent-activity-header {
    margin: 0px auto 64px;
    }

    .ml-hero__title h1 {
      /* Lomino (Standard Web)/72 */

      font-family: 'Lomino';
      font-style: normal;
      font-weight: 400;
      font-size: 72px;
      line-height: 110%;
      /* or 79px */

      letter-spacing: -0.02em;
      color: #ffffff;
    }

  }

  @media (min-width: 1024px) {
    .hero {
      /*width: 100%;*/
      height: 763px;
      padding: 0 20px;
      margin-top: 0px;
      background-image: url(/hc/theming_assets/01J9RXB585K1M4V0SMEKKN80X7);
      background-color: #090a0e;
      background-position: 400px;
      background-repeat: no-repeat;
      background-size: 75%;
      height: 573px;
      padding: 0 20px;
      text-align: center;
    }


    section.articles {
    margin: 32px 0;
    }
    section.activity {
    padding-top: 0px;
    }

    .ml-hero__title h1 {
      /* Lomino (Standard Web)/72 */

      font-family: 'Lomino';
      font-style: normal;
      font-weight: 400;
      font-size: 60px;
      line-height: 110%;
      /* or 79px */

      letter-spacing: -0.02em;
      color: #ffffff;
    }

    }
  }

  .ml-header .ml-content .ml-header__logo-title .ml-header__title {
    color: rgba(17, 17, 17, 1);
    font-size: 16px;
    display: inline;
    font-weight: 400;
    letter-spacing: 3px;
    margin-left: 16px;
    vertical-align: middle;
  }

  @media (min-width: 320px) {
    .ml-header .ml-content .ml-header__logo-title .ml-header__title {
    font-size: 12px;
    letter-spacing: 2.5px;
    margin-left: 5px;
    }
  }

  @media (min-width: 768px) {
    .ml-header .ml-content .ml-header__logo-title .ml-header__title {
    font-size: 16px;
    letter-spacing: 3px;
    margin-left: 16px;
    }
  }

  @media (min-width: 1440px) {
    .hero {
      background-image: url(/hc/theming_assets/01J9RXB585K1M4V0SMEKKN80X7);
      background-color: #090a0e;
      /* background-position: 523px 0px; */
      background-repeat: no-repeat;
      /* background-size: 75%; */
      background-position: right;
      width: 100%;
      height: 763px;
      padding: 0 20px;
      margin-top: 0px;
    }
  }

  @media (min-width: 2560px) {
    .hero {
      background-image: url(/hc/theming_assets/01J9RXB585K1M4V0SMEKKN80X7);
      background-color: #090a0e;
      /* background-position: 523px 0px; */
      background-repeat: no-repeat;
      background-size: 45%;
      background-position: right;
      width: 100%;
      height: 763px;
      padding: 320px;
      margin-top: 0px;
    }
  }

  /* ML TYPOGRAPHY */

  h1,
  h2,
  h3,
  h4,
  h3.section-tree-title a {
    color: #000000;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 18px;
  }

  @media (min-width: 320px) {
    h1 {
    font-size: 36px;
    }
    h2 {
    font-size: 28px;
    }
    h3 {
    font-size: 22px;
    }
    h4 {
    font-size: 18px;
    }
  }

  @media (min-width: 768px) {
    h1 {
    font-size: 36px;
    }
    h2 {
    font-size: 28px;
    }
    h3 {
    font-size: 22px;
    }
    h4 {
    font-size: 18px;
    }
  }

  /* CSS class for WYSIWYG editor */

  .articlefont-small {
    font-size: 14px;
  }

  .articlefont-medium,
  .article-body ul li span,
  .article-body ol li span {
    font-size: 16px;
  }

  .articlefont-large {
    font-size: 32px;
  }

  .articlefont-x-large {
    font-size: 42px;
  }

  .article-body p,
  .article-body p img {
    margin: 1em 0 1em 0;
  }

  h1,
  .ml-hero__title h1,
  .articles h1,
  .section h2,
  .catergory_page_name h1,
  .section-content .page-header h1 {
    margin-bottom: 40px;
  }


  @media (min-width: 768px) {
    .articles h1,
    .section h2,
    .catergory_page_name h1,
    .section-content .page-header h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    text-align: center;
    }
  }

  @media (min-width: 1024px) {
    .catergory_page_name {
    padding: 3px 20px;
    }

    .articles h1,
    .section h2,
    .catergory_page_name h1,
    .section-content .page-header h1 {
    font-size: 58px;
    font-weight: 400;
    line-height: 64px;
    text-align: center;
    }
  }

  .ml-hero__browse {
    height: 48px;
    width: 198px;
    background-color: #6D47D3;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .ml-hero__browse a p {
    height: 16px;
    color: #f8f8f8;
    font-family: Lomino;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    padding: 16px;
  }

  @media (min-width: 320px) {
    .ml-hero__browse {
    height: 40px;
    width: 153px;
    }
    .ml-hero__browse a p {
    font-size: 14px;
    padding: 13px;
    }
  }

  @media (min-width: 768px) {
    .ml-hero__browse {
    height: 48px;
    width: 198px;
    }
    .ml-hero__browse a p {
    font-size: 16px;
    padding: 16px;
    }
  }

  .login[role="button"] {
    border: none;
    color: rgba(17, 17, 17, 1);
    font-size: 14px;
    font-weight: 400;
    font-family: LominoSubset, open-sans, sans-serif;
    font-family: var(--fontBase);
    letter-spacing: 0;
    line-height: 22px;
  }

  @media (min-width: 320px) {
    .login[role="button"] {
    padding: 0 10px;
    text-align: left;
    width: auto;
    }
  }

  @media (min-width: 768px) {
    .login[role="button"] {
    padding: 0 20px;
    text-align: center;
    }
  }

  .login[role="button"]:hover,
  .login[role="button"]:active,
  .login[role="button"]:focus,
  .login[role="button"][aria-selected="true"] {
    background-color: transparent;
    color: rgba(41, 38, 38, 1);
    text-decoration: none;
  }

  .user-nav {
    justify-content: flex-end;
  }

  @media (min-width: 320px) {
    .user-nav {
    text-align: right;
    display: inline-flex;
    position: initial;
    }
    .search {
      width: 240x;
      margin: auto 0px;
    }
  }

  @media (min-width: 768px) {
    .user-nav {
    text-align: right;
    }
    .search {
    width: 480px;
    }
  }

  @media (min-width: 1024px) {
    .user-nav {
    text-align: right;
    }
  }

  /* ML CATEGORIES CARDS */

  li .ml-topic__browse {
    box-sizing: border-box;
    height: 48px;
    width: 180px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 28px;
    margin: auto;
  }

  li .ml-topic__browse:hover,
  li .ml-topic__browse:active {
    background-color: #6D47D3;
    color: #ffffff;
  }

  /* ML HOME PAGE */

  .articles h1,
  .section h2 {
    margin: 96px auto 64px;
    text-align: center;
  }

  @media (min-width: 320px) {
    .articles h1,
    .section h2 {
    text-align: left;
    margin: 48px 0;
    }
  }

  @media (min-width: 768px) {
    .articles h1,
    .section h2 {
    text-align: center;
    margin: 0px auto 64px;
    }
  }

  .promoted-articles-item a,
  .recent-activity-item-parent {
    /* height: 30px; */
    width: 396px;
    color: rgba(17, 17, 17, 1);
    font-family: Lomino;
    font-size: 18px;
    // font-weight: 600;
    line-height: 26px;
    border-bottom: 0px;
    padding: 0px;
  }
  .promoted-articles-item a {
    width: 100%;
  }

  @media (min-width: 320px) {
    .promoted-articles-item {
    margin-top: 0px;
    margin-bottom: 48px;
    }
    .promoted-articles-item a,
    .recent-activity-item-parent {
    padding: 0px;
    }
    .blocks-item {
    margin-bottom: 48px;
    }
  }

  @media (min-width: 768px) {
    .container {
    /* max-width: 720px; */
    padding: 0px;
    }
    .container_categories_page,
    .container_sections_page,
    .container-articles-page {
    max-width: 720px;
    padding: 0;
    margin: auto;
    }
    .promoted-articles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: inherit;
    }
    .promoted-articles-item {
    max-width: 348px;
    display: inline-flex;
    flex: 1 0;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    margin-bottom: 0;
    margin: 15px 30px;
    width: calc(50% - 70px);
    }
    .promoted-articles-item:last-child a {
    border-bottom: 0px;
    }
    .blocks-list {
    margin: 0;
    display: flex;
    }
  }

  @media (min-width: 1024px) {
    .container {
    /* max-width: 1920px; */
    padding: 0 108px;
    display: grid;
    }
    .container_categories_page,
    .container_sections_page,
    .container-articles-page {
    max-width: 1920px;
    padding: 0;
    margin: auto;
    }
    .promoted-articles-item {
    max-width: 492px;
    flex: 1 0;
    flex-direction: column;
    justify-content: left;
    text-align: left;
    width: calc(33.333% - 70px);
    }
    .promoted-articles-item:last-child a {
    border-bottom: 0px;
    }
  }

  @media (min-width: 1440px) {
    .container {
      /* max-width: 2560px; */
    }
  }

  .community,
  .activity {
    border-top: 0px;
  }

  .recent-activity-item-link {
    color: #717171;
    font-family: Lomino;
    font-size: 14px;
    line-height: 22px;
  }

  .recent-activity-controls {
    text-align: center;
  }

  .recent-activity-controls a {
    color: #6D47D3;
    font-weight: 600;
  }

  /* ML CATEGORY, SECTION, ARTICLES PAGE */

  .container-divider {
    border: none;
  }

  .categories_hero {
    height: 156px;
    background-color: #ffffff;
    /* margin-top: 56px; */
    display: inherit;
    margin-top: 48px;
  }

  .catergory_page_name {
    float: left;
  }

  .catergory_page_name h1,
  .section-content .page-header h1 {
    margin-bottom: 32px;
  }

  .page-header {
    margin: 0;
  }

  .empty-articles {
    margin-top: 20px;
  }

  .article-header {
    margin-top: 0;
  }

  .article-container {
    margin-top: 48px;
  }

  .article-content {
    margin: 0;
    padding-right: 320px;
  }

  .article-body h1 span,
  .article-body h2 span,
  .article-body h3 span {
    color: rgba(17, 17, 17, 1);
  }

  .article-votes {
    padding: 24px 0;
    padding-right: 320px;
  }

  .article-votes-question {
    font-weight: bold;
  }

  .article-footer {
    padding: 0px;
    padding-right: 320px;
  }

  .article-relatives section h3,
  .article-sidebar section h3 {
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 24px;
  }

  .article-sidebar section h3 {
    padding: 0 8px;
  }

  .sidenav-item {
    color: rgba(17, 17, 17, 1);
    font-size: 16px;
    line-height: 24px;
    padding: 8px;
    margin-bottom: 0px;
  }

  .sidenav-item.current-article,
  .sidenav-item:hover {
    color: rgba(17, 17, 17, 1);
    box-sizing: border-box;
    min-height: 48px;
    width: 300px;
    border: 1px solid #d6d6d6;
    background-color: #f8f8f8;
  }

  @media (min-width: 320px) {
    .article-sidebar {
    display: none;
    }
    .categories_hero {
    height: 210px;
    background-color: #fff;
    }
  }

  @media (min-width: 768px) {
    .categories_hero {
    background-color: #fff;
    height: 156px;
    }
    .catergory_page_name {
    max-width: 610px;
    }
  }

  @media (min-width: 1024px) {
    .article-sidebar {
    display: flex;
    border: 0;
    flex: 0 0 300px;
    height: auto;
    margin-right: 0;
    }
    .section-articles,
    .article-sidebar {
    margin-top: 0px;
    }
    .section-articles ul li {
    margin-bottom: 10px;
    }
    .catergory_page_name {
    max-width: 1200px;
    }
  }

  .article-relatives section ul li a,
  .my-activities-table .striped-list-title {
    color: #6D47D3;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: 24px;
  }

  .my-activities-table .striped-list-title {
    font-size: 14px;
  }

  .article-vote {
    box-sizing: border-box;
    color: #717171;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    padding: 10px 16px;


    /* BUTTON BACKGROUND */
     width: 119px;
     height: 48px;

     /* Brand/Meteorite 100 */

     background: #111111;

     /* Inside auto layout */

     flex: none;
     order: 0;
     align-self: stretch;
     flex-grow: 1;

  }

  .article-vote::after {
     /* BUTTON TEXT */
     font-family: 'Lomino';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 128%;

     text-align: center;
     letter-spacing: -0.01em;

     /* Brand/Bionic */

     color: #FFFFFF;
  }

  .article-votes-controls .button:hover,
  .article-votes-controls .button:active,
  .article-votes-controls .button:focus,
  .article-votes-controls .button[aria-selected="true"],
  .article-votes-controls [role="button"]:hover,
  .article-votes-controls [role="button"]:active,
  .article-votes-controls [role="button"]:focus,
  .article-votes-controls [role="button"][aria-selected="true"] {
    background-color: #4a4a4a;
    /* border-color: #4a4a4a; */
    color: #ffffff;
    text-decoration: none;
  }

  .article-vote-label {
    font-size: 13px;
  }

  .breadcrumbs li:last-child {
    font-weight: 600;
    color: #4a4a4a;
  }

  .breadcrumbs li:last-child::before {
    font-weight: normal;
    color: rgba(17, 17, 17, 1);
  }

  @media (min-width: 320px) {
    .sub-nav {
    margin-bottom: 0px;
    padding: 0;
    flex-direction: column-reverse;
    }
    .container_categories_page {
    padding: 0 16px 0;
    margin-top: 16px;
    }
    .container_sections_page,
    .container-articles-page {
    padding: 0 16px 0;
    margin-top: 52px;
    }
    .catergory_page_name h1,
    .section-content .page-header h1 {
    margin-top: 34px;
    text-align: center;
    margin-bottom: 48px;
    font-size: 32px;
    }
    .catergory_page_name p {
    padding: 0 16px 0;
    text-align: center;
    }
    .search-category-page,
    .search-sections-page,
    .search-articles-page {
    width: 100%;
    height: 64px;
    line-height: 64px;
    }
    .breadcrumbs {
    margin: 0;
    box-shadow: inset 0 1px 0 0 #e6e6e6;
    height: 48px;
    line-height: 48px;
    }
    .section-content {
    flex: 1;
    }
    /*.category-content .section-tree .section h3, .sections-page-inner-header h3 {
      height: 40px;
    font-size: 28px;
    font-weight: 800;
    line-height: 40px;
    } */
    .article-list {
    margin: 24px 0 0 0;
    }
    .section-list {
    margin: 24px 0 96px 0;
    }
    .articles-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    }
    .articles-columns-item {
    flex: 0 0 343px;
    }
    .article-list-item a,
    .section-list-item a {
    font-weight: 400;
    }
  }

  @media (min-width: 768px) {
    .container_categories_page {
    margin-top: 0;
    }
    .catergory_page_name h1,
    .section-content .page-header h1 {
    margin-top: 12px;
    text-align: left;
    }
    .section-content .page-header h1 {
    margin-top: 0;
    margin-bottom: 96px;
    }
    .catergory_page_name h1 {
    margin-bottom: 16px;
    }
    .catergory_page_name p {
    padding: 0;
    text-align: left;
    font-size: 18px;
    }
    .sub-nav {
    align-items: center;
    flex-direction: row;
    height: 80px;
    margin: 0 auto;
    }
    .search-category-page {
      position: relative;
      width: 480px;
      height: 52px;
      margin: 0;

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 12px 0px 12px 12px;
      gap: 10px;
      background: #FFFFFF;
    }
    .search-sections-page,
    .search-articles-page {
      position: relative;
      width: 480px;
      height: 52px;
      margin: 0;

      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 12px 0px 12px 12px;
      gap: 10px;
      background: #FFFFFF;
    }
    .breadcrumbs {
    margin: 0 0 15px 0;
    padding-top: 0;
    box-shadow: none;
    }
    .category-content {
    flex: 1;
    margin-bottom: 48px;
    }
    .category-content .section-tree .section h3,
    .sections-page-inner-header h3 {
    height: 40px;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #4a4a4a;
    }
    .section-content {
    flex: 1;
    margin: 48px 0 96px 0;
    }
    .articles-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    }
    .articles-columns-item {
    flex: 0 0 348px;
    }
  }

  @media (min-width: 1024px) {
    .articles-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    }
    .articles-columns-item {
    flex: 0 0 420px;
    }
    .catergory_page_name p {
    padding: 0;
    text-align: left;
    font-size: 22px;
    }
  }

  /* PROFILE PAGES */

  .my-activities-nav {
    margin-top: 58px;
  }

  .collapsible-nav-list {
    display: flex;
    background-color: #fff;
  }

  .status-label {
    background-color: transparent;
    color: rgba(17, 17, 17, 1);
    font-size: 14px;
    font-weight: 400;
  }

  .requests-table-toolbar + .requests {
    margin-bottom: 96px;
  }

  .requests-table-toolbar .search {
    flex: 0 0 70%;
    margin: 0;
  }

  .requests-table-toolbar .request-table-filter {
    width: auto;
    display: flex;
    height: 40px;
    flex: 0 0 100px;
  }

  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
    transform: translateY(25%);
  }

  .no-activities {
    margin-top: 20px;
  }

  @media (min-width: 320px) {
    .myActivities {
       margin: 48px auto;
       background-color: #fff;
    }

    .requests-table-toolbar .request-filter-label {
      margin-top: 0;
      transform: translateY(10%);
    }
  }

  @media (min-width: 768px) {
    .myActivities {
     margin: 64px auto;
      background-color: #fff;
    }
    .requests-table-toolbar .search {
    flex: 0 0 60%;
    margin: 0;
    }
    .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
    min-width: 160px;
    padding-left: 10px;
    }
    .requests-table-toolbar {
    flex-direction: row;
    flex-wrap: nowrap;
    }

    .requests-table-toolbar .request-filter-label {
      margin-top: 0;
      transform: translateY(25%);
    }

  }

  .profile-private-badge {
    color: #4a4a4a;
    border: none;
  }

  .profile-info .options a {
  }

  @media (min-width: 1024px) {
    .myActivities {
     margin: 96px auto;
     background-color: #fff;
    }
    .requests-table-toolbar .search {
    flex: 0 0 70%;
    margin: 0;
    }
  }

  /** ML Custom CSS **/

  @media (min-width: 320px) {

    .ml-country-tfns {
    display: flex;
    flex-direction: column;
    }

  }

  @media (min-width: 567px) {

    .ml-country-tfns {
    display: flex;
    flex-direction: row;
    }

  }

  @media (min-width: 768px) {

    .ml-country-tfns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }

  }

  @media (min-width: 1024px) {

    .ml-country-tfns {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    }

  }
  /* ML FOOTER */

  /*
  @media (hover: none){.main-menu ul li a:hover,.footer-topbar .footer-menu .column ul li a:hover{opacity:1 !important}}
  footer{font-weight:300;background-color:#fff;}
  footer .wrap{width:100%;margin:auto;max-width:1304px;padding:0 20px}
  .footer-top{padding:0}
  #legal-footer{position:relative;z-index:1}
  .footer-topbar .footer-menu{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
  .footer-topbar .footer-menu .column{width:25%;padding:24px 12px 0 12px}
  .footer-topbar .footer-menu .column:first-child{padding-left:0}
  .footer-topbar .footer-menu .column:last-child{padding-right:0}
  .footer-topbar .footer-menu .column h3{font-size:14px;color:rgba(17, 17, 17, 1);margin-bottom:24px;padding:0;font-weight:500}
  .footer-topbar .footer-menu .column ul{list-style:none;padding:0;margin:0}
  .footer-topbar .footer-menu .column ul li{display:block;padding-bottom:8px}
  .footer-topbar .footer-menu .column ul li:last-child{padding-bottom:0}
  .footer-topbar .footer-menu .column ul li a{color:#717171;text-decoration:none;-webkit-transition:color 0.2s linear;transition:color 0.2s linear;line-height:22px;display:inline-block}
  .footer-topbar .footer-menu .column ul li a:hover{opacity:0.5}
  .footer-topbar .social-icons{margin:48px auto 0 auto;padding-bottom:48px;text-align:center}
  .footer-topbar .social-icons a{font-size:18px;margin:0 12px 0 12px;opacity:0.8;width:24px;height:24px;display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center}
  @media (min-width: 320px) and (max-width: 767px){.footer-topbar .social-icons a{width:32px;height:32px}}
  .footer-topbar .social-icons a.facebook{background-image:url("/hc/theming_assets/01J9RXB7QXQHF3CZXWFV7WHRVV")}
  .footer-topbar .social-icons a.instagram{background-image:url("/hc/theming_assets/01J9RXB7W1KF7PQ3HSE0FPCB3S")}
  .footer-topbar .social-icons a.twitter{background-image:url("/hc/theming_assets/01J9RXB7X74Q75CJ41PZT5WJWQ")}
  .footer-topbar .social-icons a.youtube{background-image:url("/hc/theming_assets/01J9RXB89FC5HG0TN52189VQB4")}
  .footer-topbar .social-icons a:hover{opacity:1}
  @-webkit-keyframes heart-beat{0%,30%{-webkit-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}
  @keyframes heart-beat{0%,30%{-webkit-transform:scale(1);transform:scale(1)}35%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}
  .footer-bottom{background-color:rgba(0,0,0,0.02);padding:16px 0;line-height:150%}
  .footer-bottom .row>div{-ms-flex-item-align:center;align-self:center}
  .footer-bottom .heart-icon{padding:0 5px;display:inline-block;vertical-align:middle;background:url("/static/images/heart-icon.svg") no-repeat center center;background-size:contain;width:16px;height:14px;margin-left:2px;margin-right:2px;-webkit-animation:1.5s infinite heart-beat;animation:1.5s infinite heart-beat}
  .footer-bottom a{color:#717171;display:inline-block;margin-left:30px}
  .footer-bottom a:hover{text-decoration:none}
  @media (max-width: 1024px){footer .wrap{padding:0 24px}.footer-topbar{display:block}.footer-bottom .row>div{text-align:center;padding-top:10px;padding-bottom:10px}.footer-bottom a{margin:0 10px}}
  @media (max-width: 720px){.footer-top .wrap{padding:0;margin:0}.footer-topbar .footer-menu{display:block}.footer-topbar .footer-menu .column{background:#fff;width:100%;border-bottom:1px solid #e0e0e0}.footer-topbar .footer-menu .column,.footer-topbar .footer-menu .column:first-child,.footer-topbar .footer-menu .column:last-child{padding:16px}.footer-topbar .footer-menu .column:first-child{border-top:1px solid #e0e0e0}.footer-topbar .footer-menu .column h3{padding:0;margin:0;cursor:pointer;font-weight:500;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none, line-height:22px;}.footer-topbar .footer-menu .column h3:after{content:"";background:url("/hc/theming_assets/01J9RXB889CP8PY9Q6GBGVFKS0") no-repeat center center;-webkit-transition:-webkit-transform 0.2s linear;transition:-webkit-transform 0.2s linear;transition:transform 0.2s linear;transition:transform 0.2s linear, -webkit-transform 0.2s linear;background-size:contain;width:14px;height:8px;float:right;position:relative;margin-top:6px}.footer-topbar .footer-menu .column ul{display:none}.footer-topbar .footer-menu .column.expanded h3:after{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.footer-topbar .footer-menu .column.expanded ul{display:block}.footer-topbar .footer-menu .column.expanded li{padding:0 16px 16px 16px}.footer-topbar .footer-menu .column.expanded li:first-child{padding-top:16px}} */

  @media (hover: none) {
    .footer-topbar .footer-menu .column ul li a:hover {
    opacity: 1 !important;
    }
  }

  .app-footer {
    padding: 0;
    position: relative;
    width: auto;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    background: unset;
    text-align: left;
    color: #4a4a4a;
  }

  .app-footer html,
  .app-footer body {
    min-height: 100vh;
  }

  .app-footer .container {
    max-width: 1440px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .app-footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .app-footer .col-1,
  .app-footer .col-2,
  .app-footer .col-3,
  .app-footer .col-4,
  .app-footer .col-5,
  .app-footer .col-6,
  .app-footer .col-7,
  .app-footer .col-8,
  .app-footer .col-9,
  .app-footer .col-10,
  .app-footer .col-11,
  .app-footer .col-12,
  .app-footer .col,
  .app-footer .col-auto,
  .app-footer .col-sm-1,
  .app-footer .col-sm-2,
  .app-footer .col-sm-3,
  .app-footer .col-sm-4,
  .app-footer .col-sm-5,
  .app-footer .col-sm-6,
  .app-footer .col-sm-7,
  .app-footer .col-sm-8,
  .app-footer .col-sm-9,
  .app-footer .col-sm-10,
  .app-footer .col-sm-11,
  .app-footer .col-sm-12,
  .app-footer .col-sm,
  .app-footer .col-sm-auto,
  .app-footer .col-md-1,
  .app-footer .col-md-2,
  .app-footer .col-md-3,
  .app-footer .col-md-4,
  .app-footer .col-md-5,
  .app-footer .col-md-6,
  .app-footer .col-md-7,
  .app-footer .col-md-8,
  .app-footer .col-md-9,
  .app-footer .col-md-10,
  .app-footer .col-md-11,
  .app-footer .col-md-12,
  .app-footer .col-md,
  .app-footer .col-md-auto,
  .app-footer .col-lg-1,
  .app-footer .col-lg-2,
  .app-footer .col-lg-3,
  .app-footer .col-lg-4,
  .app-footer .col-lg-5,
  .app-footer .col-lg-6,
  .app-footer .col-lg-7,
  .app-footer .col-lg-8,
  .app-footer .col-lg-9,
  .app-footer .col-lg-10,
  .app-footer .col-lg-11,
  .app-footer .col-lg-12,
  .app-footer .col-lg,
  .app-footer .col-lg-auto,
  .app-footer .col-xl-1,
  .app-footer .col-xl-2,
  .app-footer .col-xl-3,
  .app-footer .col-xl-4,
  .app-footer .col-xl-5,
  .app-footer .col-xl-6,
  .app-footer .col-xl-7,
  .app-footer .col-xl-8,
  .app-footer .col-xl-9,
  .app-footer .col-xl-10,
  .app-footer .col-xl-11,
  .app-footer .col-xl-12,
  .app-footer .col-xl,
  .app-footer .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .app-footer .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .app-footer .col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .app-footer .col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .app-footer .col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .app-footer .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .app-footer .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .app-footer .col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .app-footer .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .app-footer .col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .app-footer .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .app-footer .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .app-footer .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .app-footer .col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .app-footer .col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  @media (min-width: 576px) {
    .app-footer .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    }
    .app-footer .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
    .app-footer .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    }
    .app-footer .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
    .app-footer .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
    .app-footer .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
    .app-footer .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    }
    .app-footer .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
    .app-footer .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    }
    .app-footer .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    }
    .app-footer .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
    .app-footer .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    }
    .app-footer .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    }
    .app-footer .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
  }

  @media (min-width: 768px) {
    .app-footer .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    }
    .app-footer .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
    .app-footer .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    }
    .app-footer .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
    .app-footer .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
    .app-footer .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
    .app-footer .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    }
    .app-footer .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
    .app-footer .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    }
    .app-footer .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    }
    .app-footer .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
    .app-footer .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    }
    .app-footer .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    }
    .app-footer .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
  }

  @media (min-width: 992px) {
    .app-footer .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    }
    .app-footer .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
    .app-footer .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
    }
    .app-footer .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    }
    .app-footer .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
    .app-footer .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }
    .app-footer .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    }
    .app-footer .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
    .app-footer .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    }
    .app-footer .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    }
    .app-footer .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
    .app-footer .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
    }
    .app-footer .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
    }
    .app-footer .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
  }

  @media (max-width: 1024px) {
    .app-footer .container {
    padding-right: 40px;
    padding-left: 40px;
    }
  }

  footer {
    font-weight: 400;
    background-color: white;
  }

  footer .wrap {
    width: 100%;
    margin: auto;
    max-width: 1272px;
    padding: 0 16px;
  }

  .footer-top {
    padding: 0;
  }

  .footer-topbar {
    padding-bottom: 16px;
  }

  .footer-topbar .footer-menu {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    width: 100%;
    padding: 8px 0;
  }

  .footer-topbar .footer-menu .column {
    padding: 16px 12px 0 12px;
  }

  .footer-topbar .footer-menu .column h3 {
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom: 16px;
    margin-top: 8px;
    padding: 0;
    font-weight: 600;
    line-height: 24px;
  }

  .footer-topbar .footer-menu .column ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .footer-topbar .footer-menu .column ul li {
    display: block;
    padding-bottom: 8px;
    line-height: 24px;
  }

  .footer-topbar .footer-menu .column ul li:last-child {
    padding-bottom: 0;
  }

  .footer-topbar .footer-menu .column ul li a {
    color: #4a4a4a;
    text-decoration: none;
    -webkit-transition: color 0.1s ease-in-out 0s;
    transition: color 0.1s ease-in-out 0s;
    font-size: 14px;
    font-weight: normal;
  }

  .footer-topbar .footer-menu .column ul li a:hover,
  .footer-topbar .footer-menu .column ul li a:active,
  .footer-topbar .footer-menu .column ul li a:focus {
    color: #717171;
  }

  .footer-topbar .social-icons-mobile {
    display: none;
  }

  .footer-topbar .social-icons a {
    font-size: 18px;
    margin: 0 8px;
    opacity: 0.8;
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
  }

  .footer-topbar .social-icons a:first-child {
    margin-left: 0;
  }

  .footer-topbar .social-icons a:last-child {
    margin-right: 0;
  }

  .footer-topbar .social-icons a.facebook {
    background-image: url("/hc/theming_assets/01J9RXB7QXQHF3CZXWFV7WHRVV");
  }

  .footer-topbar .social-icons a.instagram {
    background-image: url("/hc/theming_assets/01J9RXB7W1KF7PQ3HSE0FPCB3S");
  }

  .footer-topbar .social-icons a.twitter {
    background-image: url("/hc/theming_assets/01J9RXB7X74Q75CJ41PZT5WJWQ");
  }

  .footer-topbar .social-icons a.youtube {
    background-image: url("/hc/theming_assets/01J9RXB89FC5HG0TN52189VQB4");
  }

  .footer-topbar .social-icons a:hover {
    opacity: 0.6;
  }

  @media (max-width: 1224px) {
    footer .wrap {
    padding: 0 12px;
    }
    .footer-topbar {
    display: block;
    }
  }

  @media (max-width: 1024px) {
    .footer-topbar .footer-menu {
    grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 767px) {
    .footer-top .wrap {
    padding: 0;
    margin: 0;
    }
    .footer-topbar {
    padding-bottom: 32px;
    }
    .footer-topbar .footer-menu {
    display: block;
    padding: 0;
    }
    .footer-topbar .footer-menu .column {
    background: white;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    }
    .footer-topbar .footer-menu .column,
    .footer-topbar .footer-menu .column:first-child,
    .footer-topbar .footer-menu .column:last-child {
    padding: 0;
    }
    .footer-topbar .footer-menu .column:first-child {
    border-top: 1px solid #e0e0e0;
    }
    .footer-topbar .footer-menu .column h3 {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 16px;
    }
    .footer-topbar .footer-menu .column h3:after {
    content: "";
    background: url("/hc/theming_assets/01J9RXB889CP8PY9Q6GBGVFKS0") no-repeat center center;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    background-size: contain;
    width: 14px;
    height: 8px;
    float: right;
    position: relative;
    margin-top: 6px;
    }
    .footer-topbar .footer-menu .column ul {
    display: none;
    }
    .footer-topbar .footer-menu .column.expanded {
    padding-bottom: 16px;
    }
    .footer-topbar .footer-menu .column.expanded h3:after {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    }
    .footer-topbar .footer-menu .column.expanded ul {
    display: block;
    }
    .footer-topbar .footer-menu .column.expanded li {
    padding: 8px 0px 8px 32px;
    }
    .footer-topbar .footer-menu .column.expanded li a {
    display: block;
    }
    .footer-topbar .footer-menu .social-column {
    display: none;
    }
    .footer-topbar .social-icons-mobile {
    display: block;
    text-align: center;
    }
    .footer-topbar .social-icons-mobile h3 {
    font-weight: 600;
    font-size: 14px;
    color: #4a4a4a;
    margin: 24px 0 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
  }

  .ml-alert-outer {
    background: #2a2a2a;
    position: sticky;
    width: 100%;
    text-align: center;
    top: 0;
    z-index: 0;
  }

  .ml-alert-outer p {
    padding: 10px 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
  }

  .ml-alert-outer a {
    text-decoration: underline;
    color: #ffffff;
    font-weight: 600;
  }

  @media (min-width: 768px) {
    .ml-alert-outer p {
    font-size: 16px;
    line-height: 24px;
    padding: 13px 7px;
    }
  }

  .flag-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }

  .flag-flex li {
    margin: 30px 0;
    width: 33%;
    text-align: center;
  }

  .flag-flex a {
    color: #6D47D3;
  }

  .flag-flex li a,
  .flag-flex li img {
    display: block;
    margin: 0 auto;
  }

  .flag-flex img {
    margin-bottom: 10px !important;
  }

  @media (max-width: 768px) {
    .flag-flex {
    justify-content: space-around;
    }
    .flag-flex li {
    margin: 15px 0;
    width: 50%;
    }
  }


  /* MAGIC LEAP HOME PAGE BANNER TEXT */

 .canWeHelp {
   color: #FFFFFF;
   font-family: 'Lomino';
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   line-height: 128%;
   /* or 23px */

   letter-spacing: -0.01em;
 }

  @media(min-width:320px) {
   .canWeHelp {
       color: #FFFFFF;
       font-family: 'Lomino';
       font-style: normal;
       font-size: 12px;
       line-height: 130%;
       /* identical to box height, or 16px */
       }
   }

  @media(min-width:768px) {
   .canWeHelp {
       color: #FFFFFF;
       font-family: 'Lomino';
       font-style: normal;
       font-weight: 400;
       font-size: 18px;
       line-height: 128%;
       /* or 23px */

       letter-spacing: -0.01em;
     }
  }
  @media(min-width:1024px) {
   .canWeHelp {
       color: #FFFFFF;
       font-family: 'Lomino';
       font-style: normal;
       font-weight: 400;
       font-size: 18px;
       line-height: 128%;
       /* or 23px */

       letter-spacing: -0.01em;
     }
  }
  @media(min-width:1440px) {
   .canWeHelp {
       color: #FFFFFF;
       font-family: 'Lomino';
       font-style: normal;
       font-weight: 400;
       font-size: 18px;
       line-height: 128%;
       /* or 23px */

       letter-spacing: -0.01em;
     }
  }


  .canWeHelpLink {
    color: #BFABF9;
  }

  .search-result-description em {
    font-weight: bold;
    background-color: #FFF3CA;
    padding: 0px 3px 2px;
  }

  .light-text {
    color: #3F4144;
  }

  /** Floating Table of Contents Style **/

  html {
    scroll-behavior: smooth;
  }

  main > div .toc {
    float: right;
    position: sticky;
    top: 5rem;
    align-self: start;
  }

  .toc {
    max-width: 300px;
    background-color: rgba(255, 255, 255, 0.75);
  }

  .toc li.active > a {
    color: #111111;
  }

  .toc {
    padding-left: 5px;
    border-left: 1px solid #EDEDEE;
  }

  .toc a {
    text-decoration: none;
    display: block;
    padding: .125rem 0;
    color: #6D47D3;
    transition: all 50ms ease-in-out;
  }

  .toc a:hover,
  .toc a:focus {
    color: #666;
  }

  .toc ul,ol {
    list-style: none;
    margin: 0;
    padding-left: 1rem;
  }

  .toc li {
    margin-left: 0;
  }

  .user-info > [role="button"]{
    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;
  }

  .user-info > [role="button"]:hover,
  .user-info > [role="button"]:active {
    color: #111111 !important;
  }

  .dropdown-menu {

  }

  .dropdown-menu [role=menuitem]{
    text-align: center !important;
    align-items: center;
    padding: 12px;
    gap: 8px;

    min-width: 95px;
    height: 40px;

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;
    background-color: #fff;
  }

  .dropdown-menu a:hover {
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 60 */

    color: #757575;

    /* Brand/Meteorite 10 */

    background: #F6F6F6;
    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  #user-menu {
    /* Auto layout */

    display: flex;
    flex-direction: flex-end;
    align-items: center;
    padding: 12px;
    gap: 1px;

    width: 95px;
    height: 40px;

    /* Brand/Bionic
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;

    /* background-color: #fff; */
  }

  a.contact-us {
    /* Button */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;

    height: 40px;

    /* Brand/Bionic */

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;

    /* Text */

    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;

    margin-right: 1px;

  }

  a:hover.contact-us,
  a:active.contact-us,
  a:focus.contact-us {
    /* Brand/Meteorite 10 */

    background: #F6F6F6;
    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  a.sign-in {
    /* Button */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;

    height: 40px;

    /* Brand/Bionic */

    background: #FFFFFF;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;

    /* Text */

    /* Lomino (Standard Web)/18 */

    font-family: 'Lomino';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;

    /* Brand/Meteorite 100 */

    color: #111111;

    margin-right: 1px;

  }

  a:hover.sign-in,
  a:active.sign-in,
  a:focus.sign-in {
    /* Brand/Meteorite 10 */

    background: #F6F6F6;
    /* Brand/Meteorite 40 */

    border-bottom: 1px solid #B7B7B8;
  }

  /* Getting Started CSS */

  .getting-started h3 {
    color: rgba(109, 71, 211, 1) !important;
    font-size: 24px !important;
    font-weight: 300 !important;
  }

  .getting-started .box {
    border: 1px solid rgb(217, 217, 218) !important;
    box-shadow: 2px 2px 2px rgb(217, 217, 218);
    width: 75%;
    height: 128px;
    padding: 10px;
    margin: auto;
  }

  .getting-started .article-content {
    margin: 0;
    padding-right: 32px;
  }

  /* QSG CSS */

  .qsg h3 {
    color: rgba(109, 71, 211, 1) !important;
    font-size: 24px !important;
    font-weight: 300 !important;
  }

  .qsg .box.ml1-qsg {
    background-color: rgb(217, 217, 218) !important;
    border: 1px solid #A0A0A0 !important;
  }

  .qsg .box {
    border: 1px solid rgb(217, 217, 218) !important;
    box-shadow: 2px 2px 2px rgb(217, 217, 218);
    width: 75%;
    min-height: 128px;
    padding: 10px;
    margin: auto;
  }

  .qsg .article-content {
    margin: 0;
    padding-right: 32px;
  }

  .wrapper-3hgZT {
  }

  @media (min-width: 320px) {
    .ml2-footer-h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 29px */

    letter-spacing: -0.02em;
    margin-top: 150px;
    }
  }

  @media (min-width: 768px) {
    .ml2-footer-h2 {
      color: #ffffff;
      font-size: 36px;
      font-weight: 400;

      line-height: 120%;
      /* or 43px */

      letter-spacing: -0.02em;
      margin-top: 0;
      min-width: 300px;
      text-align: left;
    }
  }

  @media (min-width: 1024px) {
    .ml2-footer-h2 {
      color: #ffffff;
      font-weight: 400;
      font-size: 48px;
      line-height: 110%;
      /* identical to box height, or 53px */

      letter-spacing: -0.02em;    }
  }

  h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
  }

  h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    /* or 43px */

    letter-spacing: -0.02em;
  }

  h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 29px */

    letter-spacing: -0.02em;
  }

  h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 128%;
    /* identical to box height, or 23px */

    letter-spacing: -0.01em;
  }

  #user #user-dropdown  {
    float: left;
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    top: 75%;
    right: 3px;
  }

  a #user #user-dropdown {
    background: #fff;
  }

  .footer_buy-button-text {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      overflow-wrap: break-word;
      border: 0 solid;
      box-sizing: border-box;

      display: inline-block;
      transition: all .15s linear;
      white-space: normal;
      overflow: visible;
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin: 0;
      text-transform: none;
      cursor: pointer;
      font-size: 18px;
      -webkit-appearance: button;
      background-image: none;
      align-items: center;
      border-style: solid;
      border-width: 1px;
      padding: .75rem;
      text-align: left;
      width: 190px;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      --tw-bg-opacity: 1;
      color: inherit;
      background-color: #fff;
      grid-column: span 4/span 4;
  }

  .footer_buy-button-arrow-container {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      font-family: Lomino,sans-serif;
      overflow-wrap: break-word;
      line-height: inherit;
      cursor: pointer;
      font-size: 12px;
      border: 0 solid;
      box-sizing: border-box;

      align-items: center;
      border-style: solid;
      border-width: 1px;
      display: flex;
      flex: none;
      justify-content: center;
      // margin-left: 1px;
      width: 48px;
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      background-color: #fff;
  }

  .footer_buy-button-arrow {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      font-family: Lomino,sans-serif;
      overflow-wrap: break-word;
      line-height: inherit;
      cursor: pointer;
      --tw-bg-opacity: 1;
      --tw-text-opacity: 1;
      color: rgb(255 255 255/var(--tw-text-opacity));
      border: 0 solid;
      box-sizing: border-box;

      font-size: .583rem;
      word-break: normal;
      border-style: solid;
      display: block;
      vertical-align: middle;
      height: auto;
      max-width: 100%;
  }

  .footer_buy-link {
      margin-top: 18px;
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      --tw-text-opacity: 1;
      font-family: Lomino,sans-serif;
      overflow-wrap: break-word;
      line-height: inherit;
      --tw-bg-opacity: 1;
      border: 0 solid;
      box-sizing: border-box;

      cursor: pointer;
      background-color: transparent;
      color: inherit;
      text-decoration: inherit;
      font-size: 12px;
      grid-column: span 5/span 5;
      display: grid;
      grid-template-columns: repeat(5,minmax(0,1fr));
      width: 238px;
  }

  .footer_buy-button-text:hover,
  .footer_buy-button-text:active,
  .footer_buy-button-text:focus,
  .footer_buy-button-arrow-container:hover,
  .footer_buy-button-arrow-container:active,
  .footer_buy-button-arrow-container:focus
   {
    /* Brand/Meteorite 10 */

    background-color: #F6F6F6;
  }

.homepage {
  padding: 48px;
}

[dir="rtl"] .dropdown-menu-end {
  left: auto;
  right: auto;
}


[dir="rtl"] .hero {
  background-image: url(/hc/theming_assets/01J9RXB3XFWYQBS7Q7FGZE7GG0);
  background-color: #090a0e;
  background-position: left;
  background-repeat: no-repeat;
  height: 763px;
  padding: 0 20px;
  text-align: center;
}

@media (min-width: 320px) {
  [dir="rtl"] .hero {
      background-image: none;
      height: 400px ;
      padding: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
}

  @media (min-width: 1024px) {
    [dir="rtl"] .hero {
    background-image: url(/hc/theming_assets/01J9RXB3XFWYQBS7Q7FGZE7GG0);
    background-color: #090a0e;
    background-position: left;
    background-repeat: no-repeat;
    height: 763px;
    padding: 0 20px;
    text-align: center;
    }

[dir="rtl"] .hero-inner {
  text-align: right !important;
}

[dir="rtl"] .blocks-item {
  text-align: right;
}

[dir="rtl"] .ml2-footer-h2 {
  text-align: right;
}

[dir="rtl"] .app-footer {
  text-align: right;
}

[dir="rtl"] #user-menu {
  margin-right: -79px;
}

@media (min-width: 768px) {
  [dir="rtl"] #user-menu {
    margin-right: -41px;
  }
}

@media (min-width: 768px) {
  [dir="rtl"] .dropdown-menu [role=menuitem] {
    padding: 12px;
  }
}

  [dir="rtl"] main > div .toc {
  float: left;
  position: sticky;
  top: 5rem;
  align-self: start;
}

[dir="rtl"] .toc {
  max-width: 300px;
  background-color: rgba(255, 255, 255, 0.75);
}

[dir="rtl"] .toc li.active > a {
  color: #111111;
}

[dir="rtl"] .toc {
  padding-right : 5px;
  border-right: 1px solid #EDEDEE;
}

[dir="rtl"] .toc a {
  text-decoration: none;
  display: block;
  padding: .125rem 0;
  color: #6D47D3;
  transition: all 50ms ease-in-out;
}

[dir="rtl"] .toc a:hover,
[dir="rtl"] .toc a:focus {
  color: #666;
}

[dir="rtl"] .toc ul,ol {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}

[dir="rtl"] .toc li {
  margin-left: 0;
}

[dir="rtl"] body {
  font-size: 20px;
}

[dir="rtl"] .article-content {
  font-size: 20px;
}

[dir="rtl"] .article-body {
  font-size: 20px !important;
}

@media (min-width: 320px) {
  [dir="rtl"] .canWeHelp {
    font-size: 20px !important;
    text-align: right !important;
  }
}

[dir="rtl"] .breadcrumbs li {
  font-size: 16px !important;
}

[dir="rtl"] .form-tabs button {
  float: right;
}

@media (min-width: 320px) {

  .ml-new-req-form {
    display: flex;
    flex-direction: column;
  }

}

@media (min-width: 567px) {

  .ml-new-req-form {
    display: flex;
    flex-direction: row;
  }

}

@media (min-width: 768px) {

  .ml-new-req-form {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

}

@media (min-width: 1024px) {

  .ml-new-req-form {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }

}

.form-tabs {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.form-tabs button {
  background-color: #111;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin-right: 1px;
}

/* Change background color of buttons on hover */
.form-tabs button:hover {
  background-color: #474747;
}

/* Create an active/current tablink class */
.form-tabs button.active {
  background-color: #000;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.request-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}


[dir="rtl"] .ml-country-tfns {
  font-size: 16px !important;
}

.collapsible-sidebar-toggle {
min-width: 64px;
padding: 5px;
background-color: #ffffff;
border-color: #000000;
border-width: 1px;
}

.see-all-filters {
    min-width: 64px;
    padding: 5px;
    background-color: #ffffff;
    border-color: #000000;
    border-width: 1px;
    color: rgb(17,17,17);
}

#search-container {
    background-color: #ffffff !important;
}

.black {
    color: #000000;
}

aside.search-results-sidebar > collapsible-sidebar-toggle {}
    border: none;
}

aside.search-results-sidebar > .filters-in-section .collapsible-sidebar {

}

button..collapsible-sidebar {
  display: none;
}

li.multibrand-filter-list {

}

li.multibrand-filter-list--collapsed {

}

button.article-vote {
  border: none;
  color: #ffffff;
  font-family: var(--fontBase);
}

button.collapsible-sidebar-toggle {
    display: none;
    margin-top: 5px;
}

collapsible-sidebar-title sidenav-title {
    color: #ff0000;
}

.content-tag {
    border-width: 1px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-right-width: 1px !important;
    border-left-width: 1px !important;
    border-color: #fff !important;
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin: 2px;
}

.content-tag a {
    color: #fff !important;
}

.pagination li {
    height: 64px;
    width: 128px;
    padding-top: 12px;
}