@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.88);
  font-family: Jost, 'Century Gothic', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Jost, 'Century Gothic', sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: rgba(216, 31, 37, 1);
  text-decoration: none;
}
a:visited {
  color: #9358B0;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

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

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
}
input:not([type=checkbox]) {
  outline: none;
}
input:not([type=checkbox]):focus {
  border: 1px solid rgba(216, 31, 37, 1);
}

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
select:focus {
  border: 1px solid rgba(216, 31, 37, 1);
}
select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid #87929D;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
textarea:focus {
  border: 1px solid rgba(216, 31, 37, 1);
}

main {
  /* Limit links */
}
main .container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1160px) {
  main .container {
    padding: 0;
    width: 90%;
  }
}
@media (min-width: 768px) {
  main .narrow-width,
  main .separator {
    max-width: 928px !important;
  }
}
main .section-list--collapsed .section-list-item:nth-child(1n+6) {
  display: none;
}
main .separator,
main .section {
  margin: 2em;
}
@media (min-width: 768px) {
  main .separator,
  main .section {
    margin: 2.2em;
  }
}
@media (min-width: 1024px) {
  main .separator,
  main .section {
    margin: 2.4em;
  }
}
main .section {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
main .section .section-title {
  text-align: center;
  margin-bottom: 0.5em;
}
main .separator {
  width: 100%;
}
main .container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

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

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

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border: 1px solid rgba(216, 31, 37, 1);
  border-radius: 4px;
  color: rgba(216, 31, 37, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: rgba(216, 31, 37, 1);
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
  background-color: rgba(216, 31, 37, 1);
  color: #FFFFFF;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: #7f1216;
  border-color: #7f1216;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, input[type=submit] {
  cursor: pointer;
  background-color: rgba(216, 31, 37, 1);
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, input[type=submit] {
    width: auto;
  }
}
.button-large:visited, input[type=submit]:visited {
  color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  background-color: #7f1216;
}
.button-large[disabled], input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: rgba(51,51,51,0.88);
  border: 1px solid #87929D;
  background-color: transparent;
}
.button-secondary:visited {
  color: rgba(51,51,51,0.88);
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: rgba(0, 0, 0, 0.88);
  border: 1px solid #87929D;
  background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: rgba(216, 31, 37, 1);
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(216, 31, 37, 1);
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}
.table th,
.table th a {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
  text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
  text-align: right;
}
.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}
.table td {
  display: block;
}
@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}
@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

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

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

.form-field input {
  border: 1px solid #87929D;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid rgba(216, 31, 37, 1);
}

.form-field input[type=text] {
  border: 1px solid #87929D;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid rgba(216, 31, 37, 1);
}

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

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #87929D;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid rgba(216, 31, 37, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #87929D;
}

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

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

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

.form-field .optional {
  color: rgba(51,51,51,0.88);
  margin-left: 4px;
}

.form-field p {
  color: rgba(51,51,51,0.88);
  font-size: 12px;
  margin: 5px 0;
}

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

.form footer a {
  color: rgba(51,51,51,0.88);
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: #9358B0;
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

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

.logo span {
  margin: 0 10px;
  color: rgba(216, 31, 37, 1);
}

.logo a {
  display: inline-block;
}

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

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}
.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}
.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}
.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: rgba(216, 31, 37, 1);
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
[dir=rtl] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}
.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
  text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: rgba(0, 0, 0, 0.88);
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}
[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

#zd-modal-container ~ .skip-navigation {
  display: none;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}
.user-info .dropdown-toggle::after {
  display: none;
}
@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}
.user-info > button {
  border: 0;
  color: rgba(216, 31, 37, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: rgba(216, 31, 37, 1);
  background-color: transparent;
}
.user-info > button::after {
  color: rgba(216, 31, 37, 1);
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}
@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}
#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar .icon-agent {
  color: rgba(216, 31, 37, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: rgba(51,51,51,0.88);
}
.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}
.footer-language-selector button {
  color: rgba(51,51,51,0.88);
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: rgba(51,51,51,0.88);
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
  content: ">";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: rgba(216, 31, 37, 1);
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #87929D;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}
.search:focus-within {
  border-color: rgba(216, 31, 37, 1);
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: rgba(216, 31, 37, 1);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(216, 31, 37, 1);
}
.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: rgba(216, 31, 37, 1);
}
[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
  border-left-color: rgba(216, 31, 37, 1);
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: rgba(216, 31, 37, 1);
}
[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
  border-right-color: rgba(216, 31, 37, 1);
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}
[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01J08KF1B6K8FGBMP9R0WG32KK);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}
.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
.sub-nav input[type=search]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  border: 1px solid rgba(216, 31, 37, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(216, 31, 37, 1);
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: rgba(216, 31, 37, 1);
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: rgba(0, 0, 0, 0.88);
}
.blocks-item-link {
  color: rgba(216, 31, 37, 1);
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(216, 31, 37, 1);
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

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

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

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}
.promoted-articles-item {
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%; /* Three columns on desktop */
  }
  [dir=rtl] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}
.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}
.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}
.promoted-articles-item:last-child a {
  border: 0;
}
@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}
.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01J08KF6YVHRDZSN873XEXQD9T);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.community a:visited {
  color: #9358B0;
}
.community a:hover, .community a:active, .community a:focus {
  color: #0F3554;
}

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

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: rgba(0, 0, 0, 0.88);
  margin: 15px 0 0 0;
  float: none;
}
@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}
.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #9358B0;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #0F3554;
}
.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(216, 31, 37, 1);
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: rgba(0, 0, 0, 0.88);
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: rgba(0, 0, 0, 0.88);
}

.icon-star {
  color: rgba(216, 31, 37, 1);
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}
.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid #ddd;
}
.section-list-item a {
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.article-body a:visited {
  color: #9358B0;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #0F3554;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: rgba(51,51,51,0.88);
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.article-comment-count {
  color: rgba(51,51,51,0.88);
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(216, 31, 37, 1);
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}
.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #9358B0;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #0F3554;
}
.article-return-to-top {
  border-top: 1px solid #87929D;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: rgba(0, 0, 0, 0.88);
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
  color: rgba(0, 0, 0, 0.88);
  left: 0;
  position: absolute;
  top: 5px;
}
[dir=rtl] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: rgba(51,51,51,0.88);
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

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

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: rgba(51,51,51,0.88);
}
.share a:hover {
  text-decoration: none;
  color: rgba(216, 31, 37, 1);
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: rgba(51,51,51,0.88);
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #9358B0;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #0F3554;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(216, 31, 37, 1);
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}
.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}
.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}
.comment-meta {
  flex: 1 1 auto;
}
.comment-labels {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}
.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}
.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}
.comment-container {
  width: 100%;
}
.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }
  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}
.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: rgba(216, 31, 37, 1);
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: Jost, 'Century Gothic', sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.comment-body a:visited {
  color: #9358B0;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #0F3554;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: rgba(51,51,51,0.88);
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: rgba(51,51,51,0.88);
  display: block;
  margin: 3px 0;
}
[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(216, 31, 37, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: rgba(51,51,51,0.88);
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(216, 31, 37, 1);
}

.vote-voted:hover {
  color: #7f1216;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01J08KF6FFRG1M50BFY979P0KD);
  margin-bottom: 10px;
}
.community-footer {
  padding-top: 50px;
  text-align: center;
}
.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}
.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}
.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}
.community-header {
  margin-bottom: 30px;
}
.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

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

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}
.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}
.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

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

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}
.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}
.community-follow button:hover {
  background-color: rgba(216, 31, 37, 1);
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: rgba(216, 31, 37, 1);
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #7f1216;
  border-color: #7f1216;
}
.community-follow button::after {
  border-left: 1px solid rgba(216, 31, 37, 1);
  content: attr(data-follower-count);
  color: rgba(216, 31, 37, 1);
  display: inline-block;
  font-family: Jost, 'Century Gothic', sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}
@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}
[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid rgba(216, 31, 37, 1);
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}
.striped-list-info {
  flex: 2;
}
.striped-list-title {
  color: rgba(216, 31, 37, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}
.striped-list-title:visited {
  color: #9358B0;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}
.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}
.striped-list-count-item:last-child::after {
  display: none;
}
.striped-list-number {
  text-align: center;
}
@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(0, 0, 0, 0.88);
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(216, 31, 37, 1);
}
.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: rgba(51,51,51,0.88);
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.post-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}
.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}
.post-header .status-label {
  vertical-align: super;
}
.post-title {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
.post-title h1 {
  display: inline;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}
.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.post-avatar {
  margin-bottom: 30px;
}
.post-content {
  font-family: Jost, 'Century Gothic', sans-serif;
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  margin-bottom: 40px;
}
.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}
.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}
[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}
.post-body {
  display: flow-root;
}
.post-body a {
  color: rgba(216, 31, 37, 1);
  text-decoration: underline;
}
.post-body a:visited {
  color: #9358B0;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #0F3554;
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: rgba(51,51,51,0.88);
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: rgba(51,51,51,0.88);
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: rgba(216, 31, 37, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}
.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

.community-badge-achievements {
  display: flex;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}
.collapsible-nav-toggle-icon {
  display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid rgba(216, 31, 37, 1);
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: rgba(0, 0, 0, 0.88);
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: rgba(0, 0, 0, 0.88);
  display: block;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: none;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    padding: 15px 0 11px 0;
  }
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(216, 31, 37, 1);
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: rgba(0, 0, 0, 0.88);
}

.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),
.collapsible-nav[aria-expanded=true] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}
.collapsible-sidebar-toggle-icon {
  display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(216, 31, 37, 1);
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar[aria-expanded=true] {
  max-height: none;
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #f2f2f2;
  margin-bottom: 20px;
}
.my-activities-sub-nav {
  margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.my-activities-table thead {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}
.my-activities-table td:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}
.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}
.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests-table-toolbar .request-table-filter {
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}
.requests-table-toolbar .request-filter {
  display: block;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}
.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}
.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir=rtl] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}
.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}
.requests-table-toolbar + .requests {
  margin-top: 40px;
}
.requests .requests-table-meta {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}
.requests .requests-table thead {
  display: none;
}
@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}
.requests .requests-table-info {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}
.subscriptions-table td:last-child {
  display: block;
}
@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}
.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}
.subscriptions-table .user-avatar {
  margin-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: rgba(51,51,51,0.88);
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}
.request-main {
  flex: 1 0 auto;
  order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: rgba(51,51,51,0.88);
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid rgba(216, 31, 37, 1);
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(216, 31, 37, 1);
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
}
@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}
.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}
@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #f7f7f7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}
.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}
.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.request-details:last-child {
  border: 0;
}
.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}
.request-details dd {
  padding: 0 10px;
  width: 60%;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  color: rgba(51,51,51,0.88);
  width: 40%;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir=rtl] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

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

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

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

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}
[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

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

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

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  vertical-align: middle;
  display: inline;
}

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

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

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

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

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

.profile-stats .stat-label {
  color: rgba(51,51,51,0.88);
  flex: 0 0 100px;
  margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

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

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

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

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

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

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

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

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

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(216, 31, 37, 1);
  border-radius: 4px;
  color: rgba(216, 31, 37, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}
.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

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

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

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

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

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: rgba(51,51,51,0.88);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}
@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}
.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}
.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}
.profile-badges-item-image img {
  max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.profile-badges-item-title {
  font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

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

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

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

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

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

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

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
  right: 0;
}
.profile-contribution-icon svg {
  vertical-align: middle;
}

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

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

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

.private-activity-icon {
  margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

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

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

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

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}
@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

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

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

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}
.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.88);
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: rgba(216, 31, 37, 1);
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px 0;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: rgba(216, 31, 37, 1);
}
.search-results .no-results .action-prompt a:visited {
  color: rgba(216, 31, 37, 1);
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
  color: rgba(51,51,51,0.88);
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(216, 31, 37, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
[dir=rtl] .notification-inline {
  text-align: right;
}
.notification-inline[aria-hidden=true] {
  display: none;
}
.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}
.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}
.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

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

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}
[dir=rtl] .dropdown-menu {
  text-align: right;
}
.dropdown-menu [role=separator] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: #2f3941;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
  padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: rgba(31, 115, 183, 0.08);
  text-decoration: none;
  color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  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");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
[dir=rtl] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #87929D;
}

/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}

