@charset "UTF-8";

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/hc/theming_assets/01HZKZEJQN1T93H00AFGTXH3H8) format("woff");
}
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
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: rgba(10, 10, 12, 1);
  color: rgba(203, 204, 210, 1);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-family: "Inter";
  font-size: 14px;
  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: Helvetica, Arial, sans-serif;
  font-family: "Inter";
  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(203, 204, 210, 1);
  text-decoration: none;
}

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(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 1);
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1280px) {
  .container {
    padding: 0 36px;
    width: 100%;
  }
}

.container-divider {
  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(122, 88, 233, 1);
  border-radius: 4px;
  color: rgba(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 1);
  color: rgba(255, 255, 255, 1);
  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: #4119c2;
  border-color: #4119c2;
}
.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: #000000;
  border: 1px solid rgba(122, 88, 233, 1);
  border-radius: 10px;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  line-height: 1.75;
  min-width: 190px;
  padding: 11px 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large,
  input[type="submit"] {
    width: auto;
  }
}
.button-large:visited,
input[type="submit"]:visited {
  color: rgba(255, 255, 255, 1);
}
.button-large:hover,
.button-large:active,
.button-large:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
  background-color: rgba(130, 78, 220, 0.1);
}
.button-large[disabled],
input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #fff;
  border: 1px solid #87929d;
  background-color: transparent;
}
.button-secondary:visited {
  color: #fff;
}
.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active {
  color: rgba(203, 204, 210, 1);
  border: 1px solid #87929d;
  background-color: #030304;
}

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

.split-button button {
  background-color: rgba(122, 88, 233, 1);
  border: 0;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  line-height: 16px;
  outline-color: rgba(122, 88, 233, 1);
}

[dir="rtl"] .split-button button:not(:only-child):first-child {
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir="ltr"] .split-button button:not(:only-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 1);
  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: #fff;
  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(122, 88, 233, 1);
}

.form-field input[type="text"] {
  border: 1px solid #87929d;
  border-radius: 4px;
}
.form-field input[type="text"]:focus {
  border: 1px solid rgba(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 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: #fff;
  margin-left: 4px;
}

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

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

.form footer a {
  color: #fff;
  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: rgba(122, 88, 233, 1);
}

/***** Header *****/
.header {
  max-width: 1280px;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
  position: sticky;
  top: 0;
  align-items: center;
  display: flex;
  height: 56px;
  padding: 0 5%;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
}
@media (min-width: 600px) {
  .header {
    padding: 0 36px;
  }
}

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

.logo span {
  margin: 0;
  color: #F9FAFB;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.logo a {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  color: #cbccd2;
}

.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: 56px;
  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: flex;
  list-style: none;
}

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

.nav-wrapper-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-flex;
    align-items: center;
  }
}

.nav-wrapper-desktop a {
  border: 0;
  color: rgba(255, 255, 255, 0.9);
  display: none;
  font-size: 14px;
  padding: 9px 16px;
  margin-right: 9px;
  width: auto;
  border-radius: 10px;
  line-height: 1.75;
  letter-spacing: -0.02em;
}

@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: rgba(130, 78, 220, 0.1);
  color: rgba(203, 204, 210, 1);
  text-decoration: none;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}
.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: #cbccd2;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 24px;
}

