/* Components */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
  padding-top: 60px;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0; /* 1 */
  box-sizing: content-box; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
  border-bottom: none; /* 1 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  box-sizing: border-box; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px; /* 2 */
  -webkit-appearance: textfield; /* 1 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  font: inherit; /* 2 */
  -webkit-appearance: button; /* 1 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* Reset the box-sizing */
*,
  *:before,
  *:after {
    box-sizing: border-box;
  }
html,
body {
  height: 100%;
}
/* Body reset */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Basetica', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #201f2b;
  background-color: #faeed9;
  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: #813eff;
  text-decoration: none;
}
a:hover,
  a:focus {
    color: #5300f1;
    text-decoration: none;
  }
a.disabled {
    color: #818a91;
    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 #f1f1f1;
}
/*
  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: 'Space Grotesk', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #813eff;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child {
  margin-bottom: 0px;
}

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

p:last-child{
    margin-bottom:0px;
}

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);
}
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: 768px) {
.dl-horizontal dt {
      float: left;
      width: 30%;
      padding-right: 15px;
      clear: both
  }
    }
@media (min-width: 768px) {
.dl-horizontal dd {
      float: right;
      width: 70%
  }
    }
/* Abbreviations and acronyms */
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}
/* 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: #fcfcfd;
  border-left: 5px solid #f1f1f1;
}
blockquote.is-colored {
    border-left: 5px solid #813eff;
  }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
      margin-bottom: 0;
    }
/* Code */
code {
  padding: 20px !important;
  border-radius: 14px !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;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-toggle {
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
  cursor: pointer;
  background: none;
  border: 0;
}
.dropdown-toggle:after {
  display: inline-block;
  margin-left: 8px;
  font-family: "Font Awesome 5 Free";
  font-size: calc(16px - 4px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: inherit;
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 170px;
  padding: 10px 0;
  margin-top: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 14px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
[dir="rtl"] .dropdown-menu {
  text-align: right;
}
.dropdown-menu[aria-expanded="true"] {
  display: block;
}
.dropdown-menu [role="separator"] {
  display: block;
  padding: 5px 0;
  margin: 5px 20px 10px;
  font-size: 11px;
  font-weight: normal;
  color: #969696;
  border-bottom: 1px solid #d8d8d8;
}
.dropdown-menu [role="menuitem"] {
  display: block;
  width: 100%;
  padding: 7px 40px 7px 20px;
  line-height: inherit;
  color: #333;
  text-align: start;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}
[dir="rtl"] .dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}
.dropdown-menu [role="menuitem"]:hover,
.dropdown-menu [role="menuitem"]:focus {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}
.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}
.dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
}
[dir="rtl"] .dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}
.dropdown-menu [role="menuitem"][hidden],
.dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}
.dropdown-menu-end {
  right: 0;
  left: auto;
}
.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}
[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}
[dir="rtl"] .dropdown-menu-end {
  right: auto;
  left: 0;
}
.dropdown-toggle--user {
  padding: 0;
  color: #E6FD00;
  border: 0;
}
.layout {
  position: relative;
  min-height: 100%;
  background-color: #faeed9;
}
.layout__content {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: calc(100vh - 490px);
}
.layout__content:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\00a0";
}

.layout__header,
.layout__footer {
    flex: none;
}

.layout__head{
    position: relative;
    z-index: 1;
}

/********
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: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-family: "Roboto Mono", monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
/********
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"] {
  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: #666;
}
/********
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: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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: #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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: #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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: #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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: #2e3343;
  background-color: #fff;
  background-image: none;
  border: 1px solid #2e3343;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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;
  #813eff;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, 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: #9ed5e7;
    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: #CDB2FF;
    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: #CDB2FF;
  }
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: #CDB2FF;
  }
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%;
  }
.form-field.required > label:after {
    margin-left: 2px;
    color: #ff6b6b;
    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: #575475;
}
.btn {
  display: inline-block;
  padding: 14px 24px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  color: #e6fd00;
  background-color: transparent;
  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: 2px solid #e6fd00;
  border-radius: 32px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}

.btn--primary {
  background: #e6fd00;
  color: #813eff;
}

.btn:not(.btn--clean):hover {
  background-color: #e6fd00;
  color: #813eff;
}

.btn--clean {
  border: 0;
  background-color: transparent;
  color: #e6fd00;
}

.btn--small {
  padding: 8px;
  font-size: 13px;
  letter-spacing: 1px;
}

input[type="submit"] {
  display: inline-block;
  padding: 14px 24px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  color: #e6fd00;
  background-color: transparent;
  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: #e6fd00;
  border: 2px solid #e6fd00;
  color: #813eff!important;
  border-radius: 32px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}

input[type="submit"]:hover {
  background-color: transparent;
  color: #e6fd00!important;
}
.section-subscribe 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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.article-subscribe 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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.community-follow 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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.requests-table-toolbar .organization-subscribe 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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.subscriptions-subscribe 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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.edit-profile-button a {
  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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.pagination-next-link {
  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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.pagination-prev-link {
  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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.pagination-first-link {
  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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.pagination-last-link {
  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: 14px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}
.btn:focus, .btn:active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, .section-subscribe button:focus, .section-subscribe button:active:focus, .article-subscribe button:focus, .article-subscribe button:active:focus, .community-follow button:focus, .community-follow button:active:focus, .requests-table-toolbar .organization-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:active:focus, .subscriptions-subscribe button:focus, .subscriptions-subscribe button:active:focus, .edit-profile-button a:focus, .edit-profile-button a:active:focus, .pagination-next-link:focus, .pagination-next-link:active:focus, .pagination-prev-link:focus, .pagination-prev-link:active:focus, .pagination-first-link:focus, .pagination-first-link:active:focus, .pagination-last-link:focus, .pagination-last-link:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
.btn:hover,
  .btn:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  .section-subscribe button:hover,
  .section-subscribe button:focus,
  .article-subscribe button:hover,
  .article-subscribe button:focus,
  .community-follow button:hover,
  .community-follow button:focus,
  .requests-table-toolbar .organization-subscribe button:hover,
  .requests-table-toolbar .organization-subscribe button:focus,
  .subscriptions-subscribe button:hover,
  .subscriptions-subscribe button:focus,
  .edit-profile-button a:hover,
  .edit-profile-button a:focus,
  .pagination-next-link:hover,
  .pagination-next-link:focus,
  .pagination-prev-link:hover,
  .pagination-prev-link:focus,
  .pagination-first-link:hover,
  .pagination-first-link:focus,
  .pagination-last-link:hover,
  .pagination-last-link:focus {
    color: #fff;
    text-decoration: none;
  }
.btn:active, input[type="submit"]:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .edit-profile-button a:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active {
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
.btn--default,
.section-subscribe button,
.article-subscribe button,
.community-follow button,
.requests-table-toolbar .organization-subscribe button,
.subscriptions-subscribe button,
.edit-profile-button a,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  color: #fff;
  background-color: $button_color_1;
  border-color: $button_color_1;
}
.btn--default:hover,
  .btn--default:focus,
  .btn--default:active,
  .section-subscribe button:hover,
  .section-subscribe button:focus,
  .section-subscribe button:active,
  .article-subscribe button:hover,
  .article-subscribe button:focus,
  .article-subscribe button:active,
  .community-follow button:hover,
  .community-follow button:focus,
  .community-follow button:active,
  .requests-table-toolbar .organization-subscribe button:hover,
  .requests-table-toolbar .organization-subscribe button:focus,
  .requests-table-toolbar .organization-subscribe button:active,
  .subscriptions-subscribe button:hover,
  .subscriptions-subscribe button:focus,
  .subscriptions-subscribe button:active,
  .edit-profile-button a:hover,
  .edit-profile-button a:focus,
  .edit-profile-button a:active,
  .pagination-next-link:hover,
  .pagination-next-link:focus,
  .pagination-next-link:active,
  .pagination-prev-link:hover,
  .pagination-prev-link:focus,
  .pagination-prev-link:active,
  .pagination-first-link:hover,
  .pagination-first-link:focus,
  .pagination-first-link:active,
  .pagination-last-link:hover,
  .pagination-last-link:focus,
  .pagination-last-link:active {
    background-color: $button_color_1_hover !important;
    border-color: $button_color_1_hover !important;
  }
.btn--default:active:focus, .section-subscribe button:active:focus, .article-subscribe button:active:focus, .community-follow button:active:focus, .requests-table-toolbar .organization-subscribe button:active:focus, .subscriptions-subscribe button:active:focus, .edit-profile-button a:active:focus, .pagination-next-link:active:focus, .pagination-prev-link:active:focus, .pagination-first-link:active:focus, .pagination-last-link:active:focus {
    outline: none;
  }
/* Alternate buttons */
input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active,
  .btn--primary:hover,
  .btn--primary:focus,
  .btn--primary:active {
    color: #fff;
    /*
    background: linear-gradient(
      104deg,
      darken($button_color_1, 10%),
      darken($button_color_1, 15%)
    );
    */
    background-color: $button_color_1_hover;
    border-color: $button_color_1_hover;
  }