/** Brand Colour Base For Overrides **/
/* icons */
.reb-icon,
.clear-button svg {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.88);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  content: " ";
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
.reb-icon.icon-mail,
.clear-button svg.icon-mail {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5C1 3.90625 1.875 3 3 3H15C16.0938 3 17 3.90625 17 5V13C17 14.125 16.0938 15 15 15H3C1.875 15 1 14.125 1 13V5ZM2.5 5V5.71875L7.875 10.125C8.53125 10.6562 9.4375 10.6562 10.0938 10.125L15.5 5.71875V5C15.5 4.75 15.25 4.5 15 4.5H3C2.71875 4.5 2.5 4.75 2.5 5ZM2.5 7.65625V13C2.5 13.2812 2.71875 13.5 3 13.5H15C15.25 13.5 15.5 13.2812 15.5 13V7.65625L11.0625 11.2812C9.84375 12.2812 8.125 12.2812 6.90625 11.2812L2.5 7.65625Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5C1 3.90625 1.875 3 3 3H15C16.0938 3 17 3.90625 17 5V13C17 14.125 16.0938 15 15 15H3C1.875 15 1 14.125 1 13V5ZM2.5 5V5.71875L7.875 10.125C8.53125 10.6562 9.4375 10.6562 10.0938 10.125L15.5 5.71875V5C15.5 4.75 15.25 4.5 15 4.5H3C2.71875 4.5 2.5 4.75 2.5 5ZM2.5 7.65625V13C2.5 13.2812 2.71875 13.5 3 13.5H15C15.25 13.5 15.5 13.2812 15.5 13V7.65625L11.0625 11.2812C9.84375 12.2812 8.125 12.2812 6.90625 11.2812L2.5 7.65625Z" fill="black"/></svg>');
}
.reb-icon.icon-info,
.clear-button svg.icon-info {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM11.5625 13.625C12.0703 13.625 12.5 14.0547 12.5 14.5625C12.5 15.1094 12.0703 15.5 11.5625 15.5H8.4375C7.89062 15.5 7.5 15.1094 7.5 14.5625C7.5 14.0547 7.89062 13.625 8.4375 13.625H9.0625V11.125H8.75C8.20312 11.125 7.8125 10.7344 7.8125 10.1875C7.8125 9.67969 8.20312 9.25 8.75 9.25H10C10.5078 9.25 10.9375 9.67969 10.9375 10.1875V13.625H11.5625ZM10 8C9.29688 8 8.75 7.45312 8.75 6.75C8.75 6.08594 9.29688 5.5 10 5.5C10.6641 5.5 11.25 6.08594 11.25 6.75C11.25 7.45312 10.6641 8 10 8Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM11.5625 13.625C12.0703 13.625 12.5 14.0547 12.5 14.5625C12.5 15.1094 12.0703 15.5 11.5625 15.5H8.4375C7.89062 15.5 7.5 15.1094 7.5 14.5625C7.5 14.0547 7.89062 13.625 8.4375 13.625H9.0625V11.125H8.75C8.20312 11.125 7.8125 10.7344 7.8125 10.1875C7.8125 9.67969 8.20312 9.25 8.75 9.25H10C10.5078 9.25 10.9375 9.67969 10.9375 10.1875V13.625H11.5625ZM10 8C9.29688 8 8.75 7.45312 8.75 6.75C8.75 6.08594 9.29688 5.5 10 5.5C10.6641 5.5 11.25 6.08594 11.25 6.75C11.25 7.45312 10.6641 8 10 8Z" fill="black"/></svg>');
}
.reb-icon.icon-ol-list,
.clear-button svg.icon-ol-list {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.43844 4.1875H20.0634C20.5713 4.1875 21.0009 3.79688 21.0009 3.25C21.0009 2.74219 20.5713 2.3125 20.0634 2.3125H9.43844C8.89157 2.3125 8.50094 2.74219 8.50094 3.25C8.50094 3.79688 8.89157 4.1875 9.43844 4.1875ZM20.0634 14.8125H9.43844C8.89157 14.8125 8.50094 15.2422 8.50094 15.75C8.50094 16.2969 8.89157 16.6875 9.43844 16.6875H20.0634C20.5713 16.6875 21.0009 16.2969 21.0009 15.75C21.0009 15.2422 20.5713 14.8125 20.0634 14.8125ZM20.0634 8.5625H9.43844C8.89157 8.5625 8.50094 8.99219 8.50094 9.5C8.50094 10.0469 8.89157 10.4375 9.43844 10.4375H20.0634C20.5713 10.4375 21.0009 10.0469 21.0009 9.5C21.0009 8.99219 20.5713 8.5625 20.0634 8.5625ZM2.56344 8.25H5.68844C6.19626 8.25 6.62594 7.85938 6.62594 7.3125C6.62594 6.72656 6.19626 6.375 5.68844 6.375H5.06344V1.6875C5.06344 1.375 4.86813 1.0625 4.55563 0.90625C4.28219 0.710938 3.93063 0.710938 3.61813 0.90625L2.36813 1.60938C1.93844 1.88281 1.78219 2.46875 2.05563 2.89844C2.29001 3.28906 2.75876 3.48438 3.18844 3.32812V6.375H2.56344C2.01657 6.375 1.62594 6.80469 1.62594 7.3125C1.62594 7.85938 2.01657 8.25 2.56344 8.25ZM6.31344 16.375H4.36032L5.80563 15.125C6.97751 14.1094 7.09469 12.3516 6.11813 11.1797C5.61032 10.5547 4.90719 10.2031 4.12594 10.1641C3.38376 10.0859 2.60251 10.3203 2.01657 10.8281L1.54782 11.2578C1.15719 11.6094 1.11813 12.1953 1.43063 12.5859C1.78219 12.9766 2.36813 13.0156 2.75876 12.7031L3.26657 12.2734C3.46188 12.0781 3.73532 12 4.00876 12.0391C4.28219 12.0391 4.51657 12.1562 4.67282 12.3906C5.02438 12.7812 4.98532 13.3672 4.55563 13.7188L1.31344 16.6484C1.00094 16.8828 0.922818 17.3125 1.04001 17.6641C1.19626 18.0156 1.54782 18.25 1.89938 18.25H6.31344C6.82126 18.25 7.25094 17.8594 7.25094 17.3516C7.25094 16.8047 6.82126 16.375 6.31344 16.375Z" fill="%23A31D22"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.43844 4.1875H20.0634C20.5713 4.1875 21.0009 3.79688 21.0009 3.25C21.0009 2.74219 20.5713 2.3125 20.0634 2.3125H9.43844C8.89157 2.3125 8.50094 2.74219 8.50094 3.25C8.50094 3.79688 8.89157 4.1875 9.43844 4.1875ZM20.0634 14.8125H9.43844C8.89157 14.8125 8.50094 15.2422 8.50094 15.75C8.50094 16.2969 8.89157 16.6875 9.43844 16.6875H20.0634C20.5713 16.6875 21.0009 16.2969 21.0009 15.75C21.0009 15.2422 20.5713 14.8125 20.0634 14.8125ZM20.0634 8.5625H9.43844C8.89157 8.5625 8.50094 8.99219 8.50094 9.5C8.50094 10.0469 8.89157 10.4375 9.43844 10.4375H20.0634C20.5713 10.4375 21.0009 10.0469 21.0009 9.5C21.0009 8.99219 20.5713 8.5625 20.0634 8.5625ZM2.56344 8.25H5.68844C6.19626 8.25 6.62594 7.85938 6.62594 7.3125C6.62594 6.72656 6.19626 6.375 5.68844 6.375H5.06344V1.6875C5.06344 1.375 4.86813 1.0625 4.55563 0.90625C4.28219 0.710938 3.93063 0.710938 3.61813 0.90625L2.36813 1.60938C1.93844 1.88281 1.78219 2.46875 2.05563 2.89844C2.29001 3.28906 2.75876 3.48438 3.18844 3.32812V6.375H2.56344C2.01657 6.375 1.62594 6.80469 1.62594 7.3125C1.62594 7.85938 2.01657 8.25 2.56344 8.25ZM6.31344 16.375H4.36032L5.80563 15.125C6.97751 14.1094 7.09469 12.3516 6.11813 11.1797C5.61032 10.5547 4.90719 10.2031 4.12594 10.1641C3.38376 10.0859 2.60251 10.3203 2.01657 10.8281L1.54782 11.2578C1.15719 11.6094 1.11813 12.1953 1.43063 12.5859C1.78219 12.9766 2.36813 13.0156 2.75876 12.7031L3.26657 12.2734C3.46188 12.0781 3.73532 12 4.00876 12.0391C4.28219 12.0391 4.51657 12.1562 4.67282 12.3906C5.02438 12.7812 4.98532 13.3672 4.55563 13.7188L1.31344 16.6484C1.00094 16.8828 0.922818 17.3125 1.04001 17.6641C1.19626 18.0156 1.54782 18.25 1.89938 18.25H6.31344C6.82126 18.25 7.25094 17.8594 7.25094 17.3516C7.25094 16.8047 6.82126 16.375 6.31344 16.375Z" fill="%23A31D22"/></svg>');
}
.reb-icon.icon-ul-list,
.clear-button svg.icon-ul-list {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 0C2.16406 0 2.75 0.585938 2.75 1.25C2.75 1.95312 2.16406 2.5 1.5 2.5C0.796875 2.5 0.25 1.95312 0.25 1.25C0.25 0.585938 0.796875 0 1.5 0ZM18.0625 0.3125C18.5703 0.3125 19 0.742188 19 1.25C19 1.79688 18.5703 2.1875 18.0625 2.1875H6.1875C5.64062 2.1875 5.25 1.79688 5.25 1.25C5.25 0.742188 5.64062 0.3125 6.1875 0.3125H18.0625ZM18.0625 6.5625C18.5703 6.5625 19 6.99219 19 7.5C19 8.04688 18.5703 8.4375 18.0625 8.4375H6.1875C5.64062 8.4375 5.25 8.04688 5.25 7.5C5.25 6.99219 5.64062 6.5625 6.1875 6.5625H18.0625ZM18.0625 12.8125C18.5703 12.8125 19 13.2422 19 13.75C19 14.2969 18.5703 14.6875 18.0625 14.6875H6.1875C5.64062 14.6875 5.25 14.2969 5.25 13.75C5.25 13.2422 5.64062 12.8125 6.1875 12.8125H18.0625ZM1.5 8.75C0.796875 8.75 0.25 8.20312 0.25 7.5C0.25 6.83594 0.796875 6.25 1.5 6.25C2.16406 6.25 2.75 6.83594 2.75 7.5C2.75 8.20312 2.16406 8.75 1.5 8.75ZM1.5 12.5C2.16406 12.5 2.75 13.0859 2.75 13.75C2.75 14.4531 2.16406 15 1.5 15C0.796875 15 0.25 14.4531 0.25 13.75C0.25 13.0859 0.796875 12.5 1.5 12.5Z" fill="black" fill-opacity="0.88"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="19" height="15" viewBox="0 0 19 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 0C2.16406 0 2.75 0.585938 2.75 1.25C2.75 1.95312 2.16406 2.5 1.5 2.5C0.796875 2.5 0.25 1.95312 0.25 1.25C0.25 0.585938 0.796875 0 1.5 0ZM18.0625 0.3125C18.5703 0.3125 19 0.742188 19 1.25C19 1.79688 18.5703 2.1875 18.0625 2.1875H6.1875C5.64062 2.1875 5.25 1.79688 5.25 1.25C5.25 0.742188 5.64062 0.3125 6.1875 0.3125H18.0625ZM18.0625 6.5625C18.5703 6.5625 19 6.99219 19 7.5C19 8.04688 18.5703 8.4375 18.0625 8.4375H6.1875C5.64062 8.4375 5.25 8.04688 5.25 7.5C5.25 6.99219 5.64062 6.5625 6.1875 6.5625H18.0625ZM18.0625 12.8125C18.5703 12.8125 19 13.2422 19 13.75C19 14.2969 18.5703 14.6875 18.0625 14.6875H6.1875C5.64062 14.6875 5.25 14.2969 5.25 13.75C5.25 13.2422 5.64062 12.8125 6.1875 12.8125H18.0625ZM1.5 8.75C0.796875 8.75 0.25 8.20312 0.25 7.5C0.25 6.83594 0.796875 6.25 1.5 6.25C2.16406 6.25 2.75 6.83594 2.75 7.5C2.75 8.20312 2.16406 8.75 1.5 8.75ZM1.5 12.5C2.16406 12.5 2.75 13.0859 2.75 13.75C2.75 14.4531 2.16406 15 1.5 15C0.796875 15 0.25 14.4531 0.25 13.75C0.25 13.0859 0.796875 12.5 1.5 12.5Z" fill="black" fill-opacity="0.88"/></svg>');
}
.reb-icon.icon-pc,
.clear-button svg.icon-pc {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 0.500122H2.75C1.34375 0.500122 0.25 1.63293 0.25 3.00012V14.2501C0.25 15.6564 1.34375 16.7501 2.75 16.7501H8.53125L8.14062 18.6251H6.1875C5.64062 18.6251 5.25 19.0548 5.25 19.5626C5.25 20.1095 5.64062 20.5001 6.1875 20.5001H16.8125C17.3203 20.5001 17.75 20.1095 17.75 19.5626C17.75 19.0548 17.3203 18.6251 16.8125 18.6251H14.8203L14.4297 16.7501H20.25C21.6172 16.7501 22.75 15.6564 22.75 14.2501V3.00012C22.75 1.63293 21.6172 0.500122 20.25 0.500122ZM12.9062 18.6251H10.0547L10.4453 16.7501H12.5156L12.9062 18.6251ZM20.875 14.2501C20.875 14.6017 20.5625 14.8751 20.25 14.8751H2.75C2.39844 14.8751 2.125 14.6017 2.125 14.2501V12.3751H20.875V14.2501ZM20.875 10.5001H2.125V3.00012C2.125 2.68762 2.39844 2.37512 2.75 2.37512H20.25C20.5625 2.37512 20.875 2.68762 20.875 3.00012V10.5001Z" fill="%23A31D22"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 0.500122H2.75C1.34375 0.500122 0.25 1.63293 0.25 3.00012V14.2501C0.25 15.6564 1.34375 16.7501 2.75 16.7501H8.53125L8.14062 18.6251H6.1875C5.64062 18.6251 5.25 19.0548 5.25 19.5626C5.25 20.1095 5.64062 20.5001 6.1875 20.5001H16.8125C17.3203 20.5001 17.75 20.1095 17.75 19.5626C17.75 19.0548 17.3203 18.6251 16.8125 18.6251H14.8203L14.4297 16.7501H20.25C21.6172 16.7501 22.75 15.6564 22.75 14.2501V3.00012C22.75 1.63293 21.6172 0.500122 20.25 0.500122ZM12.9062 18.6251H10.0547L10.4453 16.7501H12.5156L12.9062 18.6251ZM20.875 14.2501C20.875 14.6017 20.5625 14.8751 20.25 14.8751H2.75C2.39844 14.8751 2.125 14.6017 2.125 14.2501V12.3751H20.875V14.2501ZM20.875 10.5001H2.125V3.00012C2.125 2.68762 2.39844 2.37512 2.75 2.37512H20.25C20.5625 2.37512 20.875 2.68762 20.875 3.00012V10.5001Z" fill="%23A31D22"/></svg>');
}
.reb-icon.icon-exit,
.clear-button svg.icon-exit {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2212 15.5517C17.7079 16.0925 17.7079 16.9038 17.2212 17.3906C16.6803 17.9315 15.869 17.9315 15.3822 17.3906L9 10.9543L2.5637 17.3906C2.02284 17.9315 1.21154 17.9315 0.72476 17.3906C0.183895 16.9038 0.183895 16.0925 0.72476 15.5517L7.16106 9.11539L0.72476 2.67909C0.183895 2.13822 0.183895 1.32692 0.72476 0.840145C1.21154 0.29928 2.02284 0.29928 2.50962 0.840145L9 7.33053L15.4363 0.894232C15.9231 0.353366 16.7344 0.353366 17.2212 0.894232C17.762 1.38101 17.762 2.19231 17.2212 2.73317L10.7849 9.11539L17.2212 15.5517Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2212 15.5517C17.7079 16.0925 17.7079 16.9038 17.2212 17.3906C16.6803 17.9315 15.869 17.9315 15.3822 17.3906L9 10.9543L2.5637 17.3906C2.02284 17.9315 1.21154 17.9315 0.72476 17.3906C0.183895 16.9038 0.183895 16.0925 0.72476 15.5517L7.16106 9.11539L0.72476 2.67909C0.183895 2.13822 0.183895 1.32692 0.72476 0.840145C1.21154 0.29928 2.02284 0.29928 2.50962 0.840145L9 7.33053L15.4363 0.894232C15.9231 0.353366 16.7344 0.353366 17.2212 0.894232C17.762 1.38101 17.762 2.19231 17.2212 2.73317L10.7849 9.11539L17.2212 15.5517Z" fill="black"/></svg>');
  width: 16px;
  height: 16px;
}
.reb-icon.icon-search,
.clear-button svg.icon-search {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5938 24.168L18.7891 17.3633C20.2617 15.5859 21.0742 13.3008 21.0742 10.8125C21.0742 5.02344 16.3008 0.25 10.5117 0.25C4.67188 0.25 0 5.02344 0 10.8125C0 16.6523 4.72266 21.375 10.5117 21.375C12.9492 21.375 15.2344 20.5625 17.0625 19.0898L23.8672 25.8945C24.1211 26.1484 24.4258 26.25 24.7812 26.25C25.0859 26.25 25.3906 26.1484 25.5938 25.8945C26.1016 25.4375 26.1016 24.6758 25.5938 24.168ZM2.4375 10.8125C2.4375 6.34375 6.04297 2.6875 10.5625 2.6875C15.0312 2.6875 18.6875 6.34375 18.6875 10.8125C18.6875 15.332 15.0312 18.9375 10.5625 18.9375C6.04297 18.9375 2.4375 15.332 2.4375 10.8125Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5938 24.168L18.7891 17.3633C20.2617 15.5859 21.0742 13.3008 21.0742 10.8125C21.0742 5.02344 16.3008 0.25 10.5117 0.25C4.67188 0.25 0 5.02344 0 10.8125C0 16.6523 4.72266 21.375 10.5117 21.375C12.9492 21.375 15.2344 20.5625 17.0625 19.0898L23.8672 25.8945C24.1211 26.1484 24.4258 26.25 24.7812 26.25C25.0859 26.25 25.3906 26.1484 25.5938 25.8945C26.1016 25.4375 26.1016 24.6758 25.5938 24.168ZM2.4375 10.8125C2.4375 6.34375 6.04297 2.6875 10.5625 2.6875C15.0312 2.6875 18.6875 6.34375 18.6875 10.8125C18.6875 15.332 15.0312 18.9375 10.5625 18.9375C6.04297 18.9375 2.4375 15.332 2.4375 10.8125Z" fill="black"/></svg>');
}
.reb-icon.icon-search.search-icon,
.clear-button svg.icon-search.search-icon {
  position: absolute;
}
.reb-icon.icon-caret,
.clear-button svg.icon-caret {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.26693 1.08789L6.85026 5.63542C7.0651 5.88607 7.20833 6.17253 7.20833 6.45898C7.20833 6.70964 7.0651 7.0319 6.85026 7.24675L2.26693 11.7943C1.94466 12.1165 1.44336 12.224 1.01367 12.0449C0.583985 11.8659 0.333333 11.5078 0.333333 11.0423V1.87565C0.333333 1.44596 0.583985 1.01628 1.01367 0.83724C1.44336 0.658204 1.94466 0.765626 2.26693 1.08789Z" fill="%23A31D22"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.26693 1.08789L6.85026 5.63542C7.0651 5.88607 7.20833 6.17253 7.20833 6.45898C7.20833 6.70964 7.0651 7.0319 6.85026 7.24675L2.26693 11.7943C1.94466 12.1165 1.44336 12.224 1.01367 12.0449C0.583985 11.8659 0.333333 11.5078 0.333333 11.0423V1.87565C0.333333 1.44596 0.583985 1.01628 1.01367 0.83724C1.44336 0.658204 1.94466 0.765626 2.26693 1.08789Z" fill="%23A31D22"/></svg>');
  width: 12px;
  height: 12px;
}
.reb-icon.arrow-icon,
.clear-button svg.arrow-icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3086 5.79395L8.08984 10.0127C7.93164 10.1709 7.7207 10.25 7.50977 10.25C7.27246 10.25 7.06152 10.1709 6.90332 10.0127C6.56055 9.69629 6.56055 9.14258 6.90332 8.82617L9.67188 6.03125H1.60352C1.12891 6.03125 0.759766 5.66211 0.759766 5.1875C0.759766 4.73926 1.12891 4.34375 1.60352 4.34375H9.67188L6.90332 1.5752C6.56055 1.25879 6.56055 0.705078 6.90332 0.388672C7.21973 0.0458984 7.77344 0.0458984 8.08984 0.388672L12.3086 4.60742C12.6514 4.92383 12.6514 5.47754 12.3086 5.79395Z' fill='%23BBBBBB'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3086 5.79395L8.08984 10.0127C7.93164 10.1709 7.7207 10.25 7.50977 10.25C7.27246 10.25 7.06152 10.1709 6.90332 10.0127C6.56055 9.69629 6.56055 9.14258 6.90332 8.82617L9.67188 6.03125H1.60352C1.12891 6.03125 0.759766 5.66211 0.759766 5.1875C0.759766 4.73926 1.12891 4.34375 1.60352 4.34375H9.67188L6.90332 1.5752C6.56055 1.25879 6.56055 0.705078 6.90332 0.388672C7.21973 0.0458984 7.77344 0.0458984 8.08984 0.388672L12.3086 4.60742C12.6514 4.92383 12.6514 5.47754 12.3086 5.79395Z' fill='%23BBBBBB'%3E%3C/path%3E%3C/svg%3E");
  width: 15px;
  height: 15px;
}
.reb-icon.scroll-up-icon,
.clear-button svg.scroll-up-icon {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.53125 2.67578C0.820312 2.67578 0.3125 2.11719 0.3125 1.45703C0.3125 0.746094 0.820312 0.1875 1.53125 0.1875H18.5938C19.2539 0.1875 19.8125 0.746094 19.8125 1.45703C19.8125 2.11719 19.2539 2.67578 18.5938 2.67578H1.53125ZM4.42578 14.0508C3.96875 14.5078 3.20703 14.5586 2.69922 14.1016C2.19141 13.6445 2.19141 12.832 2.64844 12.375L9.14844 5.41797C9.60547 4.96094 10.4688 4.96094 10.9258 5.41797L17.4258 12.375C17.8828 12.832 17.8828 13.6445 17.375 14.1016C17.1211 14.3047 16.8164 14.4062 16.5625 14.4062C16.207 14.4062 15.9023 14.3047 15.6484 14.0508L11.2812 9.37891V21.7188C11.2812 22.4297 10.7227 22.9375 10.0625 22.9375C9.35156 22.9375 8.84375 22.4297 8.84375 21.7188V9.37891L4.42578 14.0508Z" fill="%23C20000"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.53125 2.67578C0.820312 2.67578 0.3125 2.11719 0.3125 1.45703C0.3125 0.746094 0.820312 0.1875 1.53125 0.1875H18.5938C19.2539 0.1875 19.8125 0.746094 19.8125 1.45703C19.8125 2.11719 19.2539 2.67578 18.5938 2.67578H1.53125ZM4.42578 14.0508C3.96875 14.5078 3.20703 14.5586 2.69922 14.1016C2.19141 13.6445 2.19141 12.832 2.64844 12.375L9.14844 5.41797C9.60547 4.96094 10.4688 4.96094 10.9258 5.41797L17.4258 12.375C17.8828 12.832 17.8828 13.6445 17.375 14.1016C17.1211 14.3047 16.8164 14.4062 16.5625 14.4062C16.207 14.4062 15.9023 14.3047 15.6484 14.0508L11.2812 9.37891V21.7188C11.2812 22.4297 10.7227 22.9375 10.0625 22.9375C9.35156 22.9375 8.84375 22.4297 8.84375 21.7188V9.37891L4.42578 14.0508Z" fill="%23C20000"/></svg>');
}
.reb-icon.icon-circled-question,
.clear-button svg.icon-circled-question {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM10 13.625C10.6641 13.625 11.25 14.1719 11.25 14.875C11.25 15.5781 10.6641 16.125 10 16.125C9.25781 16.125 8.75 15.5781 8.75 14.875C8.75 14.1719 9.29688 13.625 10 13.625ZM11.2891 5.5C12.8516 5.5 14.0625 6.71094 14.0234 8.23438C14.0234 9.17188 13.5156 10.0703 12.6953 10.5781L10.9375 11.6719V11.75C10.9375 12.2578 10.5078 12.6875 10 12.6875C9.49219 12.6875 9.0625 12.2578 9.0625 11.75V11.125C9.0625 10.8125 9.21875 10.5 9.53125 10.3047L11.7578 8.97656C12.0312 8.82031 12.1875 8.54688 12.1875 8.23438C12.1875 7.76562 11.7578 7.375 11.25 7.375H9.25781C8.78906 7.375 8.4375 7.76562 8.4375 8.23438C8.4375 8.74219 8.00781 9.17188 7.5 9.17188C6.99219 9.17188 6.5625 8.74219 6.5625 8.23438C6.5625 6.71094 7.77344 5.5 9.29688 5.5H11.2891Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM10 13.625C10.6641 13.625 11.25 14.1719 11.25 14.875C11.25 15.5781 10.6641 16.125 10 16.125C9.25781 16.125 8.75 15.5781 8.75 14.875C8.75 14.1719 9.29688 13.625 10 13.625ZM11.2891 5.5C12.8516 5.5 14.0625 6.71094 14.0234 8.23438C14.0234 9.17188 13.5156 10.0703 12.6953 10.5781L10.9375 11.6719V11.75C10.9375 12.2578 10.5078 12.6875 10 12.6875C9.49219 12.6875 9.0625 12.2578 9.0625 11.75V11.125C9.0625 10.8125 9.21875 10.5 9.53125 10.3047L11.7578 8.97656C12.0312 8.82031 12.1875 8.54688 12.1875 8.23438C12.1875 7.76562 11.7578 7.375 11.25 7.375H9.25781C8.78906 7.375 8.4375 7.76562 8.4375 8.23438C8.4375 8.74219 8.00781 9.17188 7.5 9.17188C6.99219 9.17188 6.5625 8.74219 6.5625 8.23438C6.5625 6.71094 7.77344 5.5 9.29688 5.5H11.2891Z" fill="black"/></svg>');
}
.reb-icon.icon-calendar,
.clear-button svg.icon-calendar {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.34375 4.125H15.6562V2.09375C15.6562 1.43359 16.1641 0.875 16.875 0.875C17.5352 0.875 18.0938 1.43359 18.0938 2.09375V4.125H20.125C21.9023 4.125 23.375 5.59766 23.375 7.375V23.625C23.375 25.4531 21.9023 26.875 20.125 26.875H3.875C2.04688 26.875 0.625 25.4531 0.625 23.625V7.375C0.625 5.59766 2.04688 4.125 3.875 4.125H5.90625V2.09375C5.90625 1.43359 6.41406 0.875 7.125 0.875C7.78516 0.875 8.34375 1.43359 8.34375 2.09375V4.125ZM3.0625 23.625C3.0625 24.082 3.41797 24.4375 3.875 24.4375H20.125C20.5312 24.4375 20.9375 24.082 20.9375 23.625V10.625H3.0625V23.625Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.34375 4.125H15.6562V2.09375C15.6562 1.43359 16.1641 0.875 16.875 0.875C17.5352 0.875 18.0938 1.43359 18.0938 2.09375V4.125H20.125C21.9023 4.125 23.375 5.59766 23.375 7.375V23.625C23.375 25.4531 21.9023 26.875 20.125 26.875H3.875C2.04688 26.875 0.625 25.4531 0.625 23.625V7.375C0.625 5.59766 2.04688 4.125 3.875 4.125H5.90625V2.09375C5.90625 1.43359 6.41406 0.875 7.125 0.875C7.78516 0.875 8.34375 1.43359 8.34375 2.09375V4.125ZM3.0625 23.625C3.0625 24.082 3.41797 24.4375 3.875 24.4375H20.125C20.5312 24.4375 20.9375 24.082 20.9375 23.625V10.625H3.0625V23.625Z" fill="black"/></svg>');
}
.reb-icon.calendar-icon-starred,
.clear-button svg.calendar-icon-starred {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.625 15.3398L16.3164 15.7461C16.7734 15.7969 16.9258 16.3555 16.6211 16.6602L14.6914 18.5391L15.1484 21.1797C15.1992 21.6367 14.7422 21.9414 14.3867 21.7383L12 20.4688L9.5625 21.7383C9.20703 21.9414 8.75 21.6367 8.80078 21.1797L9.25781 18.5391L7.32812 16.6602C7.02344 16.3555 7.17578 15.7969 7.63281 15.7461L10.3242 15.3398L11.4922 12.9023C11.6953 12.5469 12.2539 12.5469 12.457 12.9023L13.625 15.3398ZM7.125 0.5625C7.78516 0.5625 8.34375 1.12109 8.34375 1.78125V3.8125H15.6562V1.78125C15.6562 1.12109 16.1641 0.5625 16.875 0.5625C17.5352 0.5625 18.0938 1.12109 18.0938 1.78125V3.8125H20.125C21.9023 3.8125 23.375 5.28516 23.375 7.0625V23.3125C23.375 25.1406 21.9023 26.5625 20.125 26.5625H3.875C2.04688 26.5625 0.625 25.1406 0.625 23.3125V7.0625C0.625 5.28516 2.04688 3.8125 3.875 3.8125H5.90625V1.78125C5.90625 1.12109 6.41406 0.5625 7.125 0.5625ZM20.9375 10.3125H3.0625V23.3125C3.0625 23.7695 3.41797 24.125 3.875 24.125H20.125C20.5312 24.125 20.9375 23.7695 20.9375 23.3125V10.3125Z" fill="%23C20000"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.625 15.3398L16.3164 15.7461C16.7734 15.7969 16.9258 16.3555 16.6211 16.6602L14.6914 18.5391L15.1484 21.1797C15.1992 21.6367 14.7422 21.9414 14.3867 21.7383L12 20.4688L9.5625 21.7383C9.20703 21.9414 8.75 21.6367 8.80078 21.1797L9.25781 18.5391L7.32812 16.6602C7.02344 16.3555 7.17578 15.7969 7.63281 15.7461L10.3242 15.3398L11.4922 12.9023C11.6953 12.5469 12.2539 12.5469 12.457 12.9023L13.625 15.3398ZM7.125 0.5625C7.78516 0.5625 8.34375 1.12109 8.34375 1.78125V3.8125H15.6562V1.78125C15.6562 1.12109 16.1641 0.5625 16.875 0.5625C17.5352 0.5625 18.0938 1.12109 18.0938 1.78125V3.8125H20.125C21.9023 3.8125 23.375 5.28516 23.375 7.0625V23.3125C23.375 25.1406 21.9023 26.5625 20.125 26.5625H3.875C2.04688 26.5625 0.625 25.1406 0.625 23.3125V7.0625C0.625 5.28516 2.04688 3.8125 3.875 3.8125H5.90625V1.78125C5.90625 1.12109 6.41406 0.5625 7.125 0.5625ZM20.9375 10.3125H3.0625V23.3125C3.0625 23.7695 3.41797 24.125 3.875 24.125H20.125C20.5312 24.125 20.9375 23.7695 20.9375 23.3125V10.3125Z" fill="%23C20000"/></svg>');
}