.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: rgba(10, 10, 12, 1);
  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(203, 204, 210, 1);
  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(203, 204, 210, 1);
}
.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(203, 204, 210, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover,
.user-info > button:focus {
  color: rgba(203, 204, 210, 1);
  background-color: transparent;
}
.user-info > button::after {
  color: rgba(203, 204, 210, 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(122, 88, 233, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: rgba(255, 255, 255, 1);
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  max-width: 1280px;
  margin-top: 60px;
  padding: 30px 0;
  background-color: #000009;
  margin: 0 auto;
}
.footer a {
  color: rgba(203, 204, 210, 1);
}
.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: #fff;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #fff;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  color: #fff;
  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(203, 204, 210, 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(122, 88, 233, 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%;
  z-index: 1;
}
.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(122, 88, 233, 1);
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 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(122, 88, 233, 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;
}

.srch .search-icon {
  top: 79%;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01HZKZEK4PSSVXY00EFMM3KDAV);
  background-image: linear-gradient(45deg, #00000a, transparent);
  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;
  z-index: 1;
}

.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;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .sub-nav {
  }
}

@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;
}

.hero-title {
  color: white;
}

/***** 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(122, 88, 233, 1);
  border-radius: 4px;
  box-sizing: border-box;
  color: rgba(122, 88, 233, 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(122, 88, 233, 1);
}
.blocks-item:hover *,
.blocks-item:focus *,
.blocks-item:active * {
  color: rgba(255, 255, 255, 1);
  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(203, 204, 210, 1);
}
.blocks-item-link {
  color: rgba(122, 88, 233, 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(122, 88, 233, 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/01HZKZEKCZ19QS20J6Z6BXMGQ7);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: rgba(203, 204, 210, 1);
  text-decoration: underline;
}
.community a:visited {
  color: rgba(122, 88, 233, 1);
}
.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(203, 204, 210, 1);
  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(203, 204, 210, 1);
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: rgba(122, 88, 233, 1);
}
.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(122, 88, 233, 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(203, 204, 210, 1);
}
.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(203, 204, 210, 1);
}

.icon-star {
  color: rgba(122, 88, 233, 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(203, 204, 210, 1);
  display: flex;
  justify-content: space-between;
}

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

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 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(203, 204, 210, 1);
  text-decoration: underline;
}
.article-body a:visited {
  color: rgba(122, 88, 233, 1);
}
.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: #000;
}
.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: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  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: #fff;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(122, 88, 233, 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(203, 204, 210, 1);
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: rgba(122, 88, 233, 1);
}
.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(203, 204, 210, 1);
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover,
.article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  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(203, 204, 210, 1);
  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: #fff;
}

/***** 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: #fff;
}
.share a:hover {
  text-decoration: none;
  color: rgba(122, 88, 233, 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: #fff;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: rgba(203, 204, 210, 1);
  text-decoration: underline;
}
.comment-callout a:visited {
  color: rgba(122, 88, 233, 1);
}
.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: #fff;
  font-size: 13px;
}
[dir="rtl"] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid rgba(122, 88, 233, 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(122, 88, 233, 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: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-family: "Inter";
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: rgba(203, 204, 210, 1);
  text-decoration: underline;
}
.comment-body a:visited {
  color: rgba(122, 88, 233, 1);
}
.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: #000;
}
.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: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  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: #fff;
  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(122, 88, 233, 1);
}

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

.vote-voted {
  color: rgba(122, 88, 233, 1);
}

.vote-voted:hover {
  color: #4119c2;
}

/***** 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/01HZKZEK92T1F409ESHP1VF4C6);
  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(122, 88, 233, 1);
}
.community-follow button:hover::after,
.community-follow button:focus::after {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected="true"] {
  background-color: rgba(122, 88, 233, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected="true"]::after {
  border-left: 1px solid rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}
.community-follow button[data-selected="true"]:hover {
  background-color: #4119c2;
  border-color: #4119c2;
}
.community-follow button::after {
  border-left: 1px solid rgba(122, 88, 233, 1);
  content: attr(data-follower-count);
  color: rgba(122, 88, 233, 1);
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-family: "Inter";
  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(122, 88, 233, 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(203, 204, 210, 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: rgba(122, 88, 233, 1);
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #fff;
  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(203, 204, 210, 1);
    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(122, 88, 233, 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: #fff;
}
.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: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-family: "Inter";
  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(203, 204, 210, 1);
  text-decoration: underline;
}
.post-body a:visited {
  color: rgba(122, 88, 233, 1);
}
.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: #000;
}
.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: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #030304;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #fff;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #fff;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: rgba(122, 88, 233, 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(122, 88, 233, 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(203, 204, 210, 1);
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir="rtl"] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: rgba(203, 204, 210, 1);
  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(122, 88, 233, 1);
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(203, 204, 210, 1);
}

.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(122, 88, 233, 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: #000;
  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: #fff;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #fff;
}

/***** 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: #fff;
  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(122, 88, 233, 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(122, 88, 233, 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: #030304;
    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: #fff;
  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: #fff;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

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

.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: #fff;
  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(122, 88, 233, 1);
  border-radius: 4px;
  color: rgba(122, 88, 233, 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: #000;
  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: #fff;
  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: #fff;
  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: #030304;
}
@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: rgba(10, 10, 12, 1);
  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(203, 204, 210, 1);
}
.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(203, 204, 210, 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(203, 204, 210, 1);
}
.search-results .no-results .action-prompt a:visited {
  color: rgba(203, 204, 210, 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: #fff;
  font-size: 13px;
}
.search-result-votes-icon,
.search-result-meta-count-icon {
  color: rgba(122, 88, 233, 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;
}

.header-bd {
  position: sticky;
  top: 0;
  z-index: 2;
}

.head-hr {
  margin: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  border-bottom-width: thin;
  background: rgba(203, 204, 210, 0.1);
  border: 0;
  height: 1px;
}

.hdup {
  margin-top: 30px;
}

.contnt {
  margin: 40px 0 0 0;
}

.cntct-rnpd {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .cntct-rnpd {
    flex-direction: row;
  }
  .contnt {
    padding: 0 0 0 44px;
    flex: 0 0 60%;
    margin-top: 0;
    max-width: 60%;
  }
  .form{
    flex: 0 0 40%;
    max-width: 40%;
  }
}

.contnt h1 {
  text-align: center;
}

.contains-txt {
  margin-top: 27px;
  margin-bottom: 72px;
}

.txt {
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  text-align: justify;
  font-size: 16px;
  color: #cbccd4;
}

.all-txt {
  margin: 36px 0px 0px;
}

.Cntct-us {
  font-size: 35px;
  font-weight: 400;
  color: #fff;
}

.root-1 {
  border: 1px solid rgba(130, 78, 220, 0.5);
  color: #824edc;
  width: 22%;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  border-radius: 10px;
}

.social-logos {
  background-image: url(/hc/theming_assets/01HZKZEJK3AEFF3035AH6T6VRC);
  height: 85px;
  width: 85px;
  background-repeat: no-repeat;
  display: block;
}

.root-box {
  display: flex;
}

body{
  overflow-x: hidden;
}

.back-blur {
  width: 230rem;
  height: 42.12575rem;
  position: absolute;
  left: -115rem;
  top: 20rem;
  transform: rotate(169.39deg);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 65, 163, 0.25) 18.87%, rgba(4, 0, 16, 0.80) 52.12%, #170042 75%);
  filter: blur(64px);
  z-index: -1;
}

@media (max-width: 1023px) {
  .back-blur {
    display: none;
  }
}

.css-1g38l46{
  position: relative;
  overflow: hidden;
}

.css-yfzt2i {
  display: flex;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: start;
  width: 100%;
}

@media (min-width: 960px) {
  .css-yfzt2i {
    width: 550px;
  }
}

.css-1fyptn1 {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

@media (min-width: 600px) {
  .css-1fyptn1 {
    flex-direction: row;
  }
}

.css-1h4jv7g {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.75;
  min-width: 64px;
  border-radius: 10px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(130, 78, 220, 0.5);
  width: 100%;
  font-weight: 400;
  text-transform: none;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  height: 150px;
  width: 150px;
  text-decoration: none !important;
}

@media (min-width: 960px) {
  .css-1h4jv7g {
    height: 150px;
    width: 150px;
  }
}

.css-io3jr8 {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.css-pe9tl6 {
  margin: 0px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.235;
  text-align: center;
}

.css-io3jr8 > :not(style) + :not(style) {
  margin: 18px 0px 0px;
}

.css-175a5hq {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 27px;
}

@media (min-width: 600px) {
  .css-1fyptn1 > :not(style) + :not(style) {
    margin: 0;
    margin-left: 27px;
  }
}

.css-mywp88 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(130, 78, 220, 0.5);
  color: #824edc;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  height: 150px;
  width: 150px;
  text-decoration: none !important;
}

@media (min-width: 960px) {
  .css-mywp88 {
    height: 150px;
    width: 150px;
  }
}

.css-1dojnrx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-1rpdjho {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  font-size: 48px;
}

@media (min-width: 960px) {
  .css-1rpdjho {
    font-size: 64px;
  }
}

.css-mywp88 .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-1dojnrx > :not(style) + :not(style) {
  margin: 0;
  margin-top: 9px;
}

.css-1h4jv7g:hover,
.css-mywp88:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
  border: 1px solid #824edc;
}

.css-yfzt2i > :not(style) + :not(style) {
  margin: 0;
  margin-top: 36px;
}

.css-gi4rsf {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}

.css-13y25rz > :not(style) + :not(style) {
  margin: 0;
  margin-top: 18px;
}

.css-3rnh6y {
  background-color: transparent;
  color: #cbccd2;
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 10px;
  box-shadow: none;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.05)
  );
  background-image: none;
  padding: 0;
  box-shadow: 0px 0px 2px #6a7199;
  overflow: hidden;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 36px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000009;
}

.css-veswa0 {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -27px;
  width: calc(100% + 27px);
  margin-left: -27px;
  max-width: 1280px;
  text-align: left;
}

.css-1o53r4l {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 50%;
  line-height: 2.5;
  margin-top: 27px;
}

@media (min-width: 600px) {
  .css-1o53r4l {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 25%;
  }
}

@media (min-width: 960px) {
  .css-1o53r4l {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
    margin-top: 0px;
  }
}

.css-veswa0 > .MuiGrid-item {
  padding-left: 27px;
}
.css-veswa0 > .MuiGrid-item {
  padding-top: 27px;
}
@media (min-width: 1280px) {
  .css-1o53r4l {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
  }
}

.css-odcpfc {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 18px;
}

.css-1k1q2l3 {
  margin: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a3a3a3;
}

.css-vpiwkg {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 2.5;
}

@media (min-width: 600px) {
  .css-vpiwkg {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 100%;
  }
}

@media (min-width: 960px) {
  .css-vpiwkg {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
  }
}

@media (min-width: 1280px) {
  .css-vpiwkg {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
  }
}

@media (min-width: 960px) {
  .css-vpiwkg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: end;
    justify-content: end;
  }
}

.css-r7zsdd {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 2.5;
}

@media (min-width: 600px) {
  .css-r7zsdd {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 960px) {
  .css-r7zsdd {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
  }
}

@media (min-width: 1280px) {
  .css-r7zsdd {
    -webkit-flex-basis: 16.666667%;
    -ms-flex-preferred-size: 16.666667%;
    flex-basis: 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 16.666667%;
  }
}

@media (min-width: 0px) {
  .css-r7zsdd {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media (min-width: 960px) {
  .css-r7zsdd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: end;
    justify-content: end;
  }
}

.css-13y25rz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.css-7sx0cl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.css-vubbuv {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
}

.css-7sx0cl > :not(style) + :not(style) {
  margin: 0;
  margin-left: 9px;
}

.css-dwpknh {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  font-size: 24px;
}

.css-uba7ob {
  margin: 0;
  font-size: 14px;
  color: rgba(203, 204, 210, 0.7);
  font-weight: 400;
  line-height: 1.75;
}

.css-11z55b9 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-size: 8px;
}

.user-nav-list li:last-child a {
  margin-right: 0;
}

.nav-wrapper-desktop a.btn-sgn {
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  padding: 8px 20px;
  background: radial-gradient(106.71% 106.71% at 50% -6.71%, #45005E 0%, #000000 46.08%, #000342 85.94%);
  border-radius: 8px;
  box-shadow: inset 0px -6px 24px rgba(255, 255, 255, 0.24), inset 0px 1px 2px #BD00FF;
  font-size: 13px;
  border: 1px solid rgba(130, 78, 220, 0.5);
  height: 36px;
  padding: 6px 20px;
}

.nav-wrapper-desktop a.btn-sgnup{
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 86.18%), radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.0472) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%), #5D29F0;
  border-radius: 8px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1), inset -3px -4px 7px rgba(9, 0, 114, 0.24);
  font-size: 13px;
  font-weight: 500;
  padding-right: 12.6px;
}


.nav-wrapper-desktop a.btn-sgn:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
  border: 1px solid #824edc;
}

.nav-wrapper-desktop a.btn-sgnup:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: rgb(104, 62, 176);
    box-shadow: none;
}

.request_anonymous_requester_email label{
  display: none;
}

.css-aw0a0h {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentColor;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    font-size: 20px;
    margin-left: 5.3999999999999995px;
}

/* New Custom Footer */


.css-1r7z1ty {
  width: 100%;
  position: -webkit-sticky !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1100;
}

.css-ckmkb2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  position: -webkit-sticky !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1100;
  background: rgba(28, 28, 28, 0.1);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-bottom: 1px solid rgba(249, 250, 251, 0.16);
  -webkit-backdrop-filter: blur(50px);
}

.css-1c0oca0 {
  width: 100%;
  margin-left: auto;
  box-sizing: border-box;
  margin-right: auto;
  display: block;
  padding-left: 18px;
  padding-right: 18px;
}

@media (min-width: 600px) {
  .css-1c0oca0 {
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 1280px) {
  .css-1c0oca0 {
    max-width: 1280px;
  }
}

.css-5a8ado {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.css-19slu89 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  max-width: 15rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
}

.css-1a11lx3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-1a11lx3 > :not(style) + :not(style) {
  margin: 0;
  margin-left: 4.5px;
}

.css-hn1omt {
  margin: 0;
  color: #824edc;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.css-hn1omt:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.css-vubbuv {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
}

.css-ddbytr {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #f9fafb;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.css-n9bojb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.css-n9bojb > :not(style) + :not(style) {
  margin: 0;
  margin-left: 9px;
}

@media (min-width: 0px) {
  .css-n9bojb {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-n9bojb {
    display: inherit;
  }
}

.css-15gvyzj {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #824edc;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  padding: 9px 16px;
  color: rgba(249, 250, 251, 0.72);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.css-15gvyzj::-moz-focus-inner {
  border-style: none;
}

.css-15gvyzj.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-15gvyzj {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-15gvyzj:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
}

@media (hover: none) {
  .css-15gvyzj:hover {
    background-color: transparent;
  }
}

.css-15gvyzj.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
}

.css-15gvyzj .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-1b32djm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  gap: 9px;
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 15rem;
}

.css-1f1gzyu {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #fff;
  background-color: #824edc;
  box-shadow: none;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  background: radial-gradient(
      92.09% 85.42% at 86.3% 87.5%,
      rgba(0, 0, 0, 0.54) 0%,
      rgba(0, 0, 0, 0) 86.18%
    ),
    radial-gradient(
      65.28% 65.28% at 26.39% 20.83%,
      rgba(255, 255, 255, 0.0472) 0%,
      rgba(255, 255, 255, 0) 69.79%,
      rgba(255, 255, 255, 0) 100%
    ),
    #5d29f0;
  border-radius: 8px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.1),
    inset -3px -4px 7px rgba(9, 0, 114, 0.24);
  font-size: 13px;
  font-weight: 500;
  height: 36px;
  padding-left: 18px;
}

.css-1f1gzyu::-moz-focus-inner {
  border-style: none;
}

.css-1f1gzyu.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1f1gzyu {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-1f1gzyu:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgb(104, 62, 176);
  box-shadow: none;
}

@media (hover: none) {
  .css-1f1gzyu:hover {
    background-color: #824edc;
  }
}

.css-1f1gzyu:active {
  box-shadow: none;
}

.css-1f1gzyu.Mui-focusVisible {
  box-shadow: none;
}

.css-1f1gzyu.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
  box-shadow: none;
  background-color: rgba(203, 204, 210, 0.02);
}

.css-1f1gzyu .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 0px) {
  .css-1f1gzyu {
    padding-right: 18px;
  }
}

@media (min-width: 960px) {
  .css-1f1gzyu {
    padding-right: 12.6px;
  }
}

.css-aw0a0h {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  font-size: 20px;
  margin-left: 5.3999999999999995px;
}

@media (min-width: 0px) {
  .css-aw0a0h {
    display: none;
  }
}

@media (min-width: 960px) {
  .css-aw0a0h {
    display: inherit;
  }
}

.css-rbanyj {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(130, 78, 220, 0.5);
  color: #824edc;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  background: radial-gradient(
    106.71% 106.71% at 50% -6.71%,
    #45005e 0%,
    #000000 46.08%,
    #000342 85.94%
  );
  border-radius: 8px;
  box-shadow: inset 0px -6px 24px rgba(255, 255, 255, 0.24),
    inset 0px 1px 2px #bd00ff;
  font-size: 13px;
  font-weight: 500;
  height: 36px;
}

.css-rbanyj::-moz-focus-inner {
  border-style: none;
}

.css-rbanyj.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-rbanyj {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-rbanyj:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
  border: 1px solid #824edc;
}

@media (hover: none) {
  .css-rbanyj:hover {
    background-color: transparent;
  }
}

.css-rbanyj.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
  border: 1px solid rgba(203, 204, 210, 0.02);
}

.css-rbanyj .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-1mox1s2 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  text-align: center;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.5rem;
  padding: 8px;
  border-radius: 50%;
  overflow: visible;
  color: #cbccd2;
  -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 8px;
  padding: 8px;
  background: radial-gradient(
    106.71% 106.71% at 50% -6.71%,
    #45005e 0%,
    #000000 46.08%,
    #000342 85.94%
  );
  border-radius: 8px;
  box-shadow: inset 0px -6px 24px rgba(255, 255, 255, 0.24),
    inset 0px 1px 2px #bd00ff;
  font-size: 13px;
  font-weight: 500;
  height: 36px;
  padding-left: 7.2px;
  padding-right: 7.2px;
}

.css-1mox1s2::-moz-focus-inner {
  border-style: none;
}

.css-1mox1s2.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1mox1s2 {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-1mox1s2:hover {
  background-color: rgba(203, 204, 210, 0.1);
}

@media (hover: none) {
  .css-1mox1s2:hover {
    background-color: transparent;
  }
}

.css-1mox1s2.Mui-disabled {
  background-color: transparent;
  color: rgba(203, 204, 210, 0.5);
}

.css-1mox1s2 .MuiTouchRipple-root {
  border-radius: 8px;
}

@media (min-width: 0px) {
  .css-1mox1s2 {
    display: inherit;
  }
}

@media (min-width: 960px) {
  .css-1mox1s2 {
    display: none;
  }
}

.css-w3f84a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(77, 148, 255, 0.03) 100%
  );
}