.container {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}
@media (min-width: 768px) {
.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: #818a91;
  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 #ddd;
  }
.table thead th {
    vertical-align: bottom;
  }
.table tbody + tbody {
    border-top: 1px solid #ddd;
  }
.table .table {
    background-color: #fff;
  }
.table--color-header th {
    color: #fff;
    background-color: #813eff;
  }
.table--striped th,
  .table--striped td,
  .table--striped thead th {
    border-color: #fff;
  }
.table--striped tbody tr:nth-child(odd) {
    color: inherit;
    background-color: #f1f1f1;
  }
.table--hover tbody tr:hover {
    color: inherit;
    background-color: #f1f1f1;
  }
.table--bordered {
  border: 1px solid #d3d6d8;
}
.table--bordered td {
    border-left: 1px solid #d3d6d8;
  }
.table--bordered th {
    border-left: 1px solid #d3d6d8;
  }
/***********
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: 767px) {
.table-responsive {
    width: 100%;
    margin-bottom: calc(16px * 1.5 * 0.75);
    overflow-y: hidden;
    border: 1px solid #ddd;
    -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: 768px) {
  .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: 992px) {
  .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:has(.article-page) {
  padding: 0;
}
.topabr + main {
  /* topBar */
}
.meta {
  font-size: 14px;
  color: #2e3343;
}
.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: 14px;
  transition: all 0.3s ease;
  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;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
@media (max-width: 767px) {
.lines-button {
    float: right
}
  }
@media (min-width: 768px) {
.lines-button {
    display: none
}
  }
.lines-button:hover {
    opacity: 1;
  }
.lines-button:active {
    outline: 0;
    box-shadow: 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: #E6FD00;
  border-radius: 2px;
  transition: 0.3s;
}
.lines:before,
  .lines:after {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 2px;
    content: "";
    background: #E6FD00;
    border-radius: 2px;
    transition: 0.3s;
    transform-origin: 2px center;
  }
.lines:before {
    top: 8px;
  }
.lines:after {
    top: -8px;
  }
.lines-button.is-active {
  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;
      transform-origin: 50% 50%;
    }
.lines-button.is-active .lines:before {
      transform: rotate3d(0, 0, 1, 45deg);
    }
.lines-button.is-active .lines:after {
      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;
    max-width:200px;
  }
.logo svg use {
    fill: #e6fd00;
  }
.topbar--small .logo svg use {
    fill: #fff;
  }
.breadcrumbs {
  padding: 8px 0 0;
  margin-bottom: calc(16px * 4);
  list-style: none;
  background-color: transparent;
}
.breadcrumbs > li {
    display: inline-block;
    /* Yellow only where breadcrumbs sit on the purple band — see .page-hero.
       Pages without the band keep a colour that reads on the cream background. */
    color: #813eff;
  }
.breadcrumbs > li + li:before {
      padding: 0;
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjI5MiAxMkw5LjA0NTk5IDcuNzUzOTlDOC45NTI2NSA3LjY2MDY1IDguOTAyNjUgNy41NDU5OSA4Ljg5NTk5IDcuNDA5OTlDOC44ODkzMiA3LjI3Mzk5IDguOTM5MzIgNy4xNTI2NSA5LjA0NTk5IDcuMDQ1OTlDOS4xNTI2NSA2LjkzOTMyIDkuMjcwNjUgNi44ODU5OSA5LjM5OTk5IDYuODg1OTlDOS41MjkzMiA2Ljg4NTk5IDkuNjQ3MzIgNi45MzkyMyA5Ljc1Mzk5IDcuMDQ1OTlMMTQuMTQyIDExLjQzNUMxNC4yMjkzIDExLjUyMTcgMTQuMjkwNyAxMS42MTA3IDE0LjMyNiAxMS43MDJDMTQuMzYxMyAxMS43OTMzIDE0LjM3OSAxMS44OTI3IDE0LjM3OSAxMkMxNC4zNzkgMTIuMTA3MyAxNC4zNjEzIDEyLjIwNjcgMTQuMzI2IDEyLjI5OEMxNC4yOTA3IDEyLjM4OTMgMTQuMjI5MyAxMi40Nzg3IDE0LjE0MiAxMi41NjBMMTAuNzUzOTkgMTYuOTU0QzkuNjYwNTUgMTcuMDQ3MyA5LjU0NTk5IDE3LjA5NzMgOS40MDk5OSAxNy4xMDRDOS4yNzM5OSAxNy4xMTA3IDkuMTUyNjUgMTcuMDYwNyA5LjA0NTk5IDE2Ljk1NEM4LjkzOTMyIDE2Ljg0NzMgOC44ODU5OSAxNi43MjkzIDguODg1OTkgMTYuNkM4Ljg4NTk5IDE2LjQ3MDcgOC45MzkzMiAxNi4zNTI3IDkuMDQ1OTkgMTYuMjQ2TDEzLjI5MiAxMloiIGZpbGw9IiNFNkZEMDAiLz4KPC9zdmc+Cg==') center center no-repeat;
 
      background-size: contain;
      margin: 0 0.25em 0 0.25em;
    }
.breadcrumbs > li a {
      color: currentColor;
    }
.breadcrumbs > li:last-child a {
      color: currentColor;
    }
.breadcrumbs--search-results {
  padding: 0;
  margin-bottom: calc(16px * 1.5 / 2);
  font-size: calc(16px * 0.85);
}
.help-center-name {
  display: inline-block;
  margin: 0 0 0 15px;
  vertical-align: middle;
}
@media (max-width: 767px) {
.help-center-name {
    display: none
}
  }
.hero-unit {
  position: relative;
  z-index: 3;
  padding: 15% 15px 0% 15px;
  margin-top: calc(16px * 1.5 * -1);
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
    .hero-unit {
        margin-top: calc(16px * 1.5 * -4)
    }
  }

.hero-unit__pre-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  color: #e6fd00;
  position: relative;
  padding-left: 20px;
}

.hero-unit__pre-title::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: currentcolor;
  content: "";
}

.hero-unit__search {
  max-width: 720px;
  margin-right: auto;
}

.hero-unit__description {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  color: #e6fd00;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .hero-unit__description {
    margin-top: 40px;
  }
}
:root {
  --h1-size: 40px;
}

@media (min-width: 768px) {
  :root {
    --h1-size: 60px;  
  }
}
@media (min-width: 1366px) {
  :root {
    --h1-size: 96px;
  }
}

.hero-unit__title {
  font-family: 'Space Grotesk', sans-serif;
  margin-bottom: calc(16px * 1.5);
  font-size: var(--h1-size);
  font-weight: 700;
  line-height: 1.1;
  color: #e6fd00;
}
@media (min-width: 992px) {
.hero-unit__title {
    margin-bottom: calc(16px * 1.5 * 1.4);
}
  }
.avatar {
  position: relative;
  display: inline-block;
}
.avatar--agent:before {
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: flex;
  width: 18px;
  height: 18px;
  font-family: "Font Awesome 5 Free";
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: #813eff;
  border: 2px solid #faeed9;
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  justify-content: center;
}
.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;
    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: #2e3343;
}
.search-results-column a {
    color: #813eff;
  }
.search-box {
  position: relative;
}
.search-box #query {
    padding: 10px 12px 10px 35px;
    transition: border 0.3s ease;
  }
.search-box--hero-unit {
  z-index: 2;
  margin: 0 auto;
  transition: top 0.3s ease;
}
.search-box--hero-unit .search {
    display: flex;
  }
.search-box--hero-unit .search:before {
    left: 20px;
  }
.search-box--hero-unit #query {
    height: 50px;
    padding: 0 55px;
    background-color: #fff;
    transition: border 0.3s ease, background-color 0.3s ease;
    border: 1px solid #2E3343;
    border-radius: 0.5rem;
  }
.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: 14px;
    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 {
      background: transparent!important;
      border: 2px solid #e6fd00!important;
      color: #813eff!important;
    }
@media (max-width: 991px) {
.search-box--hero-unit input[type="submit"] {
      display: none
  }
    }