/* Fonts */
body {
  font-weight: 400;
  line-height: 1.35;
}

a {
  font-weight: 500;
}

h1,
.section-tree-title {
  letter-spacing: -0.02em;
  font-weight: 600;
  line-height: 1.25;
  font-size: 1.8em;
}
h1 strong,
.section-tree-title strong {
  font-weight: 700;
}
@media (min-width: 768px) {
  h1,
  .section-tree-title {
    font-size: 2.2em;
  }
}
@media (min-width: 1024px) {
  h1,
  .section-tree-title {
    font-size: 2.6em;
  }
}
.hero h1,
.hero .section-tree-title {
  font-size: 2.2em;
}
@media (min-width: 768px) {
  .hero h1,
  .hero .section-tree-title {
    font-size: 2.6em;
  }
}
@media (min-width: 1024px) {
  .hero h1,
  .hero .section-tree-title {
    font-size: 3.2em;
  }
}

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

h2,
.search-result-title,
.article-body h1,
.hero-top span {
  font-weight: 600;
  line-height: 1.2;
  font-size: 1.6em;
}
h2 strong,
.search-result-title strong,
.article-body h1 strong,
.hero-top span strong {
  font-weight: 700;
}
@media (min-width: 768px) {
  h2,
  .search-result-title,
  .article-body h1,
  .hero-top span {
    font-size: 1.8em;
  }
}
@media (min-width: 1024px) {
  h2,
  .search-result-title,
  .article-body h1,
  .hero-top span {
    font-size: 2em;
  }
}

h3,
h3.blocks-item-title,
.article-body h2,
.article-list-item h2 {
  font-size: 1.3em;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  h3,
  h3.blocks-item-title,
  .article-body h2,
  .article-list-item h2 {
    font-size: 1.3em;
  }
}
@media (min-width: 1024px) {
  h3,
  h3.blocks-item-title,
  .article-body h2,
  .article-list-item h2 {
    font-size: 1.4em;
  }
}