@media (min-width: 0px) {
  .css-w3f84a {
    gap: 9px;
  }
}

@media (min-width: 960px) {
  .css-w3f84a {
    gap: 18px;
  }
}

.css-1iz6gcs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4.5px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0.1);
}

.css-1t60eb3 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  color: #fff;
  font-size: 12px;
}

.css-1sqnfpx {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
}

.css-1qnegqy {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 8px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #824edc;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  padding: 9px 16px;
  padding-left: 0px;
  padding-right: 0px;
}

.css-1qnegqy::-moz-focus-inner {
  border-style: none;
}

.css-1qnegqy.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1qnegqy {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-1qnegqy:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
}

@media (hover: none) {
  .css-1qnegqy:hover {
    background-color: transparent;
  }
}

.css-1qnegqy.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
}

.css-1qnegqy .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-1qnegqy:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  background: transparent;
}

.css-10cofwe {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.25rem;
  color: #fff;
}

.css-1tnya9f {
  margin: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-width: 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.12);
  border-bottom-width: thin;
  background: rgba(203, 204, 210, 0.1);
  border: 0;
  height: 1px;
}

.css-dvxtzn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-ad06uv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 36px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 144px;
  position: relative;
  max-width: 75.5rem;
}

.css-1bbpm6d {
  margin: 0;
  font-weight: 700;
  font-size: 30px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
  letter-spacing: -0.48px;
}

@media (min-width: 0px) {
  .css-1bbpm6d {
    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 960px) {
  .css-1bbpm6d {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.css-1no5baw {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 6px 16px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  color: #fff;
  background-color: #824edc;
  box-shadow: none;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
  background: radial-gradient(
      92.09% 85.42% at 86.3% 87.5%,
      rgba(0, 0, 0, 0.54) 0%,
      rgba(0, 0, 0, 0) 86.18%
    ),
    radial-gradient(
      65.28% 65.28% at 26.39% 20.83%,
      rgba(255, 255, 255, 0.0472) 0%,
      rgba(255, 255, 255, 0) 69.79%,
      rgba(255, 255, 255, 0) 100%
    ),
    #5d29f0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  height: 36px;
}

.css-1no5baw::-moz-focus-inner {
  border-style: none;
}

.css-1no5baw.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-1no5baw {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-1no5baw:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgb(104, 62, 176);
  box-shadow: none;
}

@media (hover: none) {
  .css-1no5baw:hover {
    background-color: #824edc;
  }
}

.css-1no5baw:active {
  box-shadow: none;
}

.css-1no5baw.Mui-focusVisible {
  box-shadow: none;
}

.css-1no5baw.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
  box-shadow: none;
  background-color: rgba(203, 204, 210, 0.02);
}

.css-1no5baw .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-ex04wn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  font-size: 20px;
  margin-left: 5.3999999999999995px;
}

.css-1jidlch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 27px;
  border: 1px solid rgba(249, 250, 251, 0.16);
  border-radius: 24px;
}

@media (min-width: 0px) {
  .css-1jidlch {
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    padding: 18px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: transparent;
  }
}

@media (min-width: 1280px) {
  .css-1jidlch {
    background: radial-gradient(
        99.75% 99.75% at 50% 99.75%,
        rgba(44, 0, 115, 0.79) 0%,
        rgba(15, 23, 42, 0) 67.22%
      ),
      rgba(0, 0, 0, 0.04);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    padding: 27px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-color: rgba(249, 250, 251, 0.16);
  }
}

.css-v5enho {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
}

.css-1k6ffs3 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-weight: 500;
}

.css-qh04n1 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  max-width: 30rem;
}

.css-7fmx7e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 18px;
  column-gap: 18px;
  row-gap: 18px;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 0px) {
  .css-7fmx7e {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 960px) {
  .css-7fmx7e {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media (min-width: 0px) {
  .css-7fmx7e {
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
  }
}

@media (min-width: 960px) {
  .css-7fmx7e {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

.css-1ugnqqv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 9px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.css-v5uilo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 6.3px;
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0.16);
  opacity: 0.8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.css-836yd8 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  color: white;
  font-size: 15px;
}

.css-q2qw9w {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.css-18v1xfh {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -18px;
  width: calc(100% + 18px);
  margin-left: -18px;
}

.css-18v1xfh > .MuiGrid-item {
  padding-top: 18px;
}

.css-18v1xfh > .MuiGrid-item {
  padding-left: 18px;
}

.css-1rl1s7x {
  box-sizing: border-box;
  margin: 0;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;
}

@media (min-width: 600px) {
  .css-1rl1s7x {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 50%;
  }
}

@media (min-width: 960px) {
  .css-1rl1s7x {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1280px) {
  .css-1rl1s7x {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

@media (min-width: 1600px) {
  .css-1rl1s7x {
    -webkit-flex-basis: 33.333333%;
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    max-width: 33.333333%;
  }
}

.css-1wo1ag2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4.5px;
  padding: 18px;
  height: 100%;
  border-radius: 12px;
  border: 1px rgba(233.61, 235.39, 238.3, 0.11) solid;
  box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.25);
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.01) 0%,
      rgba(255, 255, 255, 0.01) 100%
    ),
    radial-gradient(
      50.12% 50.12% at 100.49% 75.43%,
      rgba(28.15, 6.51, 63.46, 0.2) 0%,
      rgba(55.12, 0, 98.43, 0) 100%
    );
}

.css-19e7n7j {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.css-1wfon2x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0px -6px 24px 0px rgba(255, 255, 255, 0.24) inset;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}

.css-38z7vi {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-size: 11px;
  color: rgb(180, 180, 180);
}

.css-q3nr5k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.css-1iixjbx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.25px;
}

.css-1w3r2xq {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4.5px;
}

.css-qyr3fk {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: rgba(249, 250, 251, 0.64);
}

.css-vqe3zw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.css-1aeyamw {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-size: 12px;
  opacity: 0.5;
}

.css-1oxfbjv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 162px;
  margin-bottom: 162px;
  position: relative;
}

.css-1oxfbjv > :not(style) + :not(style) {
  margin: 0;
  margin-top: 27px;
}

.css-sag2e2 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
}

.css-a99tkp {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-size: 15px;
  line-height: 1.8;
  max-width: 600px;
  padding-left: 27px;
  padding-right: 27px;
}

.css-jb0sp1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 180px;
}

.css-2qt4z5 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-size: 18px;
  max-width: 650px;
  padding-left: 27px;
  padding-right: 27px;
}

.css-9935mn {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 36px;
  font-size: 18px;
  max-width: 650px;
  padding-left: 27px;
  padding-right: 27px;
}

.css-aum3se {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  font-weight: 600;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 0.875rem;
  line-height: 1.75;
  text-transform: uppercase;
  min-width: 64px;
  padding: 5px 15px;
  border-radius: 10px;
  -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: 1px solid rgba(130, 78, 220, 0.5);
  color: #824edc;
  font-weight: 400;
  text-transform: none;
  padding-left: 16px;
  padding-right: 16px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 20px;
}

.css-aum3se::-moz-focus-inner {
  border-style: none;
}

.css-aum3se.Mui-disabled {
  pointer-events: none;
  cursor: default;
}

@media print {
  .css-aum3se {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}

.css-aum3se:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: rgba(130, 78, 220, 0.1);
  border: 1px solid #824edc;
}

@media (hover: none) {
  .css-aum3se:hover {
    background-color: transparent;
  }
}

.css-aum3se.Mui-disabled {
  color: rgba(203, 204, 210, 0.5);
  border: 1px solid rgba(203, 204, 210, 0.02);
}

.css-aum3se .MuiSvgIcon-root {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.css-1w5i3i5 {
  background-color: transparent;
  color: #cbccd2;
  -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 10px;
  box-shadow: none;
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.05),
    rgba(255, 255, 255, 0.05)
  );
  background-image: none;
  padding: 0;
  box-shadow: 0px 0px 2px #6a7199;
  overflow: hidden;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 60px;
}

.css-1320f3x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 180%;
  row-gap: 45px;
}

@media (min-width: 0px) {
  .css-1320f3x {
    -webkit-column-gap: 10%;
    column-gap: 10%;
    margin-top: 72px;
  }
}

@media (min-width: 600px) {
  .css-1320f3x {
    -webkit-column-gap: 36px;
    column-gap: 36px;
    margin-top: 81px;
  }
}

@media (min-width: 960px) {
  .css-1320f3x {
    -webkit-column-gap: 90px;
    column-gap: 90px;
    margin-top: 90px;
  }
}

@media (min-width: 1280px) {
  .css-1320f3x {
    -webkit-column-gap: 126px;
    column-gap: 126px;
  }
}

.css-1pm07ax {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 130px;
}

.css-16pn9m4 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}

.css-1vuotem {
  margin: 0;
  color: #824edc;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: rgba(249, 250, 251, 0.64);
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.css-1vuotem:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.css-k6xias {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid rgba(249, 250, 251, 0.24);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 400px;
  margin-bottom: 54px;
  padding-top: 36px;
  width: 70%;
}

@media (min-width: 0px) {
  .css-k6xias {
    margin-top: 90px;
  }
}

@media (min-width: 600px) {
  .css-k6xias {
    margin-top: 126px;
  }
}

.css-voefa9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 90px;
}

.css-voefa9 > :not(style) + :not(style) {
  margin: 0;
  margin-left: 18px;
}

.css-dwpknh {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  fill: currentColor;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-size: 1.5rem;
  font-size: 24px;
}

.css-1du5ua1 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #f9fafb;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.css-899axg {
  margin: 0;
  font-size: 14px;
  color: rgba(203, 204, 210, 0.7);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-weight: 400;
  line-height: 1.75;
  margin-top: 4.5px;
}

@media(min-width: 1024px){
.logo{
  display: flex;
  width: 100%;
  max-width: 15rem;
}

.nav-wrapper-desktop-2{
  width: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 15rem;
  align-items: end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
}
}
/* My requests + account menu */