@media (min-width: 768px) {
.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-page {
  margin-bottom: calc(16px * 1.5 * 2);
}
.search-results-count {
  font-size: calc(16px * 1.25);
  font-weight: 600;
}
.search-result {
  margin-bottom: calc(16px * 1.5);
  border-bottom: 1px solid #f1f1f1;
}
.search-result__title {
  margin-bottom: calc(16px * 1.5 / 2);
  font-weight: 600;
}
.search-result__description {
  margin-bottom: calc(16px * 1.5 / 2);
}
.search-result__description:empty {
    display: none;
  }
.search-result__description em {
    padding: 0 3px;
    font-style: normal;
    font-weight: 600;
    background-color: #fff3ca;
    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: #813eff;
  border-radius: 14px;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.search-results-filters {
  padding: 16px;
  font-size: calc(16px - 2px);
  border: 1px solid #f1f1f1;
  border-radius: 14px;
}
@media (max-width: 767px) {
.search-results-filters {
    margin-bottom: calc(16px * 1.5 * 2)
}
  }
.search-results-filter + .search-results-filter {
  margin-top: 24px;
}
@media (min-width: 768px) {
.search-results-filter + .search-results-filter {
    margin-top: 32px
}
  }
.search-results-filter__title {
  margin-bottom: 0;
  margin-left: 8px;
  font-weight: 600;
}
@media (max-width: 767px) {
.search-results-filter__title {
    position: relative;
    font-size: calc(16px * 1);
    cursor: pointer
}
  }
@media (max-width: 767px) {
  .search-results-filter__title:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1.5;
    color: inherit;
    content: "\f107";
    transition: all 0.3s ease;
    transform: translateY(-50%);
  }

  .search-results-filter__title.is-active:after {
    transform: translateY(-50%) rotate(-180deg);
  }
}
.search-results-filter__list {
  margin-top: 24px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
.search-results-filter__list {
    display: none
}
  }
@media (min-width: 768px) {
.search-results-filter__list {
    display: block !important
}
  }
.search-results-filter__item {
  display: block;
  margin-bottom: 4px;
}
.search-results-filter__item.is-active .search-results-filter__link {
  color: #fff;
  background-color: $button_color_1;
  border-color: $button_color_1;
}
.search-results-filter__item--subfilter:nth-child(n + 7) {
  display: none;
}
.search-result__subfilters--all .search-results-filter__item:nth-child(n + 7) {
    display: block;
  }
.search-result__subfilters--all .search-result__show-more {
    display: none !important;
  }
.search-results-filter__link {
  display: block;
  padding: 6px 8px;
  color: #201f2b;
  text-decoration: none;
  border: $border_width solid transparent;
  border-radius: 14px;
  transition: all 0.3s ease;
}
.search-results-filter__link:hover {
    background-color: #fcfcfd;
    border-color: #fcfcfd;
  }
.search-results-filter__link:focus {
    background-color: #fcfcfd;
    border-color: #fcfcfd;
  }
.search-results-filter__link:active {
    background-color: #fcfcfd;
    border-color: #fcfcfd;
  }
.search-results-filter__link:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
.search-results-filter__count {
  opacity: 0.6;
}
.search-result__show-more {
  padding: 0;
  margin-left: 8px;
  color: $button_color_1;
  background-color: transparent;
  border: 0;
}
@media (min-width: 768px) {
.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 #f1f1f1;
}
.category-tree-item:nth-child(odd) {
    background-color: #fcfcfd;
  }
.category-tree-item:last-child {
    border-bottom: 1px solid #f1f1f1;
  }
@media (min-width: 768px) {
.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: 768px) {
.category-tree-item__title {
    margin-bottom: 50px
}
  }
.category-tree-item__sections {
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 768px) {
      .category-tree-item__sections .section:nth-child(2n + 1) {
        clear: left;
      }
    }
@media (min-width: 768px) {
      .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: 768px) {
.category-tree-item__sections {
    margin-right: -15px;
    margin-left: -15px
}
  }
.category-tree-item__title-link {
  color: inherit;
}
.block-list {
  padding-left: 0;
  margin-right: 0;
  margin-bottom: calc(16px * 1.5);
  margin-left: 0;
  list-style: none;
}
@media (min-width: 768px) {
.block-list {
    display: flex;
    margin-right: calc(15px * -2);
    /*margin-bottom: 76px;*/
    margin-bottom: 0px;
    margin-left: calc(15px * -2);
    flex-wrap: wrap;
    justify-content: flex-start;
}
  }
.block-list-item {
  position: relative;
  margin-bottom: calc(16px * 1.5);
}
@media (min-width: 768px) {
.block-list-item {
    min-height: 120px
}
  }
.block-list-item__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  font-weight: 400;
  color: #813eff;
  text-align: left;
  background-color: #FFFFFF;
  border-radius: 24px;
  border: 1px solid #813EFF14;
  transition: all 0.3s ease;
}

.uppercase {
  text-transform: uppercase;
}

.title-tag {
  display: block;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  background-color: #813eff;
  border-radius: 14px;
}
.title-tag:first-letter {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 48px;
  color: #e6fd00;
}
.block-list-item__link:hover{
  box-shadow: 2px 5px 20px 5px rgba(62, 60, 98, 0.08);
}
.block-list-item__link:active,
  .block-list-item__link:focus,
  .block-list-item__link:hover {
    text-decoration: none;
  }
@media (min-width: 768px) {
.block-list-item__link {
    height: 100%
}
  }
.block-list-item__title {
  margin-bottom: 8px;
  font-weight: 600;
}
.section-page {
  margin-bottom: calc(16px * 1.5 * 2);
}

.section-title {
  text-align: left;
}
.section {
  margin-bottom: calc(16px * 1.5);
}
.section__title-link {
  color: #666;
}
.section-header {
  position: relative;
}

.section-list {
  padding-left: 0;
  margin-right: 0;
  margin-bottom: calc(16px * 1.5);
  margin-left: 0;
  list-style: none;
}
@media (min-width: 768px) {
.section-list {
    display: flex;
    margin-right: calc(15px * -2);
    margin-bottom: 76px;
    margin-left: calc(15px * -2);
    flex-wrap: wrap
}
  }
.section-list-item {
  position: relative;
  margin-bottom: calc(16px * 1.5);
}
@media (min-width: 768px) {
.section-list-item {
    min-height: 120px
}
  }
.section-list-item__link {
  display: block;
  padding: 22px 20px;
  font-weight: 400;
  color: #813eff;
  text-align: left;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 20px 5px rgba(62, 60, 98, 0.08);
  transition: all 0.3s ease;
}
.section-list-item__link:active,
  .section-list-item__link:focus,
  .section-list-item__link:hover {
    text-decoration: none;
    background-color: #813eff;
  }
.section-list-item__link:active .section-list-item__title, .section-list-item__link:focus .section-list-item__title, .section-list-item__link:hover .section-list-item__title {
      color: #fff;
    }
.section-list-item__link:active .meta, .section-list-item__link:focus .meta, .section-list-item__link:hover .meta {
      color: #fff;
    }
@media (min-width: 768px) {
.section-list-item__link {
    height: 100%
}
  }
.section-list-item__title {
  margin-bottom: 8px;
  font-weight: 600;
}
.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);
}
.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__body {
  margin-bottom: calc(16px * 1.5);
  word-break: break-word;
}
.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;
  border: 1px solid #813eff;
  border-radius: 14px;
}
.article-vote-controls__item {
  color: #813eff;
  background: #e6fd00;
  border: none;
  padding: 0px;
  font-size: 13px;
  border-radius: 11px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.article-vote-controls__item:hover {
  background-color: #ddf300;
}
.article-vote-controls__item:focus {
  background-color: #ddf300;
}
.article-vote-controls__item:active {
  background-color: #ddf300;
}
.article-vote-controls__item--voted,
.article-vote-controls__item--voted:active,
.article-vote-controls__item--voted:focus {
  color: #fff;
  background-color: #813eff;
}
@media (min-width: 768px) {
  .article-vote-question {
    float: left;
    margin-right: 12px;
  }
}
.article-vote-controls {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .article-vote-question {
    display: block;
    margin-bottom: calc(16px * 1.5 / 2);
  }

  .article-vote-controls {
    display: block;
    margin-bottom: calc(16px * 1.5 / 2);
  }
}
.article-vote-count {
  display: block;
  font-size: calc((16px * 0.75) - 2);
  color: #2e3343;
}
.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;
  }
@media (max-width: 767px) {
.article-sidebar {
    padding-top: calc(16px * 1.5);
    border-top: 1px solid #f1f1f1
}
  }
.article-container {
  display: flex;
  margin-right: calc(15px * -1);
  margin-left: calc(15px * -1);
  flex-wrap: wrap;
}
.article-container__column {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.article-container__sidenav,
.article-container__toc {
  display: none;
}
.sidenav-enabled .article-container__sidenav,
.toc-enabled .article-container__toc {
  display: block;
}
.sidenav-enabled .article-container__sidenav {
  padding-bottom: 24px;
}
@media (min-width: 992px) {
  .article-container__article {
    width: calc(100% / 12 * 8);
  }

  .article-container__sidebar {
    width: calc(100% / 12 * 4);
  }

  .toc-enabled .article-container__sidebar,
  .sidenav-enabled .article-container__sidebar {
    width: calc(100% / 12 * 8);
  }

  .toc-enabled .article-container__toc {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidebar {
    margin-left: calc(100% / 12 * 4);
  }

  .sidenav-enabled.toc-enabled .article-container__sidenav,
  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 3);
  }

  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 6);
  }

  .sidenav-enabled.toc-enabled .article-container__sidebar {
    margin-left: calc(100% / 12 * 3);
  }

  .article-sidebar {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .article-sidebar section {
    width: 100%;
  }

  .sidenav-enabled .article-sidebar section,
  .toc-enabled .article-sidebar section {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 7);
  }

  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 2);
  }
}
.article-list {
  padding-left: 0;
  list-style: none;
}
.article-list-item {
  position: relative;
  padding-left: 20px;
  margin-bottom: calc(16px * 1.5 / 2);
  page-break-inside: avoid;
}
.article-list-item:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background: #813eff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
.article-list-item__link {
  font-size: 18px;
  color: #813eff;
}
.article-list-item--is-promoted span {
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 10px;
  /* color: #e6fd00; */
  color: #813eff;
  vertical-align: middle;
}
.article-list-item--is-promoted:before {
  display: none;
}
@media (min-width: 768px) {
.article-list--section {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: calc(15px * 3);
         column-gap: calc(15px * 3)
}
  }