h4,
h4.blocks-item-title,
.article-body h3,
.article-list-item h3 {
  font-size: 1.2em;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
@media (min-width: 768px) {
  h4,
  h4.blocks-item-title,
  .article-body h3,
  .article-list-item h3 {
    font-size: 1.2em;
  }
}
@media (min-width: 1024px) {
  h4,
  h4.blocks-item-title,
  .article-body h3,
  .article-list-item h3 {
    font-size: 1.3em;
  }
}
h4 strong,
h4.blocks-item-title strong,
.article-body h3 strong,
.article-list-item h3 strong {
  font-weight: 650;
}

.category-banner-head h3,
form .form-field label {
  font-weight: 500;
  font-size: 1em;
}
.category-banner-head h3 strong,
form .form-field label strong {
  font-weight: 600;
}
@media (min-width: 768px) {
  .category-banner-head h3,
  form .form-field label {
    font-size: 1.1em;
  }
}
@media (min-width: 1024px) {
  .category-banner-head h3,
  form .form-field label {
    font-size: 1.2em;
  }
}

form .form-field .upload-dropzone span {
  font-weight: 500;
  color: #1a1a1a;
  font-size: 1.1em;
}
form .form-field strong {
  font-weight: 600;
}
form .form-field p {
  font-size: 1em;
}
form .form-field a {
  font-weight: 500;
}
form .form-field a strong {
  font-weight: 600;
}

.err-page h1 {
  font-size: 3em;
  margin: 0 0 0.3em;
}
@media (min-width: 768px) {
  .err-page h1 {
    font-size: 4em;
  }
}
@media (min-width: 1024px) {
  .err-page h1 {
    font-size: 5em;
  }
}

/* Button styling */
a.btn,
a.show-all-btn,
a.article-list-link {
  text-decoration: none;
  display: block;
  width: fit-content;
}

a.article-list-link:hover {
  text-decoration: underline;
}

/* Arrow Button */
.arrow-btn:after {
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3086 5.79395L8.08984 10.0127C7.93164 10.1709 7.7207 10.25 7.50977 10.25C7.27246 10.25 7.06152 10.1709 6.90332 10.0127C6.56055 9.69629 6.56055 9.14258 6.90332 8.82617L9.67188 6.03125H1.60352C1.12891 6.03125 0.759766 5.66211 0.759766 5.1875C0.759766 4.73926 1.12891 4.34375 1.60352 4.34375H9.67188L6.90332 1.5752C6.56055 1.25879 6.56055 0.705078 6.90332 0.388672C7.21973 0.0458984 7.77344 0.0458984 8.08984 0.388672L12.3086 4.60742C12.6514 4.92383 12.6514 5.47754 12.3086 5.79395Z' fill='%23BBBBBB'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3086 5.79395L8.08984 10.0127C7.93164 10.1709 7.7207 10.25 7.50977 10.25C7.27246 10.25 7.06152 10.1709 6.90332 10.0127C6.56055 9.69629 6.56055 9.14258 6.90332 8.82617L9.67188 6.03125H1.60352C1.12891 6.03125 0.759766 5.66211 0.759766 5.1875C0.759766 4.73926 1.12891 4.34375 1.60352 4.34375H9.67188L6.90332 1.5752C6.56055 1.25879 6.56055 0.705078 6.90332 0.388672C7.21973 0.0458984 7.77344 0.0458984 8.08984 0.388672L12.3086 4.60742C12.6514 4.92383 12.6514 5.47754 12.3086 5.79395Z' fill='%23BBBBBB'%3E%3C/path%3E%3C/svg%3E");
  background-color: #a6a6a6;
  content: "";
  width: 13px;
  height: 11px;
  left: 0.1em;
  position: relative;
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkitmask-position: center center;
  mask-position: center center;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
.arrow-btn:hover:after {
  background-color: rgba(0, 0, 0, 0.88);
  left: 0.3em;
}

/* Top links in blocks */
.top-card-links .article-item a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 600;
  margin-bottom: 0.2em;
}
.top-card-links .article-item a .reb-icon {
  background: rgba( 171, 25, 29, 1);
}
.top-card-links .article-item a:hover .reb-icon {
  background: rgba(216, 31, 37, 1);
}

a.show-all-btn,
.blocks-item a.show-all-btn {
  margin-top: 0.2em;
  color: rgba(0, 0, 0, 0.66);
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}

a.show-all-btn:hover,
.blocks-item a.show-all-btn:hover {
  color: rgba(0, 0, 0, 0.88);
}

.blocks-item-link {
  color: inherit;
  padding: 0;
}

.blocks-item-link:focus {
  border-radius: 6px;
  box-shadow: none;
}

.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button,
.subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link,
input[type=submit] {
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1em;
  font-weight: 600;
  padding: 0.3em 1.4em 0.25em;
  justify-content: center;
  text-transform: uppercase;
  width: auto;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(216, 31, 37, 1);
  border-radius: 6px;
}
.button, .split-button button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button,
.subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link,
input[type=submit] {
  background-color: transparent;
  color: rgba(216, 31, 37, 1);
  border-color: rgba(216, 31, 37, 1);
}
.button .reb-icon, .split-button button .reb-icon, .section-subscribe button .reb-icon, .article-subscribe button .reb-icon, .community-follow button .reb-icon, .requests-table-toolbar .organization-subscribe button .reb-icon, .pagination-next-link .reb-icon, .pagination-prev-link .reb-icon, .pagination-first-link .reb-icon, .pagination-last-link .reb-icon,
input[type=submit] .reb-icon,
.subscriptions-subscribe button .reb-icon {
  background: rgba(216, 31, 37, 1);
}
.button:hover, .split-button button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .button.button-selected, .split-button button.button-selected, .section-subscribe button.button-selected, .article-subscribe button.button-selected, .community-follow button.button-selected, .requests-table-toolbar .organization-subscribe button.button-selected, .button-selected.pagination-next-link, .button-selected.pagination-prev-link, .button-selected.pagination-first-link, .button-selected.pagination-last-link, .button[aria-pressed=true], .split-button button[aria-pressed=true], .section-subscribe button[aria-pressed=true], .article-subscribe button[aria-pressed=true], .community-follow button[aria-pressed=true], .requests-table-toolbar .organization-subscribe button[aria-pressed=true], [aria-pressed=true].pagination-next-link, [aria-pressed=true].pagination-prev-link, [aria-pressed=true].pagination-first-link, [aria-pressed=true].pagination-last-link,
input[type=submit]:hover,
input[type=submit].button-selected,
input[type=submit][aria-pressed=true],
.subscriptions-subscribe button:hover,
.subscriptions-subscribe button.button-selected,
.subscriptions-subscribe button[aria-pressed=true] {
  background-color: rgba(216, 31, 37, 1);
  color: white;
  border-color: rgba(216, 31, 37, 1);
}
.button:hover .reb-icon, .split-button button:hover .reb-icon, .section-subscribe button:hover .reb-icon, .article-subscribe button:hover .reb-icon, .community-follow button:hover .reb-icon, .requests-table-toolbar .organization-subscribe button:hover .reb-icon, .pagination-next-link:hover .reb-icon, .pagination-prev-link:hover .reb-icon, .pagination-first-link:hover .reb-icon, .pagination-last-link:hover .reb-icon, .button.button-selected .reb-icon, .split-button button.button-selected .reb-icon, .section-subscribe button.button-selected .reb-icon, .article-subscribe button.button-selected .reb-icon, .community-follow button.button-selected .reb-icon, .requests-table-toolbar .organization-subscribe button.button-selected .reb-icon, .button-selected.pagination-next-link .reb-icon, .button-selected.pagination-prev-link .reb-icon, .button-selected.pagination-first-link .reb-icon, .button-selected.pagination-last-link .reb-icon, .button[aria-pressed=true] .reb-icon, .split-button button[aria-pressed=true] .reb-icon, .section-subscribe button[aria-pressed=true] .reb-icon, .article-subscribe button[aria-pressed=true] .reb-icon, .community-follow button[aria-pressed=true] .reb-icon, .requests-table-toolbar .organization-subscribe button[aria-pressed=true] .reb-icon, [aria-pressed=true].pagination-next-link .reb-icon, [aria-pressed=true].pagination-prev-link .reb-icon, [aria-pressed=true].pagination-first-link .reb-icon, [aria-pressed=true].pagination-last-link .reb-icon,
input[type=submit]:hover .reb-icon,
input[type=submit].button-selected .reb-icon,
input[type=submit][aria-pressed=true] .reb-icon,
.subscriptions-subscribe button:hover .reb-icon,
.subscriptions-subscribe button.button-selected .reb-icon,
.subscriptions-subscribe button[aria-pressed=true] .reb-icon {
  background: white;
}
.button.red-fill, .split-button button.red-fill, .section-subscribe button.red-fill, .article-subscribe button.red-fill, .community-follow button.red-fill, .requests-table-toolbar .organization-subscribe button.red-fill, .red-fill.pagination-next-link, .red-fill.pagination-prev-link, .red-fill.pagination-first-link, .red-fill.pagination-last-link,
input[type=submit].red-fill,
.subscriptions-subscribe button.red-fill {
  background-color: rgba(216, 31, 37, 1);
  color: white;
  border-color: rgba(216, 31, 37, 1);
}
.button.red-fill .reb-icon, .split-button button.red-fill .reb-icon, .section-subscribe button.red-fill .reb-icon, .article-subscribe button.red-fill .reb-icon, .community-follow button.red-fill .reb-icon, .requests-table-toolbar .organization-subscribe button.red-fill .reb-icon, .red-fill.pagination-next-link .reb-icon, .red-fill.pagination-prev-link .reb-icon, .red-fill.pagination-first-link .reb-icon, .red-fill.pagination-last-link .reb-icon,
input[type=submit].red-fill .reb-icon,
.subscriptions-subscribe button.red-fill .reb-icon {
  background: white;
}
.button.red-fill:hover, .split-button button.red-fill:hover, .section-subscribe button.red-fill:hover, .article-subscribe button.red-fill:hover, .community-follow button.red-fill:hover, .requests-table-toolbar .organization-subscribe button.red-fill:hover, .red-fill.pagination-next-link:hover, .red-fill.pagination-prev-link:hover, .red-fill.pagination-first-link:hover, .red-fill.pagination-last-link:hover, .button.red-fill.button-selected, .split-button button.red-fill.button-selected, .section-subscribe button.red-fill.button-selected, .article-subscribe button.red-fill.button-selected, .community-follow button.red-fill.button-selected, .requests-table-toolbar .organization-subscribe button.red-fill.button-selected, .red-fill.button-selected.pagination-next-link, .red-fill.button-selected.pagination-prev-link, .red-fill.button-selected.pagination-first-link, .red-fill.button-selected.pagination-last-link,
input[type=submit].red-fill:hover,
input[type=submit].red-fill.button-selected,
.subscriptions-subscribe button.red-fill:hover,
.subscriptions-subscribe button.red-fill.button-selected {
  background-color: rgba( 171, 25, 29, 1);
  color: white;
  border-color: rgba( 171, 25, 29, 1);
}
.button.red-fill:hover .reb-icon, .split-button button.red-fill:hover .reb-icon, .section-subscribe button.red-fill:hover .reb-icon, .article-subscribe button.red-fill:hover .reb-icon, .community-follow button.red-fill:hover .reb-icon, .requests-table-toolbar .organization-subscribe button.red-fill:hover .reb-icon, .red-fill.pagination-next-link:hover .reb-icon, .red-fill.pagination-prev-link:hover .reb-icon, .red-fill.pagination-first-link:hover .reb-icon, .red-fill.pagination-last-link:hover .reb-icon, .button.red-fill.button-selected .reb-icon, .split-button button.red-fill.button-selected .reb-icon, .section-subscribe button.red-fill.button-selected .reb-icon, .article-subscribe button.red-fill.button-selected .reb-icon, .community-follow button.red-fill.button-selected .reb-icon, .requests-table-toolbar .organization-subscribe button.red-fill.button-selected .reb-icon, .red-fill.button-selected.pagination-next-link .reb-icon, .red-fill.button-selected.pagination-prev-link .reb-icon, .red-fill.button-selected.pagination-first-link .reb-icon, .red-fill.button-selected.pagination-last-link .reb-icon,
input[type=submit].red-fill:hover .reb-icon,
input[type=submit].red-fill.button-selected .reb-icon,
.subscriptions-subscribe button.red-fill:hover .reb-icon,
.subscriptions-subscribe button.red-fill.button-selected .reb-icon {
  background: white;
}
.button.black-outline, .split-button button.black-outline, .section-subscribe button.black-outline, .article-subscribe button.black-outline, .community-follow button.black-outline, .requests-table-toolbar .organization-subscribe button.black-outline, .black-outline.pagination-next-link, .black-outline.pagination-prev-link, .black-outline.pagination-first-link, .black-outline.pagination-last-link,
input[type=submit].black-outline,
.subscriptions-subscribe button.black-outline {
  background-color: transparent;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.button.black-outline .reb-icon, .split-button button.black-outline .reb-icon, .section-subscribe button.black-outline .reb-icon, .article-subscribe button.black-outline .reb-icon, .community-follow button.black-outline .reb-icon, .requests-table-toolbar .organization-subscribe button.black-outline .reb-icon, .black-outline.pagination-next-link .reb-icon, .black-outline.pagination-prev-link .reb-icon, .black-outline.pagination-first-link .reb-icon, .black-outline.pagination-last-link .reb-icon,
input[type=submit].black-outline .reb-icon,
.subscriptions-subscribe button.black-outline .reb-icon {
  background: #1a1a1a;
}
.button.black-outline:hover, .split-button button.black-outline:hover, .section-subscribe button.black-outline:hover, .article-subscribe button.black-outline:hover, .community-follow button.black-outline:hover, .requests-table-toolbar .organization-subscribe button.black-outline:hover, .black-outline.pagination-next-link:hover, .black-outline.pagination-prev-link:hover, .black-outline.pagination-first-link:hover, .black-outline.pagination-last-link:hover, .button.black-outline.button-selected, .split-button button.black-outline.button-selected, .section-subscribe button.black-outline.button-selected, .article-subscribe button.black-outline.button-selected, .community-follow button.black-outline.button-selected, .requests-table-toolbar .organization-subscribe button.black-outline.button-selected, .black-outline.button-selected.pagination-next-link, .black-outline.button-selected.pagination-prev-link, .black-outline.button-selected.pagination-first-link, .black-outline.button-selected.pagination-last-link,
input[type=submit].black-outline:hover,
input[type=submit].black-outline.button-selected,
.subscriptions-subscribe button.black-outline:hover,
.subscriptions-subscribe button.black-outline.button-selected {
  background-color: #1a1a1a;
  color: white;
  border-color: #1a1a1a;
}
.button.black-outline:hover .reb-icon, .split-button button.black-outline:hover .reb-icon, .section-subscribe button.black-outline:hover .reb-icon, .article-subscribe button.black-outline:hover .reb-icon, .community-follow button.black-outline:hover .reb-icon, .requests-table-toolbar .organization-subscribe button.black-outline:hover .reb-icon, .black-outline.pagination-next-link:hover .reb-icon, .black-outline.pagination-prev-link:hover .reb-icon, .black-outline.pagination-first-link:hover .reb-icon, .black-outline.pagination-last-link:hover .reb-icon, .button.black-outline.button-selected .reb-icon, .split-button button.black-outline.button-selected .reb-icon, .section-subscribe button.black-outline.button-selected .reb-icon, .article-subscribe button.black-outline.button-selected .reb-icon, .community-follow button.black-outline.button-selected .reb-icon, .requests-table-toolbar .organization-subscribe button.black-outline.button-selected .reb-icon, .black-outline.button-selected.pagination-next-link .reb-icon, .black-outline.button-selected.pagination-prev-link .reb-icon, .black-outline.button-selected.pagination-first-link .reb-icon, .black-outline.button-selected.pagination-last-link .reb-icon,
input[type=submit].black-outline:hover .reb-icon,
input[type=submit].black-outline.button-selected .reb-icon,
.subscriptions-subscribe button.black-outline:hover .reb-icon,
.subscriptions-subscribe button.black-outline.button-selected .reb-icon {
  background: white;
}
.button.white-outline, .split-button button.white-outline, .section-subscribe button.white-outline, .article-subscribe button.white-outline, .community-follow button.white-outline, .requests-table-toolbar .organization-subscribe button.white-outline, .white-outline.pagination-next-link, .white-outline.pagination-prev-link, .white-outline.pagination-first-link, .white-outline.pagination-last-link,
input[type=submit].white-outline,
.subscriptions-subscribe button.white-outline {
  background-color: transparent;
  color: white;
  border-color: white;
}
.button.white-outline .reb-icon, .split-button button.white-outline .reb-icon, .section-subscribe button.white-outline .reb-icon, .article-subscribe button.white-outline .reb-icon, .community-follow button.white-outline .reb-icon, .requests-table-toolbar .organization-subscribe button.white-outline .reb-icon, .white-outline.pagination-next-link .reb-icon, .white-outline.pagination-prev-link .reb-icon, .white-outline.pagination-first-link .reb-icon, .white-outline.pagination-last-link .reb-icon,
input[type=submit].white-outline .reb-icon,
.subscriptions-subscribe button.white-outline .reb-icon {
  background: white;
}
.button.white-outline:hover, .split-button button.white-outline:hover, .section-subscribe button.white-outline:hover, .article-subscribe button.white-outline:hover, .community-follow button.white-outline:hover, .requests-table-toolbar .organization-subscribe button.white-outline:hover, .white-outline.pagination-next-link:hover, .white-outline.pagination-prev-link:hover, .white-outline.pagination-first-link:hover, .white-outline.pagination-last-link:hover, .button.white-outline.button-selected, .split-button button.white-outline.button-selected, .section-subscribe button.white-outline.button-selected, .article-subscribe button.white-outline.button-selected, .community-follow button.white-outline.button-selected, .requests-table-toolbar .organization-subscribe button.white-outline.button-selected, .white-outline.button-selected.pagination-next-link, .white-outline.button-selected.pagination-prev-link, .white-outline.button-selected.pagination-first-link, .white-outline.button-selected.pagination-last-link,
input[type=submit].white-outline:hover,
input[type=submit].white-outline.button-selected,
.subscriptions-subscribe button.white-outline:hover,
.subscriptions-subscribe button.white-outline.button-selected {
  background-color: white;
  color: #1a1a1a;
  border-color: white;
}
.button.white-outline:hover .reb-icon, .split-button button.white-outline:hover .reb-icon, .section-subscribe button.white-outline:hover .reb-icon, .article-subscribe button.white-outline:hover .reb-icon, .community-follow button.white-outline:hover .reb-icon, .requests-table-toolbar .organization-subscribe button.white-outline:hover .reb-icon, .white-outline.pagination-next-link:hover .reb-icon, .white-outline.pagination-prev-link:hover .reb-icon, .white-outline.pagination-first-link:hover .reb-icon, .white-outline.pagination-last-link:hover .reb-icon, .button.white-outline.button-selected .reb-icon, .split-button button.white-outline.button-selected .reb-icon, .section-subscribe button.white-outline.button-selected .reb-icon, .article-subscribe button.white-outline.button-selected .reb-icon, .community-follow button.white-outline.button-selected .reb-icon, .requests-table-toolbar .organization-subscribe button.white-outline.button-selected .reb-icon, .white-outline.button-selected.pagination-next-link .reb-icon, .white-outline.button-selected.pagination-prev-link .reb-icon, .white-outline.button-selected.pagination-first-link .reb-icon, .white-outline.button-selected.pagination-last-link .reb-icon,
input[type=submit].white-outline:hover .reb-icon,
input[type=submit].white-outline.button-selected .reb-icon,
.subscriptions-subscribe button.white-outline:hover .reb-icon,
.subscriptions-subscribe button.white-outline.button-selected .reb-icon {
  background: #1a1a1a;
}
.button.overlay-btn, .split-button button.overlay-btn, .section-subscribe button.overlay-btn, .article-subscribe button.overlay-btn, .community-follow button.overlay-btn, .requests-table-toolbar .organization-subscribe button.overlay-btn, .overlay-btn.pagination-next-link, .overlay-btn.pagination-prev-link, .overlay-btn.pagination-first-link, .overlay-btn.pagination-last-link,
input[type=submit].overlay-btn,
.subscriptions-subscribe button.overlay-btn {
  z-index: 101;
  position: fixed;
  height: 48px;
  bottom: 2em;
  background-color: #f7f7f7;
  border-color: #eaeaea;
  color: #1a1a1a;
  border-radius: 200rem;
  cursor: pointer;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.05), 0px 6.59312px 19.1704px rgba(0, 0, 0, 0.0379621), 0px 3.2473px 10.5686px rgba(0, 0, 0, 0.0332583), 0px 1.33051px 6.45062px rgba(0, 0, 0, 0.0298256), 0px 0.25153px 3.95855px rgba(0, 0, 0, 0.0264963), 0px -0.245443px 2.25425px rgba(0, 0, 0, 0.0224189), 0px -0.300266px 0.992006px rgba(0, 0, 0, 0.0161741);
}
@media (min-width: 1024px) {
  .button.overlay-btn, .split-button button.overlay-btn, .section-subscribe button.overlay-btn, .article-subscribe button.overlay-btn, .community-follow button.overlay-btn, .requests-table-toolbar .organization-subscribe button.overlay-btn, .overlay-btn.pagination-next-link, .overlay-btn.pagination-prev-link, .overlay-btn.pagination-first-link, .overlay-btn.pagination-last-link,
  input[type=submit].overlay-btn,
  .subscriptions-subscribe button.overlay-btn {
    bottom: 5em;
  }
}
.button.overlay-btn .reb-icon, .split-button button.overlay-btn .reb-icon, .section-subscribe button.overlay-btn .reb-icon, .article-subscribe button.overlay-btn .reb-icon, .community-follow button.overlay-btn .reb-icon, .requests-table-toolbar .organization-subscribe button.overlay-btn .reb-icon, .overlay-btn.pagination-next-link .reb-icon, .overlay-btn.pagination-prev-link .reb-icon, .overlay-btn.pagination-first-link .reb-icon, .overlay-btn.pagination-last-link .reb-icon,
input[type=submit].overlay-btn .reb-icon,
.subscriptions-subscribe button.overlay-btn .reb-icon {
  height: 16px;
  width: 16px;
  background: #1a1a1a;
}
.button.overlay-btn:hover, .split-button button.overlay-btn:hover, .section-subscribe button.overlay-btn:hover, .article-subscribe button.overlay-btn:hover, .community-follow button.overlay-btn:hover, .requests-table-toolbar .organization-subscribe button.overlay-btn:hover, .overlay-btn.pagination-next-link:hover, .overlay-btn.pagination-prev-link:hover, .overlay-btn.pagination-first-link:hover, .overlay-btn.pagination-last-link:hover,
input[type=submit].overlay-btn:hover,
.subscriptions-subscribe button.overlay-btn:hover {
  background-color: #eaeaea;
  color: #1a1a1a;
  border-color: #eaeaea;
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.03), 0px 6.59312px 19.1704px rgba(0, 0, 0, 0.02), 0px 3.2473px 10.5686px rgba(0, 0, 0, 0.01);
}
.button.overlay-btn:hover .reb-icon, .split-button button.overlay-btn:hover .reb-icon, .section-subscribe button.overlay-btn:hover .reb-icon, .article-subscribe button.overlay-btn:hover .reb-icon, .community-follow button.overlay-btn:hover .reb-icon, .requests-table-toolbar .organization-subscribe button.overlay-btn:hover .reb-icon, .overlay-btn.pagination-next-link:hover .reb-icon, .overlay-btn.pagination-prev-link:hover .reb-icon, .overlay-btn.pagination-first-link:hover .reb-icon, .overlay-btn.pagination-last-link:hover .reb-icon,
input[type=submit].overlay-btn:hover .reb-icon,
.subscriptions-subscribe button.overlay-btn:hover .reb-icon {
  background: #1a1a1a;
}
.button.overlay-btn.scroll-to-top, .split-button button.overlay-btn.scroll-to-top, .section-subscribe button.overlay-btn.scroll-to-top, .article-subscribe button.overlay-btn.scroll-to-top, .community-follow button.overlay-btn.scroll-to-top, .requests-table-toolbar .organization-subscribe button.overlay-btn.scroll-to-top, .overlay-btn.scroll-to-top.pagination-next-link, .overlay-btn.scroll-to-top.pagination-prev-link, .overlay-btn.scroll-to-top.pagination-first-link, .overlay-btn.scroll-to-top.pagination-last-link,
input[type=submit].overlay-btn.scroll-to-top,
.subscriptions-subscribe button.overlay-btn.scroll-to-top {
  right: 3%;
}
.button.overlay-btn.scroll-to-top span, .split-button button.overlay-btn.scroll-to-top span, .section-subscribe button.overlay-btn.scroll-to-top span, .article-subscribe button.overlay-btn.scroll-to-top span, .community-follow button.overlay-btn.scroll-to-top span, .requests-table-toolbar .organization-subscribe button.overlay-btn.scroll-to-top span, .overlay-btn.scroll-to-top.pagination-next-link span, .overlay-btn.scroll-to-top.pagination-prev-link span, .overlay-btn.scroll-to-top.pagination-first-link span, .overlay-btn.scroll-to-top.pagination-last-link span,
input[type=submit].overlay-btn.scroll-to-top span,
.subscriptions-subscribe button.overlay-btn.scroll-to-top span {
  display: none;
}
@media (min-width: 768px) {
  .button.overlay-btn.scroll-to-top span, .split-button button.overlay-btn.scroll-to-top span, .section-subscribe button.overlay-btn.scroll-to-top span, .article-subscribe button.overlay-btn.scroll-to-top span, .community-follow button.overlay-btn.scroll-to-top span, .requests-table-toolbar .organization-subscribe button.overlay-btn.scroll-to-top span, .overlay-btn.scroll-to-top.pagination-next-link span, .overlay-btn.scroll-to-top.pagination-prev-link span, .overlay-btn.scroll-to-top.pagination-first-link span, .overlay-btn.scroll-to-top.pagination-last-link span,
  input[type=submit].overlay-btn.scroll-to-top span,
  .subscriptions-subscribe button.overlay-btn.scroll-to-top span {
    display: inline-block;
  }
}
.button.overlay-btn.toc-button, .split-button button.overlay-btn.toc-button, .section-subscribe button.overlay-btn.toc-button, .article-subscribe button.overlay-btn.toc-button, .community-follow button.overlay-btn.toc-button, .requests-table-toolbar .organization-subscribe button.overlay-btn.toc-button, .overlay-btn.toc-button.pagination-next-link, .overlay-btn.toc-button.pagination-prev-link, .overlay-btn.toc-button.pagination-first-link, .overlay-btn.toc-button.pagination-last-link,
input[type=submit].overlay-btn.toc-button,
.subscriptions-subscribe button.overlay-btn.toc-button {
  left: 3%;
}
@media (min-width: 1024px) {
  .button.overlay-btn.toc-button, .split-button button.overlay-btn.toc-button, .section-subscribe button.overlay-btn.toc-button, .article-subscribe button.overlay-btn.toc-button, .community-follow button.overlay-btn.toc-button, .requests-table-toolbar .organization-subscribe button.overlay-btn.toc-button, .overlay-btn.toc-button.pagination-next-link, .overlay-btn.toc-button.pagination-prev-link, .overlay-btn.toc-button.pagination-first-link, .overlay-btn.toc-button.pagination-last-link,
  input[type=submit].overlay-btn.toc-button,
  .subscriptions-subscribe button.overlay-btn.toc-button {
    display: none;
  }
}

