/* Components */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

@font-face {
    font-family: 'Open Sans';
    src: local ("Open Sans"), 
    src: url('/hc/theming_assets/01JRZS0WQMJ6E6R4522WV5JDMX');
    src: url('$assets-opensans-regular-eot?#iefix') format('eot'),
    url('/hc/theming_assets/01JRZS0YTH3H8DZ4QKGQXABARM') format('woff'), 
    url('/hc/theming_assets/01JRZS0XG1BVFBS12Q0V60CZJ9') format('woff2'), 
    url('/hc/theming_assets/01JRZS0YSJ6ZY3DYDWYGBAE6NV') format('truetype'),
    url('/hc/theming_assets/01K0F6Y5MR65X62GD70056W69Z#webfont') format('svg');
    font-weight: 400;
    font-style: normal; 
    }
    
    html {
      font-family: sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
    }
    
    body {
      margin: 0;
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
      display: block;
    }
    
    audio,
    canvas,
    progress,
    video {
      display: inline-block;
      vertical-align: baseline;
    }
    
    audio:not([controls]) {
      display: none;
      height: 0;
    }
    
    [hidden],
    template {
      display: none;
    }
    
    a {
      background-color: transparent;
    }
    
    a:active,
    a:hover {
      outline: 0;
    }
    
    abbr[title] {
      border-bottom: 1px dotted;
    }
    
    b,
    strong {
      font-weight: bold;
    }
    
    dfn {
      font-style: italic;
    }
    
    h1 {
      margin: 0.67em 0;
      font-size: 2em;
    }
    
    mark {
      color: #18181B;
      background: #FCE7F3;
    }
    
    small {
      font-size: 80%;
    }
    
    sub,
    sup {
      position: relative;
      font-size: 75%;
      line-height: 0;
      vertical-align: baseline;
    }
    
    sup {
      top: -0.5em;
    }
    
    sub {
      bottom: -0.25em;
    }
    
    img {
      border: 0;
    }
    
    svg:not(:root) {
      overflow: hidden;
    }
    
    figure {
      margin: 1em 40px;
    }
    
    hr {
      height: 0;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    }
    
    pre {
      overflow: auto;
    }
    
    code,
    kbd,
    pre,
    samp {
      font-family: monospace;
      font-size: 1em;
    }
    
    button,
    input,
    optgroup,
    select,
    textarea {
      margin: 0;
      font: inherit;
      color: inherit;
    }
    
    button {
      overflow: visible;
    }
    
    button,
    select {
      text-transform: none;
    }
    
    button,
    html input[type="button"],
    input[type="submit"] {
      cursor: pointer;
      -webkit-appearance: button;
    }
    
    button[disabled],
    html input[disabled] {
      cursor: default;
    }
    
    button::-moz-focus-inner,
    input::-moz-focus-inner {
      padding: 0;
      border: 0;
    }
    
    input {
      line-height: normal;
    }
    
    input[type="checkbox"],
    input[type="radio"] {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
    }
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      height: auto;
    }
    
    input[type="search"] {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      -webkit-appearance: textfield;
    }
    
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
    }
    
    fieldset {
      padding: 0.35em 0.625em 0.75em;
      margin: 0 2px;
      border: 1px solid #D1D1D6;
    }
    
    legend {
      padding: 0;
      border: 0;
    }
    
    textarea {
      overflow: auto;
    }
    
    optgroup {
      font-weight: bold;
    }
    
    table {
      border-spacing: 0;
      border-collapse: collapse;
    }
    
    td,
    th {
      /* padding: 0; */
      padding: 10px 10px 10px 10px;
      font-size: 15px;
    }
    
    /* Reset the box-sizing */
    *,
    *:before,
    *:after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    html,
    body {
      height: 100%;
    }
    
    /* Body reset */
    html {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    body {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      line-height: 1.5;
      color: rgba(72, 71, 74, 1);
      background-color: rgba(52, 191, 234, 1);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    
    /* Reset fonts for relevant elements */
    input,
    button,
    select,
    textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
    }
    
    /* Links */
    a {
      color: rgba(9, 9, 158, 1);
      text-decoration: none;
    }
    
    a::hover,
    a:focus {
      text-decoration: none;
    }
    
    a.disabled {
      color: #A0A0AA;
      cursor: default;
    }
    
    figure {
      margin: 0;
    }
    
    img {
      max-width: 100%;
      height: auto;
      vertical-align: middle;
    }
    
    hr {
      display: block;
      height: 1px;
      padding: 0;
      margin: 1em 0;
      border: 0;
      border-top: 1px solid #F4F4F5;
    }
    
    /*
      Remove the gap between audio, canvas, iframes,
      images, videos and the bottom of their containers:
      https://github.com/h5bp/html5-boilerplate/issues/440
    */
    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
      vertical-align: middle;
    }
    
    /* Headings */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
      font-family: inherit;
      font-weight: 400;
      line-height: 1.2;
      /* color: blue; */
    }
    
    h1 {
      margin: 0 0 calc(16px * 1.5);
      color: #18181B;
    }
    
    h2 {
      margin: 16px 0 16px;
      color: #18181B;
    }
    
    h3 {
      margin: 16px 0 16px;
      color: #18181B;
    }
    
    h4 {
      margin: 0 0 calc(16px * 1.5);
      color: #18181B;
    }
    
    h5 {
      margin: 0 0 calc(16px * 1.5);
      color: #3F3F46;
    
    }
    
    h6 {
      margin: 0 0 calc(16px * 1.5);
      color: #51525C;
    
    }
    
    .h1 {
      margin: 0 0 calc(16px * 1.5);
    
    
    }
    
    .h2 {
      margin: 0 0 calc(16px * 1.5);
    
    
    }
    
    .h3 {
      margin: 0 0 calc(16px * 1.5);
    
    
    }
    
    .h4 {
      margin: 0 0 calc(16px * 1.5);
    
    
    }
    
    .h5 {
      margin: 0 0 calc(16px * 1.5);
    
    }
    
    .h6 {
      margin: 0 0 calc(16px * 1.5);
    
    }
    
    p {
      margin: 0 0 calc(16px * 1.5);
    }
    
    ul {
      margin: 0 0 calc(16px * 1.5);
    }
    
    ol {
      margin: 0 0 calc(16px * 1.5);
    }
    
    h1 {
      font-size: calc(16px * 2.5);
    }
    
    .h1 {
      font-size: calc(16px * 2.5);
    }
    
    h2 {
      font-size: calc(16px * 1.75);
    }
    
    .h2 {
      font-size: calc(16px * 1.75);
    }
    
    h3 {
      font-size: calc(16px * 1.5);
    }
    
    .h3 {
      font-size: calc(16px * 1.5);
    }
    
    h4 {
      font-size: calc(16px * 1.25);
    }
    
    .h4 {
      font-size: calc(16px * 1.25);
    }
    
    h5 {
      font-size: calc(16px * 1.1);
    }
    
    .h5 {
      font-size: calc(16px * 1.1);
    }
    
    h6 {
      font-size: calc(16px * 1);
    }
    
    .h6 {
      font-size: calc(16px * 1);
    }
    
    h4:has(img) a {
      display: block;
      margin-bottom: 12px;
    }
  
    h4:has(img) {
      margin-bottom: 8px;
    }
    
    h4 img {
      display: inline-block;
      margin-right: 4px;
    }
    
    b {
      font-weight: 600;
    }
    
    strong {
      font-weight: 600;
    }
    
    small,
    .small {
      font-size: 80%;
      font-weight: normal;
      line-height: 1;
    }
    
    /* Description Lists */
    dl {
      margin-top: 0;
      margin-bottom: calc(16px * 1.5);
    }
    
    dt {
      margin-bottom: calc(16px * 1.5 / 2);
      line-height: 1.5;
    }
    
    dd {
      margin-bottom: calc(16px * 1.5 / 2);
      line-height: 1.5;
    }
    
    dt {
      font-weight: bold;
    }
    
    dd {
      margin-left: 0;
      /* Undo browser default */
    }
    
    .dl-horizontal:before,
    .dl-horizontal:after {
      display: table;
      content: "";
    }
    
    .dl-horizontal:after {
      clear: both;
    }
    
    .dl-horizontal dt {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    
    @media (min-width: 1024px) {
      .dl-horizontal dt {
        float: left;
        width: 30%;
        padding-right: 15px;
        clear: both
      }
    }
    
    @media (min-width: 1024px) {
      .dl-horizontal dd {
        float: right;
        width: 70%
      }
    }
    
    /* Abbreviations and acronyms */
    abbr[title] {
      cursor: help;
      border-bottom: 1px dotted #A0A0AA;
    }
    
    abbr[data-original-title] {
      cursor: help;
      border-bottom: 1px dotted #A0A0AA;
    }
    
    /* Blockquotes */
    blockquote {
      padding: calc(16px * 1.5 / 2) calc(16px * 1.5);
      margin: 0 0 calc(16px * 1.5);
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      background-color: #FAFAFA;
      border-left: 5px solid #F4F4F5;
    }
    
    blockquote.is-colored {
      border-left: 5px solid rgba(14, 26, 56, 1);
    }
    
    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
      margin-bottom: 0;
    }
    
    /* Code */
    code {
      padding: 20px !important;
      border-radius: 10px !important;
    }
    
    /* Addresses */
    address {
      margin-bottom: calc(16px * 1.5);
      font-style: normal;
      line-height: 1.5;
    }
    
    .clearfix:before,
    .clearfix:after {
      display: table;
      content: "";
    }
    
    .clearfix:after {
      clear: both;
    }
    
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }
    
    .list-unstyled {
      padding-left: 0;
      list-style: none;
    }
    
    .is-hidden,
    .hidden {
      display: none !important;
    }
    
    /********
    Forms
    --------------------------------------------------
    Normalize non-controls
    
    Restyle and baseline non-control form elements.
    *********/
    fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
    }
    
    legend {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: calc(16px * 1.5);
      font-size: calc(16px * 1.5);
      line-height: inherit;
      color: #3F3F46;
      border: 0;
      border-bottom: 1px solid #E4E4E7;
    }
    
    label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: calc(16px * 1.5 / 2);
      font-weight: 600;
    }
    
    /********
    Normalize form controls
    
    While most of our form styles require extra classes, some basic normalization
    is required to ensure optimum display with or without those classes to better
    address browser inconsistencies.
    *********/
    /* Override content-box in Normalize (* isn't specific enough) */
    input[type="search"] {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    /* Position radios and checkboxes better */
    input[type="radio"],
    input[type="checkbox"] {
      margin: 4px 0 0;
      margin-top: 1px;
      line-height: normal;
    }
    
    /* Set the height of file controls to match text inputs */
    input[type="file"] {
      display: block;
    }
    
    /* Make range inputs behave like textual form controls */
    input[type="range"] {
      display: block;
      width: 100%;
    }
    
    /* Make multiple select elements height not fixed */
    select[multiple],
    select[size] {
      height: auto;
    }
    
    /* Focus for file, radio, and checkbox */
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    /* Adjust output element */
    output {
      display: block;
      padding-top: 7px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
    }
    
    /********
    Common form controls
    
    Shared size and type resets for form controls. Apply `.form-control` to any
    of the following form controls:
    ********/
    select {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    textarea {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="text"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="password"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="datetime"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="datetime-local"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="date"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="month"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="time"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="week"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="number"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="email"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="url"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="search"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="tel"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    input[type="color"] {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    .nesty-input {
      display: block;
      width: 100%;
      height: auto;
      padding: calc(12px / 2) 12px;
      font-size: 16px;
      line-height: 1.5;
      color: #51525C;
      background-color: #fff;
      background-image: none;
      border: 1px solid #8F8F99;
      border-radius: 10px;
      -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    }
    
    select:focus,
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .nesty-input:focus {
      border-color: #6F35E8;
      outline: 0;
    }
    
    select::-moz-placeholder,
    textarea::-moz-placeholder,
    input[type="text"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    input[type="datetime"]::-moz-placeholder,
    input[type="datetime-local"]::-moz-placeholder,
    input[type="date"]::-moz-placeholder,
    input[type="month"]::-moz-placeholder,
    input[type="time"]::-moz-placeholder,
    input[type="week"]::-moz-placeholder,
    input[type="number"]::-moz-placeholder,
    input[type="email"]::-moz-placeholder,
    input[type="url"]::-moz-placeholder,
    input[type="search"]::-moz-placeholder,
    input[type="tel"]::-moz-placeholder,
    input[type="color"]::-moz-placeholder,
    .nesty-input::-moz-placeholder {
      color: #70707A;
      opacity: 1;
    }
    
    select:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    input[type="text"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    input[type="datetime"]:-ms-input-placeholder,
    input[type="datetime-local"]:-ms-input-placeholder,
    input[type="date"]:-ms-input-placeholder,
    input[type="month"]:-ms-input-placeholder,
    input[type="time"]:-ms-input-placeholder,
    input[type="week"]:-ms-input-placeholder,
    input[type="number"]:-ms-input-placeholder,
    input[type="email"]:-ms-input-placeholder,
    input[type="url"]:-ms-input-placeholder,
    input[type="search"]:-ms-input-placeholder,
    input[type="tel"]:-ms-input-placeholder,
    input[type="color"]:-ms-input-placeholder,
    .nesty-input:-ms-input-placeholder {
      color: #70707A;
    }
    
    select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    input[type="text"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    input[type="datetime"]::-webkit-input-placeholder,
    input[type="datetime-local"]::-webkit-input-placeholder,
    input[type="date"]::-webkit-input-placeholder,
    input[type="month"]::-webkit-input-placeholder,
    input[type="time"]::-webkit-input-placeholder,
    input[type="week"]::-webkit-input-placeholder,
    input[type="number"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="url"]::-webkit-input-placeholder,
    input[type="search"]::-webkit-input-placeholder,
    input[type="tel"]::-webkit-input-placeholder,
    input[type="color"]::-webkit-input-placeholder,
    .nesty-input::-webkit-input-placeholder {
      color: #70707A;
    }
    
    select {
      height: calc(16px * 1.5 + 14px);
    }
    
    textarea {
      height: 102px;
      resize: vertical;
    }
    
    /********
    Search inputs in iOS
    
    This overrides the extra rounded corners on search inputs in iOS so that our
    `.form-control` class can properly style them. Note that this cannot simply
    be added to `.form-control` as it's not specific enough. For details, see
    https://github.com/twbs/bootstrap/issues/11586.
    *******/
    input[type="search"] {
      -webkit-appearance: none;
    }
    
    /********
    Special styles for iOS temporal inputs
    
    In Mobile Safari, setting `display: block` on temporal inputs causes the
    text within the input to become vertically misaligned. As a workaround, we
    set a pixel line-height that matches the given height of the input, but only
    for Safari.
    *******/
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      input[type="date"] {
        line-height: calc(16px * 1.5 + 14px);
      }
    
      input[type="time"] {
        line-height: calc(16px * 1.5 + 14px);
      }
    
      input[type="datetime-local"] {
        line-height: calc(16px * 1.5 + 14px);
      }
    
      input[type="month"] {
        line-height: calc(16px * 1.5 + 14px);
      }
    }
    
    /********
    Form groups
    
    Designed to help with the organization and spacing of vertical forms. For
    horizontal forms, use the predefined grid classes.
    *******/
    .form-field {
      margin-bottom: calc(16px * 1.5);
    }
    
    .form-field p {
      display: block;
      margin-top: 10px;
      margin-bottom: 15px;
      font-size: 90%;
      color: #87868b;
    }
    
    .form-field.required>label:after {
      margin-left: 2px;
      color: #ff5252;
      content: "*";
    }
    
    .form-field.boolean {
      position: relative;
      padding-left: 20px;
    }
    
    .form-field.boolean input[type="checkbox"] {
      position: absolute;
      left: 0;
    }
    
    .form-field.boolean label {
      min-height: calc(16px * 1.5);
      margin-bottom: 0;
      cursor: pointer;
    }
    
    /********
    Apply same disabled cursor tweak as for inputs
    Some special care is needed because <label>s don't inherit their parent's `cursor`.
    
    Note: Neither radios nor checkboxes can be readonly.
    *******/
    input[type="radio"][disabled],
    input[type="radio"].disabled,
    fieldset[disabled] input[type="radio"],
    input[type="checkbox"][disabled],
    input[type="checkbox"].disabled,
    fieldset[disabled] input[type="checkbox"] {
      cursor: not-allowed;
    }
    
    /********
    Help text
    
    Apply to any element you wish to create light text for placement immediately
    below a form control. Use for general help, formatting, or instructional text.
    ********/
    .help-block {
      display: block;
      margin-top: 10px;
      margin-bottom: 15px;
      font-size: 90%;
      color: #87868b;
    }
    
    .btn {
      display: inline-block;
      padding: 6px calc(12px + 12px / 2);
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      text-transform: none;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 0;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    [role="button"] {
      display: inline-block;
      padding: 6px calc(12px + 12px / 2);
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      text-transform: none;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 0;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    input[type="submit"] {
      display: inline-block;
      padding: 6px calc(12px + 12px / 2);
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      text-transform: none;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 0;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    .btn:focus,
    .btn:active:focus,
    [role="button"]:focus,
    [role="button"]:active:focus,
    input[type="submit"]:focus,
    input[type="submit"]:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    .btn:hover,
    .btn:focus,
    [role="button"]:hover,
    [role="button"]:focus,
    input[type="submit"]:hover,
    input[type="submit"]:focus {
      color: #fff;
      text-decoration: none;
    }
    
    .btn:active,
    [role="button"]:active,
    input[type="submit"]:active {
      outline: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    [role="button"] {
      color: #fff;
      background-color: rgba(9, 9, 158, 1);
      border-color: rgba(9, 9, 158, 1);
    }
    
    [role="button"]:hover,
    [role="button"]:focus,
    [role="button"]:active {
      color: #e0e0e0;
      background-color: #06066e;
      border-color: #060664;
    }
    
    [role="button"]:active:focus {
      outline: none;
    }
    
    /* Alternate buttons */
    .btn--default,
    .section-subscribe .dropdown-toggle,
    .article-subscribe,
    .article-unsubscribe,
    input[type="submit"] {
      color: #fff;
      background: linear-gradient(104deg,
          rgba(79, 131, 239, 1),
          #2062eb);
      border-color: rgba(9, 9, 158, 1);
      border-radius: 5px;
    }
    
    .btn--default:hover,
    .btn--default:focus,
    .btn--default:active,
    .section-subscribe .dropdown-toggle:hover,
    .section-subscribe .dropdown-toggle:focus,
    .section-subscribe .dropdown-toggle:active,
    .article-subscribe:hover,
    .article-subscribe:focus,
    .article-subscribe:active,
    .article-unsubscribe:hover,
    .article-unsubscribe:focus,
    .article-unsubscribe:active,
    input[type="submit"]:hover,
    input[type="submit"]:focus,
    input[type="submit"]:active {
      color: #fff;
      background: linear-gradient(104deg,
          #2062eb,
          #1456dd);
      border-color: #060664;
    }
    
    .btn--primary {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      border-color: #091124;
    }
    
    .btn--primary:hover,
    .btn--primary:focus,
    .btn--primary:active {
      color: #e0e0e0;
      background-color: #04070f;
      border-color: #000;
    }
    
    .btn--secondary {
      border-radius: 5px;
      background: #F3E8FF;
      color: #5A21D0;
    }
    
    .btn--secondary:hover,
    .btn--secondary:focus,
    .btn--secondary:active {
      background-color: #d8b5ff;
      color: #43199b;
    }
    
    /* Success appears as green */
    .btn--success {
      color: #fff;
      background-color: #504d7f;
      border-color: #46436f;
    }
    
    .btn--success:hover,
    .btn--success:focus,
    .btn--success:active {
      color: #e0e0e0;
      background-color: #3c3a5f;
      border-color: #2e2c49;
    }
    
    /* Warning appears as orange */
    .btn--warning {
      color: $brand-warning;
      background-color: transparent;
      border-color: darken($brand-warning, 5%);
    }
    
    .btn--warning:hover,
    .btn--warning:focus,
    .btn--warning:active {
      color: darken($brand-warning, 12%);
      background-color: darken(transparent, 10%);
      border-color: darken($brand-warning, 17%);
    }
    
    /* Danger and error appear as red */
    .btn--danger {
      color: #fff;
      background-color: #ff5252;
      border-color: #ff3939;
    }
    
    .btn--danger:hover,
    .btn--danger:focus,
    .btn--danger:active {
      color: #e0e0e0;
      background-color: #ff1f1f;
      border-color: #fa0000;
    }
    
    .btn--topbar {
      border: 1px solid currentColor;
      border-radius: 100px;
    }
    
    .login {
      border: 1px solid currentColor;
      border-radius: 100px;
    }
    
    .btn--topbar:hover,
    .login:hover {
      opacity: 1;
    }
    
    .btn--topbar:active,
    .login:active {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    @media (min-width: 1024px) {
    
      .btn--topbar,
      .login {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top
      }
    }
    
    .topbar--small .btn--topbar,
    .topbar--small .login {
      color: #fff;
      background-color: transparent;
      border-color: #fff;
    }
    
    .topbar--small .btn--topbar:hover,
    .topbar--small .btn--topbar:focus,
    .topbar--small .btn--topbar:active,
    .topbar--small .login:hover,
    .topbar--small .login:focus,
    .topbar--small .login:active {
      color: #e0e0e0;
      background-color: darken(transparent, 10%);
      border-color: #e0e0e0;
    }
    
    @media (max-width: 1023px) {
      .btn--topbar {
        display: block;
        width: 100%;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    
      .login {
        display: block;
        width: 100%;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    
      .language-selector {
        display: block;
        width: 100%;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    
      .submit-a-request {
        display: block;
        width: 100%;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    .container {
      padding-right: 15px;
      padding-left: 15px;
    }
    
    @media (min-width: 1024px) {
      .container {
        padding-right: calc(15px * 2);
        padding-left: calc(15px * 2)
      }
    }
    
    .container-inner {
      max-width: 1200px;
      margin: 0 auto;
    }
    
    /* Tables */
    table {
      background-color: transparent;
    }
    
    caption {
      padding-top: 12px;
      padding-bottom: 12px;
      color: #51525C;
      text-align: left;
    }
    
    th {
      text-align: left;
    }
    
    /* Baseline styles */
    .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: calc(16px * 1.5);
    }
    
    .table th,
    .table td {
      padding: 12px;
      vertical-align: top;
    }
    
    .table td {
      border-top: 1px solid #E4E4E7;
    }
    
    .table thead th {
      vertical-align: bottom;
    }
    
    .table tbody+tbody {
      border-top: 1px solid #E4E4E7;
    }
    
    .table .table {
      background-color: #fff;
    }
    
    .table--color-header th {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
    }
    
    .table--striped th,
    .table--striped td,
    .table--striped thead th {
      border-color: #fff;
    }
    
    .table--striped tbody tr:nth-child(odd) {
      color: inherit;
      background-color: #F4F4F5;
    }
    
    table tr:nth-of-type(1) td {
      /* 1st row */
      background-color: #ffffff;
      color: #18181B;
      font-size: 16px;
    }
    
    .table--hover tbody tr:hover {
      color: inherit;
      background-color: #F4F4F5;
    }
    
    .table--bordered {
      border: 1px solid #f1f1f2;
    }
    
    .table--bordered td {
      border-left: 1px solid #f1f1f2;
    }
    
    .table--bordered th {
      border-left: 1px solid #f1f1f2;
    }
    
    /***********
    Responsive tables
    
    Wrap your tables in `.table-responsive` and we'll make them mobile friendly
    by enabling horizontal scrolling. Only applies <768px. Everything above that
    will display normally.
    ************/
    .table-responsive {
      min-height: 0.01%;
      /* Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) */
      overflow-x: auto;
    }
    
    @media screen and (max-width: 1023px) {
      .table-responsive {
        width: 100%;
        margin-bottom: calc(16px * 1.5 * 0.75);
        overflow-y: hidden;
        border: 1px solid #E4E4E7;
        -ms-overflow-style: -ms-autohiding-scrollbar
      }
    
      .table-responsive>.table {
        margin-bottom: 0;
      }
    
      .table-responsive>.table>thead>tr>th,
      .table-responsive>.table>thead>tr>td,
      .table-responsive>.table>tbody>tr>th,
      .table-responsive>.table>tbody>tr>td,
      .table-responsive>.table>tfoot>tr>th,
      .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
      }
    }
    
    .row {
      margin-right: calc(15px * -1);
      margin-left: calc(15px * -1);
    }
    
    .column {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
    }
    
    .column--xs-1 {
      width: 8.33333%;
    }
    
    .column--xs-2 {
      width: 16.66667%;
    }
    
    .column--xs-3 {
      width: 25%;
    }
    
    .column--xs-4 {
      width: 33.33333%;
    }
    
    .column--xs-5 {
      width: 41.66667%;
    }
    
    .column--xs-6 {
      width: 50%;
    }
    
    .column--xs-7 {
      width: 58.33333%;
    }
    
    .column--xs-8 {
      width: 66.66667%;
    }
    
    .column--xs-9 {
      width: 75%;
    }
    
    .column--xs-10 {
      width: 83.33333%;
    }
    
    .column--xs-11 {
      width: 91.66667%;
    }
    
    .column--xs-12 {
      width: 100%;
    }
    
    .column--xs-offset-0 {
      margin-left: 0%;
    }
    
    .column--xs-offset-1 {
      margin-left: 8.33333%;
    }
    
    .column--xs-offset-2 {
      margin-left: 16.66667%;
    }
    
    .column--xs-offset-3 {
      margin-left: 25%;
    }
    
    .column--xs-offset-4 {
      margin-left: 33.33333%;
    }
    
    .column--xs-offset-5 {
      margin-left: 41.66667%;
    }
    
    .column--xs-offset-6 {
      margin-left: 50%;
    }
    
    .column--xs-offset-7 {
      margin-left: 58.33333%;
    }
    
    .column--xs-offset-8 {
      margin-left: 66.66667%;
    }
    
    .column--xs-offset-9 {
      margin-left: 75%;
    }
    
    .column--xs-offset-10 {
      margin-left: 83.33333%;
    }
    
    .column--xs-offset-11 {
      margin-left: 91.66667%;
    }
    
    .column--xs-offset-12 {
      margin-left: 100%;
    }
    
    @media (min-width: 1024px) {
      .column--sm-1 {
        width: 8.33333%;
      }
    
      .column--sm-2 {
        width: 16.66667%;
      }
    
      .column--sm-3 {
        width: 25%;
      }
    
      .column--sm-4 {
        width: 33.33333%;
      }
    
      .column--sm-5 {
        width: 41.66667%;
      }
    
      .column--sm-6 {
        width: 50%;
      }
    
      .column--sm-7 {
        width: 58.33333%;
      }
    
      .column--sm-8 {
        width: 66.66667%;
      }
    
      .column--sm-9 {
        width: 75%;
      }
    
      .column--sm-10 {
        width: 83.33333%;
      }
    
      .column--sm-11 {
        width: 91.66667%;
      }
    
      .column--sm-12 {
        width: 100%;
      }
    
      .column--sm-offset-0 {
        margin-left: 0%;
      }
    
      .column--sm-offset-1 {
        margin-left: 8.33333%;
      }
    
      .column--sm-offset-2 {
        margin-left: 16.66667%;
      }
    
      .column--sm-offset-3 {
        margin-left: 25%;
      }
    
      .column--sm-offset-4 {
        margin-left: 33.33333%;
      }
    
      .column--sm-offset-5 {
        margin-left: 41.66667%;
      }
    
      .column--sm-offset-6 {
        margin-left: 50%;
      }
    
      .column--sm-offset-7 {
        margin-left: 58.33333%;
      }
    
      .column--sm-offset-8 {
        margin-left: 66.66667%;
      }
    
      .column--sm-offset-9 {
        margin-left: 75%;
      }
    
      .column--sm-offset-10 {
        margin-left: 83.33333%;
      }
    
      .column--sm-offset-11 {
        margin-left: 91.66667%;
      }
    
      .column--sm-offset-12 {
        margin-left: 100%;
      }
    }
    
    @media (min-width: 1024px) {
      .column--md-1 {
        width: 8.33333%;
      }
    
      .column--md-2 {
        width: 16.66667%;
      }
    
      .column--md-3 {
        width: 25%;
      }
    
      .column--md-4 {
        width: 33.33333%;
      }
    
      .column--md-5 {
        width: 41.66667%;
      }
    
      .column--md-6 {
        width: 50%;
      }
    
      .column--md-7 {
        width: 58.33333%;
      }
    
      .column--md-8 {
        width: 66.66667%;
      }
    
      .column--md-9 {
        width: 75%;
      }
    
      .column--md-10 {
        width: 83.33333%;
      }
    
      .column--md-11 {
        width: 91.66667%;
      }
    
      .column--md-12 {
        width: 100%;
      }
    
      .column--md-offset-1 {
        margin-left: 8.33333%;
      }
    
      .column--md-offset-2 {
        margin-left: 16.66667%;
      }
    
      .column--md-offset-3 {
        margin-left: 25%;
      }
    
      .column--md-offset-4 {
        margin-left: 33.33333%;
      }
    
      .column--md-offset-5 {
        margin-left: 41.66667%;
      }
    
      .column--md-offset-6 {
        margin-left: 50%;
      }
    
      .column--md-offset-7 {
        margin-left: 58.33333%;
      }
    
      .column--md-offset-8 {
        margin-left: 66.66667%;
      }
    
      .column--md-offset-9 {
        margin-left: 75%;
      }
    
      .column--md-offset-10 {
        margin-left: 83.33333%;
      }
    
      .column--md-offset-11 {
        margin-left: 91.66667%;
      }
    
      .column--md-offset-12 {
        margin-left: 100%;
      }
    }
    
    @media (min-width: 1200px) {
      .column--lg-1 {
        width: 8.33333%;
      }
    
      .column--lg-2 {
        width: 16.66667%;
      }
    
      .column--lg-3 {
        width: 25%;
      }
    
      .column--lg-4 {
        width: 33.33333%;
      }
    
      .column--lg-5 {
        width: 41.66667%;
      }
    
      .column--lg-6 {
        width: 50%;
      }
    
      .column--lg-7 {
        width: 58.33333%;
      }
    
      .column--lg-8 {
        width: 66.66667%;
      }
    
      .column--lg-9 {
        width: 75%;
      }
    
      .column--lg-10 {
        width: 83.33333%;
      }
    
      .column--lg-11 {
        width: 91.66667%;
      }
    
      .column--lg-12 {
        width: 100%;
      }
    
      .column--lg-pull-0 {
        right: auto;
      }
    
      .column--lg-pull-1 {
        right: 8.33333%;
      }
    
      .column--lg-pull-2 {
        right: 16.66667%;
      }
    
      .column--lg-pull-3 {
        right: 25%;
      }
    
      .column--lg-pull-4 {
        right: 33.33333%;
      }
    
      .column--lg-pull-5 {
        right: 41.66667%;
      }
    
      .column--lg-pull-6 {
        right: 50%;
      }
    
      .column--lg-pull-7 {
        right: 58.33333%;
      }
    
      .column--lg-pull-8 {
        right: 66.66667%;
      }
    
      .column--lg-pull-9 {
        right: 75%;
      }
    
      .column--lg-pull-10 {
        right: 83.33333%;
      }
    
      .column--lg-pull-11 {
        right: 91.66667%;
      }
    
      .column--lg-pull-12 {
        right: 100%;
      }
    
      .column--lg-push-0 {
        left: auto;
      }
    
      .column--lg-push-1 {
        left: 8.33333%;
      }
    
      .column--lg-push-2 {
        left: 16.66667%;
      }
    
      .column--lg-push-3 {
        left: 25%;
      }
    
      .column--lg-push-4 {
        left: 33.33333%;
      }
    
      .column--lg-push-5 {
        left: 41.66667%;
      }
    
      .column--lg-push-6 {
        left: 50%;
      }
    
      .column--lg-push-7 {
        left: 58.33333%;
      }
    
      .column--lg-push-8 {
        left: 66.66667%;
      }
    
      .column--lg-push-9 {
        left: 75%;
      }
    
      .column--lg-push-10 {
        left: 83.33333%;
      }
    
      .column--lg-push-11 {
        left: 91.66667%;
      }
    
      .column--lg-push-12 {
        left: 100%;
      }
    
      .column--lg-offset-0 {
        margin-left: 0%;
      }
    
      .column--lg-offset-1 {
        margin-left: 8.33333%;
      }
    
      .column--lg-offset-2 {
        margin-left: 16.66667%;
      }
    
      .column--lg-offset-3 {
        margin-left: 25%;
      }
    
      .column--lg-offset-4 {
        margin-left: 33.33333%;
      }
    
      .column--lg-offset-5 {
        margin-left: 41.66667%;
      }
    
      .column--lg-offset-6 {
        margin-left: 50%;
      }
    
      .column--lg-offset-7 {
        margin-left: 58.33333%;
      }
    
      .column--lg-offset-8 {
        margin-left: 66.66667%;
      }
    
      .column--lg-offset-9 {
        margin-left: 75%;
      }
    
      .column--lg-offset-10 {
        margin-left: 83.33333%;
      }
    
      .column--lg-offset-11 {
        margin-left: 91.66667%;
      }
    
      .column--lg-offset-12 {
        margin-left: 100%;
      }
    }
    
    main {
      /* main */
    }
    
    .topabr+main {
      /* topBar */
    }
    
    .meta {
      font-size: 14px;
      color: #70707A;
    }
    
    .meta__item {
      display: inline-block;
      margin-right: calc(12px / 2);
    }
    
    .meta__item+.meta__item:before {
      margin-right: calc(12px / 2);
      font-size: 10px;
      content: "\2022";
    }
    
    .meta--profile {
      margin-bottom: 0;
    }
    
    .lines-button {
      position: relative;
      display: inline-block;
      width: 45px;
      height: 45px;
      padding: 7.5px;
      margin-top: 10px;
      margin-bottom: 0;
      font-size: calc(16px - 5px);
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      text-transform: none;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: transparent !important;
      border: 0;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    .lines-button:focus,
    .lines-button:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    .lines-button:hover,
    .lines-button:focus {
      color: #fff;
      text-decoration: none;
    }
    
    .lines-button:active {
      outline: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    @media (max-width: 1023px) {
      .lines-button {
        float: right
      }
    }
    
    @media (min-width: 1024px) {
      .lines-button {
        display: none
      }
    }
    
    .lines-button:hover {
      opacity: 1;
    }
    
    .lines-button:active {
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: none;
      transition: none;
    }
    
    .lines-button:focus {
      outline: 0;
    }
    
    /* common to all three-liners */
    .lines {
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 15px);
      display: inline-block;
      width: 30px;
      height: 2px;
      background: #fff;
      border-radius: 2px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    
    .lines:before,
    .lines:after {
      position: absolute;
      left: 0;
      display: inline-block;
      width: 30px;
      height: 2px;
      content: "";
      background: #fff;
      border-radius: 2px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      -webkit-transform-origin: 2px center;
      transform-origin: 2px center;
    }
    
    .lines:before {
      top: 8px;
    }
    
    .lines:after {
      top: -8px;
    }
    
    .topbar--small .lines {
      background-color: rgba(72, 71, 74, 1);
    }
    
    .topbar--small .lines:before,
    .topbar--small .lines:after {
      background-color: rgba(72, 71, 74, 1);
    }
    
    .lines-button.is-active {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8);
    }
    
    .lines-button.is-active .lines {
      background: transparent;
    }
    
    .lines-button.is-active .lines:before,
    .lines-button.is-active .lines:after {
      top: 0;
      width: 30px;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
    }
    
    .lines-button.is-active .lines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
    }
    
    .lines-button.is-active .lines:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
    }
    
    .logo-wrapper {
      display: inline-block;
      padding-top: 15px;
      padding-bottom: 15px;
      vertical-align: middle;
    }
    
    .logo img {
      display: block;
      max-height: 40px !important;
      border-style: none !important;
    }
    
    .logo svg use {
      fill: rgba(79, 131, 239, 1);
    }
    
    .topbar--small .logo svg use {
      fill: #fff;
    }
    
    #user-menu {
      margin: 0 !important;
      border: 0 !important;
    }
    
    #user-menu [role="menuitem"] {
      white-space: nowrap;
    }
    
    #user>.btn {
      padding-right: 0;
      padding-left: 0;
      font-weight: 400;
      text-transform: none;
      letter-spacing: 0;
    }
    
    @-webkit-keyframes bounce {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
      }
    
      25% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
      }
    
      50% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
      }
    
      75% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
      }
    
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    
    @keyframes bounce {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
      }
    
      25% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
      }
    
      50% {
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0);
      }
    
      75% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
      }
    
      100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
    }
    
    .topbar--small #user-dropdown:before,
    .topbar--small #user-dropdown:after {
      color: #fff;
    }
    
    @media (max-width: 1023px) {
      .topbar--small #user-dropdown [role="menuitem"] {
        color: #fff
      }
    }
    
    .topbar--large #user-dropdown:before,
    .topbar--large #user-dropdown:after {
      color: #fff;
    }
    
    @media (max-width: 1023px) {
      .topbar--large #user-dropdown [role="menuitem"] {
        color: #fff
      }
    }
    
    #user-dropdown [role="menuitem"] {
      padding: 10px 0;
    }
    
    @media (max-width: 1023px) {
      #user-dropdown [role="menuitem"]:hover {
        background-color: transparent;
      }
    }
    
    @media (min-width: 1024px) {
      #user-dropdown [role="menuitem"] {
        padding-right: 16px;
        padding-left: 16px
      }
    }
    
    #user-dropdown [role="separator"] {
      padding: 0;
      margin: 0;
    }
    
    @media (max-width: 1023px) {
      #user-dropdown [role="separator"] {
        border-color: rgba(255, 255, 255, 0.15)
      }
    }
    
    @media (min-width: 1024px) {
      #user-dropdown[aria-expanded="true"] {
        -webkit-animation: bounce 0.6s ease-out;
        animation: bounce 0.6s ease-out
      }
    }
    
    @media (max-width: 1023px) {
      #user-dropdown {
        position: static;
        display: inline;
        float: none;
        background: transparent !important;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1 !important
      }
    
      #user-dropdown:before,
      #user-dropdown:after {
        display: none;
      }
    }
    
    .topbar--small #user .dropdown-toggle:after {
      color: #fff;
    }
    
    #user {
      display: block;
    }
    
    #user .dropdown-toggle {
      padding-right: 0;
      padding-left: 0;
      font-size: calc(16px * 0.85);
      color: inherit;
      background-color: transparent;
      border-color: transparent;
    }
    
    #user .dropdown-toggle,
    #user .dropdown-toggle:active,
    #user .dropdown-toggle:hover {
      background-color: transparent;
      border-color: transparent;
    }
    
    #user .dropdown-toggle:before,
    #user .dropdown-toggle:after {
      color: #fff;
    }
    
    @media (max-width: 1023px) {
    
      #user .dropdown-toggle:before,
      #user .dropdown-toggle:after {
        display: none
      }
    }
    
    @media (min-width: 1024px) {
      #user {
        display: inline-block;
        margin-left: 12px;
        vertical-align: middle
      }
    }
    
    #user-password,
    #user-profile {
      color: rgba(72, 71, 74, 1);
    }
    
    @media (max-width: 1023px) {
      #user-password {
        min-width: 1px !important;
        padding: calc(12px / 2) 12px !important;
        margin-top: calc(12px / 2);
        background-color: #fff;
        border-radius: 10px
      }
    
      #user-profile {
        min-width: 1px !important;
        padding: calc(12px / 2) 12px !important;
        margin-top: calc(12px / 2);
        background-color: #fff;
        border-radius: 10px
      }
    }
    
    #user-password [role="separator"] {
      padding: calc(12px / 2) 12px !important;
    }
    
    #user-profile [role="separator"] {
      padding: calc(12px / 2) 12px !important;
    }
    
    #user-password form {
      padding: calc(12px / 2) 12px !important;
    }
    
    #user-profile form {
      padding: calc(12px / 2) 12px !important;
    }
    
    #user-profile {
      font-size: calc(16px - 2) !important;
    }
    
    #user-profile dt {
      padding: 8px 4px !important;
    }
    
    #user-profile dt label {
      margin-bottom: 0 !important;
    }
    
    #user-profile input[type="text"] {
      font-size: calc(16px - 2) !important;
    }
    
    #password-form label {
      font-size: calc(16px - 2) !important;
    }
    
    #password-submit {
      float: none !important;
      margin: 0 !important;
      background: auto !important;
    }
    
    .breadcrumbs {
      padding: 8px 0 0;
      margin-bottom: calc(16px * 1.5);
      list-style: none;
      background-color: transparent;
    }
    
    .breadcrumbs>li {
      display: inline-block;
      color: #51525C;
    }
    
    .breadcrumbs>li+li:before {
      padding: 0 2px;
      color: #51525C;
      content: "›\00a0";
    }
    
    .breadcrumbs>li a {
      color: #51525C;
    }
    /*
    .breadcrumbs>li:last-child a {
      color: rgba(9, 9, 158, 1);
    }
    */
    .breadcrumbs--search-results {
      padding: 0;
      margin-bottom: calc(16px * 1.5 / 2 + 2px);
      font-size: calc(16px * 0.85);
      line-height: 18px;
    }
    
    .help-center-name {
      display: inline-block;
      margin: 0 0 0 15px;
      vertical-align: middle;
    }
    
    @media (max-width: 1023px) {
      .help-center-name {
        display: none
      }
    }
    
    .hero-unit {
      position: relative;
      z-index: 3;
      padding: 4% 15px 4%;
      margin-top: calc(16px * 1.5 * -1);
      overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    
    .language-selector .btn--topbar {
      width: 100%;
    }
    
    @media (min-width: 1024px) {
      .language-selector {
        display: inline-block;
        vertical-align: middle
      }
    }
    
    .avatar {
      position: relative;
      display: inline-block;
    }
    
    .avatar--agent:before {
      position: absolute;
      right: 0;
      bottom: 0;
      display: inline-block;
      margin-right: -4px;
      margin-bottom: -4px;
      font-family: "FontAwesome";
      font-size: calc(16px * 0.85);
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: rgba(79, 131, 239, 1);
      content: "\f19d";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .user-avatar {
      border-radius: 100%;
    }
    
    .user-avatar--default {
      width: 60px;
      height: 60px;
    }
    
    #user .user-avatar {
      width: 30px;
      height: 30px;
    }
    
    .search {
      position: relative;
    }
    
    .search:before {
      position: absolute;
      top: 50%;
      left: 10px;
      width: 24px;
      height: 24px;
      content: "";
      background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2223%22%20height%3D%2224%22%20viewBox%3D%220%200%2023%2024%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-6%20-2%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2219.889%22%20cy%3D%2211.611%22%20r%3D%228%22%20stroke%3D%22%23BDBDBD%22%20stroke-width%3D%222%22%20transform%3D%22rotate%2845%2019.89%2011.61%29%22%3E%3C/circle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23BDBDBD%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.34328327%2C15.6566781%20L11.3432833%2C15.6566781%20L11.3432833%2C25.6606781%20C11.3432833%2C26.2106781%2010.8992833%2C26.6566781%2010.3432833%2C26.6566781%20C9.79128327%2C26.6566781%209.34328327%2C26.2116781%209.34328327%2C25.6606781%20L9.34328327%2C15.6566781%20Z%22%20transform%3D%22rotate%2845%2010.343%2021.157%29%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/svg%3E) no-repeat;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    
    .searchbox {
      margin-top: calc(16px * 1.5);
    }
    
    .searchbox-suggestions ul {
      padding-left: 0;
      margin-bottom: calc(16px * 1.5);
      list-style: none;
    }
    
    .searchbox-suggestions li {
      margin-bottom: calc(16px * 1.5 / 3);
    }
    
    input[type="search"]:focus {
      border-color: #F4F4F5;
    }
    
    .search-box {
      position: relative;
    }
    
    .search-box #query {
      padding: 10px 12px 10px 35px;
      -webkit-transition: border 0.3s ease;
      transition: border 0.3s ease;
    }
    
    .search-box--hero-unit {
      z-index: 2;
      max-width: 720px;
      margin: 0 auto;
      -webkit-transition: top 0.3s ease;
      transition: top 0.3s ease;
    }
    
    .search-box--hero-unit .search {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    
    .search-box--hero-unit .search:before {
      left: 20px;
    }
    
    .search-box--hero-unit #query {
      height: 50px;
      padding: 0 55px;
      background-color: #fff;
      border-color: #fff;
      -webkit-transition: border 0.3s ease, background-color 0.3s ease;
      transition: border 0.3s ease, background-color 0.3s ease;
    }
    
    .search-box--hero-unit #query:focus {
      background-color: #fff;
    }
    
    .search-box--hero-unit input[type="submit"] {
      display: inline-block;
      height: 50px;
      padding-right: calc(12px + 4);
      padding-left: calc(12px + 4);
      margin-left: 20px;
      font-size: 16px;
      color: #fff;
      text-transform: capitalize;
      background-color: transparent;
      border-color: transparent;
      border-radius: 10px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    
    .search-box--hero-unit input[type="submit"]:hover,
    .search-box--hero-unit input[type="submit"]:focus,
    .search-box--hero-unit input[type="submit"]:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: transparent;
    }
    
    .search-box--hero-unit input[type="submit"]:active {
      background-image: none;
    }
    
    .search-box--hero-unit input[type="submit"]:hover {
      color: #fff;
      background: linear-gradient(111deg,
          #2062eb,
          #1456dd);
    }
    
    @media (max-width: 991px) {
      .search-box--hero-unit input[type="submit"] {
        display: none
      }
    }
    
    @media (min-width: 1024px) {
      .search-box--hero-unit input[type="submit"] {
        padding-right: 38px;
        padding-left: 38px
      }
    }
    
    .search-box--small {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    
    
    /***** 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;
      max-height: 60vh;
      border-right: 1px solid #F4F4F5;
      overflow: auto;
    }
    
    .search-results-column a {
      color: rgba(9, 9, 158, 1);
    }
    
    @media (min-width: 1024px) {
      .search-results-column {
        flex: 0 0 75%;
      }
    }
    
    .search-results-sidebar {
      border-top: 1px solid #E4E4E7;
      flex: 1 0 auto;
      margin-bottom: 20px;
      padding: 0;
    }
    
    .search-results-sidebar .sidenav-title {
      margin-bottom: 16px;
      color: #18181B;
      font-size: 18px;
      font-weight: 700;
      line-height: normal;
    }
    
    .search-results-sidebar ul {
      margin-bottom: 40px;
      padding: 0;
      list-style: none;
    }
    
    .search-results-sidebar ul li a {
      color: #18181B;
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
    }
    
    .search-results-sidebar ul li a:hover {
      color: #6F35E8;
      text-decoration: underline;
    }
    
    @media (min-width: 1024px) {
      .search-results-sidebar {
        border: 0;
        flex: 0 0 20%;
        height: auto;
      }
    }
    
    @media (max-width: 1023px) {
      .search-results-sidebar {
        padding: 15px;
      }
    }
    
    .search-results-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .search-results-count {
      font-size: calc(16px * 1.25);
    }
    
    .search-result {
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .search-results-subheading__title {
      font-weight: 600;
    }
    
    .search-result__title {
      margin-bottom: calc(16px / 2);
      color: #18181B;
      font-weight: 600;
    }
    
    .search-result__title a {
      color: #18181B;
    }
    
    .search-result__title a:hover {
      color: #6F35E8;
      text-decoration: underline;
    }
    
    .search-result__title .meta-date {
      margin-left: 12px;
      color: #70707A;
      font-size: 15px;
    }
    
    .search-result__description {
      margin-bottom: calc(16px * 1.5);
      color: #70707A;
      font-size: calc(16px * 0.85);
      line-height: calc(16px * 1.375);
    }
    
    .search-result__description:empty {
      display: none;
    }
    
    .search-result__description em {
      padding: 0 3px;
      font-style: normal;
      font-weight: 600;
      background-color: #FCE7F3;
      border-radius: 3px;
    }
    
    .search-result__meta {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .search-result-votes {
      display: inline-block;
      padding: 2px 4px;
      font-size: calc(16px * 0.85);
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      border-radius: 10px;
    }
    
    @media (min-width: 1024px) {
      .category-page {
        margin-bottom: calc(16px * 1.5 * 2)
      }
    }
    
    .category-description:empty {
      display: none;
    }
    
    .category-tree-item {
      padding-top: calc(16px * 1.5);
      border-top: 1px solid #F4F4F5;
    }
    
    .category-tree-item:nth-child(odd) {
      background-color: #FAFAFA;
    }
    
    .category-tree-item:last-child {
      border-bottom: 1px solid #F4F4F5;
    }
    
    @media (min-width: 1024px) {
      .category-tree-item {
        padding-top: 90px;
        padding-bottom: 76px
      }
    }
    
    .category-tree-item__title {
      padding-bottom: calc(16px * 1.5 / 2);
      text-align: center;
    }
    
    @media (min-width: 1024px) {
      .category-tree-item__title {
        margin-bottom: 50px
      }
    }
    
    .category-tree-item__sections {
      margin-right: 0;
      margin-left: 0;
    }
    
    @media (min-width: 1024px) {
      .category-tree-item__sections .section:nth-child(2n + 1) {
        clear: left;
      }
    }
    
    @media (min-width: 1024px) {
      .category-tree-item__sections .section:nth-child(2n + 1) {
        clear: none;
      }
    
      .category-tree-item__sections .section:nth-child(3n + 1) {
        clear: left;
      }
    }
    
    @media (min-width: 1024px) {
      .category-tree-item__sections {
        margin-right: -15px;
        margin-left: -15px
      }
    }
    
    .category-tree-item__title-link {
      color: inherit;
    }
    
    .category-list-title {
      text-align: center;
    }
    
    .category-list {
      padding-left: 0;
      margin-right: 0;
      margin-bottom: calc(16px * 1.5);
      margin-left: 0;
      list-style: none;
    }
    
    @media (min-width: 1024px) {
      .category-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -30px;
        margin-bottom: 76px;
        margin-left: -30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
      }
    }
    
    .category-list-item {
      position: relative;
      margin-bottom: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .category-list-item {
        height: 120px
      }
    }
    
    .category-list-item__link {
      display: block;
      padding: 22px 20px;
      font-weight: 400;
      color: rgba(9, 9, 158, 1);
      text-align: left;
      vertical-align: middle;
      background-color: #fff;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 20px 5px rgba(27, 11, 59, 0.10);
      box-shadow: 0 0 20px 5px rgba(27, 11, 59, 0.10);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    
    .category-list-item__link:active,
    .category-list-item__link:focus,
    .category-list-item__link:hover {
      text-decoration: none;
      background-color: rgba(14, 26, 56, 1);
    }
    
    .category-list-item__link:active .category-list-item__title,
    .category-list-item__link:focus .category-list-item__title,
    .category-list-item__link:hover .category-list-item__title {
      color: #fff;
    }
    
    .category-list-item__link:active .meta,
    .category-list-item__link:focus .meta,
    .category-list-item__link:hover .meta {
      color: #fff;
    }
    
    @media (min-width: 1024px) {
      .category-list-item__link {
        height: 100%
      }
    }
    
    .category-list-item__title {
      margin-bottom: 8px;
      font-weight: 600;
    }
    
    .section-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .section-tree {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: start;
      gap: 24px;
    }
    
    .section-tree:not(:has(.section:nth-child(3))) {
      justify-content: center;
    }
    
    .section-tree .section {
      width: calc(33% - 16px);
      padding: 24px;
      border-radius: 17px;
      border: 1px solid var(--Gray-300, #D1D1D6);
    }
  
      @media (max-width: 767px) {
      .section-tree .section {
              width: calc(100% - 16px);
      }
      }
    
    .section-tree .section:hover {
      border-color: #5A21D0;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.14);
    }
    
    .section-tree .section:hover .btn--secondary {
      background-color: #5A21D0;
      color: #fff;
    }
    
    .section-tree .section-tree-title {
      margin-bottom: calc(16px / 2);
    }
    
    .section-tree .page-description {
      font-size: 16px;
      font-weight: 400;
    }
  
      .page-header + .section-tree {
      margin-bottom: calc(16px * 2);
      }
    
    .section__title {
      color: #18181B;
      font-family: Lato;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    
    .section__description {
      margin-bottom: 1.5em;
      color: #51525C;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    
    .section-header {
      position: relative;
    }
    
    .section-header .section-title {
      margin-bottom: 8px;
      color: #6F35E8;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
  
      .section-subheader {
        display: flex;
      justify-content: space-between;
      align-items: flex-start;
      }
  
      @media (max-width: 1000px) {
      .section-subheader {
        flex-wrap: wrap;
      }
    }
  
      .section-subheader .section-follow-button .section-subscribe .dropdown-toggle {
        margin: 0 0 8px;
      background: #5A21D0;
      }
    
    .section-subscribe .dropdown-toggle {
      margin-top: calc(16px * 1.5);
    }
    
    .section-subscribe .dropdown-toggle:after {
      display: none;
    }
    
    .section-subscribe .dropdown-menu {
      right: 0;
      left: initial;
    }
    
    .article-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .article {
      position: relative;
    }
    
    .article__title {
      font-size: calc(16px * 1.5);
      font-weight: 600;
    }
    
    @media (min-width: 1200px) {
      .article__title {
        float: left;
        width: 80%;
        font-size: calc(16px * 1.75)
      }
    }
    
    .article-header:before,
    .article-header:after {
      display: table;
      content: "";
    }
    
    .article-header:after {
      clear: both;
    }
    
    .article-header__button {
      margin-bottom: calc(16px * 1.5);
    }
    
    @media (min-width: 1200px) {
      .article-header__button {
        float: right;
        width: 20%;
        text-align: right;
        vertical-align: top
      }
    }
    
    .article-meta {
      display: table;
      width: 100%;
      margin-bottom: calc(16px * 1.5);
    }
    
    .article-meta__col {
      display: table-cell;
      vertical-align: top;
    }
    
    .article-meta__col--main {
      width: 100%;
      padding-right: 12px;
    }
    
    .article-subscribe,
    .article-unsubscribe {
      color: #fff;
      background-color: rgba(9, 9, 158, 1);
      border-color: rgba(9, 9, 158, 1);
    }
    
    .article-subscribe:hover,
    .article-subscribe:focus,
    .article-subscribe:active,
    .article-unsubscribe:hover,
    .article-unsubscribe:focus,
    .article-unsubscribe:active {
      color: #e0e0e0;
      background-color: #06066e;
      border-color: #060664;
    }
    
    .article-subscribe:active,
    .article-unsubscribe:active {
      background-image: none;
    }
    
    .article__body {
      margin-bottom: calc(16px * 1.5);
    }
    
    .article__body h2 {
      font-size: calc(16px * 1.75);
      font-weight: 400;
      line-height: 1.2;
    }
    
    .article__body .wysiwyg-font-size-x-large {
      font-size: calc(16px * 1.75);
      font-weight: 400;
      line-height: 1.2;
    }
    
    .article__body .wysiwyg-font-size-large {
      font-size: calc(16px * 1.5);
      font-weight: 600;
      line-height: 1.2;
    }
    
    .article__body .wysiwyg-font-size-medium {
      font-size: calc(16px * 1.25);
      font-weight: 600;
      line-height: 1.2;
    }
    
    .article__body .wysiwyg-font-size-small {
      font-size: calc(16px * 0.85);
    }
    
    .article__body ul,
    .article__body ol {
      padding-left: 20px;
    }
    
    .article__body ul ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .article__body ul ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .article__body ol ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .article__body ol ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .article__body ul li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .article__body ol li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .article-vote {
      position: relative;
      padding: calc(16px * 1.5) 12px calc(16px * 1.5) 0;
    }
    
    .article-vote-controls {
      display: inline-block;
    }
    
    .article-vote-controls__item {
      padding-left: 0;
      border: none;
    }
    
    .article-vote-controls__item,
    .article-vote-controls__item:hover,
    .article-vote-controls__item:active,
    .article-vote-controls__item:focus {
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .article-vote-controls__item:before {
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 30px;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: #EC4899;
      content: "\f08a";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .article-vote-controls__item--voted {
      border: none;
    }
    
    .article-vote-controls__item--voted:before {
      content: "\f004";
    }
    
    @media (max-width: 1023px) {
      .article-vote-question {
        display: block;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    @media (min-width: 1024px) {
      .article-vote-question {
        float: left;
        margin-right: 12px
      }
    }
    
    .article-vote-controls {
      white-space: nowrap;
    }
    
    @media (max-width: 991px) {
      .article-vote-controls {
        display: block;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    .article-vote-count {
      display: inline-block;
      font-size: calc(16px * 0.85);
      color: #70707A;
    }
    
    .article__share {
      margin-bottom: calc(16px * 1.5);
    }
    
    .article__share ul {
      margin-top: 0;
    }
    
    .article-footer {
      margin-bottom: calc(16px * 1.5);
    }
    
    .article__attachments {
      margin-bottom: calc(16px * 1.5);
    }
    
    .article-more-questions {
      margin-bottom: calc(16px * 1.5);
      clear: both;
    }
    
    .article-more-questions:empty {
      display: none;
    }
    
    .article-more-questions a {
      white-space: nowrap;
    }
    
      .sticky-sidebar {
        position: sticky;
      top: 20px;
      max-height: 100vh;
      overflow-y: auto;
      }
    
    @media (max-width: 1023px) {
      .article-sidebar {
        padding-top: calc(16px * 1.5);
        border-top: 1px solid #F4F4F5
      }
    }
    
    .comment-form__body {
      margin-bottom: 14px;
    }
    
    .article-list {
      padding-left: 0;
      list-style: none;
    }
    
    .article-list-item {
      position: relative;
      padding-left: 20px;
      margin-bottom: 0;
    }
    
    .article-list-item:last-child {
      margin-bottom: 40px;
    }
    
    .article-list-item__link {
      margin-bottom: 8px;
      color: #18181B;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    
    .article-list-item__link:hover {
      color: #6F35E8;
      text-decoration: underline;
    }
    
    .article-list-item.article-list-item--is-promoted .article-list-item__link {
      margin-left: 14px;
    }
    
    .article-list-item__description {
      margin-bottom: 0;
      color: #70707A;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    
    .article-list-item--is-promoted span {
      position: absolute;
      top: 10px;
      left: 0;
      font-size: 10px;
      color: #6F35E8;
      vertical-align: middle;
    }
    
    .article-list-item--is-promoted:before {
      display: none;
    }
    
    /* Comment List */
    .comments__callout {
      font-size: calc(16px * 0.85);
      color: #70707A;
    }
    
    .comments__callout:empty {
      display: none;
    }
    
    .comments__list {
      padding-left: 0;
      list-style: none;
    }
    
    .comment-list-header {
      padding-bottom: calc(16px * 1.5 / 2);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .comment-list-heading {
      margin-bottom: 0;
      font-size: calc(16px * 1.1);
      font-weight: 600;
    }
    
    .comment-sorter {
      padding-bottom: calc(16px * 1.5);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    @media (min-width: 1024px) {
      .comment-sorter {
        display: table;
        width: 100%
      }
    }
    
    @media (min-width: 1024px) {
      .comment-sorter__col {
        display: table-cell;
        vertical-align: middle
      }
    }
    
    @media (max-width: 1023px) {
      .comment-sorter__col--main {
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    @media (min-width: 1024px) {
      .comment-sorter__col--main {
        padding-right: 12px
      }
    }
    
    @media (min-width: 1024px) {
      .comment-sorter__col--filters {
        text-align: right
      }
    }
    
    .comment-sorter__item.is-active {
      font-weight: 600;
    }
    
    .comment-sorter__item+.comment-sorter__item:before {
      margin: 0 6px;
      font-size: 10px;
      content: "\2022";
    }
    
    /* Comment */
    .comment {
      padding-bottom: calc(16px * 1.5);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .comment__inner {
      position: relative;
      padding-right: 72px;
    }
    
    .comments__content {
      position: relative;
      padding-right: 12px;
    }
    
    .comment__header {
      position: relative;
      margin-bottom: calc(var(line-height-computed));
    }
    
    .comment__voting-and-actions {
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      text-align: center;
    }
    
    .comment__voting-and-actions .dropdown-toggle:after {
      display: inline-block;
      margin-left: 0;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      content: "\f013";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .comment__official-heading {
      position: absolute;
      top: 0;
      right: 36px;
      width: auto;
      padding: 1px calc(12px / 2);
      font-size: calc(16px * 0.85);
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      border-radius: 0 0 10px 10px;
    }
    
    .comment--official .comment__inner {
      position: relative;
      padding: calc(16px * 1.5) calc(12px * 2);
      background-color: desaturate(lighten(rgba(14, 26, 56, 1), 55%), 30%);
      border: 1px solid rgba(14, 26, 56, 1);
      border-radius: 10px;
    }
    
    /* Comment form */
    .comment-form {
      position: relative;
      margin-bottom: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .comment-form {
        padding-left: 72px
      }
    }
    
    .comment-form__avatar {
      position: absolute;
      top: 0;
      left: 0;
    }
    
    @media (max-width: 1023px) {
      .comment-form__avatar {
        display: none
      }
    }
    
    .comment__body {
      margin-bottom: calc(16px * 1.5);
    }
    
    .comment__body ul {
      list-style: disc;
    }
    
    .comment__body ul,
    .comment__body ol {
      padding-left: 20px;
    }
    
    .comment__body ul ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .comment__body ul ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .comment__body ol ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .comment__body ol ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .comment__body ul li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .comment__body ol li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .comment-form__attachments {
      margin-bottom: calc(16px * 1.5);
    }
    
    .comment-form__mark-as-solved {
      position: relative;
    }
    
    .comment-form__comment-ccs ul {
      margin-bottom: 0;
    }
    
    .share {
      padding-left: 0;
      white-space: nowrap;
      list-style: none;
    }
    
    .share li {
      position: relative;
      display: inline-block;
      margin-bottom: 5px;
      vertical-align: top;
    }
    
    .share a {
      display: block;
      width: 30px;
      height: 30px;
      overflow: hidden;
      line-height: 30px;
      background-color: #F4F4F5;
      border-color: #F4F4F5;
      border-radius: 10px;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    .share a:before {
      position: relative;
      display: inline-block;
      width: 100%;
      font-family: FontAwesome;
      text-align: center;
    }
    
    .share-facebook {
      color: #3d5b95;
      background-color: #F4F4F5;
      border-color: #F4F4F5;
    }
    
    .share-facebook:hover {
      color: #2b406a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-facebook:focus {
      color: #2b406a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-facebook:active {
      color: #2b406a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-facebook:active {
      background-image: none;
    }
    
    .share-facebook:before {
      content: "\f09a";
    }
    
    .share-twitter {
      color: #24aadd;
      background-color: #F4F4F5;
      border-color: #F4F4F5;
    }
    
    .share-twitter:hover {
      color: #1a82a9;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-twitter:focus {
      color: #1a82a9;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-twitter:active {
      color: #1a82a9;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-twitter:active {
      background-image: none;
    }
    
    .share-twitter:before {
      content: "\f099";
    }
    
    .share-linkedin {
      color: #0976b4;
      background-color: #F4F4F5;
      border-color: #F4F4F5;
    }
    
    .share-linkedin:hover {
      color: #06507a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-linkedin:focus {
      color: #06507a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-linkedin:active {
      color: #06507a;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-linkedin:active {
      background-image: none;
    }
    
    .share-linkedin:before {
      content: "\f0e1";
    }
    
    .share-googleplus {
      color: #d23e30;
      background-color: #F4F4F5;
      border-color: #F4F4F5;
    }
    
    .share-googleplus:hover {
      color: #a22e23;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-googleplus:focus {
      color: #a22e23;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-googleplus:active {
      color: #a22e23;
      background-color: #d9d9dd;
      border-color: #d4d4d8;
    }
    
    .share-googleplus:active {
      background-image: none;
    }
    
    .share-googleplus:before {
      content: "\f0d5";
    }
    
    .my-activities-header {
      margin-bottom: calc(16px * 1.5);
    }
    
    .my-activities-items {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    @media (min-width: 1024px) {
      .my-activities-items {
        display: table;
        width: 100%
      }
    }
    
    .my-activities-items__head {
      display: none;
      color: #70707A;
    }
    
    @media (min-width: 1024px) {
      .my-activities-items__head {
        display: table-header-group;
        font-size: calc(16px * 0.85);
        font-weight: 600;
        text-transform: uppercase
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-items__body {
        display: table-row-group
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-items__row {
        display: table-row
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-items__col {
        display: table-cell;
        padding-top: calc(16px * 1.5 / 2);
        padding-bottom: calc(16px * 1.5 / 2);
        border-bottom: 1px solid #F4F4F5
      }
    
      .my-activities-items__col+.my-activities-items__col {
        padding-left: 12px;
      }
    }
    
    @media (max-width: 1023px) {
      .my-activities-items__request-id {
        display: inline
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-items__request-id {
        display: none
      }
    }
    
    .my-activities-menu ul {
      padding-left: 0;
      list-style: none;
    }
    
    .my-activities-menu__items {
      margin-bottom: 0;
    }
    
    .my-activities-menu__item {
      margin-bottom: 0;
    }
    
    .my-activities-menu__item a {
      display: block;
    }
    
    @media (min-width: 1024px) {
      .my-activities-menu__item {
        float: left
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-menu__item+.my-activities-menu__item {
        margin-left: 12px;
      }
    }
    
    .my-activities-menu--main {
      padding-bottom: calc(16px * 1.5);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .my-activities-menu--main .my-activities-menu__item {
      padding: 6px 12px;
      background-color: #F4F4F5;
      border-radius: 10px;
    }
    
    @media (max-width: 1023px) {
      .my-activities-menu--main .my-activities-menu__item {
        margin-bottom: calc(16px * 1.5 / 3)
      }
    }
    
    .my-activities-menu--main .my-activities-menu__item.is-active {
      font-weight: 600;
      color: rgba(72, 71, 74, 1);
    }
    
    .my-activities-menu--sub {
      margin-bottom: calc(16px * 1.5);
    }
    
    .my-activities-menu--sub .my-activities-menu__item.is-active {
      font-weight: 600;
    }
    
    .my-activities-menu--sub .my-activities-menu__item a {
      display: inline-block;
    }
    
    @media (min-width: 1024px) {
      .my-activities-menu--sub .my-activities-menu__item+.my-activities-menu__item:before {
        margin-right: calc(12px / 2);
        font-size: 10px;
        content: "\2022";
      }
    }
    
    @media (max-width: 1023px) {
      .my-activities-item {
        padding: calc(16px * 1.5 / 2) 12px;
        margin-bottom: calc(16px * 1.5);
        border: 1px solid #F4F4F5;
        border-radius: 10px
      }
    }
    
    .my-activities-item__meta {
      font-size: 14px;
      color: #70707A;
    }
    
    @media (max-width: 1023px) {
      .my-activities-item__meta {
        display: inline-block;
        margin-right: calc(12px / 2)
      }
    
      .my-activities-item__meta+.my-activities-item__meta:before {
        margin-right: calc(12px / 2);
        content: "\2022";
      }
    }
    
    .my-activities-item__title {
      font-weight: 400;
    }
    
    @media (max-width: 1023px) {
      .my-activities-item__title {
        font-size: calc(16px * 1.25)
      }
    }
    
    @media (max-width: 1023px) {
      .my-activities-item__icon {
        display: inline-block
      }
    }
    
    @media (min-width: 1024px) {
      .my-activities-item__icon {
        display: none
      }
    }
    
    .request-table-toolbar {
      padding-top: 12px;
      padding-bottom: calc(12px / 2);
      margin-bottom: calc(16px * 1.5);
      background-color: #FAFAFA;
      border-radius: 10px;
    }
    
    @media (min-width: 1024px) {
      .request-table-toolbar {
        padding-top: calc(12px / 2);
        padding-bottom: 12px
      }
    }
    
    .request-table-toolbar label {
      font-size: calc(16px * 0.85);
      text-transform: uppercase;
    }
    
    @media (min-width: 1024px) {
      .request-table-filters {
        display: table;
        width: 100%
      }
    }
    
    .request-table-filters__item {
      padding-right: 12px;
      padding-left: 12px;
    }
    
    @media (max-width: 1023px) {
      .request-table-filters__item {
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    @media (min-width: 1024px) {
      .request-table-filters__item {
        display: table-cell;
        width: 33%;
        vertical-align: bottom
      }
    }
    
    .request-table-organization {
      display: table;
      width: 100%;
    }
    
    .request-table-organization__col {
      display: table-cell;
      vertical-align: middle;
    }
    
    .request-table-organization__col--main {
      width: 100%;
    }
    
    .request-table-organization__col--button {
      padding-left: calc(12px / 2);
    }
    
    .request-table-organization__col--button [role="button"] {
      height: calc(16px * 1.5 + 14);
      padding-top: 0;
      padding-bottom: 0;
      line-height: calc(16px * 1.5 + 14);
    }
    
    .requests-sort-symbol {
      display: inline-block;
      font-size: 0;
      vertical-align: middle;
    }
    
    .requests-sort-symbol:after {
      display: inline-block;
      margin-bottom: 2px;
      margin-left: 5px;
      font-family: FontAwesome;
      font-size: 14px;
      color: #70707A;
      content: "\f0d7";
    }
    
    .requests-link {
      color: #70707A;
      white-space: nowrap;
    }
    
    .requests-link[href*="asc"] .requests-sort-symbol:after {
      content: "\f0d8";
    }
    
    .request-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .request {
      position: relative;
    }
    
    .request-id {
      margin-bottom: calc(16px * 1.5 / 2);
      font-weight: 600;
    }
    
    .request-subject {
      font-size: calc(16px * 1.5);
    }
    
    @media (min-width: 992px) {
      .request-subject {
        font-size: calc(16px * 1.75);
        font-weight: 300
      }
    }
    
    .request-follow-up:empty {
      display: none;
    }
    
    .request-sidebar {
      padding: calc(16px * 1.5) 12px 0;
      margin-bottom: calc(16px * 1.5);
      font-size: 14px;
      border: 1px solid #F4F4F5;
      border-radius: 10px;
    }
    
    .request-sidebar dd {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .request-status {
      display: inline-block;
      padding: 1px calc(12px / 2);
      font-size: 12px;
      color: #fff;
      white-space: nowrap;
      border-radius: 10px;
    }
    
    .request-status--solved,
    .request-status--closed {
      background-color: #504d7f;
    }
    
    .request-status--new,
    .request-status--open {
      background-color: #ff5252;
    }
    
    .request-status--answered {
      background-color: #fad782;
    }
    
    .new-request-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .new-request-title {
      font-size: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .new-request-title {
        font-size: calc(16px * 1.75)
      }
    }
    
    @media (min-width: 992px) {
      .new-request-title {
        font-size: calc(16px * 2.5)
      }
    }
    
    .new-request-form {
      margin-bottom: calc(16px * 1.5);
    }
    
    .upload-dropzone {
      padding: calc(16px * 1.5) calc(12px + 4px);
      border-color: #8F8F99;
      border-radius: 10px;
    }
    
    .upload-dropzone {
      font-size: calc(16px * 0.85);
    }
    
    .upload-dropzone a {
      font-size: calc(16px * 0.85);
    }
    
    .intro-title {
      margin-bottom: calc(16px * 1.5);
      font-size: calc(16px * 1.5);
      font-weight: 400;
      line-height: 1.1;
      color: #fff;
      text-align: center;
    }
    
    @media (min-width: 1024px) {
      .intro-title {
        font-size: calc(16px * 1.75)
      }
    }
    
    @media (min-width: 992px) {
      .intro-title {
        margin-bottom: calc(16px * 1.5 * 1.4);
        font-size: calc(16px * 2.5)
      }
    }
    
    .custom-blocks {
      position: relative;
      z-index: 3;
      margin-top: calc(16px * 1.5 * -10);
      margin-bottom: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .custom-blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
    }
    
    @media (max-width: 1023px) {
      .custom-blocks {
          margin-top: calc(16px * -12);
      }
    }
  
    .custom-block {
      float: none;
      margin-bottom: calc(16px * 1.5);
      text-align: center;
    }
    
    .custom-block__link {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
      padding: 26px 26px 40px;
      background-color: #fff;
      border-radius: calc(10px * 2);
      -webkit-box-shadow: 0 0 15px 5px rgba(27, 11, 59, 0.10);
      box-shadow: 0 0 15px 5px rgba(27, 11, 59, 0.10);
      -webkit-transition: all 220ms;
      transition: all 220ms;
    }
    
    @media (min-width: 1024px) {
      .custom-block__link:active,
      .custom-block__link:focus,
      .custom-block__link:hover {
        -webkit-transform: scale(1.045);
        transform: scale(1.045);
      }
      .custom-block {
        max-width: 430px;
      }
    }
    
    .custom-block__icon {
      display: inline-block;
    }
    
    .custom-block__icon svg {
      width: 98px;
      height: 98px;
    }
    
    @media (min-width: 480px) {
      .custom-block__icon {
        margin-bottom: calc(16px * 1.5)
      }
    }
  
    .custom-block__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
    }
    
    .custom-block__title {
      display: block;
      font-size: 18px;
      font-weight: 600;
      color: rgba(72, 71, 74, 1);
    }
    
    .custom-block__description {
      margin-bottom: 0;
      color: #70707A;
      font-size: 14px;
      line-height: normal;
    }
    
    .icon-color-stroke-primary {
      stroke: rgba(14, 26, 56, 1);
    }
    
    .icon-color-stroke-secondary {
      stroke: rgba(79, 131, 239, 1);
    }
    
    .icon-color-fill-primary {
      fill: rgba(14, 26, 56, 1);
    }
    
    .icon-color-fill-secondary {
      fill: rgba(79, 131, 239, 1);
    }
    
    .icon-color-fill {
      fill: #F4F4F5;
    }
    
    .dropdown-toggle:after {
      display: inline-block;
      margin-left: 5px;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: inherit;
      content: "\f107";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .dropdown-menu {
      min-width: 170px !important;
      overflow: hidden;
      font-size: 14px;
    }
    
    .dropdown-menu [role="menuitem"] {
      position: relative;
      padding: calc(16px * 1.5 / 2) 26px calc(16px * 1.5 / 2) 12px;
      white-space: normal;
    }
    
    .dropdown-menu [role="menuitem"][aria-selected="true"]:after {
      position: absolute;
      top: 16px;
      right: 12px;
      display: inline-block;
      margin-left: 10px !important;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      content: "\f00c";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .error-page {
      padding: 10% 0;
      text-align: center;
    }
    
    .error-page__title {
      text-transform: capitalize;
    }
    
    .footer-submit-ticket {
      position: relative;
      padding: calc(16px * 1.5 * 2) calc(12px + 4px);
      color: #fff;
      text-align: center;
      border-radius: 10px;
    }
    
    .footer-submit-ticket__title {
      font-size: calc(16px * 1.75);
    }
    
    @media (min-width: 1024px) {
      .footer-submit-ticket__title {
        font-size: calc(16px * 2.5)
      }
    }
    
    .footer-submit-ticket__subtitle {
      font-size: calc(16px * 1.5);
      color: #fff;
      opacity: 0.8;
    }
    
    .footer-submit-ticket__btn {
      font-size: 16px;
      background: linear-gradient(104deg,
          rgba(79, 131, 239, 1),
          #2062eb);
    }
    
    .footer-submit-ticket__btn:hover {
      background: linear-gradient(104deg,
          #2062eb,
          #1456dd);
    }
    
    .note {
      position: relative;
      padding-left: 12px;
      margin: calc(16px * 1.5) 0;
      color: #7b797e;
      border-left: calc(1px * 4) solid transparent;
    }
    
    .note p:last-child {
      margin-bottom: 0;
    }
    
    .note-title {
      margin-bottom: calc(16px * 1.5 / 2);
      font-weight: 600;
    }
    
    .note-default {
      border-color: #A0A0AA;
    }
    
    .note--default {
      border-color: #A0A0AA;
    }
    
    .note-default .note-title {
      color: #51525C;
    }
    
    .note--default .note-title {
      color: #51525C;
    }
    
    .note-info,
    .note--info {
      border-color: #5bc0de;
    }
    
    .note-info .note-title,
    .note--info .note-title {
      color: #5bc0de;
    }
    
    .note-warning,
    .note--warning {
      border-color: #fad782;
    }
    
    .note-warning .note-title,
    .note--warning .note-title {
      color: #fad782;
    }
    
    .note-success,
    .note--success {
      border-color: #504d7f;
    }
    
    .note-success .note-title,
    .note--success .note-title {
      color: #504d7f;
    }
    
    .note-danger,
    .note--danger {
      border-color: #ff5252;
    }
    
    .note-danger .note-title,
    .note--danger .note-title {
      color: #ff5252;
    }
    
    .footer {
      padding-top: 150px;
      margin-top: 60px;
      overflow: hidden;
      font-size: 16px;
      line-height: 1.1;
      color: #fff;
    }
    
    .footer__wrapper {
      position: relative;
      background: rgba(14, 26, 56, 1);
    }
    
    .footer__inner {
      width: 100%;
      padding-bottom: 20px;
      margin: 0 auto;
    }
    
    @media (min-width: 1024px) {
      .footer__inner {
        display: table
      }
    }
    
    .footer__col {
      position: relative;
    }
    
    @media (min-width: 1024px) {
      .footer__col {
        display: table-cell;
        vertical-align: top
      }
    }
    
    @media (min-width: 1024px) {
      .footer__col--social-links {
        text-align: right;
        vertical-align: middle
      }
    }
    
    .footer-social-link {
      width: 30px;
      height: 30px;
      font-size: calc(16px + 2);
      color: #fff;
      vertical-align: middle;
    }
    
    .footer-social-link+.footer-social-link {
      margin-left: 5px;
    }
    
    .footer-social-link:hover {
      color: rgba(79, 131, 239, 1);
    }
    
    .copyright a {
      color: #fff;
    }
    
    .layout {
      min-height: 100%;
      background-color: #fff;
    }
    
    .layout__content {
      width: 100%;
      min-height: calc(100vh - 490px);
    }
    
    .layout__content:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\00a0";
    }
    
    .layout__header,
    .layout__footer {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
    }
    
    .pagination {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }
    
    .pagination ul {
      display: inline-block;
      padding-left: 0;
      margin: 0 0 calc(16px * 1.5 / 2);
    }
    
    .pagination ul>li {
      display: inline-block;
      margin-right: 6px;
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .pagination ul>li>a {
      position: relative;
      display: block;
      padding: 6px;
      color: #70707A;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-decoration: none;
    }
    
    .pagination ul>li>span {
      position: relative;
      display: block;
      padding: 6px;
      color: #5A21D0;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-decoration: none;
    }
    
    .pagination ul>li.pagination-first>a,
    .pagination ul>li.pagination-prev>a,
    .pagination ul>li.pagination-next>a,
    .pagination ul>li.pagination-last>a {
      color: #5A21D0;
      font-size: 20px;
    }
    
    .pagination ul>li>a:hover {
      color: #5A21D0;
    }
    
    .pagination ul>.pagination-current>span,
    .pagination ul>.pagination-current>span:hover,
    .pagination ul>.pagination-current>span:focus {
      z-index: 2;
      color: #5A21D0;
    }
    
    .satisfaction-box {
      padding: calc(16px * 1.5) 15px;
      margin: 0 0 20px;
      margin-top: 0;
      border-color: #F4F4F5;
      border-radius: 10px;
    }
    
    .satisfaction-box h4:last-child {
      margin-bottom: 0;
    }
    
    .satisfaction-box input[type="radio"]~label {
      display: inline-block;
      padding: 6px calc(12px + 12px / 2);
      margin-right: 10px;
      margin-bottom: 0;
      font-size: calc(16px - 5);
      font-weight: 700;
      line-height: undefined;
      text-align: center;
      text-transform: none;
      letter-spacing: normal;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 0;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    .satisfaction-box input[type="radio"]~label:focus,
    .satisfaction-box input[type="radio"]~label:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    .satisfaction-box input[type="radio"]~label:hover,
    .satisfaction-box input[type="radio"]~label:focus {
      color: #fff;
      text-decoration: none;
    }
    
    .satisfaction-box input[type="radio"]~label:active {
      outline: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_good"] {
      color: #fff;
      background-color: #504d7f;
      border-color: #504d7f;
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_good"]:hover,
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_good"]:focus,
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_good"]:active {
      color: #e0e0e0;
      background-color: #3c3a5f;
      border-color: #383659;
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_good"]:active {
      background-image: none;
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_bad"] {
      color: #fff;
      background-color: #ff5252;
      border-color: #ff3939;
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_bad"]:hover,
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_bad"]:focus,
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_bad"]:active {
      color: #e0e0e0;
      background-color: #ff1f1f;
      border-color: #fa0000;
    }
    
    .satisfaction-box input[type="radio"]~label[for="satisfaction_rating_score_bad"]:active {
      background-image: none;
    }
    
    .satisfaction-box input[type="radio"][checked="checked"][value="good"]+label {
      color: #fff !important;
      background-color: #383659 !important;
      border-color: darken($brand-success, 12%) !important;
    }
    
    .satisfaction-box input[type="radio"][checked="checked"][value="bad"]+label {
      color: #fff !important;
      background-color: #ff1515 !important;
      border-color: #fa0000 !important;
    }
    
    .satisfaction-box label.disabled {
      margin-bottom: calc(16px * 1.5) !important;
    }
    
    .satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
      color: #504d7f !important;
    }
    
    .satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
      color: #ff5252 !important;
    }
    
    .satisfaction-comment {
      margin-top: 15px;
    }
    
    .satisfaction-box .satisfaction-submit {
      margin-left: 10px !important;
      font-size: calc(16px - 5) !important;
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      border-color: #091124;
    }
    
    .satisfaction-box .satisfaction-submit:hover,
    .satisfaction-box .satisfaction-submit:focus,
    .satisfaction-box .satisfaction-submit:active {
      color: #e0e0e0;
      background-color: #04070f;
      border-color: #000;
    }
    
    .satisfaction-box .satisfaction-submit:active {
      background-image: none;
    }
    
    .satisfaction-reason {
      padding-top: calc(16px * 1.5);
    }
    
    .satisfaction-box .satisfaction-cancel {
      font-size: calc(16px - 5) !important;
      line-height: 1.5 !important;
    }
    
    .topbar {
      position: relative;
      width: 100%;
    }
    
    .topbar__container-inner {
      position: relative;
      z-index: 4;
    }
    
    .topbar__inner {
      width: 100%;
      margin: 0 auto;
    }
    
    @media (min-width: 1024px) {
      .topbar__inner {
        display: table
      }
    }
    
    .topbar__col {
      position: relative;
      padding: calc(16px * 1.5 / 2) 0;
    }
    
    @media (min-width: 1024px) {
      .topbar__col {
        display: table-cell;
        padding: 20px 0;
        vertical-align: middle
      }
    }
    
    @media (min-width: 1024px) {
      .topbar__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
      }
    }
    
    @media (max-width: 1023px) {
      .topbar__collapse {
        display: none;
        padding-top: calc(16px * 1.5 / 2);
        padding-bottom: calc(16px * 1.5)
      }
    }
    
    @media (min-width: 1024px) {
      .topbar__collapse {
        display: flex !important;
        justify-content: end;
        align-items: center;
      }
    }
    
    @media (max-width: 1023px) {
      .topbar__menu {
        padding: 0
      }
    }
    
    .topbar__navigation ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
    @media (max-width: 1023px) {
      .topbar__navigation ul li {
        padding: 10px 0;
        line-height: 1;
      }
    }
    
    .topbar__navigation ul li a {
      padding: 10px 0;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      line-height: 21px;
    }
    
    .topbar__navigation ul li a:hover {
      color: #fff;
    }
    
    @media (min-width: 1024px) {
      .topbar__navigation ul li {
        display: inline;
        margin-left: 24px;
      }
    
      .topbar__navigation ul li a {
        padding: 0;
        font-size: 18px;
        font-weight: 700;
      }
    }
    
    .topbar__search {
      height: 40px;
    }
    
    .topbar__search input[type="submit"] {
      display: none;
    }
    
    @media (max-width: 1023px) {
      .topbar__search {
        display: block !important;
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    @media (min-width: 1024px) {
      .topbar__search {
        display: inline-block;
        height: auto;
        margin-right: calc(12px * 2);
        margin-left: 12px;
      }
    }
    
    .topbar__search-bar {
      display: block;
      width: 100%;
    }
    
    @media (max-width: 1023px) {
      .topbar__search-bar {
        display: block !important
      }
    }
    
    @media (min-width: 1024px) {
      .topbar__search-bar {
        width: auto;
        -webkit-animation-duration: 0.1s;
        animation-duration: 0.1s
      }
    
      .topbar__search-bar:before {
        display: none;
      }
    }
    
    .topbar__btn-search {
      padding-right: 0;
      padding-left: 24px;
      cursor: pointer;
      background-color: transparent;
    }
    
    .topbar__btn-search:hover,
    .topbar__btn-search:focus,
    .topbar__btn-search:active {
      background-color: transparent;
      border-color: transparent;
    }
    
    .topbar__btn-search svg circle {
      stroke: #fff;
    }
    
    .topbar__btn-search svg path {
      fill: #fff;
    }
    
    @media (max-width: 1023px) {
      .topbar__btn-search {
        display: none !important
      }
    }
    
    @media (min-width: 1024px) {
      .topbar__link {
        margin-right: calc(12px * 2)
      }
    }
    
    .topbar--small {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
    }
    
    .topbar--small .topbar__link {
      color: #fff;
    }
    
    .topbar--small .topbar__link:hover,
    .topbar--small .topbar__link:active,
    .topbar--small .topbar__link:focus {
      color: #e0e0e0;
    }
    
    .topbar--small .login {
      color: #fff;
      background-color: transparent;
      border-color: #fff;
    }
    
    .topbar--small .login:hover,
    .topbar--small .login:focus,
    .topbar--small .login:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: #e0e0e0;
    }
    
    .topbar--small .login:active {
      background-image: none;
    }
    
    .topbar--small .topbar__btn-search svg circle {
      stroke: #fff;
    }
    
    .topbar--small .topbar__btn-search svg path {
      fill: #fff;
    }
    
    .topbar--large {
      padding-bottom: 210px;
      overflow: hidden;
      color: #fff;
      background: radial-gradient(at 25% 40%,
          #1d3675 0,
          #182d61 50%,
          #13234c 110%);
    }
    
    @media (min-width: 1024px) {
      .topbar--large {
        margin-bottom: calc(16px * 1.5 * 2)
      }
    }
    
    .topbar--large.topbar_image {
      background: url(/hc/theming_assets/01JRZS10Q134AWY3GVYEZSXTPE) no-repeat center;
      background-size: cover;
      position: relative;
      z-index: 2;
    }
    
    .topbar--large.topbar_image:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(14, 26, 56, 1);
      opacity: 100;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
    }
    
    .topbar--large .login {
      color: #fff;
      background-color: transparent;
      border-color: #fff;
    }
    
    .topbar--large .login:hover,
    .topbar--large .login:focus,
    .topbar--large .login:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: #e0e0e0;
    }
    
    .topbar--large .login:active {
      background-image: none;
    }
    
    .topbar--large .topbar__link {
      color: #fff;
    }
    
    .topbar--large .topbar__link:hover,
    .topbar--large .topbar__link:active,
    .topbar--large .topbar__link:focus {
      color: #e0e0e0;
    }
    
    /* Scroll to Top Button Styles */
    .scroll-to-top-button {
      display: none;
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 38px;
      height: 38px;
      border: 0;
      border-radius: 50%;
      background-color: #fff;
      color: #8852F5;
      font-size: 16px;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14);
      cursor: pointer;
      z-index: 9999;
    }
    
    .scroll-to-top-button.show {
      display: block;
    }
    
    .scroll-to-top {
      position: fixed;
      right: 30px;
      bottom: -50px;
      z-index: 3;
      width: 50px;
      height: 50px;
      font-size: 32px !important;
      line-height: 45px !important;
      text-align: center;
      border: 1px solid rgba(14, 26, 56, 1);
      border-radius: 10px;
      -webkit-transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .scroll-to-top:focus,
    .scroll-to-top:active {
      outline: 0;
    }
    
    .scroll-to-top.is-active {
      bottom: 30px;
    }
    
    .scroll-to-top:hover {
      color: #050556;
      border-color: #050556;
    }
    
    @media (max-width: 1023px) {
      .scroll-to-top {
        display: none
      }
    }
    
    .cd-top {
      display: inline-block;
      height: 40px;
      width: 40px;
      position: fixed;
      bottom: 40px;
      right: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      /* image replacement properties */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: #6F35E8 url('$assets-cd-top-arrow-svg') no-repeat center 50%;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity .3s 0s, visibility 0s .3s;
      -moz-transition: opacity .3s 0s, visibility 0s .3s;
      transition: opacity .3s 0s, visibility 0s .3s;
    }
    
    .cd-top.cd-is-visible,
    .cd-top.cd-fade-out,
    .no-touch .cd-top:hover {
      -webkit-transition: opacity .3s 0s, visibility 0s 0s;
      -moz-transition: opacity .3s 0s, visibility 0s 0s;
      transition: opacity .3s 0s, visibility 0s 0s;
    }
    
    .cd-top.cd-is-visible {
      /* the button becomes visible */
      visibility: visible;
      opacity: 1;
    }
    
    .cd-top.cd-fade-out {
      /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
      opacity: .5;
    }
    
    .no-touch .cd-top:hover {
      background-color: #6F35E8;
      opacity: 1;
    }
    
    @media only screen and (min-width: 1024px) {
      .cd-top {
        right: 55px;
        bottom: 60px;
      }
    }
    
    @media only screen and (min-width: 1024px) {
      .cd-top {
        height: 30px;
        width: 30px;
        right: 55px;
        bottom: 60px;
      }
    }
    
    /* Embeds responsive */
    .embed,
    .embed-responsive {
      position: relative;
      z-index: 1;
      display: block;
      height: 0;
      padding: 0 0 56.25%;
      margin-bottom: 30px;
      overflow: hidden;
    }
    
    .embed img,
    .embed-responsive img {
      width: 100%;
    }
    
    .embed iframe,
    .embed embed,
    .embed object,
    .embed video,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
    .embed:focus,
    .embed-responsive:focus {
      outline: none !important;
    }
    
    /* Modifier class for 16:9 aspect ratio */
    .embed-responsive--16by9 {
      padding-bottom: 56.25%;
    }
    
    /* Modifier class for 4:3 aspect ratio */
    .embed-responsive--4by3 {
      padding-bottom: 75%;
    }
    
    @-ms-viewport {
      width: device-width;
    }
    
    .visible-xs,
    .visible-sm,
    .visible-md,
    .visible-lg {
      display: block !important;
    }
    
    @media (max-width: 1023px) {
      .visible-xs {
        display: block;
      }
    }
    
    @media (min-width: 1024px) and (max-width: 991px) {
      .visible-sm {
        display: block;
      }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
      .visible-md {
        display: block;
      }
    }
    
    @media (min-width: --screen-lg) {
      .visible-lg {
        display: block;
      }
    }
    
    @media (max-width: 1023px) {
      .hidden-xs {
        display: none !important;
      }
    }
    
    @media (min-width: 1024px) and (max-width: 991px) {
      .hidden-sm {
        display: none !important;
      }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
      .hidden-md {
        display: none !important;
      }
    }
    
    @media (min-width: 1200px) {
      .hidden-lg {
        display: none !important;
      }
    }
    
    .visible-print {
      display: none !important;
    }
    
    @media print {
      .visible-print {
        display: block;
      }
    }
    
    .visible-print-block {
      display: none !important;
    }
    
    @media print {
      .visible-print-block {
        display: block !important
      }
    }
    
    .visible-print-inline {
      display: none !important;
    }
    
    @media print {
      .visible-print-inline {
        display: inline !important
      }
    }
    
    .visible-print-inline-block {
      display: none !important;
    }
    
    @media print {
      .visible-print-inline-block {
        display: inline-block !important
      }
    }
    
    @media print {
      .hidden-print {
        display: none !important;
      }
    }
    
    .page-header {
      margin-top: calc(16px * 2);
      margin-bottom: calc(16px * 2);
    }
    
    .page-header--with-border {
      border-bottom: 1px solid #F4F4F5;
    }
    
    .page-header--center {
      text-align: center;
    }
    
    .page-description {
      color: #70707A;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    
    .recent-articles h3 {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .related-articles h3 {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    @media (min-width: 1024px) {
      .recent-articles h3 {
        margin-top: calc(16px * 1.5 / 2)
      }
    
      .related-articles h3 {
        margin-top: calc(16px * 1.5 / 2)
      }
    }
    
    .recent-articles ul,
    .related-articles ul {
      padding-left: 0;
      list-style: none;
    }
    
    .recent-articles ul>li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .related-articles ul>li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .recent-articles ul>li a {
      padding-bottom: 1px;
      color: rgba(72, 71, 74, 1);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .related-articles ul>li a {
      padding-bottom: 1px;
      color: rgba(72, 71, 74, 1);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .recent-articles h3 {
      font-size: calc(16px * 1.25);
    }
    
    .section-articles {
      margin-bottom: calc(16px * 1.5 * 2);
    }
  
      .section-articles,
    .toc {
      margin-bottom: calc(16px * 1.5)
    }
  
    .toc ul {
      margin-bottom: 0;
      padding: 0;
      list-style: none; 
    }
  
    .toc li ul {
        padding-left: 1em;
      border-left: 4px solid #F4F4F5;
    }
  
    .toc ul li a {
      display: block;
      padding: 10px 0;
      border-bottom: 1px solid #F4F4F5;
    }
  
  .toc li a:active {
    text-decoration: underline;
  }
  
  .toc li:has(>a:empty) {
      display: none;
  }
    
    @media (min-width: 1024px) {
      .section-articles {
        margin-bottom: calc(16px * 1.5)
      }
    }
    
    .section-articles__title,
      .toc h3 {
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 1.25);
      font-weight: 600;
    }
    
    .section-articles__list {
      padding-left: 0;
      list-style: none;
    }
    
    .section-articles__item {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .section-articles__link {
      position: relative;
      padding-bottom: 1px;
      padding-left: 20px;
    }
    
    .section-articles__link:before {
      position: absolute;
      top: 5px;
      left: 0;
      width: 0;
      height: 0;
      content: "";
      border-color: transparent transparent transparent rgba(79, 131, 239, 1);
      border-style: solid;
      border-width: 5px 0 5px 6px;
    }
    
    .new-features-blocks-container {
      margin-bottom: 80px;
    }
    
    .new-features-blocks {
      display: flex;
      flex-direction: column;
      gap: 24px;
      justify-content: center;
      margin-bottom: 24px;
    }
    
    @media (min-width: 768px) {
      .new-features-blocks {
        flex-direction: row;
      }
    }
    
    .new-features-blocks .new-feature {
      display: flex;
      flex-direction: column;
      flex: 1;
      padding: 16px 24px 24px;
      border: 1px solid #D1D1D6;
      border-radius: 17px;
    }
    
    @media (min-width: 1024px) {
      .new-features-blocks .new-feature {
        max-width: 497px;
      }
    }
    
    .new-features-blocks a {
      color: #6F35E8;
    }
    
    .new-features-blocks h4 {
      margin-bottom: 8px;
      font-size: 18px;
      line-height: 22px;
    }
    
    .new-features-blocks .feature-tags {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 24px;
    }
    
    .new-features-blocks .feature-tags .ws-tag {
      padding: 2px 4px;
      border-radius: 4px;
      background-color: #F4F4F5;
      color: #3F3F46;
      font-family: "Open Sans";
      font-size: 10px;
      font-weight: 700;
      line-height: 14px;
      text-transform: uppercase;
    }
    
    .new-features-blocks .new-features__description {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
      font-size: 14px;
    }
    
    .new-features-blocks .new-features__description ul {
      margin: 0;
      padding-left: 24px;
    }
    
    .new-features-blocks .new-features__description li a {
      color: #51525C;
    }
    
    .new-features-blocks .new-features__description li a:hover {
      color: #6F35E8;
      text-decoration: underline;
    }
    
    .new-features-blocks .new-features__description p {
      margin-top: 17px;
      margin-bottom: 0;
    }
    
    .new-features-blocks .new-features__description .button {
      display: inline-block;
      margin-top: 17px;
      padding: 8px 24px;
      border-radius: 5px;
      background-color: #F3E8FF;
      color: #5A21D0;
      font-size: 16px;
      line-height: 20px;
    }
    
    .new-features-blocks-container .main-button {
      display: inline-block;
      padding: 8px 10px;
      border-radius: 5px;
      background: #5A21D0;
      color: #FFF;
    }
  
   .main-button-container {
     margin-bottom: 32px;
   }
    
    .new-features-blocks-container.whats-new {
      margin-bottom: 100px;
    }
    
    .new-features-blocks-container.whats-new .new-feature {
      max-width: 360px;
    }
  
    @media (max-width: 767px) {
      .new-features-blocks-container.whats-new .new-feature {
        max-width: 100%;
      }
    }
    
    .new-features-blocks-container.whats-new .new-feature p {
      margin-bottom: 24px;
      color: #18181B;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    
    .new-features-blocks-container.whats-new .new-feature ul {
      margin-bottom: 24px;
    }
    
    .new-features-blocks-container.whats-new .new-feature ul li {
      margin-bottom: 8px;
      color: #51525C;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
    
    .new-features-blocks-container.whats-new .new-feature ul li .feature-tags {
      margin: 4px 0 12px;
    }
    
    .new-features-blocks-container.whats-new .new-feature h3 {
      color: #18181B;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    
    .new-features-blocks-container.whats-new .new-feature h4 {
      margin-bottom: 8px;
      color: #51525C;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
    }
    
    .new-features-blocks-container.whats-new a:not(.button):hover {
      text-decoration: underline;
    }
    
    .whats-new-past-releases {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .whats-new-past-releases {
      margin-right: 16px;
      color: #18181B;
      font-size: 18px;
      font-style: normal;
      line-height: normal;
    }
    
    .whats-new-past-releases span {
      margin-right: 16px;
      font-weight: 700;
    }
    
    .whats-new-past-releases ul {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
    .whats-new-past-releases ul>li:not(:last-child):after {
      padding: 0 16px;
      content: "|";
    }
    
    .whats-new-past-releases ul>li>a {
      color: #18181B;
      font-weight: 500;
    }
    
    .whats-new-past-releases ul>li>a:hover {
      color: #6F35E8;
      text-decoration: underline;
    }
  
      @media (max-width: 640px) {
      .whats-new-past-releases {
        flex-direction: column;
        margin: 0;
      }
      .whats-new-past-releases span {
        margin: 0 0 16px;
      }
      .whats-new-past-releases ul {
        flex-wrap: wrap;
          justify-content: center;
      }
  }
    
    .community-recent-activity {
      padding: 90px 0;
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .community-recent-activity h2 {
      font-size: calc(16px * 1.75);
      font-weight: 400;
      text-align: center;
    }
    
    @media (min-width: 1024px) {
      .community-recent-activity h2 {
        margin-bottom: 74px
      }
    }
    
    .community-recent-activity .recent-activity-header {
      display: none;
    }
    
    .community-recent-activity .recent-activity-list {
      padding-left: 0;
      margin-bottom: calc(16px * 1.5);
      list-style: none;
    }
    
    @media (min-width: 1024px) {
      .community-recent-activity .recent-activity-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 16px
      }
    }
    
    .community-recent-activity .recent-activity-item {
      width: 100%;
      padding: 20px 20px 15px;
      margin-bottom: calc(16px * 1.5);
      border-radius: 8px;
      -webkit-box-shadow: 0 0 20px 5px rgba(27, 11, 59, 0.10);
      box-shadow: 0 0 20px 5px rgba(27, 11, 59, 0.10);
    }
    
    @media (min-width: 1024px) {
      .community-recent-activity .recent-activity-item {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 30px;
        vertical-align: top
      }
    
      .community-recent-activity .recent-activity-item:last-child {
        margin-right: 0;
      }
    }
    
    .community-recent-activity .recent-activity-item-meta {
      font-size: calc(16px * 0.85);
      color: #70707A;
    }
    
    .community-recent-activity .recent-activity-item-comment span:before {
      display: inline-block;
      margin-right: calc(12px / 4);
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      content: "\f0e5";
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .community-recent-activity .recent-activity-item-parent {
      display: none;
      font-weight: 600;
      color: rgba(72, 71, 74, 1);
    }
    
    .community-recent-activity .recent-activity-controls a {
      display: inline-block;
      padding: 6px calc(12px + 12px / 2);
      margin-bottom: 0;
      font-size: calc(16px - 5);
      font-weight: 700;
      line-height: undefined;
      color: #fff;
      text-align: center;
      text-transform: none;
      white-space: nowrap;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: transparent;
      border: none;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
    }
    
    .community-recent-activity .recent-activity-controls a:focus,
    .community-recent-activity .recent-activity-controls a:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    
    .community-recent-activity .recent-activity-controls a:hover,
    .community-recent-activity .recent-activity-controls a:focus {
      color: #fff;
      text-decoration: none;
    }
    
    .community-recent-activity .recent-activity-controls a:active {
      outline: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }
    
    .community-recent-activity .recent-activity-controls a:hover,
    .community-recent-activity .recent-activity-controls a:focus,
    .community-recent-activity .recent-activity-controls a:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: transparent;
    }
    
    .community-recent-activity .recent-activity-controls a:active {
      background-image: none;
    }
    
    .recent-activity-item-link {
      display: block;
      margin-bottom: 7px;
      font-size: 18px;
    }
    
    .recent-activity-no-activities {
      margin-bottom: calc(16px * 1.5);
    }
    
    /* User Profiles */
    .profile-header {
      padding: calc(16px * 1.5) 15px;
      margin-bottom: calc(16px * 1.5);
      color: #fff;
      text-align: center;
      background-color: rgba(14, 26, 56, 1);
      border-radius: 10px;
    }
    
    .profile-header__avatar {
      display: inline-block;
    }
    
    .profile-header__name {
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 1.5);
    }
    
    .profile-header__name a {
      color: #fff;
    }
    
    @media (min-width: 1024px) {
      .profile-header__name {
        font-size: calc(16px * 1.75);
        font-weight: 300
      }
    }
    
    .profile-header__options [data-action="edit-profile"] {
      color: rgba(14, 26, 56, 1);
      background-color: transparent;
      border: 1px solid rgba(14, 26, 56, 1);
    }
    
    .profile-header__options [data-action="edit-profile"]:hover,
    .profile-header__options [data-action="edit-profile"]:focus,
    .profile-header__options [data-action="edit-profile"]:active {
      color: #020307;
      background-color: transparent;
      border-color: #020307;
    }
    
    .profile-header__options [data-action="edit-profile"]:active {
      background-image: none;
    }
    
    .profile-header__options [data-action="edit-profile"]:hover {
      opacity: 0.8;
    }
    
    .profile-header__private-badge {
      display: inline-block;
      margin-bottom: calc(16px * 1.5);
      background-color: rgba(14, 26, 56, 1);
    }
    
    .profile-header__description {
      word-break: break-all;
    }
    
    /* Profile Stats */
    .profile-stats {
      padding-left: 0;
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 0.85);
      color: #70707A;
      list-style: none;
    }
    
    .profile-stats__stat {
      margin-right: 12px;
      margin-bottom: calc(16px * 1.5 / 4);
    }
    
    @media (max-width: 1023px) {
      .profile-stats__stat {
        display: block
      }
    
      .profile-stats__stat:before {
        display: none;
      }
    }
    
    .profile-stats__label {
      margin-right: calc(12px / 2);
    }
    
    .profile-stats__value {
      color: #fff;
    }
    
    /* Profile Nav */
    .profile-nav {
      margin-bottom: calc(16px * 1.5);
      overflow: hidden;
      font-size: calc(calc(16px * 0.85));
      font-weight: 600;
      background-color: #F4F4F5;
      border-radius: 10px;
    }
    
    .profile-nav__items {
      padding-left: 0;
      margin: 0;
      list-style: none;
    }
    
    .profile-nav__item {
      margin-bottom: 0;
    }
    
    @media (min-width: 1024px) {
      .profile-nav__item {
        display: inline-block;
        vertical-align: middle
      }
    }
    
    .profile-nav__item a {
      display: block;
      color: rgba(72, 71, 74, 1);
    }
    
    .profile-nav__item.is-active {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
    }
    
    .profile-nav__item.is-active {
      padding: calc(16px * 1.5 / 1.5) 12px;
      line-height: 1;
    }
    
    .profile-nav__item a {
      padding: calc(16px * 1.5 / 1.5) 12px;
      line-height: 1;
    }
    
    .profile-nav__item:after {
      right: 12px !important;
    }
    
    /* Profile Section */
    .profile-section {
      width: 100%;
    }
    
    .profile-section__header {
      margin-bottom: calc(16px * 1.5);
    }
    
    .profile-section__title {
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 1.5);
    }
    
    .profile-section__description {
      font-size: calc(16px * 0.85);
      color: #70707A;
    }
    
    @media (min-width: 1024px) {
      .profile-section__description {
        padding-bottom: 0
      }
    }
    
    /* Profile Section Sorter */
    .profile-section-sorter {
      font-size: calc(16px * 0.85);
    }
    
    .profile-section-sorter .dropdown {
      display: inline-block;
    }
    
    @media (min-width: 1024px) {
      .profile-section-sorter {
        display: table;
        width: 100%
      }
    }
    
    @media (min-width: 1024px) {
      .profile-section-sorter {
        padding-top: 0;
        border-top: 0
      }
    }
    
    @media (min-width: 1024px) {
      .profile-section-sorter__col {
        display: table-cell;
        vertical-align: middle
      }
    }
    
    @media (max-width: 1023px) {
      .profile-section-sorter__col--main {
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    @media (min-width: 1024px) {
      .profile-section-sorter__col--main {
        padding-right: calc(12px)
      }
    }
    
    @media (min-width: 1024px) {
      .profile-section-sorter__col--btn {
        text-align: right
      }
    }
    
    /* Profile Contribution */
    .profile-contribution {
      position: relative;
      padding: calc(16px * 1.5 / 2) 15px;
      word-wrap: break-word;
      background-color: #fcfcfc;
      border-radius: 10px;
    }
    
    .profile-contribution__header {
      margin-bottom: calc(16px * 1.5 / 4);
    }
    
    .profile-contribution__status {
      margin-bottom: calc(16px * 1.5 / 4);
    }
    
    .profile-contribution__title {
      margin-bottom: calc(16px * 1.5 / 4);
      font-size: 16px;
      font-weight: 600;
    }
    
    .profile-contribution__body {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .profile-contribution--list .profile-contribution__title:before {
      display: inline-block;
      margin-right: 2px;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .profile-contribution__breadcrumbs {
      padding: 0;
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 0.85);
    }
    
    .profile__no-activity {
      color: #70707A;
      text-align: center;
    }
    
    .profile__private-activity {
      color: #70707A;
      text-align: center;
    }
    
    /* Profile Activity */
    .profile-activity-list {
      padding-left: 0;
      list-style: none;
    }
    
    .profile-activity {
      position: relative;
      margin-bottom: calc(16px * 1.5 * 1.5);
    }
    
    .profile-activity__header {
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 0.85);
      font-weight: 600;
    }
    
    .profile-activity__header:before {
      display: inline-block;
      margin-right: 2px;
      font-family: "FontAwesome";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .profile-activity__avatar {
      width: 30px;
      height: 30px;
      margin-right: calc(12px / 2);
    }
    
    .profile-activity-list--articles .profile-contribution__title:before,
    .profile-activity[class$="-article"] .profile-activity__header:before {
      content: "\f0f6";
    }
    
    .profile-activity-list--posts .profile-contribution__title:before,
    .profile-activity[class$="-post"] .profile-activity__header:before {
      content: "\f0e6";
    }
    
    .profile-activity-list--comments .profile-contribution__title:before,
    .profile-activity[class$="-comment"] .profile-activity__header:before {
      content: "\f0e5";
    }
    
    .user-subscribe {
      display: inline-block;
    }
    
    .entry-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: calc(16px * 0.85);
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .entry-info__avatar {
      padding-right: 12px;
    }
    
    .status-label {
      padding: 2px calc(12px / 2);
      font-size: 12px;
      color: #fff;
      border-radius: 10px;
    }
    
    .status-label--pending {
      background-color: #fad782;
    }
    
    .status-label--with-ticket {
      background-color: rgba(14, 26, 56, 1);
    }
    
    .status-label--with-ticket:hover,
    .status-label--with-ticket:focus,
    .status-label--with-ticket:active {
      color: #fff;
    }
    
    .status-label--solved,
    .status-label--closed {
      background-color: #504d7f;
    }
    
    .status-label--new,
    .status-label--open {
      background-color: #ff5252;
    }
    
    .status-label--answered {
      background-color: #fad782;
    }
    
    .status-label--official {
      background-color: rgba(14, 26, 56, 1);
    }
    
    .status-label--completed,
    .status-label--answered {
      background-color: #504d7f;
    }
    
    .status-label--planned {
      background-color: rgba(79, 131, 239, 1);
    }
    
    .status-label--not-planned {
      color: rgba(72, 71, 74, 1);
      background-color: #F4F4F5;
    }
    
    .attachment-list {
      padding-left: 0;
      margin: 0;
      font-size: calc(16px * 0.85);
      list-style: none;
    }
    
    .attachment-list__item {
      position: relative;
      padding-left: calc(12px + 12px / 2);
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .attachment-list__item:last-child {
      margin-bottom: 0;
    }
    
    .attachment-list__icon {
      position: absolute;
      top: 4px;
      left: 0;
    }
    
    @media (min-width: 1024px) {
      .promoted-articles {
        margin-right: -15px;
        margin-left: -15px
      }
    }
    
    .promoted-articles__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 0;
      margin-right: 0;
      margin-left: 0;
      list-style: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
    }
    
    @media (min-width: 1024px) {
      .promoted-articles__list {
        margin-right: -15px;
        margin-bottom: 66px;
        margin-left: -15px
      }
    }
    
    .promoted-articles-item .fa-star {
      margin-right: 6px;
      color: rgba(79, 131, 239, 1);
    }
    
    .promoted-articles-item__content {
      display: inline-block;
      vertical-align: top;
    }
    
    .promoted-articles__title {
      font-size: calc(16px * 1.75);
      font-weight: 400;
      text-align: center;
    }
    
    @media (min-width: 1024px) {
      .promoted-articles__title {
        margin-bottom: 76px
      }
    }
    
    .promoted-articles-item__title {
      display: block;
      max-width: 360px;
      margin-bottom: calc(16px * 1.5 / 4);
      font-size: 18px;
    }
    
    .callout {
      padding: calc(16px * 1.5) 20px;
      margin-bottom: calc(16px * 1.5);
      background-color: #F4F4F5;
      border-left: 5px solid;
    }
    
    .callout p:last-child {
      margin-bottom: 0;
    }
    
    .callout--transparent {
      background-color: transparent;
      border: 1px #E4E4E7;
      -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
      box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
    }
    
    .callout--success {
      color: rgba(72, 71, 74, 1);
      background-color: #e6e6f0;
      border-color: #504d7f;
    }
    
    .callout--success .callout__title {
      color: #504d7f;
    }
    
    .callout--info {
      color: rgba(72, 71, 74, 1);
      background-color: #e3f4f9;
      border-color: #5bc0de;
    }
    
    .callout--info .callout__title {
      color: #5bc0de;
    }
    
    .callout--warning {
      color: rgba(72, 71, 74, 1);
      background-color: #fef8e9;
      border-color: #fad782;
    }
    
    .callout--warning .callout__title {
      color: #fad782;
    }
    
    .callout--danger {
      color: rgba(72, 71, 74, 1);
      background-color: #ffebeb;
      border-color: #ff5252;
    }
    
    .callout--danger .callout__title {
      color: #ff5252;
    }
    
    .callout--primary {
      color: rgba(72, 71, 74, 1);
      background-color: #7391dc;
      border-color: rgba(14, 26, 56, 1);
    }
    
    .callout--primary .callout__title {
      color: rgba(14, 26, 56, 1);
    }
    
    .callout--dashed {
      border-style: dashed;
      border-width: 1px;
    }
    
    .image-with-border {
      padding: calc(12px - 2px);
      border: 1px solid #f1f1f2;
      border-radius: 10px;
    }
    
    .image-with-shadow {
      -webkit-box-shadow: 0 5px 15px 2px #51525C;
      box-shadow: 0 5px 15px 2px #51525C;
    }
    
    .image-with-lightbox {
      cursor: pointer;
    }
    
    .image-overlay {
      position: relative;
    }
    
    .image-overlay:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      background-color: rgba(255, 255, 255, 0.3);
    }
    
    .image-with-video-icon {
      position: relative;
      display: block;
    }
    
    .image-with-video-icon img {
      width: 100%;
    }
    
    .image-with-video-icon:before {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 3;
      width: 0;
      height: 0;
      font-size: 0;
      content: "";
      border-color: transparent transparent transparent #fff;
      border-style: solid;
      border-width: 30px 0 30px 60px;
      -webkit-transition: -webkit-transform 0.6s ease;
      transition: -webkit-transform 0.6s ease;
      transition: transform 0.6s ease;
      transition: transform 0.6s ease, -webkit-transform 0.6s ease;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    
    .image-with-video-icon:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      content: "";
      background-color: rgba(0, 0, 0, 0.3);
    }
    
    .image-with-video-icon:active:before,
    .image-with-video-icon:hover:before {
      -webkit-transform: translate(-50%, -50%) scale(1.1);
      transform: translate(-50%, -50%) scale(1.1);
    }
    
    .list-colored,
    .list-bullet {
      padding-left: 0 !important;
      list-style-type: none;
      counter-reset: list;
    }
    
    .list-colored li {
      position: relative;
      padding-left: calc(12px + 30px);
      margin-bottom: calc(16px * 1.5 / 1.5) !important;
      counter-increment: list;
    }
    
    .list-colored li:before {
      position: absolute;
      top: -3px;
      left: 0;
      z-index: 1;
      width: 30px;
      height: 30px;
      font-size: calc(16px * 0.85);
      line-height: 30px;
      color: #fff;
      text-align: center;
      content: counter(list);
      background-color: rgba(14, 26, 56, 1);
      border-radius: 50%;
    }
    
    .list-colored ol {
      margin-bottom: 14px;
      list-style-type: none;
      counter-reset: list;
    }
    
    .list-bullet li {
      position: relative;
      padding-left: 30px;
      margin-bottom: 10px;
    }
    
    .list-bullet li:before {
      position: absolute;
      top: -2px;
      left: 0;
      font-family: "FontAwesome";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      color: rgba(14, 26, 56, 1);
      content: "\f046";
    }
    
    .list-bullet ul {
      margin-bottom: 14px;
      list-style: none;
    }
    
    .text-left {
      text-align: left;
    }
    
    .text-center {
      text-align: center;
    }
    
    .text-right {
      text-align: right;
    }
    
    .text-primary {
      background-color: $text_primary;
    }
    
    .text-info {
      background-color: $text_info;
    }
    
    .text-warning {
      background-color: $text_warning;
    }
    
    .text-danger {
      background-color: $text_danger;
    }
    
    .text-success {
      background-color: $text_success;
    }
    
    .accordion {
      padding-top: 0;
      margin-bottom: calc(16px * 1.5);
      border: 1px solid #E4E4E7;
      border-radius: 10px;
    }
    
    .accordion__item-title {
      position: relative;
      padding: 15px 20px 15px 52px;
      font-size: calc(16px * 1.25);
      cursor: pointer;
    }
    
    .accordion__item-title:not(.accordion__item-title--active) {
      border-bottom: 1px solid #E4E4E7;
    }
    
    .accordion__item-title:before {
      position: absolute;
      content: "";
    }
    
    .accordion__item-content {
      display: none;
      padding: 20px;
      border-bottom: 1px solid #E4E4E7;
    }
    
    .accordion__item-content p:last-child {
      margin-bottom: 0;
    }
    
    .accordion__item:last-child .accordion__item-title {
      border-bottom: none;
    }
    
    .accordion--default .accordion__item-title:before {
      top: 50%;
      left: 22px;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-bottom: 2px solid rgba(14, 26, 56, 1);
      border-left: 2px solid rgba(14, 26, 56, 1);
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    
    .accordion--default .accordion__item-title--active {
      background-color: #F4F4F5;
    }
    
    .accordion--default .accordion__item-title--active:before {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    
    .accordion--colored .accordion__item-title {
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }
    
    .accordion--colored .accordion__item-title:before,
    .accordion--colored .accordion__item-title:after {
      top: 50%;
    }
    
    .accordion--colored .accordion__item-title:before {
      left: 20px;
      width: 10px;
      height: 2px;
      margin-top: -1px;
      background-color: #A0A0AA;
    }
    
    .accordion--colored .accordion__item-title:after {
      position: absolute;
      left: 24px;
      width: 2px;
      height: 10px;
      margin-top: -5px;
      content: "";
      background-color: #A0A0AA;
    }
    
    .accordion--colored .accordion__item-title--active {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }
    
    .accordion--colored .accordion__item-title--active:before {
      background-color: #fff;
    }
    
    .accordion--colored .accordion__item-title--active:after {
      display: none;
    }
    
    .tabs {
      margin-bottom: calc(16px * 1.5);
    }
    
    .tab {
      display: block;
      padding: 30px;
      margin-top: -1px;
      border: 1px solid #E4E4E7;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
    }
    
    .tab p:last-child {
      margin-bottom: 0;
    }
    
    @media (min-width: 1024px) {
      .tab {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
      }
    }
    
    .tab:nth-child(2) {
      border-top-left-radius: 0;
    }
    
    .tabs-link {
      display: block;
      padding: 8px 30px;
      margin: 0;
      font-weight: 600;
      color: rgba(72, 71, 74, 1);
      cursor: pointer;
      border: 1px solid transparent;
      border-bottom-width: 0;
    }
    
    .tabs-link:hover {
      color: rgba(14, 26, 56, 1);
    }
    
    @media (max-width: 1023px) {
      .tabs-link {
        border-top-color: #E4E4E7;
        border-right-color: #E4E4E7;
        border-left-color: #E4E4E7
      }
    
      .tabs-link:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
    }
    
    @media (min-width: 1024px) {
      .tabs-link {
        display: inline-block
      }
    }
    
    .tabs-link.is-active {
      color: rgba(14, 26, 56, 1);
      cursor: pointer;
      border-color: #E4E4E7;
    }
    
    .tabs-link.is-active:hover {
      color: rgba(14, 26, 56, 1);
      cursor: default;
    }
    
    @media (min-width: 1024px) {
      .tabs-link.is-active {
        border-bottom: 1px solid #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
      }
    }
    
    .tabs--colored-1 .tab {
      background-color: #FAFAFA !important;
    }
    
    .tabs--colored-1 .tabs-link.is-active {
      background-color: #FAFAFA;
      border-bottom-color: #FAFAFA;
    }
    
    .tabs--colored-2 .tabs-link:hover {
      color: rgba(14, 26, 56, 1);
    }
    
    .tabs--colored-2 .tabs-link.is-active {
      color: #fff;
      background-color: rgba(14, 26, 56, 1);
      border-color: rgba(14, 26, 56, 1);
    }
    
    .tabs--colored-2 .tabs-link.is-active:hover {
      color: #fff;
    }
    
    .tabs--colored-2 .tab {
      background-color: #FAFAFA !important;
    }
    
    .waves {
      overflow: hidden;
    }
    
    .waves--footer {
      position: absolute;
      top: -98px;
      left: 0;
      width: 100%;
    }
    
    .waves--footer svg {
      width: 100%;
      min-width: 1900px;
    }
    
    .waves--large {
      position: absolute;
      bottom: -61px;
      left: 0;
      z-index: 1;
      width: 100%;
    }
    
    .waves--large svg {
      width: 100%;
      min-width: 500px;
      min-height: 363px;
    }
    
    @media (min-width: 480px) {
      .waves--large svg {
        min-width: 700px
      }
    }
    
    @media (min-width: 992px) {
      .waves--large svg {
        min-width: 1300px
      }
    }
    
    @media (min-width: 1200px) {
      .waves--large svg {
        min-width: 1900px
      }
    }
    
    .waves--small {
      position: relative;
      margin-top: -1px;
      margin-bottom: calc(16px * 1.5);
      color: rgba(14, 26, 56, 1);
    }
    
    .waves--small svg {
      width: 100%;
      min-width: 1900px;
      height: 47px;
    }
    
    .waves--small svg path {
      fill: url(#ws-wave-gradient) #8852F5;
    }
    
    .waves__wave {
      fill: #fff;
    }
    
    .waves__wave-left.wave-bottom,
    .waves__wave-right.wave-bottom {
      opacity: 0.4;
    }
    
    .waves__wave-left.waves__wave-top,
    .waves__wave-right.waves__wave-top {
      opacity: 0.3;
    }
    
    .waves__wave--footer-primary {
      fill: url(#ws-wave-gradient-footer) #8852F5;
    }
    
    .waves__wave-footer-with-opacity {
      fill: url(#ws-wave-gradient-footer) #8852F5;
    }
    
    /* Community */
    .community-nav__item {
      float: left;
    }
    
    .community-nav__item+.community-nav__item {
      margin-left: 12px;
    }
    
    .community-nav__item.is-active {
      font-weight: 600;
    }
    
    .community-nav__item--button {
      float: right;
    }
    
    .vote {
      width: 100%;
      max-width: 60px;
    }
    
    .vote [aria-selected="true"] {
      z-index: 2;
    }
    
    .vote-sum {
      display: block;
      padding-top: calc(16px * 1.5 / 4);
      padding-bottom: calc(16px * 1.5 / 4);
      font-weight: 600;
      text-align: center;
    }
    
    .vote-control {
      position: relative;
      z-index: 1;
      display: block !important;
      padding: calc(16px * 1.5 / 6) 0 !important;
      font-size: 16px !important;
      line-height: 1.5 !important;
      color: rgba(72, 71, 74, 1);
      background-color: transparent;
      border: 1px solid rgba(14, 26, 56, 1);
    }
    
    .vote-control:hover,
    .vote-control:active,
    .vote-control:focus,
    .vote-control--voted {
      z-index: 2;
      background-color: rgba(14, 26, 56, 1);
    }
    
    .vote-control:hover:before,
    .vote-control:active:before,
    .vote-control:focus:before,
    .vote-control--voted:before {
      color: #fff;
    }
    
    .vote-control--active {
      border-color: #3F3F46;
    }
    
    @media (min-width: 1024px) {
      .topic-list-page {
        margin-bottom: calc(16px * 1.5)
      }
    }
    
    .topic-list-item:nth-child(2n + 1) {
      clear: left;
    }
    
    .topic-list-item__box {
      padding: calc(16px * 1.5) 12px;
      margin-bottom: calc(16px * 1.5);
      border: 1px solid #F4F4F5;
      border-radius: 10px;
    }
    
    .topic-list-item__title {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .topic-page {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .topic {
      display: table;
      width: 100%;
      padding-bottom: calc(16px * 1.5 / 2);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    .topic__col {
      display: table-cell;
      vertical-align: inherit;
    }
    
    @media (min-width: 480px) {
      .topic__col {
        vertical-align: top
      }
    }
    
    .topic__col--new-post {
      text-align: right;
    }
    
    .topic__title {
      width: 100%;
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 1.75);
    }
    
    .topic-filters__item {
      float: left;
      margin-right: calc(12px / 2);
    }
    
    @media (max-width: 1023px) {
      .topic-filters__item {
        margin-bottom: calc(16px * 1.5 / 2)
      }
    }
    
    .topic-controls {
      margin-bottom: calc(16px * 1.5 * 2);
    }
    
    .topic-controls__item {
      float: left;
    }
    
    .topic-followers {
      margin-right: calc(12px / 2);
    }
    
    @media (min-width: 1024px) {
      .topic-controls__item--subscribe {
        float: right;
        white-space: nowrap
      }
    }
    
    .topic-controls__item--subscribe .dropdown {
      display: inline-block;
      vertical-align: middle;
    }
    
    .topic-controls__item--subscribe .dropdown-menu {
      right: 0;
      left: initial;
    }
    
    .topic-controls__item--subscribe .dropdown-toggle,
    .topic-controls__item--subscribe .topic-unsubscribe {
      color: #fff;
      background-color: transparent;
      border-color: transparent;
    }
    
    .topic-controls__item--subscribe .dropdown-toggle:hover,
    .topic-controls__item--subscribe .dropdown-toggle:focus,
    .topic-controls__item--subscribe .dropdown-toggle:active,
    .topic-controls__item--subscribe .topic-unsubscribe:hover,
    .topic-controls__item--subscribe .topic-unsubscribe:focus,
    .topic-controls__item--subscribe .topic-unsubscribe:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: transparent;
    }
    
    .topic-controls__item--subscribe .dropdown-toggle:active,
    .topic-controls__item--subscribe .topic-unsubscribe:active {
      background-image: none;
    }
    
    @media (min-width: 1024px) {
      .post-page {
        margin-bottom: calc(16px * 1.5 * 2)
      }
    }
    
    .post {
      position: relative;
      margin-bottom: calc(16px * 1.5);
    }
    
    .post__title {
      padding-right: calc(12px * 1.5);
      font-size: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .post__title {
        font-size: calc(16px * 1.75)
      }
    }
    
    @media (min-width: 992px) {
      .post__title {
        font-size: calc(16px * 2.5)
      }
    }
    
    .post-follow .post-subscribe,
    .post-follow .post-unsubscribe {
      color: #fff;
      background-color: transparent;
      border-color: transparent;
    }
    
    .post-follow .post-subscribe:hover,
    .post-follow .post-subscribe:focus,
    .post-follow .post-subscribe:active,
    .post-follow .post-unsubscribe:hover,
    .post-follow .post-unsubscribe:focus,
    .post-follow .post-unsubscribe:active {
      color: #e0e0e0;
      background-color: transparent;
      border-color: transparent;
    }
    
    .post-follow .post-subscribe:active,
    .post-follow .post-unsubscribe:active {
      background-image: none;
    }
    
    .post-meta {
      display: table;
      width: 100%;
      margin-bottom: calc(16px * 1.5);
    }
    
    .post-meta__col {
      display: table-cell;
      vertical-align: top;
    }
    
    .post-meta__col--main {
      width: 100%;
      padding-right: 12px;
    }
    
    .post__text {
      word-wrap: break-word;
    }
    
    .post__body {
      padding-right: calc(12px + 60px);
    }
    
    .post__body ul {
      list-style: disc;
    }
    
    .post__body ul,
    .post__body ol {
      padding-left: 20px;
    }
    
    .post__body ul ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .post__body ul ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .post__body ol ul {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .post__body ol ol {
      margin-top: calc(16px * 1.5 / 2);
    }
    
    .post__body ul li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .post__body ol li {
      margin-bottom: calc(16px * 1.5 / 2);
    }
    
    .post__voting-and-actions {
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      text-align: center;
    }
    
    .post__voting-and-actions .dropdown-toggle {
      font-size: 0;
    }
    
    .post__voting-and-actions .dropdown-toggle:after {
      margin-left: 0;
      font-size: 16px;
      content: "\f013";
    }
    
    .post__actions .dropdown-menu {
      width: auto;
    }
    
    .post__actions .dropdown-menu [role="menuitem"] {
      white-space: nowrap;
    }
    
    .post-callout {
      padding: calc(16px * 1.5 / 2) 15px;
      margin-bottom: 55px;
      background-color: #F4F4F5;
    }
    
    .post-callout__title {
      font-size: calc(16px * 1.1);
      font-weight: 600;
    }
    
    @media (min-width: 1024px) {
      .post-list-page {
        margin-bottom: calc(16px * 1.5 * 2)
      }
    }
    
    .post-list-item {
      padding-bottom: calc(16px * 1.5);
      margin-bottom: calc(16px * 1.5);
      border-bottom: 1px solid #F4F4F5;
    }
    
    @media (min-width: 1024px) {
      .post-list-item {
        display: table;
        width: 100%
      }
    }
    
    .post-list-item__title {
      margin-bottom: calc(16px * 1.5 / 2);
      font-size: calc(16px * 1.5);
    }
    
    .post-list-item__title .fa-star {
      position: relative;
      top: -4px;
      font-size: 50%;
    }
    
    @media (min-width: 1024px) {
      .post-list-item__col {
        display: table-cell;
        vertical-align: top
      }
    }
    
    @media (min-width: 1024px) {
      .post-list-item__col--main {
        width: 60%
      }
    }
    
    @media (min-width: 1024px) {
      .post-list-item__col--side {
        width: 40%;
        text-align: right
      }
    }
    
    .post-info {
      font-size: 14px;
      color: #70707A;
    }
    
    @media (min-width: 1024px) {
      .post-info {
        float: right;
        min-width: 90px;
        padding: calc(12px / 2) 12px;
        text-align: center;
        background-color: #FAFAFA;
        border-radius: 10px
      }
    }
    
    @media (min-width: 1024px) {
      .post-info__count {
        display: block;
        font-weight: 600;
        color: rgba(72, 71, 74, 1)
      }
    }
    
    .post-info+.post-info {
      margin-right: 12px;
    }
    
    @media (max-width: 1023px) {
      .post-info+.post-info:before {
        margin-right: calc(12px / 2);
        font-size: 10px;
        content: "\2022";
      }
    }
    
    .post-status {
      display: inline-block;
      padding: 1px calc(12px / 2);
      font-size: 12px;
      color: #fff;
      border-radius: 10px;
    }
    
    .post-status--completed,
    .post-status--answered {
      background-color: #504d7f;
    }
    
    .post-status--planned {
      background-color: rgba(79, 131, 239, 1);
    }
    
    .post-status--not-planned {
      color: rgba(72, 71, 74, 1);
      background-color: #F4F4F5;
    }
    
    @media (min-width: 1024px) {
      .new-post-page {
        margin-bottom: calc(16px * 1.5 * 2)
      }
    }
    
    .new-post-title {
      font-size: calc(16px * 1.5);
    }
    
    @media (min-width: 1024px) {
      .new-post-title {
        font-size: calc(16px * 1.75)
      }
    }
    
    @media (min-width: 992px) {
      .new-post-title {
        font-size: calc(16px * 2.5)
      }
    }
    
    .new-post-form {
      margin-bottom: calc(16px * 1.5);
    }
    
    /***** Note *****/
    .callout {
      background-color: #F3E8FF;
      padding: 10px;
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 15px;
      margin-bottom: 15px;
    }
    
    /* WorkSpan theme customization */
    
    /* flex containers */
    .ws-row {
      margin-bottom: 10px;
    }
    
    .ws-row .flex-50 {
      flex: 1 1 100%;
      box-sizing: border-box;
    }
    
    @media (max-width: 600px) {
      .ws-card:first-child {
        border-radius: 10px 10px 0 0;
      }
    
      .ws-card:nth-child(2) {
        border-radius: 0 0 10px 10px;
      }
    }
    
    @media (min-width: 601px) {
      .ws-row {
        display: flex;
        flex-direction: row;
      }
    
      .ws-row .flex-50 {
        max-width: 50%;
      }
    
      .ws-card:first-child {
        border-radius: 10px 0 0 10px;
      }
    
      .ws-card:nth-child(2) {
        border-radius: 0 10px 10px 0;
      }
    
      .ws-card-content {
        min-height: 160px;
      }
    }
    
    /* Card Styles */
    .ws-card {
      font-weight: 400;
      color: #6F35E8;
      border: 1px solid white;
    }
    
    .ws-card-content {
      margin-bottom: 10px;
    }
    
    .ws-card.darker-bg {
      background-color: #E4E4E7;
    }
    
    .ws-card.lighter-bg {
      background-color: #F4F4F5;
    }
    
    /* WS customizations */
    
    .custom-ws-banner {
      width: 100%;
      position: relative;
      margin-bottom: 100px;
      text-align: center;
      padding-top: 80px;
      height: 300px;
    }
    
    .custom-ws-banner * {
      box-sizing: border-box;
    }
    
    .custom-ws-banner .ws-waves {
      position: absolute;
      width: 100%;
      top: 0;
    }
    
    .custom-ws-banner .container {
      position: relative;
      z-index: 1;
    }
    
    .custom-ws-banner .ws-waves svg,
    .custom-ws-banner .ws-waves img {
      width: 100%;
      height: 300px;
    }
    
    .custom-ws-banner p {
      margin-bottom: 24px;
      color: white;
      font-size: 28px;
    }
    
    .search-box--hero-unit input[type="submit"],
    .custom-ws-banner .btn--default,
    .footer-submit-ticket__btn {
      display: inline-block;
      padding: 8px 16px;
      font-size: 20px;
      font-weight: bold;
    }
    
    /* fix for the mobile layout */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    @media (min-width: 1024px) {
      .footer__inner {
        min-height: 200px;
      }
    
      .footer__col,
      .footer__col--social-links {
        vertical-align: bottom;
      }
    }
    
    .topbar .submit-request-btn {
      color: #fff;
      background-color: transparent;
      border-color: #fff;
      margin-right: 20px;
      border: 1px solid currentColor;
      border-radius: 100px;
    }
    
    @media (max-width: 1023px) {
      .submit-request-btn {
        display: block;
        width: 100%;
        margin-bottom: 16px;
      }
    }
    
    .topbar .login {
      color: #fff;
      background-color: #8852F5;
      border: 0;
    }
    
    
    .topbar .login:hover,
    .topbar .login:focus,
    .topbar .login:active {
      color: #fff;
      background-color: #8852F5;
      border: 0;
    }
    
    /* Typography fixes */
    /* h1 treatment */
    h1.article__title {
      font-weight: 600;
      color: #18181B;
      text-decoration: none;
    }
    
    @media (min-width: 1200px) {
      h1.article__title {
        font-size: 28px;
      }
    }
    
    /* h2 treatment */
    .article__body h2 {
      font-weight: 600;
      color: #18181B;
      font-size: 24px;
    }
    
    h3 {
      font-weight: 600;
      color: #18181B;
      font-size: 18px;
    }
    
    h4,
    .article__body ul li strong,
    .article__body ol li strong {
      font-weight: 600;
      color: #18181B;
      font-size: 16px;
    }
    
    /* promoted articles carousel */
    @media (max-width: 1023px) {
      .featured-articles__list.owl-carousel {
        margin-bottom: 0;
      }
    }
    
    @media (min-width: 1024px) {
      .custom-block {
        float: none;
        margin-bottom: 20px;
      }
    }
    
    .featured-articles__list.owl-carousel {
      list-style: none;
      padding: 0 40px;
      margin: 0 0 90px;
    }
    
    .featured-articles__list.owl-carousel .owl-stage-outer {
      z-index: 1;
    }
    
    .featured-articles__list.owl-carousel .owl-nav {
      display: flex;
      justify-content: space-between;
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
    }
    
    .featured-articles__list .owl-item {
      list-style: none;
      padding: 0 8px;
    }
    
    .featured-articles__list.owl-carousel .owl-nav .owl-prev,
    .featured-articles__list.owl-carousel .owl-nav .owl-next {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      text-align: center;
      font-size: 40px;
      background-color: #F3E8FF;
      border-radius: 20px;
      position: relative;
    }
    
    .featured-articles__list.owl-carousel .owl-nav .disabled {
      opacity: 0;
      pointer-events: none;
    }
    
    .owl-prev>span,
    .owl-next>span {
      opacity: 0;
    }
    
    .owl-prev>span,
    .owl-next>span,
    .owl-prev:after,
    .owl-next:after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .owl-prev:after,
    .owl-next:after {
      content: "";
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
    }
    
    .owl-prev:after {
      border-right: 8px solid #5A21D0;
    }
    
    .owl-next:after {
      border-left: 8px solid #5A21D0;
    }
    
    .owl-prev>span :text,
    .owl-next>span :text {
      opacity: 0;
    }
    
    .featured-articles__list.owl-carousel .owl-dots {
      text-align: center;
      height: 10px;
      margin-top: 20px;
    }
    
    .featured-articles__list.owl-carousel .owl-dot {
      margin-right: 4px;
      height: 10px;
      line-height: 10px;
      outline: none;
    }
    
    .featured-articles__list.owl-carousel .owl-dot span {
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 5px;
      background-color: #D1D1D6;
    }
    
    .featured-articles__list.owl-carousel .owl-dot.active span {
      background-color: #5A21D0;
    }
    
    .featured-articles__list .owl-item a {
      padding: 12px 16px;
      color: #fff;
      font-weight: 600;
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: space-between;
    }
    
    .featured-articles__list .owl-item .promoted-articles-item__date {
      text-align: right;
      align-self: flex-end;
    }
    
    .featured-articles__list .owl-item:nth-child(4n+1) .promoted-articles-item {
      background-image: url($assets-network_texture-png),
        linear-gradient(100deg, #6231DE 0%, #7E2FB9 100%);
    }
  
    .featured-articles__list .owl-item:nth-child(4n+2) .promoted-articles-item {
      background-image: url($assets-network_texture-png),
        linear-gradient(100deg, #7430C6 0%, #902EA1 100%);
    }
  
    .featured-articles__list .owl-item:nth-child(4n+3) .promoted-articles-item {
      background-image: url($assets-network_texture-png),
        linear-gradient(100deg, #872FAE 0%, #A32D89 100%);
    }
  
    .featured-articles__list .owl-item:nth-child(4n+4) .promoted-articles-item {
      background-image: url($assets-network_texture-png),
        linear-gradient(100deg, #992E96 0%, #B52C71 100%);
    }
    
    .featured-articles__list .owl-item .promoted-articles-item {
      width: 100%;
      height: 217px;
      color: #fff;
      background-color: #6231DE;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
    }
    
    .promoted-articles-item ul.article-labels {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start;
      margin: 0;
      padding: 0;
    }
    
    .promoted-articles-item ul.article-labels li {
      list-style: none;
      display: inline-block;
      margin-right: 4px;
    }
    
    .promoted-articles-item ul.article-labels li .label-text {
      color: #5A21D0;
      background-color: #F3E8FF;
      padding: 2px 3px;
      display: inline-block;
      font-weight: 700;
      font-size: 10px;
      line-height: 14px;
      text-align: center;
      text-transform: uppercase;
      border-radius: 4px;
    }
    
    .promoted-articles-item ul.article-labels li:empty {
      display: none;
    }
    
    .category-list-item__link {
      display: flex;
      background-color: transparent;
      box-shadow: none;
    }
    
    .category-list-item__title {
      font-weight: 600;
    }
    
    .category-list-item__link img {
      width: 50px;
      height: 50px;
      margin-right: 16px;
    }
    
    .category-list-item__link .category-info {
      flex: 1 1 auto;
      min-width: 0;
    }
    
    .custom-block__icon {
      margin-top: 22px;
    }
    
    .custom-block__icon svg {
      height: 72px;
      width: auto;
    }
    
    //fixing spacing
    .article__body ul ul {
      margin-top: 12px;
      margin-bottom: 12px;
    }
    
    .article__body ul li {
      margin-bottom: 12px;
    }
    
    ul,
    ol,
    p {
      margin-bottom: 12px;
      line-height: 2;
    }
    
    .custom-block__icon img {
      height: 72px;
    }
    
    .custom-block__icon {
      margin-bottom: 16px;
    }
    
    .article-list--section .article-list-item {
      margin: 24px 0;
      padding: 0 0 24px;
      border-bottom: 1px solid #F3E8FF;
    }
    
    .article-list--section .article-list-item:first-child {
      padding-top: 0;
    }
    
    @media (min-width: 480px) {
      .custom-block__icon {
        margin-bottom: 16px;
      }
    }
    
    @media (min-width: 1024px) {
    
      h2.category-list-title,
      h2.promoted-articles__title {
        margin-bottom: 26px;
      }
    }
    
    h2.category-list-title,
    h2.promoted-articles__title {
      color: #18181B;
      font-weight: 600;
      font-size: 28px;
      line-height: normal;
    }
    
    h4.category-list-subtitle {
      margin-bottom: 26px;
      color: #18181B;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      text-align: center;
    }
    
    .vistia-iframe {
      height: 150px;
    }
    
    @media (min-width: 1024px) {
      .vistia-iframe {
        height: 400px;
      }
    }
    
    @media (max-width: 600px) {
      table {
        max-width: 100%;
      }
    }
    
    /*
    .category-page .article-list .article-list-item:first-child:after {
      margin-left: 4px;
      content: "NEW";
      color: #5A21D0;
      background-color: #F3E8FF;
      padding: 2px 3px;
      display: inline-block;
      font-weight: 700;
      font-size: 10px;
      line-height: 14px;
      text-align: center;
      text-transform: uppercase;
      border-radius: 4px;
      vertical-align: text-bottom;
    }
    */
    
    .category-page .page-header {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: calc(16px * 1.5 * 3.33334);
    }
    
    .category-page .page-header .category-icon img {
      width: 80px;
      height: auto;
      margin-right: 16px;
    }
    
    .category-page .page-header h1 {
      margin-bottom: 8px;
      color: #6F35E8;
      font-weight: 600;
      line-height: normal;
    }
    
    .announcements-banner {
      padding: 8px 16px;
      margin-bottom: 20px;
      background-color: #FCE7F3;
      border-radius: 4px;
      font-weight: 700;
    }
    
    .announcements-banner .text {
      font-weight: 600;
      font-size: 14px;
      line-height: 24px;
    }
    
    .announcements-banner .new-tag {
      margin-right: 8px;
      padding: 2px 4px;
      background: #EC4899;
      border-radius: 4px;
      font-size: 10px;
      line-height: 14px;
      color: #ffffff;
      font-weight: 700;
    }
    
    .announcements-banner a {
      color: #6F35E8;
      text-decoration: none;
    }
    
    .announcements-banner a:hover {
      text-decoration: underline;
    }
    
    .tags {
      list-style: none !important;
      margin: 0;
      overflow: hidden;
      padding: 0;
      display: inline-flex;
    }
    
    
    .tag {
      background: #70707A;
      border-radius: 3px 0 0 3px;
      color: #fff;
      display: inline-block;
      height: 26px;
      line-height: 26px;
      padding: 0 20px 0 23px;
      position: relative;
      margin: 0 10px 10px 0;
      text-decoration: none;
      -webkit-transition: color 0.2s;
      margin-left: 5px;
    }
    
    .tag::before {
      background: #fff;
      border-radius: 10px;
      box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
      content: '';
      height: 6px;
      left: 5px;
      position: absolute;
      width: 6px;
      top: 10px;
    }
    
    .tag::after {
      background: #fff;
      border-bottom: 13px solid transparent;
      border-left: 10px solid #70707A;
      border-top: 13px solid transparent;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
    }
    
    zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    
    @media screen and (min-width: 375px) {
      zd-autocomplete {
          min-width: 380px;
      }
    }
  
  /* =========================================================================
     WorkSpan violet / pink theme layer
  
     Violet leads: #8852F5 is the brand token, #6F35E8 carries
     links and calls to action. Pink #EC4899 is the accent and the far end of
     every gradient. Chrome is a deep violet -> plum gradient. Greys follow the
     doc.workspan.com zinc scale; ticket-status and note colours stay semantic.
     ========================================================================= */
  
  :root {
    --ws-bg: #FFFFFF;
    --ws-surface: #FAFAFA;
    --ws-surface-alt: #F4F4F5;
  
    --ws-ink: #1B0B3B;
    --ws-ink-mid: #331466;
    --ws-ink-violet: #4B1E9E;
    --ws-ink-plum: #7A1F5C;
    --ws-chrome: linear-gradient(100deg, #1B0B3B 0%, #331466 42%, #4B1E9E 72%, #7A1F5C 100%);
  
    --ws-primary: #8852F5;
    --ws-primary-strong: #6F35E8;
    --ws-primary-deep: #5A21D0;
    --ws-primary-deeper: #4B1E9E;
    --ws-primary-subtle: #F3E8FF;
    --ws-primary-border: #CFBAFB;
  
    --ws-pink: #EC4899;
    --ws-pink-strong: #C2317A;
    --ws-pink-subtle: #FCE7F3;
  
    --ws-wave-from: #8852F5;
    --ws-wave-to: #EC4899;
  
    --ws-text: #18181B;
    --ws-text-700: #3F3F46;
    --ws-text-muted: #51525C;
    --ws-text-subtle: #70707A;
    --ws-text-faint: #A0A0AA;
    --ws-border: #E4E4E7;
    --ws-border-strong: #D1D1D6;
    --ws-on-chrome-link: #D9C7F0;
  
    --ws-info: #0065FF;
    --ws-success: #22C55E;
    --ws-warning: #FFAB00;
    --ws-danger: #FF5630;
    --ws-success-text: #178841;
    --ws-warning-text: #A16C00;
    --ws-danger-text: #D14727;
  }
  
  /* ---------- Chrome: deep violet -> plum, replacing the black ------------- */
  .topbar--small,
  .footer__wrapper,
  .profile-header {
    background: var(--ws-chrome);
  }
  
  /* Hero: violet radial with a pink glow, echoing the Go Direct one-pager */
  .topbar--large {
    background:
      radial-gradient(at 78% 18%, rgba(236, 72, 153, 0.38) 0%, rgba(236, 72, 153, 0) 58%),
      radial-gradient(at 22% 38%, #4B1E9E 0%, #331466 46%, #1B0B3B 100%);
  }
  
  /* The logo reads white on the violet chrome rather than taking the accent */
  .logo svg use {
    fill: var(--ws-bg);
  }
  
  /* ---------- Waves: violet -> pink ---------------------------------------- */
  /* .waves--small and the footer waves fill from the SVG gradients defined in
     header.hbs and footer.hbs. currentColor is kept as the fallback tone for
     any renderer that cannot resolve the gradient reference. */
  .waves--small {
    color: var(--ws-primary);
  }
  
  .waves--small svg path {
    fill: url(#ws-wave-gradient) #8852F5;
  }
  
  .waves__wave--footer-primary,
  .waves__wave-footer-with-opacity {
    fill: url(#ws-wave-gradient-footer) #8852F5;
  }
  
  /* The two rear wave layers ship at fill-opacity .2, which washes the pink end
     out to almost nothing. Lifting them lets the gradient read as violet -> pink. */
  .waves--small svg path[fill-opacity] {
    fill-opacity: 0.45;
  }
  
  /* ---------- Calls to action: violet ------------------------------------- */
  /* Scoped to real filled CTAs. An earlier pass listed [role="button"] here,
     which matched the two icon buttons in the top bar and gave the search
     control a solid violet tile on the chrome. */
  .btn--primary,
  input[type="submit"],
  .article-unsubscribe {
    background: var(--ws-primary-strong);
    background-image: none;
    border-color: var(--ws-primary-strong);
    color: var(--ws-bg);
  }
  
  .btn--primary:hover,
  .btn--primary:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  .article-unsubscribe:hover,
  .article-unsubscribe:focus {
    background: var(--ws-primary-deep);
    background-image: none;
    border-color: var(--ws-primary-deep);
    color: var(--ws-bg);
  }
  
  .btn--primary:active,
  input[type="submit"]:active,
  .article-unsubscribe:active {
    background: var(--ws-primary-deeper);
    background-image: none;
    border-color: var(--ws-primary-deeper);
    color: var(--ws-bg);
  }
  
  /* ---------- Icon buttons blend into the chrome -------------------------- */
  /* The top-bar search and the nav toggle are icon controls, not CTAs: they sit
     directly on the chrome gradient with no tile of their own. Hover is a faint
     white wash so the target is still discoverable without a coloured block. */
  .topbar__btn-search,
  .topbar__btn-search:active,
  .lines-button,
  .lines-button:active {
    background: transparent;
    background-image: none;
    border-color: transparent;
    box-shadow: none;
  }
  
  .topbar__btn-search:hover,
  .topbar__btn-search:focus {
    background: rgba(255, 255, 255, 0.14);
    background-image: none;
    border-color: transparent;
    box-shadow: none;
  }
  
  /* The glass keeps the top-bar link colour on both chrome variants */
  .topbar__btn-search svg circle,
  .topbar--small .topbar__btn-search svg circle {
    stroke: var(--ws-bg);
  }
  
  .topbar__btn-search svg path,
  .topbar--small .topbar__btn-search svg path {
    fill: var(--ws-bg);
  }
  
  /* Soft violet secondary button */
  .btn--secondary {
    background: var(--ws-primary-subtle);
    color: var(--ws-primary-deep);
    border-color: var(--ws-primary-deep);
  }
  
  .btn--secondary:hover,
  .btn--secondary:focus,
  .btn--secondary:active {
    background: var(--ws-primary-border);
    color: var(--ws-primary-deep);
  }
  
  /* Topbar pill sits on the chrome gradient, so it takes the lighter violet */
  .topbar .login,
  .topbar .login:active,
  .topbar .login:hover {
    background-color: var(--ws-primary);
    border-color: var(--ws-primary);
    color: var(--ws-bg);
  }
  
  /* Pink accent CTA in the footer band */
  .footer-submit-ticket__btn,
  .footer-submit-ticket__btn:hover,
  .footer-submit-ticket__btn:focus {
    background: var(--ws-pink-strong);
    background-image: none;
    border-color: var(--ws-pink-strong);
    color: var(--ws-bg);
  }
  
  .footer a,
  .footer__col a {
    color: var(--ws-on-chrome-link);
  }
  
  .footer a:hover,
  .footer__col a:hover,
  .footer-social-link:hover {
    color: var(--ws-bg);
  }
  
  /* ---------- Violet surfaces that carry white text ----------------------- */
  .table--color-header th,
  .search-result-votes,
  .comment__official-heading,
  .status-label--with-ticket,
  .status-label--official,
  .profile-header__private-badge,
  .profile-nav__item.is-active,
  .accordion--colored .accordion__item-title--active,
  .tabs--colored-2 .tabs-link.is-active,
  .vote-control--voted,
  .category-list-item__link:hover {
    background-color: var(--ws-primary-strong);
    color: var(--ws-bg);
  }
  
  .tabs--colored-2 .tabs-link.is-active {
    border-color: var(--ws-primary-strong);
  }
  
  /* Pink surfaces that carry white text need the deeper pink for AA */
  .status-label--planned,
  .post-status--planned {
    background-color: var(--ws-pink-strong);
    color: var(--ws-bg);
  }
  
  /* Bright pink is fine behind dark text */
  .announcements-banner .new-tag {
    background: var(--ws-pink);
    color: var(--ws-text);
  }
  
  /* ---------- Other resources row, bottom of the home page ---------------- */
  .ws-resources {
    margin-top: 46px;
    padding: 34px 0 44px;
    background: var(--ws-surface);
    border-top: 1px solid var(--ws-border);
  }
  
  .ws-resources__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
  
  @media (max-width: 900px) {
    .ws-resources__inner {
      grid-template-columns: 1fr;
    }
  }
  
  .ws-resource-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 26px 22px;
    color: var(--ws-text);
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    background: var(--ws-bg);
    border: 1px solid var(--ws-border);
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(27, 11, 59, 0.05), 0 8px 20px rgba(27, 11, 59, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  }
  
  .ws-resource-card:hover,
  .ws-resource-card:focus-visible {
    color: var(--ws-text);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(27, 11, 59, 0.07), 0 14px 30px rgba(27, 11, 59, 0.10);
  }
  
  .ws-resource-card__icon {
    display: inline-flex;
    flex: 0 0 auto;
  }
  
  .ws-resource-card__icon svg {
    display: block;
    width: 30px;
    height: 30px;
  }
  
  /* The icons alternate violet / pink / violet, the same rhythm as the
     Popular Articles tiles above them. */
  .ws-resource-card:nth-child(odd) .ws-resource-card__icon {
    color: var(--ws-primary-strong);
  }
  
  .ws-resource-card:nth-child(even) .ws-resource-card__icon {
    color: var(--ws-pink-strong);
  }
  
  .ws-resource-card:nth-child(odd):hover,
  .ws-resource-card:nth-child(odd):focus-visible {
    border-color: var(--ws-primary-border);
  }
  
  .ws-resource-card:nth-child(even):hover,
  .ws-resource-card:nth-child(even):focus-visible {
    border-color: #F5C2DD;
  }
  
  /* ---------- Popular Articles tiles -------------------------------------- */
  /* The tiles now step along a continuous ramp rather than alternating between two
     colours, so a per-tile chip tint would fight the sweep. One white chip with a
     hue-neutral dark label sits correctly at every point on the ramp: white on
     the ramp is 5.89:1 at its weakest, and the label is 15.9:1 on the chip.
     A translucent chip was the first attempt and failed -- white-on-white-over-
     violet composites to about 4.2:1, under the 4.5:1 the 10px label needs. */
  .promoted-articles-item ul.article-labels li .label-text {
    color: var(--ws-ink-mid);
    background-color: var(--ws-bg);
  }
  
  /* The texture keeps its natural size, as it did before: at 1116px wide it never
     repeats inside a tile, and scaling it to cover would thin the network out.
     Only the gradient beneath it is stretched, which is a gradient's default. */
  
  /* ---------- Semantics stay semantic ------------------------------------- */
  /* Ticket status still reads green / amber / red. White text does not clear
     4.5:1 on the green and amber, so those badges take the dark ink; the red is
     darkened one step and keeps white text. */
  .status-label--closed,
  .status-label--pending,
  .status-label--answered,
  .request-status--closed,
  .request-status--answered,
  .post-status--answered,
  .btn--success,
  .btn--success:hover,
  .btn--success:focus,
  .btn--success:active {
    color: var(--ws-text);
  }
  
  .status-label--open,
  .request-status--open,
  .btn--danger {
    background-color: var(--ws-danger-text);
    border-color: var(--ws-danger-text);
    color: var(--ws-bg);
  }
  
  .note--success .note-title,
  .callout--success .callout__title {
    color: var(--ws-success-text);
  }
  
  .note--warning .note-title,
  .callout--warning .callout__title {
    color: var(--ws-warning-text);
  }
  
  .note--danger .note-title,
  .callout--danger .callout__title {
    color: var(--ws-danger-text);
  }