/* ==========================================================================
  Comment Form
  ========================================================================== */
.comment-form {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
.comment-form {
    padding-left: 72px
}
  }
.comment-form__avatar {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
.comment-form__avatar {
    display: none
}
  }
.comment-form__attachments {
  margin-bottom: 24px;
}
.comment-form__mark-as-solved {
  position: relative;
}
.comment-form__ccs {
  margin-bottom: 0;
}
.comment-form__ccs + textarea {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
.comment-form__ccs ul[data-hc-pills-container] {
    margin: 0 0 calc(1px * -1);
    border: 1px solid #f1f1f1;
    border-radius: 14px 14px 0 0;
  }
.comment-form__ccs ul[data-hc-pills-container][data-hc-focus="true"] {
    position: relative;
    z-index: 2;
    border-color: undefined;
  }
.comment-form__body {
  margin-bottom: 16px;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.comment-sorter {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f1f1f1;
}
@media (min-width: 768px) {
.comment-sorter {
    display: table;
    width: 100%
}
  }
@media (min-width: 768px) {
.comment-sorter__col {
    display: table-cell;
    vertical-align: middle
}
  }
@media (max-width: 767px) {
.comment-sorter__col--main {
    margin-bottom: 12px
}
  }
@media (min-width: 768px) {
.comment-sorter__col--main {
    padding-right: 16px
}
  }
@media (min-width: 768px) {
.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;
    font-weight: 900;
    content: "\2022";
  }
/* ==========================================================================
  Comment
  ========================================================================== */
.comment {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f1f1f1;
}
.comment__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.comment__header {
  position: relative;
  margin-bottom: 24px;
}
.comment__content {
  flex-grow: 1;
}
.comment__voting-and-actions {
  margin-left: 16px;
  flex-shrink: 0;
}
.comment__official-heading {
  position: absolute;
  top: 0;
  right: 36px;
  width: auto;
  padding: 2px 8px;
  font-size: calc(16px * 0.85);
  color: #fff;
  background-color: #813eff;
  border-radius: 0 0 14px 14px;
}
.comment--official .comment__inner {
  position: relative;
  padding: 24px;
  border: 1px solid #813eff;
  border-radius: 14px;
}
.comment__body {
  margin-bottom: 24px;
  word-break: break-word;
}
.comment__body ul {
    list-style: disc;
  }
.comment__body ul,
  .comment__body ol {
    padding-left: 20px;
  }
.comment__body ul ul,
    .comment__body ul ol,
    .comment__body ol ul,
    .comment__body ol ol {
      margin-top: 12px;
    }
.comment__body ul li, .comment__body ol li {
      margin-bottom: 12px;
    }
@media (max-width: 767px) {
.comment__body [dir="auto"] {
      margin-bottom: 0
  }
    }
@media (max-width: 767px) {
.comment__body {
    margin-bottom: 0
}
  }
.comment__actions {
  padding-top: 8px;
}
.comment__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
}
/* Comment List */
.comments {
  margin-bottom: 48px;
}
.comments__callout {
  font-size: calc(16px * 0.85);
  color: #2e3343;
}
.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 #f1f1f1;
}
.comment-list-heading {
  margin-bottom: 0;
  font-size: calc(16px * 1.1);
  font-weight: 600;
}
.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: #f1f1f1;
  border-color: #f1f1f1;
  border-radius: 14px;
  touch-action: manipulation;
}
.share a:before {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: "Font Awesome 5 Brands";
    font-weight: 300;
    text-align: center;
  }
.share-facebook {
  color: #3d5b95;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.share-facebook:hover {
    color: #2b406a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-facebook:focus {
    color: #2b406a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-facebook:active {
    color: #2b406a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-facebook:active {
    background-image: none;
  }
.share-facebook:before {
    content: "\f09a";
  }
.share-twitter {
  color: #24aadd;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.share-twitter:hover {
    color: #1a82a9;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-twitter:focus {
    color: #1a82a9;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-twitter:active {
    color: #1a82a9;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-twitter:active {
    background-image: none;
  }
.share-twitter:before {
    content: "\f099";
  }
.share-linkedin {
  color: #0976b4;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.share-linkedin:hover {
    color: #06507a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-linkedin:focus {
    color: #06507a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-linkedin:active {
    color: #06507a;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-linkedin:active {
    background-image: none;
  }
.share-linkedin:before {
    content: "\f0e1";
  }
.share-googleplus {
  color: #d23e30;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.share-googleplus:hover {
    color: #a22e23;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-googleplus:focus {
    color: #a22e23;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.share-googleplus:active {
    color: #a22e23;
    background-color: #d8d8d8;
    border-color: #d2d2d2;
  }
.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: 768px) {
.my-activities-items {
    display: table;
    width: 100%
}
  }
.my-activities-items__head {
  display: none;
  color: #2e3343;
}
@media (min-width: 768px) {
.my-activities-items__head {
    display: table-header-group;
    font-size: calc(16px * 0.85);
    font-weight: 600;
    text-transform: uppercase
}
  }
@media (min-width: 768px) {
.my-activities-items__body {
    display: table-row-group
}
  }
@media (min-width: 768px) {
.my-activities-items__row {
    display: table-row
}
  }
@media (min-width: 768px) {
.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 #f1f1f1
}

    .my-activities-items__col + .my-activities-items__col {
      padding-left: 12px;
    }
  }
@media (max-width: 767px) {
.my-activities-items__request-id {
    display: inline
}
  }
@media (min-width: 768px) {
.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: 768px) {
.my-activities-menu__item {
    float: left
}
  }
@media (min-width: 768px) {
  .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 #f1f1f1;
}
.my-activities-menu--main .my-activities-menu__item {
    padding: 6px 12px;
    background-color: #f1f1f1;
    border-radius: 14px;
  }
@media (max-width: 767px) {
.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: #201f2b;
    }
.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: 768px) {
    .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: 767px) {
.my-activities-item {
    padding: calc(16px * 1.5 / 2)
      12px;
    margin-bottom: calc(16px * 1.5);
    border: 1px solid #f1f1f1;
    border-radius: 14px
}
  }
.my-activities-item__meta {
  font-size: 14px;
  color: #2e3343;
}
@media (max-width: 767px) {
.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: 767px) {
.my-activities-item__title {
    font-size: calc(16px * 1.25)
}
  }
@media (max-width: 767px) {
.my-activities-item__icon {
    display: inline-block
}
  }
@media (min-width: 768px) {
.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: #f9f9f9;
  border-radius: 14px;
}
@media (min-width: 768px) {
.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: 768px) {
.request-table-filters {
    display: table;
    width: 100%
}
  }
.request-table-filters__item {
  padding-right: 12px;
  padding-left: 12px;
}
@media (max-width: 767px) {
.request-table-filters__item {
    margin-bottom: calc(16px * 1.5 / 2)
}
  }
@media (min-width: 768px) {
.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: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    color: #2e3343;
    content: "\f0d7";
  }