input[type=submit] {
  background-color: rgba(216, 31, 37, 1);
  color: white;
  border-color: rgba(216, 31, 37, 1);
}
input[type=submit] .reb-icon {
  background: white;
}
input[type=submit]:hover, input[type=submit].button-selected {
  background-color: rgba( 171, 25, 29, 1);
  color: white;
  border-color: rgba( 171, 25, 29, 1);
}
input[type=submit]:hover .reb-icon, input[type=submit].button-selected .reb-icon {
  background: white;
}

.pagination .pagination-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}
.pagination .pagination-list a {
  height: 50px;
}
.pagination .pagination-list a .pagination-next-text, .pagination .pagination-list a .pagination-prev-text {
  margin: 0.15em;
}
.pagination .pagination-list a .pagination-first-icon, .pagination .pagination-list a .pagination-prev-icon, .pagination .pagination-list a .pagination-next-icon, .pagination .pagination-list a .pagination-last-icon {
  margin-bottom: 0.25em;
  font-size: 1.7em;
  line-height: 1;
}

.fade,
body * {
  opacity: 1;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  animation-name: fade-in;
  animation-duration: 0.2s;
  scroll-margin-top: 5em;
}

html {
  scroll-behavior: smooth;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.starts-hidden {
  display: none !important;
}

.starts-transparent {
  opacity: 0;
  visibility: hidden;
}

main .page-header-with-breadcrumbs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35em;
  margin-bottom: 1.3em;
}
@media (min-width: 768px) {
  main .page-header-with-breadcrumbs {
    gap: 0.5em;
    margin-bottom: 1.7em;
  }
}
@media (min-width: 1024px) {
  main .page-header-with-breadcrumbs {
    gap: 0.75em;
    margin-bottom: 2.2em;
  }
}
main .page-header-with-breadcrumbs .article-author {
  margin-bottom: 0;
}

/* Breadcrumbs */
.breadcrumbs {
  color: rgba(0, 0, 0, 0.32);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  gap: 0.2em;
  flex-wrap: wrap;
  margin: 0;
}
.breadcrumbs li + li::before {
  content: "/";
  margin: 0 4px;
}
.breadcrumbs li:first-child, .breadcrumbs li:nth-child(2)::before {
  display: none;
}
.breadcrumbs li a, .breadcrumbs li a:visited {
  color: inherit;
  font-weight: inherit;
}
.breadcrumbs li:last-child a, .breadcrumbs li a:hover {
  color: rgba(0, 0, 0, 0.66);
}

hr {
  height: 1px;
  border: none;
  background: rgba(0, 0, 0, 0.08);
}