.user-nav-list .rp-account{display:flex;align-items:center;position:relative;margin-left:14px;}
.user-nav-list li.rp-account a.rp-requests-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid rgba(255,255,255,0.30);border-radius:8px;background:transparent;box-shadow:none;color:#fff;font-size:14px;line-height:1.4;text-decoration:none;white-space:nowrap;}
.user-nav-list li.rp-account a.rp-requests-btn:hover,.user-nav-list li.rp-account a.rp-requests-btn:focus-visible{border-color:rgba(255,255,255,0.65);background:rgba(255,255,255,0.07);color:#fff;text-decoration:none;}
.rp-account-toggle.dropdown-toggle{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(255,255,255,0.28);border-radius:6px;background:transparent;color:#fff;cursor:pointer;}
.rp-account-toggle.dropdown-toggle:hover,.rp-account-toggle.dropdown-toggle[aria-expanded="true"]{border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.06);}
.rp-account-toggle .user-avatar{width:20px;height:20px;border-radius:50%;flex:0 0 auto;}
.rp-account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}
.rp-account-toggle::after{display:none !important;}
.rp-account-menu.dropdown-menu{top:calc(100% + 8px);bottom:auto;right:0;left:auto;width:auto;min-width:248px;max-width:288px;padding:8px 0;background:#12151c;border:1px solid rgba(255,255,255,0.14);border-radius:8px;}
.rp-account-menu .rp-account-note{margin:0 0 6px;padding:0 14px 8px;border-bottom:1px solid rgba(255,255,255,0.10);font-size:11px;line-height:1.45;color:rgba(255,255,255,0.62);}
.rp-account-menu [role="menuitem"]{display:block;padding:8px 14px;font-size:13px;text-decoration:none;color:rgba(255,255,255,0.86);}
.rp-account-menu [role="menuitem"]:hover,.rp-account-menu [role="menuitem"]:focus-visible{background:rgba(255,255,255,0.08);color:#fff;}
.rp-account-menu [role="separator"]{margin:6px 0;border-top:1px solid rgba(255,255,255,0.10);}
.menu-list-mobile-items .rp-mobile-note{margin-top:6px;padding:10px 0 0;border-top:1px solid rgba(255,255,255,0.10);font-size:11px;line-height:1.45;color:rgba(255,255,255,0.55);}



.user-nav-list .rp-account-menu a.requests-link,.user-nav-list .rp-account-menu a[role="menuitem"]{color:rgba(255,255,255,0.86);background:transparent;}
.user-nav-list .rp-account-menu a.requests-link:hover,.user-nav-list .rp-account-menu a.requests-link:focus-visible{color:#fff;background:rgba(255,255,255,0.08);}
.rp-account-menu [role="separator"]:last-child{display:none;}






/* ================= ARTICLE READABILITY PASS ================= */
.article-body{font-size:15px;line-height:1.72;}
.article-body p{margin:0 0 1.15em;}
.article-body>*:first-child{margin-top:0;}
.article-body>*:last-child{margin-bottom:0;}
.article-body p>strong,.article-body li>strong{color:#f2f3f7;font-weight:600;}
.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#fff;line-height:1.3;font-weight:600;margin:1.9em 0 .55em;}
.article-body h1{font-size:22px;}
.article-body h2{font-size:20px;}
.article-body h3{font-size:17px;}
.article-body h4,.article-body h5,.article-body h6{font-size:15px;}
.article-body hr{height:1px;border:0;background:rgba(255,255,255,0.10);margin:2.2em 0;}
.article-body hr:has(+h1),.article-body hr:has(+h2),.article-body hr:has(+h3),.article-body hr:has(+h4){display:none;}
.article-body a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.article-body a:hover,.article-body a:focus-visible{color:#c4b5fd;}
/* neutralise colours pasted in from Google Docs etc. */
.article-body [style*="color"]:not(a){color:inherit !important;}
.article-body [style*="background"]{background-color:transparent !important;}
.article-body a[style*="color"]{color:#a78bfa !important;}
.article-body font[color]{color:inherit !important;}
.article-body ul,.article-body ol{margin:0 0 1.15em;padding-left:1.45em;}
.article-body li{margin:.35em 0;}
.article-body li>ul,.article-body li>ol{margin:.35em 0;}
.article-body blockquote{margin:1.5em 0;padding:12px 16px;border:0;border-left:3px solid #7f77dd;border-radius:0;background:rgba(127,119,221,0.08);color:#d9dbe5;}
.article-body blockquote>*:last-child{margin-bottom:0;}
.article-body img{max-width:100%;width:auto !important;height:auto !important;display:block;margin:1.4em 0;border-radius:8px;border:1px solid rgba(255,255,255,0.10);}


/* ---- CODE BLOCKS + TABLES + TAGS ---- */
.article-body pre{background:#0b0e1a;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:14px 16px;margin:1.4em 0;overflow-x:auto;font-size:13.5px;line-height:1.6;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.28) transparent;-webkit-overflow-scrolling:touch;}
.article-body pre::-webkit-scrollbar{height:9px;}
.article-body pre::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:0 0 7px 7px;}
.article-body pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.28);border-radius:5px;}
.article-body pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.45);}
.article-body pre code{background:none;border:0;padding:0;font-size:inherit;color:#e7e9f0;}
.article-body pre a{color:inherit;text-decoration:none;}
.article-body :not(pre)>code{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.10);border-radius:4px;padding:1px 5px;font-size:.92em;color:#e7e9f0;word-break:break-word;}
.rp-table-scroll{overflow-x:auto;margin:1.5em 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.28) transparent;}
.rp-table-scroll::-webkit-scrollbar{height:9px;}
.rp-table-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.28);border-radius:5px;}
.rp-table-scroll>table{margin:0;}
.article-body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:14px;}
.article-body th,.article-body td{border:1px solid rgba(255,255,255,0.14);padding:8px 11px;text-align:left;vertical-align:top;}
.article-body th{background:rgba(255,255,255,0.06);color:#fff;font-weight:600;}
.article-body tbody tr:nth-child(even) td{background:rgba(255,255,255,0.02);}
.content-tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:.5em 0 0;}
.content-tag-item{margin:0;padding:0;border:0 !important;}
.content-tag-item a{display:inline-block;padding:4px 11px;border:1px solid rgba(255,255,255,0.16);border-radius:999px;font-size:12px;color:rgba(255,255,255,0.80);text-decoration:none;}
.content-tag-item a:hover,.content-tag-item a:focus-visible{border-color:rgba(255,255,255,0.42);color:#fff;}


/* ---- TOC + HELP CARD + SIDEBAR ---- */
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.article-body .rp-anchored{scroll-margin-top:90px;}
.rp-toc{margin:0 0 1.9em;padding:14px 18px;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(255,255,255,0.03);}
.rp-toc[hidden]{display:none;}
.rp-toc-title{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,0.55);}
.rp-toc-list{list-style:none;margin:0;padding:0;}
.rp-toc-item{margin:0;}
.rp-toc-item a{display:block;padding:5px 0 5px 12px;border-left:2px solid rgba(255,255,255,0.10);font-size:13.5px;line-height:1.45;color:rgba(255,255,255,0.72);text-decoration:none;}
.rp-toc-item a:hover{color:#fff;border-left-color:rgba(255,255,255,0.35);}
.rp-toc-item a.is-active{color:#fff;border-left-color:#7f77dd;}
.rp-toc-h3 a{padding-left:26px;font-size:13px;color:rgba(255,255,255,0.60);}
.rp-help-card{margin:2em 0 0;padding:18px 20px;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(255,255,255,0.03);text-align:left;}
.rp-help-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff;}
.rp-help-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.rp-help-card .rp-help-primary{display:inline-flex;align-items:center;padding:9px 18px;border-radius:8px;border:1px solid transparent;background:#534ab7;color:#fff;font-size:14px;text-decoration:none;}
.rp-help-card .rp-help-primary:hover{background:#6159cc;color:#fff;text-decoration:none;}
.rp-help-card .rp-help-secondary{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.28);background:transparent;color:#fff;font-size:14px;text-decoration:none;cursor:pointer;font-family:inherit;}
.rp-help-card .rp-help-secondary:hover{border-color:rgba(255,255,255,0.60);background:rgba(255,255,255,0.07);color:#fff;text-decoration:none;}
.article-sidebar ul li a.sidenav-item{padding:7px 0 7px 10px;border-left:2px solid transparent;font-size:13px;line-height:1.45;}
.article-sidebar .sidenav-item.current-article{color:#fff;font-weight:600;border-left-color:#7f77dd;}
@media (min-width:1024px){.article-sidebar .collapsible-sidebar{position:sticky;top:24px;max-height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:thin;}}





/* Zendesk AI summary block: ships light-grey on near-white, unreadable on dark */
.article-body zd-summary-block{display:block;margin:1.5em 0;padding:12px 16px;border:0 !important;border-left:4px solid #7f77dd !important;border-radius:0;background:rgba(127,119,221,0.10) !important;color:#dcdee8 !important;}
.article-body zd-summary-block *{color:inherit !important;background:transparent !important;}
.article-body zd-summary-block>*:last-child{margin-bottom:0;}


/* ---- SEARCH FIELD: brand-aligned dark treatment ---- */
form.search input[type="search"]{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.36);border-radius:10px;color:#f2f3f7;box-shadow:none;-webkit-appearance:none;appearance:none;}
form.search input[type="search"]::placeholder{color:rgba(255,255,255,0.48);opacity:1;}
form.search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}
form.search input[type="search"]:hover{background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.55);}
form.search input[type="search"]:focus,form.search input[type="search"]:focus-visible{outline:none;background-color:rgba(255,255,255,0.08);border-color:#7f77dd;box-shadow:0 0 0 3px rgba(127,119,221,0.30);}
.search-icon{color:rgba(255,255,255,0.55) !important;fill:none !important;stroke:currentColor;}
form.search .clear-button{background-color:transparent;color:rgba(255,255,255,0.55);border-radius:8px;}
form.search .clear-button:hover,form.search .clear-button:focus-visible{color:#fff;background-color:rgba(255,255,255,0.08);}


/* ---- REQUEST FORM: dark field treatment, 10px radius ---- */
form .form-field > label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#e7e9f0;}
form .form-field > p{margin:6px 0 0;font-size:12px;line-height:1.5;color:rgba(255,255,255,0.58);}
form .form-field input[type="text"],form .form-field input[type="email"],form .form-field input[type="url"],form .form-field input[type="tel"],form .form-field input[type="number"],form .form-field input[type="password"],form .form-field textarea,form .form-field select,form .form-field .nesty-input{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.36);border-radius:10px;color:#f2f3f7;padding:10px 14px;font-size:14px;box-shadow:none;width:100%;box-sizing:border-box;}
form .form-field input::placeholder,form .form-field textarea::placeholder{color:rgba(255,255,255,0.45);opacity:1;}
form .form-field textarea{min-height:150px;resize:vertical;line-height:1.6;}
form .form-field select{-webkit-appearance:none;appearance:none;color-scheme:dark;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
form .form-field input[type="text"]:hover,form .form-field input[type="email"]:hover,form .form-field input[type="url"]:hover,form .form-field input[type="tel"]:hover,form .form-field input[type="number"]:hover,form .form-field input[type="password"]:hover,form .form-field textarea:hover,form .form-field select:hover,form .form-field .nesty-input:hover{border-color:rgba(255,255,255,0.55);background-color:rgba(255,255,255,0.07);}
form .form-field input[type="text"]:focus,form .form-field input[type="email"]:focus,form .form-field input[type="url"]:focus,form .form-field input[type="tel"]:focus,form .form-field input[type="number"]:focus,form .form-field input[type="password"]:focus,form .form-field textarea:focus,form .form-field select:focus,form .form-field .nesty-input:focus{outline:none;border-color:#7f77dd;background-color:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(127,119,221,0.30);}
form .form-field [aria-invalid="true"],form .form-field.error input,form .form-field.error textarea,form .form-field.error select{border-color:#e24b4a;box-shadow:0 0 0 3px rgba(226,75,74,0.22);}
form .form-field.error > p,form .form-field .error-msg{color:#f09595;}
form .form-field input[type="checkbox"]{accent-color:#7f77dd;width:16px;height:16px;}
form .upload-dropzone{border:1px dashed rgba(255,255,255,0.30);border-radius:10px;background-color:rgba(255,255,255,0.03);color:rgba(255,255,255,0.65);}
form .upload-dropzone:hover{border-color:rgba(255,255,255,0.50);background-color:rgba(255,255,255,0.06);}
form input[type="submit"]{background-color:#534ab7;border:1px solid transparent;border-radius:10px;color:#fff;padding:11px 24px;font-size:14px;cursor:pointer;}
form input[type="submit"]:hover{background-color:#6159cc;}
form input[type="submit"]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(127,119,221,0.45);}

/* ---- MULTISELECT / NESTED DROPDOWN widgets ---- */
form .form-field .hc-multiselect-toggle,form .form-field .nesty-input{background-color:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.36) !important;border-radius:10px !important;color:#f2f3f7 !important;padding:10px 14px;min-height:44px;box-sizing:border-box;}
form .form-field .hc-multiselect-toggle:hover,form .form-field .nesty-input:hover{border-color:rgba(255,255,255,0.55) !important;background-color:rgba(255,255,255,0.07) !important;}
form .form-field .hc-multiselect-toggle:focus,form .form-field .nesty-input:focus{outline:none;border-color:#7f77dd !important;box-shadow:0 0 0 3px rgba(127,119,221,0.30);}
.hc-multiselect-menu,.nesty-panel{background-color:#151832 !important;border:1px solid rgba(255,255,255,0.16) !important;border-radius:10px !important;color:#e7e9f0 !important;}
.hc-multiselect-menu li,.nesty-panel li,.nesty-panel a{color:#e7e9f0 !important;}
.hc-multiselect-menu li:hover,.nesty-panel li:hover,.nesty-panel a:hover{background-color:rgba(255,255,255,0.08) !important;color:#fff !important;}
.hc-multiselect-menu input[type="checkbox"]{accent-color:#7f77dd;}

/* ---- DROPDOWN READABILITY + VERTICAL CENTRING ---- */
/* Copenhagen leaves line-height:40px inside a 22px content box, dropping text to the bottom */
form .form-field .nesty-input,form .form-field .hc-multiselect-toggle{height:44px;line-height:22px;padding:10px 38px 10px 14px;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* native select popups: options inherit light text onto a light popup */
select option,select optgroup{background-color:#151832;color:#e7e9f0;}
select option:checked,select option:hover{background-color:#2a2f52;color:#fff;}
/* custom dropdown panels used by Zendesk widgets */
.nesty-panel,.hc-multiselect-menu{background-color:#151832 !important;border:1px solid rgba(255,255,255,0.20) !important;border-radius:10px !important;color:#e7e9f0 !important;box-shadow:0 10px 30px rgba(0,0,0,0.45);}
.nesty-panel *,.hc-multiselect-menu *{color:#e7e9f0 !important;background-color:transparent !important;}
.nesty-panel li,.hc-multiselect-menu li{line-height:1.5;padding:8px 12px;}
.nesty-panel li:hover,.nesty-panel a:hover,.hc-multiselect-menu li:hover{background-color:rgba(255,255,255,0.10) !important;color:#fff !important;}
.nesty-panel .nesty-header,.hc-multiselect-menu .hc-multiselect-header{color:rgba(255,255,255,0.60) !important;}

/* ---- ALL SELECTS across the help center, not just form fields ---- */
body select{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.36);border-radius:10px;color:#f2f3f7;-webkit-appearance:none;appearance:none;color-scheme:dark;padding:10px 38px 10px 14px;font-size:14px;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
body select:hover{border-color:rgba(255,255,255,0.55);background-color:rgba(255,255,255,0.07);}
body select:focus,body select:focus-visible{outline:none;border-color:#7f77dd;box-shadow:0 0 0 3px rgba(127,119,221,0.30);}
body select option,body select optgroup{background-color:#151832;color:#e7e9f0;}
/* generic Copenhagen dropdown menus (comment sorter, request filters, profile sorter) */
.dropdown-menu{background-color:#151832;border:1px solid rgba(255,255,255,0.20);border-radius:10px;color:#e7e9f0;box-shadow:0 10px 30px rgba(0,0,0,0.45);}
.dropdown-menu [role="menuitem"],.dropdown-menu [role="menuitemradio"],.dropdown-menu a{color:#e7e9f0;}
.dropdown-menu [role="menuitem"]:hover,.dropdown-menu [role="menuitemradio"]:hover,.dropdown-menu a:hover{background-color:rgba(255,255,255,0.10);color:#fff;}
.dropdown-menu [role="separator"]{border-top:1px solid rgba(255,255,255,0.12);}
.dropdown-toggle{color:#e7e9f0;}

/* ---- SEARCH INPUTS EVERYWHERE, not just form.search ---- */
/* the requests-page quick search sits in a div.search, not a form.search */
body .search input[type="search"]{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.36);border-radius:10px;color:#f2f3f7;box-shadow:none;-webkit-appearance:none;appearance:none;}
body .search input[type="search"]::placeholder{color:rgba(255,255,255,0.48);opacity:1;}
body .search input[type="search"]:hover{background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.55);}
body .search input[type="search"]:focus,body .search input[type="search"]:focus-visible{outline:none;background-color:rgba(255,255,255,0.08);border-color:#7f77dd;box-shadow:0 0 0 3px rgba(127,119,221,0.30);}
.requests-table-toolbar .search .search-icon,.search .search-icon{color:rgba(255,255,255,0.55) !important;fill:none !important;}

/* external links in the account menu */
.rp-account-menu .rp-account-external::after{content:" \2197";opacity:.55;}

/* ---- ACCOUNT MENU WRAPPING + FOCUS RING ---- */
/* Copenhagen .dropdown-menu sets white-space:nowrap, so the note overflowed the card by 97px */
.rp-account-menu.dropdown-menu{white-space:normal;max-width:300px;}
.rp-account-menu .rp-account-note{white-space:normal;overflow-wrap:break-word;}
.rp-account-menu [role="menuitem"]{white-space:normal;}
/* replace the browser default blue focus ring with the brand colour */
.rp-account-menu [role="menuitem"]:focus-visible{outline:2px solid #7f77dd;outline-offset:-2px;border-radius:6px;}

/* ---- FOLLOW-UP CTA on closed tickets ---- */
/* the "create a follow-up" link was the same colour as body text with no underline */
.request-follow-up{margin:1.6em 0;padding:14px 18px;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(255,255,255,0.03);font-size:14px;line-height:1.6;color:rgba(255,255,255,0.82);}
.request-follow-up a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px;font-weight:500;}
.request-follow-up a:hover,.request-follow-up a:focus-visible{color:#c4b5fd;}
.request-follow-up a:focus-visible{outline:2px solid #7f77dd;outline-offset:2px;border-radius:4px;}
.rp-followup-hint{display:none;margin:8px 0 0;font-size:13px;color:rgba(255,255,255,0.58);}
.request-follow-up:has(a) .rp-followup-hint{display:block;}

/* ================= DECLUTTER: remove redundant hairlines, reclaim space ================= */
.promoted-articles-item a,.promoted-articles-item:last-child a{border-bottom:0 !important;padding-bottom:0 !important;}
.promoted-articles-item{margin:0 0 12px !important;}
.section{border-top:0 !important;}
.community-activity{border-top:0 !important;}
.article-votes{border-top:0 !important;}
.article-relatives{border-top:0 !important;padding-top:8px;}
.article-return-to-top{border-top:0 !important;}
.recent-activity-item{border-bottom:1px solid rgba(255,255,255,0.07) !important;}
.recent-activity-list>.recent-activity-item:last-child{border-bottom:0 !important;}
.home-section.community{padding:26px 0 !important;}
.home-section.activity{padding-top:8px !important;}
.community-hero{background-image:linear-gradient(45deg, rgb(0,0,10), rgba(0,0,0,0)) !important;background-color:#0b0e1a !important;}
.rp-help-card{text-align:center;}
.rp-help-actions{justify-content:center;}



/* ---- PROMOTED ARTICLES: stacked list (was display:flex, so titles collided) ---- */
.promoted-articles{display:block !important;margin:0;padding:0;list-style:none;}
.promoted-articles-item{display:block;margin:0 !important;border-bottom:1px solid rgba(255,255,255,0.07);}
.promoted-articles-item:last-child{border-bottom:0;}
.promoted-articles-item a{display:flex !important;align-items:flex-start;gap:9px;padding:11px 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,0.86);text-decoration:none;border-bottom:0 !important;}
.promoted-articles-item a:hover,.promoted-articles-item a:focus-visible{color:#fff;}
.promoted-articles-item a::before{content:"";flex:0 0 auto;width:6px;height:6px;margin-top:8px;border-radius:50%;background:rgba(255,255,255,0.32);}
.promoted-articles-item .icon-lock{flex:0 0 auto;margin-top:3px;opacity:.55;}
/* ---- MOST ASKED ABOUT (popular articles, ranked by ticket volume) ---- */
.rp-popular{padding:8px 0 0 !important;}
.rp-popular>h2{margin:0 0 10px;font-size:18px;font-weight:600;color:#f2f3f7;text-align:left;}
.rp-popular-list{list-style:none;margin:0;padding:0;}
.rp-popular-item{margin:0;border-bottom:1px solid rgba(255,255,255,0.07);}
.rp-popular-item:last-child{border-bottom:0;}
.rp-popular-item a{display:flex;align-items:flex-start;gap:9px;padding:11px 0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,0.86);text-decoration:none;}
.rp-popular-item a:hover,.rp-popular-item a:focus-visible{color:#fff;}

.rp-popular-item a::before{content:"";flex:0 0 auto;width:6px;height:6px;margin-top:8px;border-radius:50%;background:rgba(255,255,255,0.32);}
/* ===== CATEGORY AND SECTION CARDS, PAGE HEADER, ARTICLE LISTS, EMPTY SEARCH ===== */
/* 1. category/section card text measured 3.81:1 — below AA */
.blocks-item-title{color:#c4b5fd !important;}
.blocks-item-description{color:rgba(255,255,255,0.74) !important;}
.blocks-item-link:hover .blocks-item-title{color:#d9cffe !important;}
/* 2. page-header was a 3-column flex: title squeezed to 316px and wrapped, Follow jammed mid-row */
.page-header{display:grid !important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title follow" "desc desc";align-items:start;gap:6px 20px;}
.page-header>h1{grid-area:title;margin:0;line-height:1.25;}
.page-header>.section-subscribe,.page-header>.category-subscribe,.page-header>div:not(.page-header-description){grid-area:follow;}
.page-header>.page-header-description{grid-area:desc;max-width:78ch;margin:8px 0 0;font-style:normal;color:rgba(255,255,255,0.74);}
/* 3. article lists on category/section pages were unstyled plain text */
.article-list{list-style:none;margin:1.6em 0 0;padding:0;}
.article-list-item{margin:0;border-bottom:1px solid rgba(255,255,255,0.07);}
.article-list-item:last-child{border-bottom:0;}
.article-list-link{display:flex !important;align-items:flex-start;gap:9px;padding:12px 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,0.86);text-decoration:none;}
.article-list-link:hover,.article-list-link:focus-visible{color:#fff;}

.article-list-link::before{content:"";flex:0 0 auto;width:6px;height:6px;margin-top:8px;border-radius:50%;background:rgba(255,255,255,0.32);}
.section-tree .section-tree-title,.section-tree h3{font-size:15px;font-weight:600;color:#f2f3f7;margin:1.6em 0 .2em;}
/* 4. search empty state: Zendesk stock illustration + text at 1.54:1 */
.search-results-empty img,.no-results img,[class*="empty"] img{display:none !important;}
.search-results-empty,.no-results,[class*="search"] [class*="empty"]{color:rgba(255,255,255,0.80) !important;}
.search-results-empty *,.no-results *{color:rgba(255,255,255,0.80) !important;}
.search-results-empty a,.no-results a{color:#a78bfa !important;text-decoration:underline;}
/* The zero-results illustration is an inline SVG, not an img. */
.no-results>svg{display:none !important;}
.no-results{padding-top:8px;text-align:center;}
.no-results h2,.no-results h3{font-size:17px;font-weight:600;color:#f2f3f7 !important;margin:0 0 6px;}

/* ==================== ERROR PAGE ==================== */
/* Stock Copenhagen error page is a bare "Oops" with one unstyled link. */
.rp-error{max-width:620px;margin:0 auto;padding:64px 20px 88px;text-align:center;}
.rp-error h1{font-size:26px;font-weight:700;color:#f2f3f7;margin:0 0 10px;line-height:1.3;}
.rp-error p{font-size:15px;line-height:1.65;color:rgba(255,255,255,0.74);margin:0 0 8px;}
.rp-error-search{margin:26px auto 24px;max-width:460px;}
.rp-error-search .search,.rp-error-search form{margin:0;}
.rp-error-actions{display:flex !important;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 !important;}
.rp-error-actions a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none !important;transition:background .15s,border-color .15s;}
.rp-error-actions a.rp-error-primary{background:#7c5cff;color:#fff !important;border:1px solid #7c5cff;}
.rp-error-actions a.rp-error-primary:hover{background:#6b49f5;}
.rp-error-actions a.rp-error-secondary{background:rgba(255,255,255,0.06);color:#e8e9f0 !important;border:1px solid rgba(255,255,255,0.36);}
.rp-error-actions a.rp-error-secondary:hover{background:rgba(255,255,255,0.12);}
.rp-error-actions a:focus-visible{outline:2px solid #a78bfa !important;outline-offset:2px;}
@media (max-width:600px){
  .rp-error{padding:40px 16px 64px;}
  .rp-error h1{font-size:22px;}
  .rp-error-actions a{width:100%;}
}

/* ==================== COMMUNITY / STRIPED LISTS ==================== */
/* Copenhagen ships post titles at 14px/400 in the same colour as their meta, the
   meta at pure white (inverted hierarchy), and a 1px solid #ddd full-width border
   on every row. */
.striped-list-item{border-top:0 !important;border-bottom:0 !important;padding:14px 12px !important;margin:0 -12px !important;border-radius:10px;align-items:center !important;gap:20px;transition:background .15s;}
.striped-list-item:hover{background:rgba(255,255,255,0.05);}
.striped-list-item .striped-list-info{flex:1 1 auto;min-width:0;}
.striped-list-item .striped-list-title{display:block;font-size:16px !important;font-weight:600 !important;color:#e8e9f0 !important;line-height:1.4;text-decoration:none !important;}
.striped-list-item .striped-list-title:hover,.striped-list-item:hover .striped-list-title{color:#c4b5fd !important;}
.striped-list-item .meta-group{margin-top:3px;}
.striped-list-item .meta-data{color:rgba(255,255,255,0.60) !important;font-size:12.5px !important;}
.striped-list-item .striped-list-count{flex:0 0 auto !important;width:auto !important;gap:18px;align-items:center;}
.striped-list-item .striped-list-count-item{display:inline-flex !important;align-items:baseline;gap:5px;width:auto !important;font-size:12.5px;color:rgba(255,255,255,0.60) !important;white-space:nowrap;}
.striped-list-item .striped-list-number{font-size:13px;font-weight:600;color:#e8e9f0 !important;}
@media (max-width:640px){
  .striped-list-item{margin:0 !important;padding:14px 0 !important;flex-wrap:wrap;gap:8px;}
  .striped-list-item .striped-list-count{gap:14px;}
}

/* ---- community topic page: filter bar, featured badge, follow control ---- */
/* .topic-header ships border-bottom:1px solid #ddd, a near-white full-width line
   under the filter row. */
.topic-header{border-bottom:0 !important;padding-bottom:6px !important;}
.striped-list-item .striped-list-title{display:inline !important;}
.striped-list-item .post-overview-item{display:inline-block;vertical-align:middle;margin-left:8px;}
.striped-list-item .post-overview-item:empty{display:none;}
.striped-list-item .meta-group{display:block;margin-top:3px;}
.community-follow button{color:#c4b5fd !important;font-size:13px !important;}

/* ==================== RICH TEXT EDITOR + TEXTAREAS ==================== */
/* CKEditor ships fully white: toolbar, editing surface and dropdown panels. */
:root,.ck.ck-reset,.ck.ck-reset_all,.ck-body-wrapper{
  --ck-color-base-background:#151832;
  --ck-color-base-foreground:#1b1f3d;
  --ck-color-base-border:rgba(255,255,255,0.28);
  --ck-color-text:#e8e9f0;
  --ck-color-toolbar-background:#1b1f3d;
  --ck-color-toolbar-border:rgba(255,255,255,0.24);
  --ck-color-button-default-background:transparent;
  --ck-color-button-default-hover-background:rgba(255,255,255,0.10);
  --ck-color-button-default-active-background:rgba(255,255,255,0.16);
  --ck-color-button-on-background:rgba(167,139,250,0.22);
  --ck-color-button-on-hover-background:rgba(167,139,250,0.30);
  --ck-color-button-on-color:#c4b5fd;
  --ck-color-panel-background:#151832;
  --ck-color-panel-border:rgba(255,255,255,0.24);
  --ck-color-dropdown-panel-background:#151832;
  --ck-color-dropdown-panel-border:rgba(255,255,255,0.24);
  --ck-color-list-background:#151832;
  --ck-color-list-button-hover-background:rgba(255,255,255,0.10);
  --ck-color-list-button-on-background:rgba(167,139,250,0.22);
  --ck-color-list-button-on-text:#c4b5fd;
  --ck-color-input-background:#151832;
  --ck-color-input-border:rgba(255,255,255,0.30);
  --ck-color-input-text:#e8e9f0;
  --ck-color-labeled-field-label-background:#151832;
  --ck-color-split-button-hover-background:rgba(255,255,255,0.10);
  --ck-color-tooltip-background:#0f1226;
  --ck-color-tooltip-text:#e8e9f0;
}
.ck.ck-editor{border-radius:10px;overflow:hidden;}
.ck.ck-editor__editable,.ck.ck-content{background:#151832 !important;color:#e8e9f0 !important;border-color:rgba(255,255,255,0.28) !important;}
.ck.ck-editor__editable.ck-blurred{background:#151832 !important;}
.ck.ck-editor__editable.ck-focused{border-color:#a78bfa !important;box-shadow:0 0 0 2px rgba(167,139,250,0.30) !important;}
.ck.ck-editor__editable .ck-placeholder::before,.ck.ck-content .ck-placeholder::before{color:rgba(255,255,255,0.52) !important;}
.ck.ck-editor__editable a,.ck.ck-content a{color:#c4b5fd !important;}
.ck.ck-toolbar,.ck.ck-sticky-panel__content{background:#1b1f3d !important;border-color:rgba(255,255,255,0.24) !important;}
.ck.ck-toolbar .ck-button,.ck.ck-toolbar .ck-button .ck-button__label{color:#e8e9f0 !important;}
.ck.ck-toolbar .ck-button .ck-icon{color:#e8e9f0 !important;}
.ck .ck-icon,.ck .ck-icon *{color:inherit;}
.ck.ck-toolbar .ck-toolbar__separator{background:rgba(255,255,255,0.20) !important;}
.ck.ck-dropdown__panel,.ck.ck-list,.ck.ck-balloon-panel{background:#151832 !important;border-color:rgba(255,255,255,0.24) !important;}
.ck.ck-list__item .ck-button{color:#e8e9f0 !important;}
.ck.ck-list__item .ck-button:hover{background:rgba(255,255,255,0.10) !important;}
.ck.ck-input,.ck.ck-input-text{background:#151832 !important;color:#e8e9f0 !important;border-color:rgba(255,255,255,0.30) !important;}

/* Bare textareas, e.g. the community comment box, ship pure white with black text. */
body textarea{background:#151832 !important;color:#e8e9f0 !important;border:1px solid rgba(255,255,255,0.36) !important;border-radius:10px !important;padding:11px 13px !important;font-size:14px;line-height:1.55;}
body textarea::placeholder{color:rgba(255,255,255,0.52) !important;}
body textarea:focus{border-color:#a78bfa !important;box-shadow:0 0 0 2px rgba(167,139,250,0.30) !important;}

/* community post page: comment header rules and the vote rail */
.comment-overview{border-top:0 !important;border-bottom:0 !important;}
.comment-heading{font-size:18px !important;font-weight:600 !important;color:#f2f3f7 !important;}
.comment-callout{color:rgba(255,255,255,0.62) !important;}
.post-vote.vote{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1px solid rgba(255,255,255,0.20);border-radius:10px;background:rgba(255,255,255,0.03);}
.post-vote .vote-sum{font-size:13px;font-weight:600;color:#e8e9f0 !important;}
.post-vote button{color:rgba(255,255,255,0.62) !important;}
.post-vote button:hover{color:#c4b5fd !important;}

/* ---- search field: single border ---- */
/* form.search draws its own 1px solid #87929d at border-radius:30px. With the
   input’s own 10px border that renders as two concentric outlines, so the
   wrapper’s border is removed and the input’s is kept. */
body form.search,body .search-container form.search,body .search.search-full{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;border-radius:10px !important;}

/* ---- SEARCH RESULTS FILTERS + clear button ---- */
/* The selected type filter ships background #e9ebed with #cbccd2 text: 1.36:1. */
.filters-in-section .sidenav-item{border-radius:10px;}
.filters-in-section .sidenav-item.current{background:rgba(167,139,250,0.16) !important;}
.filters-in-section .sidenav-item.current,.filters-in-section .sidenav-item.current .filter-name{color:#f2f3f7 !important;font-weight:600;}
.filters-in-section .sidenav-item:hover{background:rgba(255,255,255,0.06) !important;}
.filters-in-section .filter-name{color:rgba(255,255,255,0.74) !important;}
/* The clear button sits inside the field. */
body form.search{position:relative;}
body form.search .clear-button{position:absolute !important;right:10px;top:50%;transform:translateY(-50%);margin:0 !important;padding:0 6px !important;color:rgba(255,255,255,0.62) !important;background:transparent !important;border:0 !important;}
body form.search .clear-button:hover{color:#f2f3f7 !important;}
body form.search input[type="search"]{padding-right:40px !important;}

/* ---- REQUESTS TABLE, TABS, STATUS BADGES ---- */
/* div.search (requests quick-search) also drew its own pill border */
body .search{border:0 !important;box-shadow:none !important;background:transparent !important;padding:0 !important;}
/* table rules shipped rgb(221,221,221) - near-white on a dark surface */
.requests-table th,.requests-table td,table thead tr,table tbody tr{border-color:rgba(255,255,255,0.09) !important;}
.collapsible-nav,.collapsible-nav-border{border-bottom-color:rgba(255,255,255,0.12) !important;}
table a.striped-list-title{color:#e8e9f0 !important;font-weight:500;}
table a.striped-list-title:hover{color:#c4b5fd !important;}
/* Copenhagen ships one flat grey badge for every state; white on #68737d is
   4.03:1. Badges are coloured per state. */
.status-label{border-radius:999px !important;font-size:11.5px !important;font-weight:600 !important;padding:4px 11px !important;}
.status-label-solved,.status-label-closed{background:rgba(255,255,255,0.10) !important;color:rgba(255,255,255,0.82) !important;border:1px solid rgba(255,255,255,0.20) !important;}
.status-label-open{background:rgba(167,139,250,0.20) !important;color:#c4b5fd !important;border:1px solid rgba(167,139,250,0.42) !important;}
.status-label-answered{background:rgba(74,222,128,0.16) !important;color:#86efac !important;border:1px solid rgba(74,222,128,0.36) !important;}
.status-label-pending{background:rgba(251,191,36,0.16) !important;color:#fcd34d !important;border:1px solid rgba(251,191,36,0.36) !important;}

/* ---- REQUEST PAGE RULES ---- */
/* Request title, comments and the details list ship rgb(221,221,221) rules. */
h1.request-title,li.comment,dl.request-details,.request-details,.comment{border-color:rgba(255,255,255,0.10) !important;}

/* Vote scores are hidden from customer-facing search results. Done in CSS so that
   templates/search_results.hbs stays byte-identical to the published theme. */
/* done in CSS so templates/search_results.hbs stays byte-identical to live */
body .search-result-votes,body .search-result-votes-icon{display:none !important;}

/* ---- zero-result search state ---- */
/* Copenhagen has a single no-results branch, which tells users who did enter a
   query to "start a new search and enter your keywords". Branched on {{query}}. */
.rp-noresults{padding:56px 20px 72px;text-align:center;max-width:600px;margin:0 auto;}
.rp-noresults h2{font-size:22px !important;font-weight:700 !important;color:#f2f3f7 !important;margin:0 0 10px !important;line-height:1.3;}
.rp-noresults p{font-size:15px !important;line-height:1.65;color:rgba(255,255,255,0.74) !important;margin:0 0 22px;}
.rp-noresults p.rp-error-actions{margin:0 !important;}
@media (max-width:600px){
  .rp-noresults{padding:36px 16px 56px;}
  .rp-noresults h2{font-size:19px !important;}
}

/* Selected multiselect tokens (Pod / Serverless sub-categories).
   Copenhagen styles li[role="option"] with background rgb(242,242,242) for a light
   theme, and the token inherits its text colour from .hc-multiselect-toggle, which
   is light for this theme. That combination is white on near-white. Tokens are
   restyled as purple-tinted chips; label measures 8.97:1. */
/* Selected multiselect tokens (Pod / Serverless sub-categories).
   Copenhagen styles li[role="option"] with background rgb(242,242,242) for a light
   theme, and the token inherits its text colour from .hc-multiselect-toggle, which
   is light for this theme. That combination renders white on near-white. Tokens are
   restyled as purple-tinted chips; label measures 8.97:1. */
.hc-multiselect-toggle ul[role="listbox"] li[role="option"]{
  background:rgba(167,139,250,0.20) !important;
  border:1px solid rgba(167,139,250,0.42) !important;
  color:#e9e4ff !important;
  border-radius:999px !important;
  padding:0 11px !important;
  min-height:26px;
  display:inline-flex !important;
  align-items:center;
  gap:8px;
}
.hc-multiselect-toggle li[role="option"] span{color:#e9e4ff !important;}
.hc-multiselect-toggle li[role="option"] span[aria-label]{color:rgba(255,255,255,0.72) !important;font-size:15px;line-height:1;cursor:pointer;}
.hc-multiselect-toggle li[role="option"] span[aria-label]:hover{color:#ffffff !important;}
.hc-multiselect-toggle li[role="option"]:focus-visible{outline:2px solid #a78bfa !important;outline-offset:1px;}

/* Help card primary button and the Recently viewed / Related articles columns. */
/* Help card primary button, and the Recently viewed / Related articles columns. */

/* The help card primary action uses #6d4aff at weight 600.
   White on #7c5cff measures 4.28:1, under AA for 14px text; #6d4aff measures 5.17:1.
   .article-relatives is flex with gap:normal (0), so its two columns touch, and its
   items are 14px/21px at 15px spacing, so two-line titles nearly collide. */
.rp-help-card .rp-help-primary{
  background:#6d4aff !important;
  border:1px solid #6d4aff !important;
  color:#ffffff !important;
  font-weight:600 !important;
  padding:11px 20px !important;
  border-radius:10px !important;
}
.rp-help-card .rp-help-primary:hover{background:#5c39e0 !important;border-color:#5c39e0 !important;color:#fff !important;}
.rp-help-card .rp-help-primary:focus-visible{outline:2px solid #c4b5fd !important;outline-offset:2px;}

/* .article-relatives is flex with gap:normal (0), so the two columns touch, and
   items are 14px/21px at 15px spacing, so two-line titles nearly collide. */
.article-relatives{gap:48px !important;padding:24px 0 32px !important;align-items:flex-start;}
.article-relatives > section{flex:1 1 0;min-width:0;padding:0 !important;}
.recent-articles-title,.related-articles-title{font-size:17px !important;font-weight:600 !important;color:#f2f3f7 !important;margin:0 0 14px !important;}
.article-relatives ul{margin:0;padding:0;list-style:none;}
.article-relatives li{margin:0 0 4px !important;padding:0 !important;}
.article-relatives li a{display:block;font-size:15px !important;line-height:1.5 !important;color:#dcdde5 !important;padding:8px 10px;margin:0 -10px;border-radius:8px;text-decoration:none !important;transition:background .15s,color .15s;}
.article-relatives li a:hover{background:rgba(255,255,255,0.05);color:#c4b5fd !important;}
@media (max-width:760px){
  .article-relatives{flex-direction:column;gap:28px !important;}
  .article-relatives li a{margin:0;padding:8px 0;}
}

/* ============== CATEGORY PAGE SECTION SPACING ============== */
/* Space between a section heading and its first article accumulates from four
   sources: h2.section-tree-title margin-bottom 3px, ul.article-list margin-top
   22.4px, li.article-list-item padding-top 15px, a.article-list-link padding-top
   12px - about 40px total. .section-tree is also flex with gap:normal (0), so the
   columns touch. */
.section-tree{gap:44px !important;align-items:flex-start;flex-wrap:wrap !important;margin-top:26px !important;}
.section-tree > .section{flex:1 1 260px;min-width:0;max-width:100%;margin:0 0 30px !important;}
.section-tree .section-tree-title{margin:0 0 6px !important;font-size:16px !important;font-weight:600 !important;}
.section-tree .article-list{margin:0 !important;padding:0 !important;}
.section-tree .article-list-item{padding:0 !important;margin:0 !important;}
.section-tree .article-list-link{padding:7px 10px !important;margin:0 -10px;border-radius:8px;font-size:15px !important;line-height:1.5 !important;}
@media (max-width:760px){
  .section-tree{flex-direction:column;gap:26px !important;}
  .section-tree > .section{margin:0 !important;}
  .section-tree .article-list-link{margin:0;padding:7px 0 !important;}
}/**/

/* ==================== RUNPOD AI DEFLECTOR WIDGET ==================== */
/* The AI answer panel on the new-request page ships its own LIGHT theme and
   loads its CSS at runtime, after this file - hence !important throughout.

   THE SCRIPT IS NOT TOUCHED. Engineering owns it. This is presentation only,
   hooked onto the stable ids the widget already exposes:
     #rpod-ai-deflector  #rpod-ai-pre-info  #rpod-ai-history
     #rpod-ai-response   #rpod-ai-sources   #rpod-ai-feedback  #rpod-ai-followup
   Do NOT hook onto its hashed bundler classes - those change on every build.

   Measured before changing anything (probe inserted, read, reverted):
     container border rgb(217,220,222), history/response background #fff, text #333
     sources/feedback background rgb(247,247,248), links rgb(130,78,220)
     p margin 14/14 - the widget sets NO p margin, so theme CSS was bleeding in
     h1-h3 12/6, ul 8/8, li 0/4, line-height 23.8px at 14px = 1.7 */

#rpod-ai-deflector{background:#171a33 !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:12px !important;margin:22px 0 !important;overflow:hidden;}
#rpod-ai-pre-info{background:rgba(167,139,250,0.10) !important;color:#e2e3ea !important;padding:11px 16px !important;font-size:13.5px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;}
#rpod-ai-history,#rpod-ai-response{background:transparent !important;color:#dcdde5 !important;}
#rpod-ai-response{padding:14px 16px !important;line-height:1.62 !important;font-size:14.5px !important;}
#rpod-ai-history{padding:0 16px !important;line-height:1.62 !important;}

/* tighten the vertical rhythm - this is the large space that was reported */
#rpod-ai-response p,#rpod-ai-history p{margin:0 0 10px !important;}
#rpod-ai-response p:last-child,#rpod-ai-history p:last-child{margin-bottom:0 !important;}
#rpod-ai-response p:empty,#rpod-ai-history p:empty{display:none !important;}
#rpod-ai-response br+br,#rpod-ai-history br+br{display:none !important;}
#rpod-ai-response h1,#rpod-ai-response h2,#rpod-ai-response h3,
#rpod-ai-history h1,#rpod-ai-history h2,#rpod-ai-history h3{margin:15px 0 5px !important;font-size:15px !important;font-weight:600 !important;color:#f2f3f7 !important;line-height:1.35 !important;}
#rpod-ai-response>*:first-child,#rpod-ai-history>*:first-child{margin-top:0 !important;}
#rpod-ai-response ul,#rpod-ai-response ol,#rpod-ai-history ul,#rpod-ai-history ol{margin:6px 0 10px 18px !important;padding-left:2px !important;}
#rpod-ai-response li,#rpod-ai-history li{margin-bottom:3px !important;}
#rpod-ai-response li>p,#rpod-ai-history li>p{margin:0 !important;}

#rpod-ai-response a,#rpod-ai-history a,#rpod-ai-sources a{color:#c4b5fd !important;}
#rpod-ai-response strong,#rpod-ai-history strong{color:#f2f3f7 !important;font-weight:600 !important;}
#rpod-ai-response code,#rpod-ai-history code{background:rgba(255,255,255,0.09) !important;color:#e9e4ff !important;border:1px solid rgba(255,255,255,0.12) !important;}
#rpod-ai-response pre,#rpod-ai-history pre{background:#0f1226 !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:8px !important;margin:10px 0 !important;}
#rpod-ai-response pre code,#rpod-ai-history pre code{background:none !important;border:0 !important;color:#d4d4d4 !important;}

#rpod-ai-sources,#rpod-ai-feedback,#rpod-ai-followup{background:rgba(255,255,255,0.035) !important;color:rgba(255,255,255,0.72) !important;border-top:1px solid rgba(255,255,255,0.10) !important;padding:10px 16px !important;}
#rpod-ai-sources a{padding:2px 0 !important;}
#rpod-ai-deflector button{border-radius:8px !important;}
@media (max-width:600px){
  #rpod-ai-response{padding:12px 13px !important;}
  #rpod-ai-pre-info,#rpod-ai-sources,#rpod-ai-feedback,#rpod-ai-followup{padding:10px 13px !important;}
}

/* ---- AI deflector: post-info, error state, list markers, source spacing ---- */

/* #rpod-ai-post-info is the "Still stuck? ... click Submit below" callout and ships
   rgb(247,247,248) with a 3px left border. #rpod-ai-error is the error state.
   Both ship light and need dark-theme treatment. */
#rpod-ai-post-info{background:rgba(167,139,250,0.10) !important;color:#e2e3ea !important;border-top:1px solid rgba(255,255,255,0.10) !important;border-left:3px solid #a78bfa !important;padding:12px 16px !important;font-size:14px !important;line-height:1.55 !important;}
#rpod-ai-post-info strong,#rpod-ai-post-info b{color:#f2f3f7 !important;font-weight:600 !important;}
#rpod-ai-post-info a{color:#c4b5fd !important;}
#rpod-ai-error{background:rgba(248,113,113,0.12) !important;color:#fecaca !important;border-top:1px solid rgba(248,113,113,0.32) !important;padding:12px 16px !important;font-size:14px !important;}

/* List markers need their own gutter. With list-style-position:outside a small
   padding-left leaves no room and double-digit numbers clip, so markers get 22px. */
#rpod-ai-response ul,#rpod-ai-response ol,#rpod-ai-history ul,#rpod-ai-history ol{margin:6px 0 10px 0 !important;padding-left:22px !important;list-style-position:outside !important;}
#rpod-ai-response ul,#rpod-ai-history ul{list-style-type:disc !important;}
#rpod-ai-response ol,#rpod-ai-history ol{list-style-type:decimal !important;}
#rpod-ai-response li::marker,#rpod-ai-history li::marker{color:rgba(255,255,255,0.55);}

/* Separate the end of the answer from the source links. */
#rpod-ai-response{padding-bottom:16px !important;}
#rpod-ai-sources{border-top:1px solid rgba(255,255,255,0.14) !important;padding:12px 16px 14px !important;}
#rpod-ai-sources a{padding:4px 0 !important;line-height:1.45 !important;}
#rpod-ai-response>*:last-child{margin-bottom:0 !important;}

/* ============ REQUEST PAGE COMMENT AFFORDANCES ============ */

/* "Add to conversation" is a BUTTON, not a textarea, so textarea rules do not
   reach it. Copenhagen ships background rgb(239,239,239) with color
   rgb(255,255,255) - white text on a near-white bar. Styled as the text-field
   affordance it stands in for; label measures 7.02:1. */
button.comment-show-container,.comment-show-container{
  background:rgba(255,255,255,0.05) !important;
  color:rgba(255,255,255,0.62) !important;
  border:1px solid rgba(255,255,255,0.36) !important;
  border-radius:10px !important;
  padding:11px 14px !important;
  text-align:left !important;
  font-size:14px !important;
  width:100% !important;
  transition:background .15s,border-color .15s,color .15s;
}
.comment-show-container:hover{background:rgba(255,255,255,0.09) !important;border-color:rgba(255,255,255,0.50) !important;color:#e8e9f0 !important;}
.comment-show-container:focus-visible{outline:2px solid #a78bfa !important;outline-offset:2px;}

/* .request-follow-up carries a bordered card treatment plus an explanatory hint.
   On a closed ticket Zendesk also fills it with "This request is closed for
   comments. You can create a follow-up", so the card reads correctly. On an open
   ticket Zendesk renders it empty and the hint is hidden, leaving an empty
   bordered box above the real comment box. A closed ticket always carries the
   follow-up link, so keying on the link shows the card only where it applies. */
.request-follow-up:not(:has(a)){display:none !important;}


/* ==================== BRAND PALETTE ==================== */
/* Page background comes from the Background color theme setting: #0A0A0C.
   Content section panels: #111117.
   Card and section heading text: #9289FE (6.81:1 on #0A0A0C, 6.48:1 on #111117).
   Article body copy, form labels and list text stay light grey for readability.
   The panel wraps the category cards only - Promoted articles is a sibling
   inside the same section and stays on the page background. */

/* category cards section panel */
.categories.blocks{background:#111117;border-radius:14px;padding:24px 30px 28px;}

/* card text */
.blocks-item-title{color:#9289fe !important;}
.blocks-item-description{color:#9289fe !important;}

/* section headings */
.home-section>h2,.section-tree-title,.recent-articles-title,.related-articles-title{color:#9289fe !important;}





/* ==================== SUPPORT / ACCOUNT GEAR ==================== */
/* Last item in the header, so it sits at the far right on every help center page.
   Rendered signed in and signed out. Signed in it sits beside the identity chip,
   which is display-only - the menu lives here. */

.user-nav-list li.rp-gear{position:relative;display:flex;align-items:center;margin-left:6px;}
.rp-gear-toggle{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:36px;height:36px;padding:0 !important;
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.24) !important;
  border-radius:10px !important;
  color:#e8e9f0 !important;
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;
}
.rp-gear-toggle:hover{background:rgba(255,255,255,0.10) !important;border-color:rgba(255,255,255,0.42) !important;color:#ffffff !important;}
.rp-gear-toggle:focus-visible{outline:2px solid #a78bfa !important;outline-offset:2px;}
.rp-gear-toggle .rp-gear-icon{width:18px;height:18px;flex:0 0 auto;}
/* Copenhagen puts a chevron on .dropdown-toggle - not wanted on an icon button */
.rp-gear-toggle::after{display:none !important;}

/* hover tooltip */
.rp-gear-tip{
  position:absolute;top:calc(100% + 8px);right:0;
  white-space:nowrap;pointer-events:none;
  background:#1a1a22;color:#f2f3f7;
  border:1px solid rgba(255,255,255,0.16);border-radius:8px;
  padding:6px 10px;font-size:12.5px;line-height:1;font-weight:500;
  opacity:0;transform:translateY(-3px);transition:opacity .14s,transform .14s;
  z-index:60;box-shadow:0 6px 18px rgba(0,0,0,0.45);
}
.rp-gear-toggle:hover .rp-gear-tip,.rp-gear-toggle:focus-visible .rp-gear-tip{opacity:1;transform:translateY(0);}
/* hide the tooltip while the menu is open so the two do not overlap */
.rp-gear.dropdown.open .rp-gear-tip{opacity:0 !important;}

/* menu */
.rp-gear-menu{
  top:calc(100% + 8px) !important;right:0 !important;left:auto !important;
  min-width:250px;padding:8px !important;
  background:#111117 !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  border-radius:12px !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.5) !important;
  white-space:normal !important;
}
.rp-gear-note{margin:2px 4px 8px !important;padding:0 !important;font-size:11.5px !important;line-height:1.45 !important;color:rgba(255,255,255,0.62) !important;white-space:normal !important;}
.rp-gear-menu a,.rp-gear-menu [role="menuitem"]{
  display:block !important;padding:9px 10px !important;
  border-radius:8px !important;font-size:14px !important;
  color:#e8e9f0 !important;text-decoration:none !important;white-space:nowrap;
}
.rp-gear-menu a:hover,.rp-gear-menu [role="menuitem"]:hover{background:rgba(255,255,255,0.07) !important;color:#ffffff !important;}
.rp-gear-menu .separator{height:1px;margin:6px 4px !important;background:rgba(255,255,255,0.12);}
.rp-gear-external::after{content:" \2197";color:rgba(255,255,255,0.5);}

/* identity chip beside the gear: display only, no dropdown affordance */
.user-nav-list li.rp-account{display:flex;align-items:center;gap:8px;padding:0 4px 0 0;}
.user-nav-list li.rp-account .user-avatar{width:26px;height:26px;border-radius:50%;flex:0 0 auto;}
.user-nav-list li.rp-account .rp-account-name{font-size:14px;color:#e8e9f0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (max-width:768px){
  .user-nav-list li.rp-gear,.user-nav-list li.rp-account{display:none;}
}



/* If a menu item resolves to an empty string, its separator would be left
   dangling at the end of the menu. */
.rp-gear-menu .separator:last-child{display:none !important;}



/* card hover text */
/* Copenhagen fills the card with rgb(122,88,233) on hover and sets descendant
   text to white. The !important on the card text colour above outranks that, so
   the purple text sat on the purple fill at 1.49:1. White restores the intended
   hover and measures 4.70:1 on that fill. Copenhagens own title-hover colour
   #d9cffe is overridden too - it only reaches 3.20:1 there. */
.blocks-item:hover .blocks-item-title,
.blocks-item:focus .blocks-item-title,
.blocks-item:active .blocks-item-title,
.blocks-item-link:hover .blocks-item-title,
.blocks-item-link:focus .blocks-item-title,
.blocks-item:hover .blocks-item-description,
.blocks-item:focus .blocks-item-description,
.blocks-item:active .blocks-item-description,
.blocks-item-link:hover .blocks-item-description,
.blocks-item-link:focus .blocks-item-description{color:#ffffff !important;}



/* ==================== REQUEST SUBMITTED CONFIRMATION ==================== */
/* Zendesk emits .notification-success on submit. Copenhagen 3.2 styles
   notification-notice, -error and -alert but NOT -success, so it falls back to a
   bare white box with green system text. Restyled to the dark UI. Wording is
   replaced in script.js because the string comes from Zendesk. */

.notification-success,.notification.rp-notification{
  background:#111117 !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  border-left:3px solid #4ade80 !important;
  border-radius:12px !important;
  color:#e8e9f0 !important;
  box-shadow:0 12px 28px rgba(0,0,0,0.5) !important;
  padding:14px 16px !important;
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.5 !important;
}
.notification-success a,.notification.rp-notification a{color:#c4b5fd !important;}
.notification-success .notification-text,.notification.rp-notification .notification-text{color:#f2f3f7 !important;font-weight:600 !important;}
/* the second line added by script.js */
.rp-notification-sub{display:block;margin-top:4px;font-size:13px;font-weight:400;color:rgba(255,255,255,0.72);}
/* Zendesk ships the tick as green system text; keep it green but readable on dark */
.notification-success svg,.notification.rp-notification svg{color:#4ade80 !important;}
.notification-success .notification-dismiss,.notification.rp-notification .notification-dismiss{color:rgba(255,255,255,0.62) !important;opacity:1 !important;}
.notification-success .notification-dismiss:hover,.notification.rp-notification .notification-dismiss:hover{color:#ffffff !important;}