.requests-link {
  color: #2e3343;
  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 #f1f1f1;
  border-radius: 14px;
}
.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: 14px;
}
.request-status--solved,
.request-status--closed {
  background-color: #00cf6a;
}
.request-status--new,
.request-status--open {
  background-color: #ff6b6b;
}
.request-status--answered {
  background-color: #ffb300;
}
.new-request-page {
  margin-bottom: calc(16px * 1.5 * 2);
}
.new-request-title {
  margin: 0 0 40px 0;
  font-family: 'Space Grotesk', sans-serif;
  font-size: var(--h1-size);
  font-weight: 700;
  line-height: 1.1;
  color: #e6fd00;
}
.new-request-form {
  margin-bottom: calc(16px * 1.5);
}
/* Match the dropzone to the textarea / text input styling */
.upload-dropzone {
  display: block;
  width: 100%;
  min-height: 100px;
  height: auto;
  padding: calc(12px / 2)
    12px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
  background-image: none;
  border: 1px solid #bdc2c5;
  border-radius: 14px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.upload-dropzone:hover,
  .upload-dropzone:focus,
  .upload-dropzone.is-active {
    border-color: #9ed5e7;
    outline: 0;
  }
.upload-dropzone a {
    font-size: inherit;
    color: inherit;
  }
.icon-color-stroke-primary {
  stroke: #813eff;
}
.icon-color-stroke-secondary {
  stroke: #e6fd00;
}
.icon-color-fill-primary {
  fill: #813eff;
}
.icon-color-fill-secondary {
  fill: #e6fd00;
}
.icon-color-fill {
  fill: #f8f8f8;
}
.error-page {
  padding: 10% 0;
  text-align: center;
}
.error-page__title {
  text-transform: capitalize;
}
.footer-submit-ticket {
  position: relative;
  padding: 0 calc(12px + 4px);
  color: #fff;
  text-align: center;
  border-radius: 14px;
  margin-bottom: 70px;
}
.footer-submit-ticket__title {
  font-size: calc(16px * 1.75);
  color: #2E3343;
}
@media (min-width: 768px) {
.footer-submit-ticket__title {
    font-size: calc(16px * 2.5)
}
  }
.footer-submit-ticket__subtitle {
  font-size: calc(16px * 1.5);
  color: #2E3343;
  opacity: 0.8;
}
.note {
  position: relative;
  padding-left: 12px;
  margin: calc(16px * 1.5) 0;
  color: #4c4a66;
  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: #818a91;
}
.note--default {
  border-color: #818a91;
}
.note-default .note-title {
    color: #818a91;
  }
.note--default .note-title {
    color: #818a91;
  }
.note-info,
.note--info {
  border-color: #007bff;
}
.note-info .note-title, .note--info .note-title {
    color: #007bff;
  }
.note-warning,
.note--warning {
  border-color: #ffb300;
}
.note-warning .note-title, .note--warning .note-title {
    color: #ffb300;
  }
.note-success,
.note--success {
  border-color: #00cf6a;
}
.note-success .note-title, .note--success .note-title {
    color: #00cf6a;
  }
.note-danger,
.note--danger {
  border-color: #ff6b6b;
}
.note-danger .note-title, .note--danger .note-title {
    color: #ff6b6b;
  }
.footer {
  /*
  padding-top: 150px;
  margin-top: 60px;
  */
  overflow: hidden;
  font-size: 16px;
  line-height: 1.1;
  color: #813eff;
}
.footer__wrapper {
  position: relative;
  background: #813eff;
  padding-top:70px;
}
.footer__inner {
  width: 100%;
  padding-bottom: 20px;
  margin: 0 auto;
}
@media (min-width: 768px) {
.footer__inner {
    display: table
}
  }
.footer__col {
  position: relative;
}
@media (min-width: 768px) {
.footer__col {
    display: table-cell;
    vertical-align: top
}
  }
@media (min-width: 768px) {
.footer__col--social-links {
    text-align: right;
    vertical-align: middle
}
  }
.footer-social-link {
  /* inline-flex so the box actually applies (an <a> is inline by default) and so
     the SVG icons and the Font Awesome glyphs centre on the same 40px square. */
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #813eff;
  vertical-align: middle;
}
.footer-social-link__icon {
  width: 24px;
  height: 24px;
}
.footer-social-link + .footer-social-link {
    margin-left: 5px;
  }
.footer-social-link:hover {
    color: #e6fd00;
  }
.copyright a {
  color: #2E3343;
}
.pagination-list {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  display: inline-block;
}
.pagination-next-text {
  margin-right: 16px;
}
[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}
.pagination-prev-text {
  margin-left: 16px;
}
[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}
.satisfaction-box {
  padding: calc(16px * 1.5) 15px;
  margin: 0 0 20px;
  margin-top: 0;
  border-color: #f1f1f1;
  border-radius: 14px;
}
.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: calc(16px * 1.5);
  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: 14px;
  transition: all 0.3s ease;
  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;
    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: #00cf6a;
  border-color: #00cf6a;
}
.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: #009c50;
    border-color: #00924b;
  }
.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: #ff6b6b;
  border-color: #ff5252;
}
.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: #ff3838;
    border-color: #ff1414;
  }
.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: #00924b !important;
  border-color: darken($brand-success, 12%) !important;
}
.satisfaction-box input[type="radio"][checked="checked"][value="bad"] + label {
  color: #fff !important;
  background-color: #ff2e2e !important;
  border-color: #ff1414 !important;
}
.satisfaction-box label.disabled {
  margin-bottom: calc(16px * 1.5) !important;
}
.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: #00cf6a !important;
}
.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: #ff6b6b !important;
}
.satisfaction-comment {
  margin-top: 15px;
}
.satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
  font-size: calc(16px - 5) !important;
  color: #fff;
  background-color: #813eff;
  border-color: #7025ff;
}
.satisfaction-box .satisfaction-submit:hover,
  .satisfaction-box .satisfaction-submit:focus,
  .satisfaction-box .satisfaction-submit:active {
    color: #e0e0e0;
    background-color: #600bff;
    border-color: #5000e6;
  }
.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%;
  color: #E6FD00;
}
.topbar__container-inner {
  position: relative;
  z-index: 4;
  background-color: #813eff;
}
.topbar__inner {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
.topbar__inner {
    display: table
}
  }
.topbar__col {
  position: relative;
  padding: calc(16px * 1.5 / 2) 0;
}
@media (min-width: 768px) {
.topbar__col {
    display: table-cell;
    padding: 20px 0;
    vertical-align: middle
}
  }
.topbar__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
.topbar__controls {
    float: right;
    flex-direction: row;
    align-items: center
}
  }
@media (max-width: 767px) {
.topbar__controls > * + * {
    margin-top: 16px
}
  }
@media (min-width: 768px) {
.topbar__controls > * + * {
    margin-left: 16px
}
  }
@media (max-width: 767px) {
.topbar__collapse {
    display: none;
    padding-top: calc(16px * 1.5 / 2);
    padding-bottom: calc(16px * 1.5)
}
  }
@media (min-width: 768px) {
.topbar__collapse {
    display: block !important
}
  }
@media (max-width: 767px) {
.topbar__menu {
    padding: 0
}
  }
.topbar__search {
  height: 40px;
}
.topbar__search input[type="submit"] {
    display: none;
  }
@media (max-width: 767px) {
.topbar__search {
    display: block !important;
    width: 100%
}
  }
@media (min-width: 768px) {
.topbar__search {
    display: inline-block;
    height: auto
}
  }
.topbar__search-bar {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
.topbar__search-bar {
    display: block !important
}
  }
@media (min-width: 768px) {
.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;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.topbar__btn-search:hover,
  .topbar__btn-search:focus,
  .topbar__btn-search:active {
    background-color: transparent;
    border-color: transparent;
  }
.topbar__btn-search svg circle {
      stroke: $secondary_color;
    }
.topbar__btn-search svg path {
      fill: $secondary_color;
    }
@media (max-width: 767px) {
.topbar__btn-search {
    display: none !important
}
  }
.topbar__link {
  color: $secondary_color;
}
.topbar__link:hover,
  .topbar__link:active,
  .topbar__link:focus {
    color: #aec000;
  }
@media (min-width: 768px) {
.topbar__link {
    margin-right: calc(12px * 2)
}
  }
.topbar--small {
  background-color: #813eff;
}
.topbar--large {
  overflow: hidden;
  color: #E6FD00;
}
.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 #813eff;
  border-radius: 14px;
  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: #5300f1;
    border-color: #5300f1;
  }
@media (max-width: 767px) {
.scroll-to-top {
    display: none
}
  }
/* 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: 767px) {
  .visible-xs {
    display: block;
  }
}
@media (min-width: 768px) 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: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) 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 * 1.5 * 2);
  margin-bottom: calc(16px * 1.5 * 2);
}
.page-header--with-border {
  border-bottom: 1px solid #f1f1f1;
}
.page-header--center {
  text-align: center;
}
.page-description, .visit, .description {
  font-family: "Roboto Mono", monospace;
  font-weight: 500;
  color: #AD82FF;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.page-description--section-page {
  margin-bottom: 24px!important;
}

.visit {
  padding-top: 12px;
  margin-top: 17px;
  display: block;
  text-align: right;
  border-top: 1px solid #AD82FF;
}
.recent-articles h2 {
  margin-bottom: calc(16px * 1.5 / 2);
  font-size: calc(16px * 1.25);
  font-weight: 600;
}
.related-articles h3 {
  margin-bottom: calc(16px * 1.5 / 2);
  font-size: calc(16px * 1.25);
  font-weight: 600;
}
.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 {
  position: relative;
  padding-left: 20px;
  margin-bottom: calc(16px * 1.5 / 2);
  page-break-inside: avoid;
}
.related-articles ul > li a {
  position: relative;
  padding-left: 20px;
  margin-bottom: calc(16px * 1.5 / 2);
  page-break-inside: avoid;
}
.recent-articles ul > li a:before, .related-articles ul > li a:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  background: currentColor;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.section-articles {
  margin-bottom: calc(16px * 1.5 * 2);
}
@media (min-width: 768px) {
.section-articles {
    margin-bottom: calc(16px * 1.5)
}
  }
.section-articles__title {
  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: 7px;
    left: 0;
    content: "";
    background: currentColor;
    width: 8px;
    height: 8px;
    border-radius: 50%;
  }
.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: 768px) {
.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: 768px) {
.community-recent-activity .recent-activity-list {
      display: flex;
      margin-bottom: 16px
  }
    }
.community-recent-activity .recent-activity-item {
  /* Mirrors .block-list-item__link — same card treatment */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  font-weight: 400;
  color: #813eff;
  text-align: left;
  background-color: #FFFFFF;
  border-radius: 24px;
  border: 1px solid #813EFF14;
  transition: all 0.3s ease;
}
  .community-recent-activity .recent-activity-item:hover {
    color: #813eff;
    box-shadow: 0 0 20px 5px rgba(62, 60, 98, 0.08);
  }