/* Featured Links */
.featured-links {
  justify-content: center;
  gap: 0.6em;
}
.featured-links ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .featured-links ul {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 2.1rem;
  }
}
@media (min-width: 1024px) {
  .featured-links ul {
    gap: 2.5rem 2.1rem;
  }
}
.featured-links ul li {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: flex-start;
}
.featured-links ul li .section-tree-title.mini-title {
  font-size: 0.8em;
  margin-bottom: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.48);
}
.featured-links ul li a, .featured-links ul li a:visited {
  color: inherit;
  font-size: 1.1em;
}

/* Contact block */
.link-block {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .link-block {
  margin-bottom: 0;
  background: #f7f7f7;
}
@media (min-width: 768px) {
  .link-block {
    padding: 3rem;
  }
}
@media (min-width: 1024px) {
  .link-block {
    padding: 4rem;
  }
}
.link-block a.btn {
  display: flex;
  justify-content: center;
}

/* Other support */
#other-support {
  padding: 3rem 5%;
  margin: 0 0 -56px;
  background: #f7f7f7;
}
@media (min-width: 768px) {
  #other-support {
    padding: 3.5rem;
  }
}
@media (min-width: 1024px) {
  #other-support {
    padding: 4rem;
  }
}

#other-support,
#contact-block {
  border-radius: calc(6px * 6) calc(6px * 6) 0 0;
}

main .category-atomfall > .section.hero {
  background-image: url("/hc/theming_assets/01JH0CX8CX6QZTXGMYG6CEB5JE");
  background-position-y: 7%;
}
main .category-atomfall > .section.hero.mini-hero {
  background-position-y: 11%;
}
main .category-se5 > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF0W3AMKP0X2KPR0C64PE");
  background-position-y: top;
}
main .category-se5 > .section.hero.mini-hero {
  background-position-y: 25%;
}
main .category-ser > .section.hero {
  background-image: url("/hc/theming_assets/01J4PGJM4Z5Z86RK3NPXX473PC");
  background-position-y: top;
}
main .category-ser > .section.hero.mini-hero {
  background-position-y: 7%;
}
main .category-se4 > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF3CJ1SAP3J6EQA0D6K45");
  background-position-y: top;
}
main .category-se4 > .section.hero.mini-hero {
  background-position-y: 18%;
}
main .category-sevr > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF2S751JEHQCP4CRZE90Y");
  background-position-y: top;
}
main .category-sevr > .section.hero.mini-hero {
  background-position-y: 8%;
}
main .category-sevrww > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF362E2W96DXAFJVG0847");
  background-position-y: top;
}
main .category-sevrww > .section.hero.mini-hero {
  background-position-y: 8%;
}
main .category-eg2 > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF0Y9829MWZAT1354AGF2");
}
main .category-eg2 > .section.hero.mini-hero {
  background-position-y: 47%;
}
main .category-sb > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF1DR93CCSMV0G7SCC326");
}
main .category-sb > .section.hero.mini-hero {
  background-position-y: 46%;
}
main .category-za4 > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF3JSMPWW8TGE451MG9TE");
}
main .category-za4 > .section.hero.mini-hero {
  background-position-y: 46%;
}
main .category-zavr > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF43T5WWC2QAPYZ0AP62T");
  background-position-y: top;
}
main .category-zavr > .section.hero.mini-hero {
  background-position-y: 18%;
}
main .category-rebshop > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF12GMF0JK12KAB4X1TGF");
}
main .category-rebunplug > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF2014PSBK84CNWV18JEN");
}
main .category-other > .section.hero {
  background-image: url("/hc/theming_assets/01J08KF1B6K8FGBMP9R0WG32KK");
}
main .category-other > .section.hero main .category-logo-container {
  height: 40px;
}
@media (min-width: 768px) {
  main .category-other > .section.hero main .category-logo-container {
    height: 60px;
  }
}

/* Site banner */
.site-banner-container {
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 101;
  display: flex;
  position: relative;
  min-height: 50px;
}
.site-banner-container .site-banner {
  color: #000000;
  background: rgba(255, 200, 72, 1);
  display: flex;
  padding: 0.8em 25px;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  gap: 1em;
}
.site-banner-container .site-banner .site-banner-content {
  width: 100%;
  max-width: 1080px;
}
.site-banner-container .site-banner a[href="#close"] {
  line-height: 1;
  padding: 0.4em;
  border-radius: 6px;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-banner-container .site-banner a[href="#close"]:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* Nav bar */
header.header {
  width: 100%;
  z-index: 101;
  position: relative;
  top: 0;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}
header.header:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0));
  height: 71px;
  display: block;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  content: " ";
  z-index: -1;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