@media (min-width: 768px) {
.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: #AD82FF;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
.community-recent-activity .recent-activity-item-comment span:before {
    display: inline-block;
    margin-right: calc(12px / 4);
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\f075";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
.community-recent-activity .recent-activity-item-parent {
    display: none;
    font-weight: 600;
    color: #201f2b;
  }

.community-recent-activity:has(.recent-activity-item-parent) {
  display: none;
}
.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: calc(16px * 1.5);
    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: 14px;
    transition: all 0.3s ease;
    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;
      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;
  font-weight: 700;
}
.recent-activity-no-activities {
  margin-bottom: calc(16px * 1.5);
}
/* User Profiles */
.profile-header {
  margin-bottom: calc(16px * 1.5);
  text-align: center;
}
.profile-header__avatar {
  display: inline-block;
  margin-bottom: 16px;
}
.profile-header__name {
  font-size: calc(16px * 1.5);
}
@media (min-width: 768px) {
.profile-header__name {
    font-size: calc(16px * 1.75)
}
  }
.profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(16px * 1.5);
  background-color: #813eff;
}
.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: #2e3343;
  list-style: none;
}
.profile-stats__stat {
  margin-right: 12px;
  margin-bottom: calc(16px * 1.5 / 4);
}
@media (max-width: 767px) {
.profile-stats__stat {
    display: block
}

    .profile-stats__stat:before {
      display: none;
    }
  }
.profile-stats__label {
  margin-right: calc(12px / 2);
}
.profile-stats__value {
  color: #201f2b;
}
/* Profile Nav */
.profile-nav {
  margin-bottom: calc(16px * 1.5);
  overflow: hidden;
  font-size: calc(calc(16px * 0.85));
  font-weight: 600;
  background-color: #f1f1f1;
  border-radius: 14px;
}
.profile-nav__items {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.profile-nav__item {
  margin-bottom: 0;
}
@media (min-width: 768px) {
.profile-nav__item {
    display: inline-block;
    vertical-align: middle
}
  }
.profile-nav__item a {
    display: block;
    color: #201f2b;
  }
.profile-nav__item.is-active {
    color: #fff;
    background-color: #813eff;
  }
.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: #2e3343;
}
@media (min-width: 768px) {
.profile-section__description {
    padding-bottom: 0
}
  }
/* Profile Section Sorter */
.profile-section-sorter {
  font-size: calc(16px * 0.85);
}
@media (min-width: 768px) {
.profile-section-sorter {
    display: table;
    width: 100%
}
  }
@media (min-width: 768px) {
.profile-section-sorter {
    padding-top: 0;
    border-top: 0
}
  }
@media (min-width: 768px) {
.profile-section-sorter__col {
    display: table-cell;
    vertical-align: middle
}
  }
@media (max-width: 767px) {
.profile-section-sorter__col--main {
    margin-bottom: calc(16px * 1.5 / 2)
}
  }
@media (min-width: 768px) {
.profile-section-sorter__col--main {
    padding-right: calc(12px)
}
  }
@media (min-width: 768px) {
.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: #f9f9f9;
  border-radius: 14px;
}
.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: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    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: #2e3343;
  text-align: center;
}
.profile__private-activity {
  color: #2e3343;
  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: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    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: "\f15c";
}
.profile-activity-list--posts .profile-contribution__title:before,
.profile-activity[class$="-post"] .profile-activity__header:before {
  content: "\f086";
}
.profile-activity-list--comments .profile-contribution__title:before,
.profile-activity[class$="-comment"] .profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}
.user-subscribe {
  display: inline-block;
}
.entry-info {
  display: flex;
  font-size: calc(16px * 0.85);
  align-items: center;
}
.entry-info__avatar {
  padding-right: 12px;
  flex-shrink: 0;
}
.status-label {
  padding: 2px calc(12px / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 14px;
}
.status-label--pending {
  background-color: #ffb300;
}
.status-label--with-ticket {
  background-color: #813eff;
}
.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: #00cf6a;
}
.status-label--new,
.status-label--open {
  background-color: #ff6b6b;
}
.status-label--answered {
  background-color: #ffb300;
}
.status-label--official {
  background-color: #813eff;
}
.status-label--completed,
.status-label--answered {
  background-color: #00cf6a;
}
.status-label--planned {
  background-color: #e6fd00;
}
.status-label--not-planned {
  color: #201f2b;
  background-color: #f1f1f1;
}
.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: 768px) {
.promoted-articles {
    margin-right: -15px;
    margin-left: -15px
}
  }
.promoted-articles__list {
  display: flex;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  list-style: none;
  flex-flow: row wrap;
}
@media (min-width: 768px) {
.promoted-articles__list {
    margin-bottom: 66px
}
  }
.promoted-articles-item {
  display: flex;
  align-items: baseline;
}
.promoted-articles-item .fa-star {
  margin-right: 6px;
  /* color: #e6fd00; */
  color: #813eff;
}
.promoted-articles-item__content {
  display: inline-block;
  vertical-align: top;
}
.promoted-articles__title {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 45px;
  margin-top: 40px;
  text-align: left;
}
@media (min-width: 768px) {
.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: #f1f1f1;
  border-left: 5px solid;
}
.callout p:last-child {
    margin-bottom: 0;
  }
.callout--transparent {
  background-color: transparent;
  border: 1px #dedede;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}
.callout--success {
  color: #201f2b;
  background-color: #d9ffed;
  border-color: #00cf6a;
}
.callout--success .callout__title {
    color: #00cf6a;
  }
.callout--info {
  color: #201f2b;
  background-color: #a3cfff;
  border-color: #007bff;
}
.callout--info .callout__title {
    color: #007bff;
  }
.callout--warning {
  color: #201f2b;
  background-color: #ffd36b;
  border-color: #ffb300;
}
.callout--warning .callout__title {
    color: #ffb300;
  }
.callout--danger {
  color: #201f2b;
  background-color: #fff;
  border-color: #ff6b6b;
}
.callout--danger .callout__title {
    color: #ff6b6b;
  }
.callout--primary {
  color: #201f2b;
  background-color: #fff;
  border-color: #813eff;
}
.callout--primary .callout__title {
    color: #813eff;
  }
.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}
.image-with-border {
  padding: calc(12px - 2px);
  border: 1px solid #d3d6d8;
  border-radius: 14px;
}
.image-with-shadow {
  box-shadow: 0 5px 15px 2px #666;
}
.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;
    transition: transform 0.6s ease;
    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 {
      transform: translate(-50%, -50%) scale(1.1);
    }
.list-colored,
.list-bullet {
  padding-left: 0 !important;
  list-style-type: none;
  counter-reset: list;
}
.list-colored > ul, .list-bullet > ul {
    margin-bottom: 14px;
    list-style: none;
  }
.list-colored > ol, .list-bullet > ol {
    margin-bottom: 14px;
    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: #813eff;
      border-radius: 50%;
    }
.list-bullet > li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
  }
.list-bullet > li:before {
      position: absolute;
      top: -2px;
      left: 0;
      font-family: "Font Awesome 5 Free";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      color: #813eff;
      content: "\f058";
    }
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-primary {
  background-color: #e5d7ff;
}
.text-info {
  background-color: #007bff;
}
.text-warning {
  background-color: #ffb300;
}
.text-danger {
  background-color: #ff6b6b;
}
.text-success {
  background-color: #00cf6a;
}
.accordion {
  padding-top: 0;
  margin-bottom: calc(16px * 1.5);
  border: 1px solid #ddd;
  border-radius: 14px;
}
.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 #ddd;
  }
.accordion__item-title:before {
    position: absolute;
    content: "";
  }
.accordion__item-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
.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 #813eff;
    border-left: 2px solid #813eff;
    transition: transform 0.3s;
    transform: rotate(-45deg);
  }
.accordion--default .accordion__item-title--active {
    background-color: #f0f0f0;
  }
.accordion--default .accordion__item-title--active:before {
      transition: transform 0.3s;
      transform: rotate(135deg);
    }
.accordion--colored .accordion__item-title {
    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: #818a91;
    }
.accordion--colored .accordion__item-title:after {
      position: absolute;
      left: 24px;
      width: 2px;
      height: 10px;
      margin-top: -5px;
      content: "";
      background-color: #818a91;
    }
.accordion--colored .accordion__item-title--active {
      color: #fff;
      background-color: #813eff;
      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 #ddd;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}
.tab p:last-child {
    margin-bottom: 0;
  }
@media (min-width: 768px) {
.tab {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px
}
  }
.tab:nth-child(2) {
  border-top-left-radius: 0;
}
.tabs-link {
  display: block;
  padding: 8px 30px;
  margin: 0;
  font-weight: 600;
  color: #201f2b;
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom-width: 0;
}
.tabs-link:hover {
    color: #813eff;
  }
@media (max-width: 767px) {
.tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd
}

    .tabs-link:first-child {
      border-top-left-radius: 14px;
      border-top-right-radius: 14px;
    }
  }
@media (min-width: 768px) {
.tabs-link {
    display: inline-block
}
  }
.tabs-link.is-active {
  color: #813eff;
  cursor: pointer;
  border-color: #ddd;
}
.tabs-link.is-active:hover {
    color: #813eff;
    cursor: default;
  }
@media (min-width: 768px) {
.tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px
}
  }
.tabs--colored-1 .tab {
    background-color: #fcfcfd !important;
  }
.tabs--colored-1 .tabs-link.is-active {
    background-color: #fcfcfd;
    border-bottom-color: #fcfcfd;
  }
.tabs--colored-2 .tabs-link:hover {
      color: #813eff;
    }
.tabs--colored-2 .tabs-link.is-active {
    color: #fff;
    background-color: #813eff;
    border-color: #813eff;
  }
.tabs--colored-2 .tabs-link.is-active:hover {
      color: #fff;
    }
.tabs--colored-2 .tab {
    background-color: #fcfcfd !important;
  }
.skip-navigation {
  position: absolute;
  top: auto;
  left: -999px;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: white;
  background-color: black;
  align-items: center;
  justify-content: center;
}
.skip-navigation:focus,
.skip-navigation:active {
  top: auto;
  left: auto;
  z-index: 999;
  overflow: auto;
  text-align: center;
  text-decoration: none;
}
/* 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;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #201f2b;
  background-color: transparent;
  border: 1px solid #813eff;
}
.vote-control:hover,
  .vote-control:active,
  .vote-control:focus,
  .vote-control--voted {
    z-index: 2;

    color: #fff;
    background-color: #813eff;
  }
.vote-control--active {
    border-color: #474747;
  }
@media (min-width: 768px) {
.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 #2e3343;
  border-radius: 14px;
}
.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 #f1f1f1;
}
.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 {
  margin-right: 8px;
}
@media (max-width: 767px) {
.topic-filters__item {
    margin-bottom: 8px
}
  }
.topic-controls {
  margin-bottom: calc(16px * 1.5 * 2);
}
@media (min-width: 768px) {
.topic-controls {
    display: flex;
    justify-content: space-between
}
  }
@media (min-width: 768px) {
.topic-controls__item {
    display: flex;
    align-items: center
}
  }
.topic-followers {
  margin-right: 16px;
}
.topic-controls__item--subscribe {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
.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: 768px) {
.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);
  word-break: break-word;
}
.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;
  text-align: center;
}
.post-callout {
  padding: calc(16px * 4.5 / 2) 32px;
  margin-bottom: 55px;
  background-color: rgba(46, 51, 67, 0.05);
  border-radius: 10px;
}
.post-callout__title {
  font-size: calc(16px * 1.1);
  font-weight: 600;
}
@media (min-width: 768px) {
.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 #f1f1f1;
}
@media (min-width: 768px) {
.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: 768px) {
.post-list-item__col {
    display: table-cell;
    vertical-align: top
}
  }
@media (min-width: 768px) {
.post-list-item__col--main {
    width: 60%
}
  }
@media (min-width: 768px) {
.post-list-item__col--side {
    width: 40%;
    text-align: right
}
  }
.post-info {
  font-size: 14px;
  color: #2e3343;
}
@media (min-width: 768px) {
.post-info {
    float: right;
    min-width: 90px;
    padding: calc(12px / 2)
      12px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 14px
}
  }
@media (min-width: 768px) {
.post-info__count {
    display: block;
    font-weight: 600;
    color: #201f2b
}
  }
.post-info + .post-info {
  margin-right: 12px;
}
@media (max-width: 767px) {
    .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: 14px;
}
.post-status--completed,
.post-status--answered {
  background-color: #00cf6a;
}
.post-status--planned {
  background-color: #e6fd00;
}
.post-status--not-planned {
  color: #201f2b;
  background-color: #f1f1f1;
}
@media (min-width: 768px) {
.new-post-page {
    margin-bottom: calc(16px * 1.5 * 2)
}
  }
.new-post-title {
  font-size: calc(16px * 1.5);
}
@media (min-width: 768px) {
.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);
}

.dd{
  border: 1px solid #ff0000;
}
.dd > *{
  border: 1px solid #00ff00;
}

.d-flex{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divider{
    margin-inline: auto;
    margin-top: 2rem;
    border-width: 1.2px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #ECE2FF;
    max-width: 1464px;
}

.powered-by-zendesk{
  background: transparent !important;
}

.container.post-page {
    margin-top: 2rem;
}

.community-recent-activity--title {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-left: -15px;
    margin-right: -15px;
    line-height: 1.2;
    text-align: left;
}

.category-list-title{
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-left: -15px;
  margin-right: -15px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: left;
}

input:not([type="submit"]):not([type="search"]), .nesty-input, textarea, input[type="file"] {
  align-items: center;
  gap: 10px;
  padding: 12px 6px 12px 18px;
  background-color: #fff;
  border: 2px solid #813eff;
  border-radius: 14px;
}

/* Placeholder color and opacity rules, matching @style.css (6370-6381) */
input:not([type="submit"]):not([type="search"])::-moz-placeholder,
.nesty-input::-moz-placeholder,
textarea::-moz-placeholder,
input[type="file"]::-moz-placeholder {
  color: #813eff;
  opacity: 0.4;
}
input:not([type="submit"]):not([type="search"])::-webkit-input-placeholder,
.nesty-input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder {
  color: #813eff;
  opacity: 0.4;
}
input:not([type="submit"]):not([type="search"])::placeholder,
.nesty-input::placeholder,
textarea::placeholder,
input[type="file"]::placeholder {
  color: #813eff;
  opacity: 0.4;
}

/* ==========================================================================
  .CO rebrand — colors and fonts only (see restyle-spec.md)
   ========================================================================== */

/*
  Basetica (body font), self-hosted.
  Asset names are flat and "rebrand-" prefixed because Guide strips subfolders
  inside assets/ on import; the prefix preserves the grouping intent. Names are
  lowercase so the $assets- path variable is unambiguous.

  LICENSING: these are 205TF *trial* files, licensed for evaluation and mockups
  only. They are wired up here for preview. A purchased Basetica webfont (woff2)
  must replace them before this theme goes live on a public Help Centre.
*/
@font-face {
  font-family: "Basetica";
  src: url(/hc/theming_assets/01M0D08ZEZ5ZW5E176N36NHW7M) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basetica";
  src: url(/hc/theming_assets/01M0D08ZHZP000FGRS1MJX1SQ7) format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Basetica";
  src: url(/hc/theming_assets/01M0D08ZJ30XMB4K5SPMKMZVP7) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basetica";
  src: url(/hc/theming_assets/01M0D08ZJ1V3WHPVJJ08GN790J) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/*
  Mono accent. Roboto Mono has no theme setting, so it is applied directly to the
  "visible mono moments": code, breadcrumbs, and the overline-style labels this
  theme already sets in small caps. Badges and chips are deliberately left alone.
*/
code,
pre,
kbd,
.breadcrumbs,
.my-activities-items__head,
.request-table-toolbar label {
  font-family: "Roboto Mono", monospace;
  font-weight: 500;
}

/* Space Grotesk is the display face, and the spec puts buttons on it alongside
   headings. These rules already carry font-weight 700; only the family is missing. */
.btn,
input[type="submit"],
.section-subscribe button,
.article-subscribe button,
.community-follow button,
.requests-table-toolbar .organization-subscribe button,
.subscriptions-subscribe button,
.edit-profile-button a,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  font-family: 'Space Grotesk', sans-serif;
}