header.header.opaque:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.66));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  height: 71px;
  width: calc(1600px + 4rem);
  border-radius: 0 0 calc(6px * 3) calc(6px * 3);
}
@media (min-width: 768px) {
  header.header.opaque:before {
    border-radius: 0 0 calc(6px * 6) calc(6px * 6);
  }
}
header.header .heading-inner {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1600px;
  position: fixed;
  width: 100%;
  padding: 0 5%;
}
@media (min-width: 1600px) {
  header.header .heading-inner {
    padding: 0;
    width: 90%;
  }
}
header.header .heading-inner .title {
  border-left: 1px solid #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 0 0 0.75em;
  margin: 0 0.75em;
  flex-grow: 1;
}
@media (min-width: 768px) {
  header.header .heading-inner .title {
    padding: 0 1em;
    margin: 0 1em;
  }
}
header.header .heading-inner .title a {
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  header.header .heading-inner .nav-wrapper-desktop {
    gap: 1em;
    display: flex;
    align-items: center;
  }
}
header.header .heading-inner .nav-wrapper-desktop .user-info > button {
  color: #FFFFFF;
}
header.header .heading-inner .nav-wrapper-desktop .user-nav-list {
  display: flex;
  gap: 1em;
  align-items: center;
}
header.header .heading-inner .nav-wrapper-desktop .user-nav-list a {
  display: flex;
  align-items: center;
  font-size: 1em;
  padding: 0;
  color: #FFFFFF;
}
header.header .heading-inner .nav-wrapper-desktop .user-nav-list a:hover, header.header .heading-inner .nav-wrapper-desktop .user-nav-list a:focus, header.header .heading-inner .nav-wrapper-desktop .user-nav-list a:active {
  color: #FFFFFF;
}
header.header .heading-inner .nav-wrapper-mobile {
  /* Fix nav bar burger menu icon */
}
@media (max-width: 1024px) {
  header.header .heading-inner .nav-wrapper-mobile {
    display: flex;
    gap: 0.5em;
    align-items: center;
  }
}
header.header .heading-inner .nav-wrapper-mobile .menu-list-mobile {
  top: 54px;
  border-radius: 0 0 calc(6px * 3) calc(6px * 3);
  overflow: hidden;
}
header.header .heading-inner .nav-wrapper-mobile .menu-button-mobile[aria-expanded=false] svg path {
  stroke: white;
}
header.header .heading-inner .nav-wrapper-mobile .menu-button-mobile {
  min-width: auto;
}
@media (min-width: 1024px) {
  header.header .heading-inner .search-modal-container {
    position: relative;
  }
}
header.header .heading-inner .search-modal-container .search-modal {
  top: 54px;
  left: 0;
  width: 100%;
  border-radius: 0 0 calc(6px * 3) calc(6px * 3);
  padding: 1rem 1.2rem 1.3rem;
  background: #171819;
  color: white;
  max-width: 100vw;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  box-shadow: 0px 51px 34px rgba(0, 0, 0, 0.18), 0px 18.6158px 12.4106px rgba(0, 0, 0, 0.124197), 0px 9.03764px 6.0251px rgba(0, 0, 0, 0.100132), 0px 4.43042px 2.95361px rgba(0, 0, 0, 0.0798677), 0px 1.7518px 1.16786px rgba(0, 0, 0, 0.0558033);
}
@media (min-width: 1024px) {
  header.header .heading-inner .search-modal-container .search-modal {
    top: 80px;
    right: 100px;
    width: 700px;
    left: auto;
    border-radius: calc(6px * 3);
  }
}
header.header .heading-inner .search-modal-container .search-modal h3 {
  margin-bottom: 0;
}
header.header .heading-inner .search-modal-container .search-modal .search-form {
  position: relative;
}
header.header .heading-inner .search-modal-container a.search-modal-toggle {
  line-height: 1;
  padding: 0.8em;
  border-radius: 6px;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
header.header .heading-inner .search-modal-container a.search-modal-toggle:hover, header.header .heading-inner .search-modal-container a.search-modal-toggle.toggled {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
header.header .heading-inner .search-modal-container a.search-modal-toggle .reb-icon {
  background-color: white;
  pointer-events: none;
}

footer {
  margin-top: 56px;
  justify-self: flex-end;
  width: 100%;
}
footer .footer {
  margin-top: 0;
  background: black;
  border: 0;
  color: rgba(255, 255, 255, 0.88);
}
footer .footer-inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1600px) {
  footer .footer-inner {
    padding: 0;
    width: 90%;
  }
}
footer .footer-inner a {
  color: white;
}
footer .footer-inner .logo img {
  filter: grayscale(1) contrast(1) brightness(100);
}
footer .footer-language-selector button {
  color: rgba(51,51,51,0.88);
  display: inline-block;
}

/* Hero */
.section.hero {
  display: flex;
  flex-direction: column;
  gap: 1.4em;
  height: 100%;
  margin: -70px 0 3.5em;
  padding: 6em 5% 2.5em;
  justify-content: center;
  color: white;
  align-items: center;
  position: relative;
  /* Branded heroes */
}
@media (min-width: 768px) {
  .section.hero {
    gap: 1.6em;
    padding: 7em 3em 3.5em;
  }
}
@media (min-width: 1024px) {
  .section.hero {
    gap: 2.5em;
    padding: 8em 3em 4.5em;
    margin-bottom: 5em;
  }
}
@media (min-width: 768px) {
  .section.hero:not(.mini-hero) .hero-top {
    margin-bottom: -0.5em;
  }
}
@media (min-width: 1024px) {
  .section.hero:not(.mini-hero) .hero-top {
    margin-bottom: -0.8em;
  }
}
.section.hero:before {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: " ";
  display: block;
  position: absolute;
}
.section.hero, .section.hero:before {
  border-radius: 0 0 calc(6px * 3) calc(6px * 3);
}
@media (min-width: 768px) {
  .section.hero, .section.hero:before {
    border-radius: 0 0 calc(6px * 6) calc(6px * 6);
  }
}
.section.hero div {
  z-index: 2;
  position: inherit;
}
.section.hero .hero-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
}
.branded-page .section.hero .hero-top {
  gap: 1rem;
}
@media (min-width: 1600px) {
  .section.hero .hero-top {
    width: 90%;
  }
}
.section.hero .hero-top h2 {
  margin-bottom: 0;
}
.section.hero .hero-inner {
  top: 0;
  transform: translateY(0);
  max-width: 100%;
  margin: 0;
}
.section.hero .hero-inner.requests-table-toolbar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6em;
}
.section.hero .hero-inner form.search {
  width: 700px;
  max-width: 100%;
}
.section.hero h2 {
  margin-block: 0;
}
.section.hero .category-banners {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  align-items: center;
  width: 700px;
  max-width: 100%;
}
.section.hero .category-banners a[href] .category-banner:hover {
  opacity: 0.9;
}
.section.hero .category-banners ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
}
.section.hero .category-banners ul a.category-banner-container {
  width: 100%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.section.hero .category-banners ul a.category-banner-container:not(:last-child) .category-banner {
  border-bottom: 1px rgba(0, 0, 0, 0.08) solid;
}
.section.hero .category-banners ul a.category-banner-container:hover {
  text-decoration: none;
}
.section.hero .category-banners ul a.category-banner-container:hover[href] {
  opacity: 0.9;
}
.section.hero .category-banners ul a.category-banner-container .category-banner {
  color: #000000;
  background: rgba(255, 200, 72, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.75em 1em;
  gap: 0.1em;
}
.section.hero .category-banners ul a.category-banner-container .category-banner .category-banner-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4em;
}
.section.hero .category-banners ul a.category-banner-container .category-banner .category-banner-head h3 {
  margin: 0;
}
.section.hero .category-banners ul a.category-banner-container .category-banner .category-banner-content {
  margin-block: 0;
  font-weight: 400;
  text-align: left;
}
.section.hero .category-banners a:first-child .category-banner {
  padding-top: 0.75em;
}
.section.hero .category-banners a:last-child .category-banner {
  padding-bottom: 0.85em;
}
.section.hero .featured-links ul li {
  align-items: center;
}
.section.hero .featured-links ul li .section-tree-title.mini-title {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.48);
}
.section.hero .featured-links ul li a {
  font-size: 1.15em;
  font-weight: 400;
}
.section.hero .top-card-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
}
@media (min-width: 768px) {
  .section.hero .top-card-links {
    gap: 1.7em;
  }
}
@media (min-width: 1024px) {
  .section.hero .top-card-links {
    gap: 2em;
  }
}
@media (max-width: 30em) {
  .section.hero .top-card-links a.btn, .section.hero .top-card-links a.btn button {
    width: 100%;
  }
}
.section.hero.mini-hero {
  padding: 4rem 0 2rem;
}
@media (min-width: 768px) {
  .section.hero.mini-hero {
    padding: 6rem 0 3rem;
  }
}
.branded-page .section.hero.mini-hero:before {
  background: rgba(17, 18, 19, 0.72);
}
@media (min-width: 1024px) {
  .section.hero.mini-hero .hero-top {
    flex-direction: row;
    justify-content: center;
  }
}
.section.hero.mini-hero .hero-top .category-logo-container {
  height: 100px;
  width: auto;
}
.section.hero.mini-hero .hero-top .category-logo-container:hover {
  opacity: 0.8;
}
.section.hero.mini-hero .hero-top .hero-inner form.search:hover, .section.hero.mini-hero .hero-top .hero-inner form.search.search-has-value {
  width: 100vw;
}
@media (min-width: 1024px) {
  .section.hero.mini-hero .hero-top .hero-inner form.search:hover, .section.hero.mini-hero .hero-top .hero-inner form.search.search-has-value {
    width: 70vw;
  }
}
@media (min-width: 768px) {
  .branded-page .section.hero.mini-hero {
    padding: 4.5rem 0 1.6rem;
  }
}
@media (min-width: 1024px) {
  .branded-page .section.hero.mini-hero .hero-top {
    justify-content: space-between;
  }
}
.branded-page .section.hero.mini-hero .hero-top .hero-inner form.search {
  width: 400px;
}
.branded-page .section.hero.mini-hero .hero-top .hero-inner form.search:hover, .branded-page .section.hero.mini-hero .hero-top .hero-inner form.search.search-has-value {
  width: 100vw;
}
@media (min-width: 1024px) {
  .branded-page .section.hero.mini-hero .hero-top .hero-inner form.search:hover, .branded-page .section.hero.mini-hero .hero-top .hero-inner form.search.search-has-value {
    width: 500px;
  }
}
.branded-page .section.hero {
  flex-wrap: nowrap;
}
.branded-page .section.hero:before {
  background: linear-gradient(to top, rgba(17, 18, 19, 0.72) 0%, rgba(17, 18, 19, 0.52) 100%);
  backdrop-filter: contrast(0.8);
}
.branded-page .section.hero .category-logo-container {
  height: 160px;
  width: 100%;
}
@media (min-width: 768px) {
  .branded-page .section.hero .category-logo-container {
    height: 230px;
    width: 100%;
  }
}
.branded-page .section.hero .category-logo-container .category-logo {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.category-other .branded-page .section.hero .category-logo-container {
  height: 100px;
}
@media (min-width: 768px) {
  .category-other .branded-page .section.hero .category-logo-container {
    height: 160px;
  }
}

.category-page .category-container,
.section-page .category-container {
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .category-page .category-container,
  .section-page .category-container {
    gap: 3rem;
  }
}
@media (min-width: 1024px) {
  .category-page .category-container,
  .section-page .category-container {
    gap: 4rem;
  }
}
.category-page .category-container .category-content,
.section-page .category-container .category-content {
  width: 100%;
}
.category-page .category-container .category-content .section-tree,
.section-page .category-container .category-content .section-tree {
  max-width: 1600px;
  width: 100%;
}
.category-page .category-container .category-content .section-tree .section,
.section-page .category-container .category-content .section-tree .section {
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .category-page .category-container .category-content .section-tree .section,
  .section-page .category-container .category-content .section-tree .section {
    gap: 1.2rem;
    flex: 0 0 100%;
  }
}
@media (min-width: 1024px) {
  .category-page .category-container .category-content .section-tree .section,
  .section-page .category-container .category-content .section-tree .section {
    gap: 1.5rem;
  }
}
.category-page .category-container .category-content .section-tree .section .section-tree-title,
.section-page .category-container .category-content .section-tree .section .section-tree-title {
  margin: 0;
}
.category-page .category-container .category-content .section-tree .article-list,
.section-page .category-container .category-content .section-tree .article-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  flex-wrap: wrap;
  gap: 1.4em 2em;
}
@media (min-width: 768px) {
  .category-page .category-container .category-content .section-tree .article-list,
  .section-page .category-container .category-content .section-tree .article-list {
    gap: 1.7em 2.4em;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  }
}
@media (min-width: 1024px) {
  .category-page .category-container .category-content .section-tree .article-list,
  .section-page .category-container .category-content .section-tree .article-list {
    gap: 2em 3em;
  }
}
.category-page .category-container .category-content .section-tree .article-list .article-list-item,
.section-page .category-container .category-content .section-tree .article-list .article-list-item {
  padding: 0;
}
.category-page .category-container .category-content .section-tree .article-list .article-list-item h2, .category-page .category-container .category-content .section-tree .article-list .article-list-item p,
.section-page .category-container .category-content .section-tree .article-list .article-list-item h2,
.section-page .category-container .category-content .section-tree .article-list .article-list-item p {
  margin-block: 0.55em;
}
.category-page .category-container .category-content .section-tree .article-list .article-list-item p,
.section-page .category-container .category-content .section-tree .article-list .article-list-item p {
  line-height: 1.75;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.66);
}
.category-page .section.hero.franchise,
.section-page .section.hero.franchise {
  margin-bottom: -40px;
  border-radius: 0;
}
.category-page .section.hero.franchise:before,
.section-page .section.hero.franchise:before {
  background: linear-gradient(to bottom, rgba(17, 18, 19, 0.72) 0%, rgb(255, 255, 255) 100%);
  backdrop-filter: contrast(0.4) grayscale(1);
  border-radius: 0;
}
.category-page .section.hero.franchise .games,
.section-page .section.hero.franchise .games {
  height: 457px;
  border-radius: 0;
  gap: 8px;
  height: auto;
}
@media (min-width: 768px) {
  .category-page .section.hero.franchise .games,
  .section-page .section.hero.franchise .games {
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .category-page .section.hero.franchise .games,
  .section-page .section.hero.franchise .games {
    gap: 32px;
  }
}
.category-page .section.hero.franchise .games .game-card,
.section-page .section.hero.franchise .games .game-card {
  border-radius: calc(6px * 3);
  height: 200px;
}
@media (min-width: 768px) {
  .category-page .section.hero.franchise .games .game-card,
  .section-page .section.hero.franchise .games .game-card {
    min-width: 400px;
    height: 360px;
  }
}
@media (min-width: 1024px) {
  .category-page .section.hero.franchise .games .game-card,
  .section-page .section.hero.franchise .games .game-card {
    border-radius: calc(6px * 6);
    min-width: 550px;
    height: 400px;
  }
}

/* Table of contents */
.table-of-contents {
  background: rgba(246, 246, 246, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(6px * 3);
  padding: 1rem;
  z-index: 20;
  width: fit-content;
}
@media (min-width: 768px) {
  .table-of-contents {
    padding: 1.25rem;
    position: sticky;
    top: calc(5em + 57px);
  }
}
@media (min-width: 1024px) {
  .table-of-contents {
    padding: 0.75rem;
    border-radius: calc(6px * 6);
  }
}
.table-of-contents ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .table-of-contents ul {
    gap: 0;
  }
}
.table-of-contents ul a {
  color: black;
  font-weight: 500;
  font-size: 1.2em;
  text-decoration: none;
  transition-timing-function: ease-out;
}
@media (min-width: 1024px) {
  .table-of-contents ul a {
    padding: 1rem 1.5rem;
    border-radius: 400px;
  }
}
.table-of-contents ul a:hover {
  color: black;
  text-decoration: none;
  background: #eaeaea;
}

.article-page .article-container {
  gap: 2.5em 1em;
  /*** Sidebar ***/
}
@media (min-width: 768px) {
  .article-page .article-container {
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) {
  .article-page .article-container {
    gap: 2em;
  }
}
.article-page .article-container .article {
  flex: auto;
}
@media (min-width: 1024px) {
  .article-page .article-container .article {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0;
  }
}
.article-page .article-container .article .article-content {
  margin-top: 0;
}
.article-page .article-container .article .article-content p:first-child {
  margin-top: 0;
}
.article-page .article-container .article .article-content a {
  font-weight: 500;
}
.article-page .article-container .article .article-votes {
  border-radius: 6px;
  background: #f7f7f7;
  border: none;
}
.article-page .article-container .article .article-votes .article-votes-controls {
  display: flex;
  gap: 1em;
  justify-content: center;
  margin: 1em;
}
.article-page .article-container .article .article-votes .article-votes-controls button {
  margin: 0;
}
.article-page .article-container .article-sidebar {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 3em;
  position: sticky;
  top: 18em;
  height: 100%;
  border: none;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .article-page .article-container .article-sidebar {
    max-width: 32%;
  }
}
.article-page .article-container .article-sidebar .related-articles {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.article-page .article-container .article-sidebar .related-articles .related-articles-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  font-weight: 550;
  font-size: 1.1em;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article-page .article-container .article-sidebar .related-articles .related-articles-title:before {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0.88);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM10 13.625C10.6641 13.625 11.25 14.1719 11.25 14.875C11.25 15.5781 10.6641 16.125 10 16.125C9.25781 16.125 8.75 15.5781 8.75 14.875C8.75 14.1719 9.29688 13.625 10 13.625ZM11.2891 5.5C12.8516 5.5 14.0625 6.71094 14.0234 8.23438C14.0234 9.17188 13.5156 10.0703 12.6953 10.5781L10.9375 11.6719V11.75C10.9375 12.2578 10.5078 12.6875 10 12.6875C9.49219 12.6875 9.0625 12.2578 9.0625 11.75V11.125C9.0625 10.8125 9.21875 10.5 9.53125 10.3047L11.7578 8.97656C12.0312 8.82031 12.1875 8.54688 12.1875 8.23438C12.1875 7.76562 11.7578 7.375 11.25 7.375H9.25781C8.78906 7.375 8.4375 7.76562 8.4375 8.23438C8.4375 8.74219 8.00781 9.17188 7.5 9.17188C6.99219 9.17188 6.5625 8.74219 6.5625 8.23438C6.5625 6.71094 7.77344 5.5 9.29688 5.5H11.2891Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0.5C15.5078 0.5 20 4.99219 20 10.5C20 16.0469 15.5078 20.5 10 20.5C4.45312 20.5 0 16.0469 0 10.5C0 4.99219 4.45312 0.5 10 0.5ZM10 18.625C14.4531 18.625 18.125 14.9922 18.125 10.5C18.125 6.04688 14.4531 2.375 10 2.375C5.50781 2.375 1.875 6.04688 1.875 10.5C1.875 14.9922 5.50781 18.625 10 18.625ZM10 13.625C10.6641 13.625 11.25 14.1719 11.25 14.875C11.25 15.5781 10.6641 16.125 10 16.125C9.25781 16.125 8.75 15.5781 8.75 14.875C8.75 14.1719 9.29688 13.625 10 13.625ZM11.2891 5.5C12.8516 5.5 14.0625 6.71094 14.0234 8.23438C14.0234 9.17188 13.5156 10.0703 12.6953 10.5781L10.9375 11.6719V11.75C10.9375 12.2578 10.5078 12.6875 10 12.6875C9.49219 12.6875 9.0625 12.2578 9.0625 11.75V11.125C9.0625 10.8125 9.21875 10.5 9.53125 10.3047L11.7578 8.97656C12.0312 8.82031 12.1875 8.54688 12.1875 8.23438C12.1875 7.76562 11.7578 7.375 11.25 7.375H9.25781C8.78906 7.375 8.4375 7.76562 8.4375 8.23438C8.4375 8.74219 8.00781 9.17188 7.5 9.17188C6.99219 9.17188 6.5625 8.74219 6.5625 8.23438C6.5625 6.71094 7.77344 5.5 9.29688 5.5H11.2891Z" fill="black"/></svg>');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  content: " ";
  position: relative;
  display: inline-block;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  height: 17px;
  width: 17px;
}
.article-page .article-container .article-sidebar .related-articles ul {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.article-page .article-container .article-sidebar .related-articles ul li {
  margin: 0;
}
.article-page .article-container .article-sidebar .related-articles ul li a {
  line-height: 1.25;
  display: flex;
  gap: 0.2em;
  align-items: baseline;
  color: inherit;
}
.article-page .sidebar-table-of-contents {
  display: none;
  flex-direction: column;
  gap: 0.75em;
}
@media (min-width: 1024px) {
  .article-page .sidebar-table-of-contents {
    display: flex;
  }
}
.article-page .sidebar-table-of-contents .toc-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  font-weight: 550;
  font-size: 1.1em;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.article-page .sidebar-table-of-contents .toc-header .reb-icon {
  height: 17px;
  width: 17px;
}
.article-page .sidebar-table-of-contents ul {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1em;
  background: #f7f7f7;
  border: 2px #eaeaea solid;
  border-radius: 6px;
}
@media (min-width: 768px) {
  .article-page .sidebar-table-of-contents ul {
    max-height: 40vh;
    overflow-y: auto;
  }
}
.article-page .sidebar-table-of-contents ul a {
  padding: 0.75em 1em;
  color: inherit;
  display: flex;
}
.article-page .sidebar-table-of-contents ul a:nth-child(2n) {
  padding: 0.75em 1em;
  background: #fafafa;
}
.article-page .sidebar-table-of-contents ul a:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 1em;
}
.article-page .sidebar-table-of-contents ul a:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-bottom: 1.2em;
  border-bottom: none;
}
.article-page .sidebar-table-of-contents ul a li {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
}
.article-page .sidebar-table-of-contents ul a li p {
  font-weight: 400;
  margin: 0 0 0 1.05em;
  color: rgba(0, 0, 0, 0.66);
}
.article-page .sidebar-table-of-contents ul a .toc-heading {
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1.25;
  display: flex;
  gap: 0.2em;
  align-items: baseline;
  color: inherit;
}
.article-page .sidebar-table-of-contents ul a .toc-heading .reb-icon {
  background: rgba(0, 0, 0, 0.32);
  margin: 0 2.5px 0 -2.5px;
}
.article-page .sidebar-table-of-contents ul a:hover .toc-heading .reb-icon {
  background: rgba(216, 31, 37, 1);
  margin: 0;
}
.article-page .sidebar-table-of-contents.mobile-only {
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.66);
  padding: 10em 3% 7em;
  justify-content: flex-end;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.article-page .sidebar-table-of-contents.mobile-only .toc-header {
  color: white;
}
.article-page .sidebar-table-of-contents.mobile-only .toc-header .reb-icon {
  background-color: white;
}
.article-page .sidebar-table-of-contents.mobile-only ul {
  max-height: 100%;
  overflow: scroll;
}
.article-page #lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.66);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 104;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.article-page #lightbox img {
  object-fit: contain;
  width: 90%;
  height: 90%;
}
.article-page .article-body img {
  border-radius: 6px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.new-req-page .upload-dropzone {
  border-radius: 6px;
}
.new-req-page > .container {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: center;
}
.new-req-page > .container .form {
  max-width: 100%;
  width: 700px;
}
.new-req-page > .container .form label {
  margin-bottom: 0.4em;
}
@media (min-width: 768px) {
  .new-req-page > .container .form label {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 1024px) {
  .new-req-page > .container .form label {
    margin-bottom: 0.6em;
  }
}
.new-req-page > .container .form p {
  margin: 0.4em 0;
}
@media (min-width: 768px) {
  .new-req-page > .container .form p {
    margin: 0.5em 0;
  }
}
@media (min-width: 1024px) {
  .new-req-page > .container .form p {
    margin: 0.6em 0;
  }
}
.new-req-page > .container .form .upload-dropzone {
  border-style: dashed;
}
.new-req-page > .container .form .upload-dropzone:hover {
  background: #eaeaea;
}
.new-req-page > .container .form footer {
  margin-top: 1em;
}

.nesty-panel,
.nesty-panel li {
  font-family: Jost, 'Century Gothic', sans-serif;
}

#game-support {
  max-width: -webkit-fill-available;
}

.blocks {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blocks .blocks-list {
  justify-content: center;
  margin: 0 -15px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 8px;
  width: 1600px;
  max-width: calc(100vw - 10%);
}
@media (min-width: 768px) {
  .blocks .blocks-list {
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .blocks .blocks-list {
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
    gap: 32px;
  }
}
.blocks .blocks-list .blocks-item {
  margin: 0;
  padding: 15px;
  text-align: left;
  border: 0 rgba(0, 0, 0, 0.88);
  flex: 0 0 calc(33.33% - 30px);
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.88);
  background-color: transparent;
  flex: 0 0 100%;
  /* Hero image for game categories on reb help centre */
}
.blocks .blocks-list .blocks-item:hover {
  background-color: transparent;
}
.blocks .blocks-list .blocks-item:focus {
  background-color: transparent;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}
.blocks .blocks-list .blocks-item:hover *, .blocks .blocks-list .blocks-item:active *, .blocks .blocks-list .blocks-item:focus * {
  color: inherit;
}
@media (min-width: 768px) {
  .blocks .blocks-list .blocks-item {
    flex: 0 0 50%;
  }
}
@media (min-width: 1024px) {
  .blocks .blocks-list .blocks-item {
    flex: 0 0 33.33%;
  }
}
.blocks .blocks-list .blocks-item .blocks-item-link {
  display: block;
  justify-content: start;
  flex: 0;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
.blocks .blocks-list .blocks-item .blocks-item-link .block-info {
  display: flex;
  flex-direction: column;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
.blocks .blocks-list .blocks-item .blocks-item-link .block-info:hover {
  text-decoration: underline;
}
.blocks .blocks-list .blocks-item .blocks-item-link .block-info:hover img {
  filter: contrast(1.1);
  box-shadow: 0px 14px 48px rgba(0, 0, 0, 0.05), 0px 6.59312px 19.1704px rgba(0, 0, 0, 0.0379621), 0px 3.2473px 10.5686px rgba(0, 0, 0, 0.0332583), 0px 1.33051px 6.45062px rgba(0, 0, 0, 0.0298256), 0px 0.25153px 3.95855px rgba(0, 0, 0, 0.0264963), 0px -0.245443px 2.25425px rgba(0, 0, 0, 0.0224189), 0px -0.300266px 0.992006px rgba(0, 0, 0, 0.0161741);
}
.blocks .blocks-list .blocks-item .blocks-item-link .block-info .blocks-item-hero {
  filter: none;
  border-radius: 6px;
  margin-bottom: 1em;
  max-width: 100%;
}
.blocks .blocks-list .blocks-item .blocks-item-link .block-info .blocks-item-head {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.8em;
}
.blocks .blocks-list .blocks-item .category-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}
.blocks .blocks-list .blocks-item .category-section .separator {
  margin: 0 0 1em;
}
@media (min-width: 1024px) {
  .blocks .blocks-list .blocks-item .category-section .separator {
    margin: 0.2em 0 1.2em;
  }
}
.blocks .blocks-list .blocks-item .category-section .article-item {
  padding-bottom: 0.6em;
}
.blocks .blocks-list .blocks-item .category-section .article-item a.article-list-link {
  color: rgba(0, 0, 0, 0.88);
}
.blocks .blocks-list .blocks-item .category-section .article-item:nth-of-type(n + 5) {
  display: none;
}
#other-support .blocks .blocks-list {
  gap: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1600px;
  width: 100%;
}
@media (min-width: 768px) {
  #other-support .blocks .blocks-list {
    gap: 2em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
#other-support .blocks .blocks-list .blocks-item {
  padding: 0;
}
#other-support .blocks .blocks-list .blocks-item .block-info .blocks-item-hero {
  border-radius: 100%;
}
#other-support .blocks .blocks-list .blocks-item .block-info .blocks-item-head {
  justify-content: center;
  text-align: center;
  margin-bottom: 0;
}
#other-support .blocks .blocks-list .blocks-item .block-info:hover {
  text-decoration: none;
}
#other-support .blocks .blocks-list .blocks-item .block-info:hover .blocks-item-hero {
  border-radius: calc(6px * 3);
}