/*
  button_color_1 is now lime-yellow, so button labels that were white have to go
  dark to stay legible.

  The :hover/:focus/:active variants are all spelled out because the theme's own
  `.btn:hover, .btn:focus, … { color: #fff }` above is specificity 0,2,0 — a
  base-state override alone (0,1,0) loses to it and the label snaps back to white
  on hover, which is the exact problem this block exists to fix.
*/
.btn--default,
.btn--default:hover,
.btn--default:focus,
.btn--default:active,
.section-subscribe button,
.section-subscribe button:hover,
.section-subscribe button:focus,
.section-subscribe button:active,
.article-subscribe button,
.article-subscribe button:hover,
.article-subscribe button:focus,
.article-subscribe button:active,
.community-follow button,
.community-follow button:hover,
.community-follow button:focus,
.community-follow button:active,
.requests-table-toolbar .organization-subscribe button,
.requests-table-toolbar .organization-subscribe button:hover,
.requests-table-toolbar .organization-subscribe button:focus,
.requests-table-toolbar .organization-subscribe button:active,
.subscriptions-subscribe button,
.subscriptions-subscribe button:hover,
.subscriptions-subscribe button:focus,
.subscriptions-subscribe button:active,
.edit-profile-button a,
.edit-profile-button a:hover,
.edit-profile-button a:focus,
.edit-profile-button a:active,
.pagination-next-link,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-next-link:active,
.pagination-prev-link,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-prev-link:active,
.pagination-first-link,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-first-link:active,
.pagination-last-link,
.pagination-last-link:hover,
.pagination-last-link:focus,
.pagination-last-link:active,
.btn--primary,
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active,
.search-results-filter__item.is-active .search-results-filter__link {
  color: #201f2b;
}

/*
  .vote-control is a .btn--default with a transparent fill that turns purple once
  voted, so the voted chip keeps its white label — restated here because the block
  above would otherwise darken it into the purple.

  Its :hover is deliberately NOT restored: `.btn--default:hover` sets the yellow
  hover fill with !important, which outranks `.vote-control:hover`'s purple, so a
  hovered vote control really is lime and wants the dark label it now inherits.
*/
.vote-control--voted {
  color: #fff;
}

/*
  The article vote buttons are bare `.btn`s on a lime fill, so their purple label
  has to be restated for the interactive states: `.btn:hover { color: #fff }` is
  0,2,0 and outranks the element's own 0,1,0 base rule, which would otherwise put
  white on lime. The --voted chip is purple-filled, so it keeps its white label.
*/
.article-vote-controls__item:hover,
.article-vote-controls__item:focus,
.article-vote-controls__item:active {
  color: #813eff;
}
.article-vote-controls__item--voted,
.article-vote-controls__item--voted:hover,
.article-vote-controls__item--voted:focus,
.article-vote-controls__item--voted:active {
  color: #fff;
  /* Restated so hovering an already-voted chip doesn't drop it back to lime,
     which the 0,2,0 `.article-vote-controls__item:hover` fill would otherwise do. */
  background-color: #813eff;
}

/*
  brand_secondary is now lime-yellow, which white text cannot sit on. These are
  the spots that relied on it being dark: two status chips, and the social icon
  hover, which also has to leave lime now that the footer is cream.
*/
.status-label--planned,
.post-status--planned {
  color: #201f2b;
}
/*
  Hover dims instead of recolouring: the three SVG icons carry their purple in the
  file, so `color` can't move them, and opacity is the one treatment the Font
  Awesome glyphs and the <img> icons respond to identically.
*/
.footer-social-link:hover {
  /* Also pins the colour: the earlier rule swings it to lime, which would leave
     the Font Awesome icons yellow while the SVG ones stayed purple. */
  color: #813eff;
  opacity: 0.7;
}

/* Yellow-on-cream is unreadable for text, so this control follows the link color. */
.search-result__show-more {
  color: #813eff;
}

/*
  This theme uses #813eff as its "white surface" color in a few places.
  Now that it is purple, two of those spots need adjusting:

  1. The footer wrapper would put purple #813eff on a purple panel, so
     it stays on the page background instead.
  2. Card hover lands on purple, so hovered labels flip to white — matching what
     .section-list-item__* already does.
*/
.footer__wrapper {
  background: #faeed9;
}

/*
  The hero band has no background of its own, so the yellow #e6fd00 has
  nothing to sit on. It takes #813eff, the same token as the inner-page
  .page-hero band — the two are one treatment at different sizes.
*/
.hero-unit {
  background-color: #813eff;
  /* Figma leaves 64px between the search block and the end of the band. */
  padding-bottom: 64px;
}

/*
  Hero search, per Figma: one white pill with a 2px purple edge holding the field
  and the submit button. `.search` is the form the {{search}} helper renders
  around both inputs, so it becomes the pill and the field itself goes bare.
*/
.search-box--hero-unit .search {
  align-items: center;
  gap: 10px;
  padding: 6px 6px 6px 18px;
  background-color: #fff;
  border: 2px solid #813eff;
  border-radius: 999px;
}
.search-box--hero-unit .search:before {
  /* The Figma search has no leading magnifier. */
  display: none;
}
.search-box--hero-unit #query,
.search-box--hero-unit #query:focus {
  height: auto;
  padding: 0;
  /* An input's automatic flex minimum is its ~20-character default width, which
     would push the pill wider than a 320px viewport once the submit button is
     restored below. */
  min-width: 0;
  font-size: 14px;
  color: #813eff;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.search-box--hero-unit #query::-moz-placeholder {
  color: #813eff;
  opacity: 0.4;
}
.search-box--hero-unit #query::-webkit-input-placeholder {
  color: #813eff;
  opacity: 0.4;
}
.search-box--hero-unit #query::placeholder {
  color: #813eff;
  opacity: 0.4;
}
.search-box--hero-unit input[type="submit"],
.search-box--hero-unit input[type="submit"]:hover,
.search-box--hero-unit input[type="submit"]:focus,
.search-box--hero-unit input[type="submit"]:active {
  /*
    The base theme hides the submit button below 992px, which left the pill as a
    bare short field on tablets and phones. Restored here so the hero search is
    the same control at every width; this rule outranks the max-width: 991px one
    by source order at equal specificity.
  */
  display: inline-block;
  height: auto;
  /* Same chip at every width — the base theme's min-width: 768px rule that
     widens this to 38px is already overridden by source order. */
  padding: 11px 20px;
  margin-left: 0;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.52px;
  text-transform: uppercase;
  color: #813eff;
  background-color: #e6fd00;
  border-color: transparent;
  border-radius: 999px;
}

/*
  Inner-page hero band: breadcrumbs and the page title on primary, per Figma
  (the article, section and category pages share it). Figma measures 112px
  from the top of the page with the header floating over the band; this theme's
  topbar is its own solid-purple block, so the 40px that remains below it is the
  band's top padding.
*/
.page-hero {
  padding: 40px 0 64px;
  margin-bottom: calc(16px * 1.5 * 2);
  background-color: #813eff;
}
.page-hero .breadcrumbs {
  padding-top: 0;
  margin-bottom: 40px;
  font-size: 11px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.page-hero .breadcrumbs > li {
  color: #e6fd00;
}
/*
  The article, section and category titles all sit in the band, and all three take
  .hero-unit__title's treatment: --h1-size (40/60/96px), #e6fd00, 700,
  1.1. Restated rather than shared with a comma selector because .hero-unit__title
  also carries the hero's own bottom margin, which the band supplies as padding.

  This also replaces a `font-size: font-size: var(--h1-size)` typo that the parser
  dropped, which is why the article title had been rendering at .article__title's
  size in the theme's #813eff — purple on the purple band.

  All margin is dropped so the band's own 40px/64px padding and the 40px under the
  breadcrumbs are the only things setting the spacing; the three pages then measure
  identically whichever element the title happens to be.
*/
.page-hero__title {
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
  font-size: var(--h1-size);
  font-weight: 700;
  line-height: 1.1;
  color: #e6fd00;
}
@media (min-width: 1200px) {
.page-hero__title {
    float: none;
    width: auto;
}
  }

/*
  The band's margin-bottom is now the single source of the gap below it. On the
  section and category pages the block that follows is a .page-header, whose top
  margin was there to push a title away from the topbar — with the title in the
  band that margin would double the gap the article page gets.
*/
.page-hero + .container .page-header {
  margin-top: 0;
}

/*
  main's 60px top padding would leave a strip of page background above a band that
  is meant to butt up against the topbar. The article page zeroes this via
  main:has(.article-page); keying on the band itself covers every page that has one.
*/
main:has(.page-hero) {
  padding-top: 0;
}

main:has(.new-request-page) {
  background-color: #813eff;
  color: #e6fd00;
}

/*
  The category and home page section headings take the same treatment as the
  article sidebar's "Articles in this section" heading — both are h3s, so the
  shared uppercase/family/colour already comes from the global heading rule and
  only these three declarations were missing.
*/
.section__title {
  margin-bottom: calc(16px * 1.5 / 2);
  font-size: calc(16px * 1.25);
  font-weight: 600;
}
/*
  The link fills the heading, so it takes the heading's colour instead of the grey
  it used to set. :hover and :focus are restated because the global `a:hover` is
  0,1,1 and would otherwise pull the darkened link colour back in.
*/
.section__title-link,
.section__title-link:hover,
.section__title-link:focus {
  color: inherit;
}

.upload-item {
  border: 1px solid transparent;
}

.upload-item:hover {
  background: transparent;
  border: 1px solid #e6fd00;
  border-radius: 14px;
}

.upload-item {
  color: inherit;
}

.upload-item .upload-link {
  color: inherit!important;
}