.game-card {
  border-radius: calc(6px * 3);
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 600px;
}
@media (min-width: 1024px) {
  .game-card {
    border-radius: calc(6px * 6);
    min-height: 540px;
  }
}
.game-card *, .game-card *.show-all-btn {
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.32, 0.83, 0.29, 1);
}
@media (max-width: 768px) {
  .game-card:not(.franchise) {
    min-height: 16em;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .game-card:not(.franchise) {
    min-height: 28em;
  }
}
.game-card .game-card-link {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center top;
  position: relative;
}
.game-card .game-card-link:before {
  background: linear-gradient(to top, rgba(17, 18, 19, 0.72) 0%, rgba(17, 18, 19, 0.72) 100%);
  opacity: 0.5;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  content: " ";
  display: block;
  position: absolute;
  transition: 0.8s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
}
.game-card .game-card-link .game-card-logo {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 10%;
  width: 50%;
  height: 50%;
  min-width: 80px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.game-card .games {
  visibility: hidden;
  opacity: 0;
  left: 10px;
  right: 10px;
  bottom: -200px;
  position: absolute;
}
@media (min-width: 768px) {
  .game-card .games {
    left: 20px;
    right: 20px;
  }
}
.game-card:not(.franchise):hover > .game-card-link:before {
  opacity: 1;
}
.game-card:not(.franchise):hover > .game-card-link .game-card-logo {
  bottom: 25%;
}

.games {
  height: 440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  border-radius: 6px;
  overflow: hidden;
  filter: blur(0px);
}
@media (min-width: 1024px) {
  .games {
    height: 370px;
    border-radius: calc(6px * 3);
  }
}
.category-page .games {
  width: 1600px;
  max-width: calc(100vw - 10%);
}
.games .game-card {
  height: auto;
  border-radius: 6px;
  min-width: 240px;
  min-height: auto;
  flex: 1;
}
.games .game-card .game-card-link:before {
  opacity: 0.75;
}
.game-card .games .game-card .game-card-logo {
  width: 70%;
  height: 60%;
}

.franchise .arrow-btn {
  bottom: -220px;
  position: absolute;
  width: 100%;
  text-align: center;
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-size: 1.1em;
}
.franchise.game-card:hover > .game-card-link:before {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: contrast(0.4) grayscale(1);
  opacity: 0.9;
}
.franchise.game-card:hover > .game-card-link .game-card-logo {
  filter: invert(1);
  bottom: 82.5%;
  width: 40%;
  height: 15%;
}
@media (min-width: 1024px) {
  .franchise.game-card:hover > .game-card-link .game-card-logo {
    bottom: 80%;
  }
}
.franchise.game-card:hover .games {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}
.franchise.game-card:hover .games .game-card:hover .game-card-logo {
  bottom: 20%;
}
.franchise.game-card:hover .arrow-btn {
  bottom: 15px;
}
@media screen and (hover: none) {
  .franchise > .game-card-link:before {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: contrast(0.4) grayscale(1);
    opacity: 0.9;
  }
  .franchise > .game-card-link .game-card-logo {
    filter: invert(1);
    bottom: 82.5%;
    width: 40%;
    height: 15%;
  }
}
@media screen and (hover: none) and (min-width: 1024px) {
  .franchise > .game-card-link .game-card-logo {
    bottom: 80%;
  }
}
@media screen and (hover: none) {
  .franchise .games {
    visibility: visible;
    opacity: 1;
    bottom: 50px;
  }
  .franchise .games .game-card:hover .game-card-logo {
    bottom: 20%;
  }
}
@media screen and (hover: none) {
  .franchise .arrow-btn {
    bottom: 15px;
  }
}

#general-guidance {
  max-width: 1600px;
}
#general-guidance ul {
  display: grid;
  flex-direction: row;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: calc(6px * 3);
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  #general-guidance ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  #general-guidance ul {
    border-radius: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
  }
}
#general-guidance ul .article-item {
  padding-bottom: 0;
}
#general-guidance ul .article-item a {
  display: flex;
  align-content: center;
  text-align: start;
  justify-content: flex-start;
  background-color: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 0.8rem;
  border-radius: 6px;
  gap: 0.6rem;
  height: max-content;
  height: 100%;
  width: 100%;
  color: rgba(0, 0, 0, 0.88);
}
#general-guidance ul .article-item a:hover {
  text-decoration: none;
  background-color: rgb(255, 255, 255);
}
@media (min-width: 768px) {
  #general-guidance ul .article-item a {
    padding: 1.25rem;
    gap: 1rem;
    flex-direction: column;
    text-align: center;
  }
}
#general-guidance ul .article-item img {
  height: 1rem;
}
@media (min-width: 768px) {
  #general-guidance ul .article-item img {
    height: 56px;
  }
}

.search-page .search-results-column {
  flex: 0 0 100%;
}
.search-page .search-results-column li header {
  gap: 0.65em;
  display: flex;
  flex-direction: column;
}
.search-page .search-results-column li header .search-result-meta-container {
  gap: 0.4em;
}
.search-page .search-results-column li header .search-result-meta-container nav {
  order: 2;
}
.search-page .search-results-column li header .search-result-meta-container .meta-data {
  margin: 0;
  width: 10em;
  color: rgba(0, 0, 0, 0.32);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .search-page .search-results-column li header .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
  .search-page .search-results-column li header .search-result-meta-container nav {
    flex: 1;
    order: -2;
  }
  [dir=ltr] .search-page .search-results-column li header .search-result-meta-container .meta-data {
    text-align: right;
  }
}
.search-page .search-results-column li header .search-result-title {
  margin-bottom: 0.2em;
}
.search-page .search-results-column li header .search-result-title a {
  color: inherit;
}
.search-page .search-results-column li .search-result-description {
  line-height: 1.75;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.66);
}
.search-page .search-results-column li .search-result-description em {
  font-weight: 600;
  font-style: normal;
  color: rgba(216, 31, 37, 1);
}
.search-page .search-results-column li:first-child {
  border: none;
}
.search-page .no-results .action-prompt {
  margin-bottom: 0.4em;
}

.search {
  border-radius: 6px;
  border: none;
  transition: 0.2s all cubic-bezier(0.32, 0.83, 0.29, 1.1);
  background: white;
  overflow: hidden;
}
.search:focus-within {
  border: inherit;
  box-shadow: 0 0 0 2px #1a1a1a, 0px 14px 48px rgba(0, 0, 0, 0.05), 0px 6.59312px 19.1704px rgba(0, 0, 0, 0.0379621), 0px 3.2473px 10.5686px rgba(0, 0, 0, 0.0332583), 0px 1.33051px 6.45062px rgba(0, 0, 0, 0.0298256), 0px 0.25153px 3.95855px rgba(0, 0, 0, 0.0264963), 0px -0.245443px 2.25425px rgba(0, 0, 0, 0.0224189), 0px -0.300266px 0.992006px rgba(0, 0, 0, 0.0161741);
}
.search input[type=search], .search .clear-button {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
  font-size: 1.1em;
  height: 45px;
}
.search.search-has-value input[type=search]:focus {
  border-right-color: transparent;
}
.search .clear-button {
  border: none;
}
.search .clear-button:hover svg {
  background-color: white;
}
.search .clear-button:focus {
  box-shadow: none;
}
.search .clear-button svg {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2212 15.5517C17.7079 16.0925 17.7079 16.9038 17.2212 17.3906C16.6803 17.9315 15.869 17.9315 15.3822 17.3906L9 10.9543L2.5637 17.3906C2.02284 17.9315 1.21154 17.9315 0.72476 17.3906C0.183895 16.9038 0.183895 16.0925 0.72476 15.5517L7.16106 9.11539L0.72476 2.67909C0.183895 2.13822 0.183895 1.32692 0.72476 0.840145C1.21154 0.29928 2.02284 0.29928 2.50962 0.840145L9 7.33053L15.4363 0.894232C15.9231 0.353366 16.7344 0.353366 17.2212 0.894232C17.762 1.38101 17.762 2.19231 17.2212 2.73317L10.7849 9.11539L17.2212 15.5517Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2212 15.5517C17.7079 16.0925 17.7079 16.9038 17.2212 17.3906C16.6803 17.9315 15.869 17.9315 15.3822 17.3906L9 10.9543L2.5637 17.3906C2.02284 17.9315 1.21154 17.9315 0.72476 17.3906C0.183895 16.9038 0.183895 16.0925 0.72476 15.5517L7.16106 9.11539L0.72476 2.67909C0.183895 2.13822 0.183895 1.32692 0.72476 0.840145C1.21154 0.29928 2.02284 0.29928 2.50962 0.840145L9 7.33053L15.4363 0.894232C15.9231 0.353366 16.7344 0.353366 17.2212 0.894232C17.762 1.38101 17.762 2.19231 17.2212 2.73317L10.7849 9.11539L17.2212 15.5517Z" fill="black"/></svg>');
  width: 14px;
  height: 14px;
}
.search .clear-button svg path {
  display: none;
}

.requests-table-toolbar .request-table-filter {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.requests-table-toolbar .request-table-filter * {
  margin: 0;
}

/* Search suggestion pop-up */
zd-autocomplete-announcement {
  position: fixed;
  top: 4em;
  background: rgba(216, 31, 37, 1);
  padding: 20px;
  border-radius: 6px;
  text-align: left;
  display: none;
}

zd-autocomplete {
  border-radius: 6px;
  background: #f7f7f7 !important;
  z-index: 4;
}
zd-autocomplete, zd-autocomplete * {
  animation: none;
}
zd-autocomplete zd-autocomplete-header {
  border: 0;
}
zd-autocomplete zd-autocomplete-multibrand {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.2em;
  background: white;
  border: 0;
  padding: 1em 1.5em 0.6em;
}
zd-autocomplete zd-autocomplete-multibrand:nth-child(2) {
  padding-top: 1.5em;
}
zd-autocomplete zd-autocomplete-multibrand:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-bottom: 1em;
}
zd-autocomplete zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
  color: black;
  font-size: 1.65em;
  font-weight: 600;
  white-space: normal;
  line-height: 1.25;
}
zd-autocomplete zd-autocomplete-multibrand zd-autocomplete-title-multibrand em {
  color: rgba(216, 31, 37, 1);
}
zd-autocomplete zd-autocomplete-breadcrumbs-multibrand {
  color: rgba(0, 0, 0, 0.32);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

table.game-stats,
table.article-card tbody table {
  width: 100%;
  border: 0;
  display: flex;
  flex-grow: 1;
}

table.game-stats a,
table.game-stats a:visited {
  color: inherit;
  text-decoration: none;
}
table.game-stats a:hover, table.game-stats a:active, table.game-stats a:focus,
table.game-stats a:visited:hover,
table.game-stats a:visited:active,
table.game-stats a:visited:focus {
  text-decoration: underline;
}

table.game-stats caption,
table.article-card caption {
  display: none;
}
table.game-stats tbody,
table.article-card tbody {
  width: 100%;
}

table.game-stats tr,
table.article-card tbody table tr {
  display: grid;
  gap: 0.5em;
}

table.game-stats tr {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
table.game-stats tr td {
  border: 0px solid transparent;
  border-radius: 6px;
  background: #f7f7f7;
  padding: 0.6em 0.6em 0.5em;
  background-clip: padding-box;
  flex-grow: 1;
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: auto !important;
}
@media (min-width: 768px) {
  table.game-stats tr td {
    flex-direction: column;
  }
}
table.game-stats tr td p:first-child {
  font-weight: 500;
  font-size: 1.1em;
  line-height: 1.25;
  margin: 0;
  margin-bottom: 0.4em;
}
table.game-stats tr td p + p {
  font-weight: 400;
  margin: 0;
  color: rgba(0, 0, 0, 0.66);
}

table.article-card {
  background: #f7f7f7;
  border-radius: calc(6px * 3);
  overflow: hidden;
  box-shadow: inset 0 0 0 2px #eaeaea;
  scroll-padding-top: 50px;
}
table.article-card + table.article-card {
  margin-top: 2em;
}
table.article-card p {
  color: rgba(0, 0, 0, 0.7);
}
table.article-card thead {
  display: flex;
  border-bottom: 2px #eaeaea solid;
  margin: 1em 1em 0 1em;
  padding-bottom: 0.6em;
}
table.article-card thead h1 {
  margin: -0.3em 0 0;
}
table.article-card thead p {
  margin: 0.3em 0;
}
table.article-card td {
  border: none;
  width: auto !important;
}
table.article-card > tbody > tr > td {
  padding: 1em;
  padding-top: 0.6em;
}
table.article-card tbody table tr {
  grid-template-columns: 1fr 1fr;
}
table.article-card figure {
  margin: 0;
}
table.article-card figure img {
  background: #ebebeb;
  max-height: 400px;
  width: 100%;
  object-fit: contain;
}
table.article-card figure figcaption {
  background: transparent;
  font-weight: 500;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.66);
  margin: -0.2em;
}