@font-face {
  font-family: "Geist";
  src: url("../webfonts/Geist-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "GeistMono";
  src: url("../webfonts/GeistMono-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Nagios-Icons";
  src: url("../webfonts/Nagios-Icons.woff2?4k9s0r") format("woff2"), url("../webfonts/Nagios-Icons.ttf?4k9s0r") format("truetype"), url("../webfonts/Nagios-Icons.woff?4k9s0r") format("woff"), url("../webfonts/Nagios-Icons.svg?4k9s0r#Nagios-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Nagios-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-].color,
[class*=" icon-"].color {
  padding: 0.5em;
  font-size: 0.75em;
  border-radius: 14%;
  margin-right: 1rem;
}
[class^=icon-].color--red,
[class*=" icon-"].color--red {
  color: #f02424;
  background-color: rgba(240, 36, 36, 0.1);
}
[class^=icon-].color--orange,
[class*=" icon-"].color--orange {
  color: #e8903e;
  background-color: rgba(232, 144, 62, 0.1);
}
[class^=icon-].color--yellow,
[class*=" icon-"].color--yellow {
  color: #f0c424;
  background-color: rgba(240, 196, 36, 0.1);
}
[class^=icon-].color--green,
[class*=" icon-"].color--green {
  color: #046764;
  background-color: rgba(4, 103, 100, 0.1);
}
[class^=icon-].color--blue,
[class*=" icon-"].color--blue {
  color: #4d89f9;
  background-color: rgba(77, 137, 249, 0.1);
}
[class^=icon-].color--purple,
[class*=" icon-"].color--purple {
  color: #492fd3;
  background-color: rgba(73, 47, 211, 0.1);
}
[class^=icon-].color--lavender,
[class*=" icon-"].color--lavender {
  color: #a942e8;
  background-color: rgba(169, 66, 232, 0.1);
}
[class^=icon-].x2,
[class*=" icon-"].x2 {
  font-size: 1.25em;
  display: inline-block;
}
[class^=icon-].outline,
[class*=" icon-"].outline {
  color: #4d89f9 !important;
  background-color: transparent !important;
  border: 2px solid #28303e;
  padding: 0.7rem;
  border-radius: 4px;
}
[class^=icon-].outline:hover,
[class*=" icon-"].outline:hover {
  color: #3479f8 !important;
}
[class^=icon-].primary,
[class*=" icon-"].primary {
  color: #ffffff;
  background-color: #4d89f9;
  border: 2px solid #4d89f9;
  padding: 0.7rem;
  border-radius: 4px;
}

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

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

.icon-book-text:before {
  content: "\e91e";
}

.icon-bookmark:before {
  content: "\e902";
}

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

.icon-bulb:before {
  content: "\e904";
}

.icon-calendar:before {
  content: "\e905";
}

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

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

.icon-chevron-down:before {
  content: "\e908";
}

.icon-chevron-left:before {
  content: "\e909";
}

.icon-chevron-right:before {
  content: "\e90a";
}

.icon-chevron-up:before {
  content: "\e90b";
}

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

.icon-codepen:before {
  content: "\e940";
}

.icon-comment:before {
  content: "\e90c";
}

.icon-document:before {
  content: "\e929";
}

.icon-download:before {
  content: "\e90d";
}

.icon-edit:before {
  content: "\e941";
}

.icon-eye:before {
  content: "\e92a";
}

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

.icon-file-image:before {
  content: "\e92b";
}

.icon-flag:before {
  content: "\e90e";
}

.icon-flame:before {
  content: "\e92c";
}

.icon-folder:before {
  content: "\e90f";
}

.icon-folder-fill:before {
  content: "\e910";
}

.icon-folder-open:before {
  content: "\e911";
}

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

.icon-github:before {
  content: "\e943";
}

.icon-grid:before {
  content: "\e92e";
}

.icon-heart:before {
  content: "\e912";
}

.icon-heart-fill:before {
  content: "\e913";
}

.icon-history:before {
  content: "\e914";
}

.icon-image:before {
  content: "\e92f";
}

.icon-images:before {
  content: "\e915";
}

.icon-info-circle:before {
  content: "\e916";
}

.icon-instagram:before {
  content: "\e944";
}

.icon-key:before {
  content: "\e930";
}

.icon-link:before {
  content: "\e917";
}

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

.icon-list:before {
  content: "\e931";
}

.icon-mail-send:before {
  content: "\e918";
}

.icon-message-circle:before {
  content: "\e932";
}

.icon-message-square:before {
  content: "\e933";
}

.icon-message-square-fill:before {
  content: "\e94f";
}

.icon-minus:before {
  content: "\e919";
}

.icon-new-tab:before {
  content: "\e946";
}

.icon-new-user:before {
  content: "\e94c";
}

.icon-notebook:before {
  content: "\e934";
}

.icon-package:before {
  content: "\e935";
}

.icon-page-link:before {
  content: "\e936";
}

.icon-palette:before {
  content: "\e937";
}

.icon-pencil:before {
  content: "\e938";
}

.icon-plus:before {
  content: "\e91a";
}

.icon-plus-circle:before {
  content: "\e91b";
}

.icon-printer:before {
  content: "\e91c";
}

.icon-question-mark:before {
  content: "\e91d";
}

.icon-radio:before {
  content: "\e939";
}

.icon-refresh:before {
  content: "\e93a";
}

.icon-resizer:before {
  content: "\e950";
}

.icon-rss:before {
  content: "\e94d";
}

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

.icon-share:before {
  content: "\e93c";
}

.icon-show:before {
  content: "\e920";
}

.icon-sparkles:before {
  content: "\e93d";
}

.icon-stackoverflow:before {
  content: "\e947";
}

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

.icon-star-fill:before {
  content: "\e922";
}

.icon-star-half:before {
  content: "\e923";
}

.icon-thumbs-down:before {
  content: "\e924";
}

.icon-thumbs-down-fill:before {
  content: "\e925";
}

.icon-thumbs-up:before {
  content: "\e926";
}

.icon-thumbs-up-fill:before {
  content: "\e927";
}

.icon-trending-up:before {
  content: "\e93e";
}

.icon-trophy:before {
  content: "\e94e";
}

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

.icon-upload:before {
  content: "\e93f";
}

.icon-website:before {
  content: "\e949";
}

.icon-x:before {
  content: "\e94a";
}

.icon-youtube:before {
  content: "\e94b";
}

.icon-zoom-in:before {
  content: "\e928";
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
  scroll-behavior: smooth;
}

html {
  font-size: 62.5%;
}

body {
  background-color: #0a0a0a;
  box-sizing: border-box;
  color: #989ea9;
  font-size: 1.4rem;
  font-family: "Geist", "sans-serif";
}

button {
  cursor: pointer;
}
button:focus {
  outline: none;
}

a,
a:hover {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease-in;
}

.site-main {
  display: flex;
  height: calc(100vh - 14rem);
}
.site-main.with-banner {
  height: calc(100vh - 18.2rem);
}
.site-main__sidebar {
  overflow-y: auto;
  scrollbar-color: #1a1a1a #0f0f0f;
  scrollbar-width: thin;
  width: 30rem;
}
.site-main__content {
  overflow-y: auto;
  padding: 4.8rem;
  position: relative;
  scrollbar-color: #1a1a1a #0f0f0f;
  scrollbar-width: thin;
  width: calc(100% - 30rem);
}
.site-main__content > .container {
  padding: 0;
}
.site-main a[target=_blank]:after {
  font-family: "Nagios-Icons";
  content: "\e946";
  margin-left: 5px;
  vertical-align: bottom;
}

p {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #989ea9;
}
p:last-of-type {
  margin-bottom: 2rem;
}

h1,
.h-1,
h2,
.h-2,
h3,
.h-3,
h4,
.h-4,
h5,
.h-5,
h6,
.h-6 {
  font-weight: 700;
  line-height: 1.3;
}

h1,
.h-1 {
  font-size: 3.6rem;
}

h2,
.h-2 {
  font-size: 3.2rem;
}

h3,
.h-3 {
  font-size: 2.8rem;
}

h4,
.h-4 {
  font-size: 2.4rem;
}

h5,
.h-5 {
  font-size: 2rem;
}

h6,
.h-6 {
  font-size: 1.6rem;
}

a {
  color: #4d89f9;
}

a:hover {
  color: #2870f8;
}

.l-border {
  border-left: 2px solid #28303e;
  padding-left: 2rem !important;
}

.r-border {
  border-right: 2px solid #28303e;
  padding-right: 2rem !important;
}

.t-border {
  border-top: 2px solid #28303e;
  padding-top: 2rem !important;
}

.b-border {
  border-bottom: 2px solid #28303e;
  padding-bottom: 2rem !important;
}

.sr-only {
  display: none;
}

.border-gray {
  border: 2px solid #666666;
}

.disabled {
  color: #333333;
  cursor: default !important;
}
.disabled:hover {
  color: #333333;
}

.hidden {
  display: none;
}

.btn {
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  margin-bottom: 1rem;
}
.btn:not(:last-child) {
  margin-right: 1rem;
}
.btn--round {
  border-radius: 100%;
}
.btn--red {
  color: #f02424 !important;
  background-color: rgba(240, 36, 36, 0.1);
}
.btn--red:hover {
  background-color: rgba(20, 1, 1, 0.1);
}
.btn--orange {
  color: #e8903e !important;
  background-color: rgba(232, 144, 62, 0.1);
}
.btn--orange:hover {
  background-color: rgba(35, 19, 4, 0.1);
}
.btn--yellow {
  color: #f0c424 !important;
  background-color: rgba(240, 196, 36, 0.1);
}
.btn--yellow:hover {
  background-color: rgba(20, 16, 1, 0.1);
}
.btn--green {
  color: #046764 !important;
  background-color: rgba(4, 103, 100, 0.1);
}
.btn--green:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.btn--blue {
  color: #ffffff !important;
  background-color: #4d89f9;
}
.btn--blue:hover {
  background-color: #021945;
}
.btn--purple {
  color: #492fd3 !important;
  background-color: rgba(73, 47, 211, 0.1);
}
.btn--purple:hover {
  background-color: rgba(1, 1, 2, 0.1);
}
.btn--lavender {
  color: #a942e8 !important;
  background-color: rgba(169, 66, 232, 0.1);
}
.btn--lavender:hover {
  background-color: rgba(26, 5, 38, 0.1);
}
.btn--gray {
  color: #666666 !important;
}
.btn--primary {
  color: #e5eeff !important;
  background-color: #4d89f9 !important;
  border-color: #4d89f9;
}
.btn--primary:hover {
  background-color: #1c68f7 !important;
}
.btn--primary:focus-visible {
  outline: 1px solid #ffffff;
}
.btn--success {
  color: #ffffff !important;
  background-color: #046764 !important;
  border-color: #046764;
}
.btn--success:hover {
  background-color: #023634 !important;
}
.btn__outline {
  color: #4d89f9 !important;
  background-color: transparent !important;
  border-color: #28303e;
}
.btn__outline:hover {
  color: #3479f8 !important;
}
.btn__outline--gray {
  color: #666666 !important;
}
.btn--link {
  color: #4d89f9 !important;
  background-color: transparent !important;
  border-color: transparent;
}
.btn--link:hover {
  color: #3479f8 !important;
}
.btn--lg {
  padding: 1rem 2rem;
}
.btn--xl {
  padding: 1.5rem 0;
  width: 100%;
  text-align: center;
}
.btn--disabled {
  color: #0a0a0a;
  cursor: default;
}

.link--gray {
  color: #666666 !important;
}

.faq-btn {
  color: #333333 !important;
}
.faq-btn .icon-plus {
  margin-right: 2rem;
  font-size: 0.75em;
  color: #4d89f9;
}
.faq-btn[aria-expanded=true] .icon-plus::before {
  content: "\e918";
}

.simplefavorite-button {
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 4px;
  border: 2px solid #28303e;
  margin-bottom: 1rem;
  display: inline-block;
  vertical-align: middle;
  color: #666666 !important;
  background-color: transparent !important;
}
.simplefavorite-button:hover {
  color: #3479f8 !important;
}
.simplefavorite-button::before {
  margin-right: 0.5rem;
}

.card {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  margin-bottom: 3rem;
  border-radius: 8px;
  box-shadow: 1px 1px 5px rgba(10, 10, 10, 0.1);
  overflow: hidden;
  background-color: transparent;
  border: 1px solid #28303e;
}
.card.listing, .card.excerpt {
  padding: 3rem;
}
.card__header {
  padding: 2rem 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card__body {
  padding: 3rem;
}
.card.purple-banner, .card.orange-banner, .card.green-banner, .card.light-purple-banner {
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  display: block;
}
.card.green-banner {
  background-image: url(../images/rectangle-green.png);
}
.card.light-purple-banner {
  background-image: url(../images/rectangle-light-purple.png);
}
.card.orange-banner {
  background-image: url(../images/rectangle-orange.png);
}
.card.purple-banner {
  background-image: url(../images/rectangle-purple.png);
}
.card__add-buttons {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.card.excerpt .col-left {
  width: 16.5rem;
  padding: 0 0.75rem;
}
.card.excerpt .col-right {
  width: calc(100% - 16.5rem);
  padding: 0 0.75rem;
}
.card.tabbed .tabs {
  box-sizing: initial;
  width: 100%;
  margin: -32px -32px 0 -32px;
  padding: 0 32px;
  border-bottom: 1px solid #28303e;
}
.card.tabbed .tabs .tab {
  position: relative;
  margin: 0 16px -1px 0;
  padding: 16px;
  font-weight: normal;
  color: #989ea9;
}
.card.tabbed .tabs .tab:first-child {
  margin-left: -24px;
}
.card.tabbed .tabs .tab i {
  margin-right: 8px;
}
.card.tabbed .tabs .tab.selected {
  color: #7ba9ff;
}
.card.tabbed .tabs .tab.selected:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 16px;
  left: 16px;
  height: 2px;
  background-color: #7ba9ff;
}
.card h2 {
  color: #ffffff;
  font-size: 16px;
  font-family: "Geist", "sans-serif";
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
.card h2:NOT(:first-child) {
  margin: 24px 0 16px 0;
}
.card p {
  margin-bottom: 24px;
}
.card p:last-child {
  margin-bottom: 0;
}
.card button:hover, .card button:focus {
  text-decoration: none;
}
.card .btn--grey {
  color: #989ea9;
  background-color: #1f1f1f;
}
.card hr.line {
  margin: 0;
  width: 100%;
}
.card .heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.card .heading .summary {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}
.card .heading .summary img.card-preview {
  width: 71px;
  height: auto;
}
.card .heading .summary .titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.card .heading .summary .titles .secondary-button {
  display: inline-block;
  padding: 4px 8px;
  width: fit-content;
  background-color: #151e2e;
  border-radius: 6px;
  color: #7ba9ff;
}
.card .heading .summary .titles h1 {
  font-family: "GeistMono", "Geist", sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}
.card .heading .share {
  display: flex;
  align-items: center;
  gap: 9px;
}
.card .heading .share a {
  position: relative;
}
.card .heading .share a .icon {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 8px;
  background: #1a1a1a;
}
.card .heading .share a .pop-in {
  display: none;
}
.card .heading .share a:hover .pop-in, .card .heading .share a:focus .pop-in {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: max-content;
  padding-top: 8px;
  transform: translateX(-50%);
  text-align: center;
}
.card .stats {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
}
.card .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: -1rem;
}
.card .actions a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: normal;
}
.card .line-item {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(152, 158, 169, 0.25);
}
.card .line-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.card .line-item p {
  margin: 0;
}
.card .line-item p:last-child {
  text-align: right;
}
.card .photos {
  max-width: 100%;
}
.card .photos .photo-gallery .photo-gallery__scroll {
  display: flex;
  height: auto;
  align-items: center;
}
.card .photos .photo-gallery .photo-gallery__scroll .plugin-photo {
  height: initial;
  width: initial;
}
.card .photos .photo-gallery .photo-gallery__scroll .plugin-photo img {
  width: initial;
  height: initial;
  max-height: 300px;
  object-fit: initial;
  border-radius: 8px;
}
.card .reviews {
  position: relative;
  width: 100%;
}
.card .reviews h2 {
  margin-bottom: 32px;
}
.card .reviews h2 .light {
  font-weight: normal;
  color: #989ea9;
}
.card .reviews .reviews__link {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.card .reviews .card {
  position: relative;
}
.card .reviews .card .date {
  position: absolute;
  top: 24px;
  right: 24px;
}
.card .reviews .card h3 {
  font-size: 18px;
  color: #ffffff;
}
.card .reviews .card footer {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
}
.card .reviews .card footer .vote {
  display: flex;
  gap: 16px;
}
.card .reviews .card footer .vote .thumbs {
  display: flex;
  gap: 8px;
}
.card .reviews .card footer .report #report-review {
  display: flex;
  gap: 8px;
}
.card .reviews .card footer .report #report-review i.icon-flag {
  position: relative;
  top: 2px;
  font-size: 1.4rem;
}
.card #add-review-form h2 {
  margin-bottom: 0;
}
.card #add-review-form .acf-field--post-title .acf-input {
  background-color: #28303e;
  padding: 16px;
  border-radius: 8px;
}
.card #add-review-form .acf-field--post-title .acf-input input {
  border: 0;
  background-color: #ffffff;
  color: #0a0a0a;
}
.card #add-review-form .acf-field--post-content {
  border-top: 0;
}
.card #add-review-form .acf-field--post-content .acf-input {
  background-color: #28303e;
  padding: 10px 16px 16px 16px;
  border-radius: 8px;
}
.card #add-review-form .acf-form-submit input {
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  color: #989ea9;
  background-color: #1f1f1f;
}
.card .reply-form {
  width: 100%;
}
.card .reply-form h2 {
  margin-bottom: 16px;
}
.card .reply-form .cred-form .acf-field-textarea {
  padding: 0;
}
.card .reply-form .cred-form .acf-field-textarea textarea {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #989ea9;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card .reply-form .cred-form .acf-form-submit input[type=submit] {
  margin: 16px 0 0 0;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  color: #989ea9;
  background-color: #1f1f1f;
}
.card .files h2 {
  margin-bottom: 32px;
}
.card .files table th {
  color: #ffffff;
}
.card #recommend-form {
  width: 100%;
}
.card #recommend-form .cred-form {
  margin-right: 16px;
}
.card #recommend-form .cred-form p {
  margin-bottom: 8px;
  color: #ffffff;
}
.card #recommend-form .cred-form .form-group {
  float: left;
  padding-right: 16px;
  width: 50%;
}
.card #recommend-form .cred-form .form-group input[type=text], .card #recommend-form .cred-form .form-group input[type=email] {
  color: #ffffff;
  background-color: transparent;
}
.card .card {
  padding: 24px;
  gap: 16px;
}
.card .card:last-child {
  margin-bottom: 0;
}

.facetwp-filters .facetwp-input-wrap,
.facetwp-filters .facetwp-type-dropdown {
  width: 100%;
}
.facetwp-filters .facetwp-input-wrap .facetwp-search,
.facetwp-filters .facetwp-input-wrap .facetwp-dropdown,
.facetwp-filters .facetwp-type-dropdown .facetwp-search,
.facetwp-filters .facetwp-type-dropdown .facetwp-dropdown {
  width: 100%;
  background-color: #0a0a0a;
  border: 1px solid #28303e;
  border-radius: 8px;
  overflow: hidden;
  padding: 1rem 1.5rem;
}
.facetwp-filters .filter-flex {
  display: flex;
  justify-content: space-between;
}
.facetwp-filters .filter-flex > div {
  width: calc(33.334% - 2rem);
}
.facetwp-filters .filter-flex > div:not(:last) {
  margin-right: 2rem;
}

.facetwp-sort-select {
  background-color: #0f0f0f;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  color: #eeeeee;
  font-size: 1.3rem;
  line-height: 2.4rem;
  overflow: hidden;
  padding: 0.8rem 8rem 0.8rem 1.6rem;
}

.facetwp-pager {
  width: fit-content;
  border: 2px solid #28303e;
  border-radius: 8px;
}
.facetwp-pager .facetwp-page {
  padding: 1rem 1.5rem;
  margin: 0;
  border-right: 2px solid #28303e;
}
.facetwp-pager .facetwp-page:last-child {
  border-right: none;
}
.facetwp-pager .facetwp-page.active {
  background-color: #4d89f9;
  color: #ffffff;
}

.facetwp-selections ul {
  padding-left: 0;
}
.facetwp-selections ul li {
  padding: 1rem;
  border: 2px solid #28303e;
  border-radius: 8px;
}
.facetwp-selections ul li:not(:last-child) {
  margin-right: 1rem;
}

.loader {
  border: 2rem solid #232632;
  border-bottom-color: #28303e;
  border-top-color: #4d89f9;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
  margin: 2rem auto;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-block-start: 3.2rem;
  width: 100%;
}
.pagination .page-link,
.pagination a.page-numbers,
.pagination span.page-numbers {
  border: 0.5px solid #28303e;
  border-radius: 6px;
  background-color: #0f0f0f;
  color: #eeeeee;
  font-size: 1.2rem;
  padding: 0.8rem 1.2rem;
}
.pagination .page-link.disabled,
.pagination a.page-numbers.disabled,
.pagination span.page-numbers.disabled {
  pointer-events: none;
  color: #28303e;
}
.pagination .page-link.current,
.pagination a.page-numbers.current,
.pagination span.page-numbers.current {
  pointer-events: none;
  background-color: rgba(77, 137, 249, 0.15);
  color: #7ba9ff;
}
.pagination .page-link.dots,
.pagination a.page-numbers.dots,
.pagination span.page-numbers.dots {
  background-color: transparent;
  border: none;
  padding: 0.8rem;
}
.pagination .page-link__prev,
.pagination a.page-numbers__prev,
.pagination span.page-numbers__prev {
  margin-inline-end: 0.8rem;
}
.pagination .page-link__next,
.pagination a.page-numbers__next,
.pagination span.page-numbers__next {
  margin-inline-start: 0.8rem;
}
.pagination .page-link:focus,
.pagination a.page-numbers:focus,
.pagination span.page-numbers:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 137, 249, 0.25);
}

.wpv-form .input {
  width: 100%;
  background-color: #0a0a0a;
  margin-bottom: 2rem;
  border: 2px solid #28303e;
  border-radius: 8px;
  padding: 0.5rem 1rem;
}
.wpv-form .button-primary {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  background-color: #4d89f9;
  color: #ffffff;
  border: none;
  border-radius: 8px;
}

.kk-star-ratings {
  align-items: baseline;
}

.adv-search-modal__content {
  background-color: #0a0a0a;
  border: 1px solid #28303e;
  border-radius: 0.6rem;
  max-height: 80vh;
}
.adv-search-modal__header {
  border-color: #28303e;
  padding: 2.4rem 3.2rem;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}
.adv-search-modal__header__info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.adv-search-modal__title {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.adv-search-modal__description {
  color: #989ea9;
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  line-height: 1.2;
  margin: 0 !important;
}
.adv-search-modal__close {
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.2rem;
}
.adv-search-modal__body {
  background-color: #0f0f0f;
  overflow-y: hidden;
  padding: 0;
}

.adv-search-form__scrollable {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  max-height: calc(80vh - 20rem);
  overflow-y: auto;
  padding: 3.2rem 0;
  scrollbar-color: #1a1a1a #0f0f0f;
  scrollbar-width: thin;
}
.adv-search-form__section {
  margin: 0 auto;
  width: calc(100% - 6.4rem);
}
.adv-search-form__section.accordion-item {
  background-color: #0a0a0a;
  border: 1px solid #28303e;
  border-radius: 0.6rem;
}
.adv-search-form__section.accordion-item input,
.adv-search-form__section.accordion-item select {
  width: 100%;
}
.adv-search-form__section.accordion-item .adv-search-form__section-title {
  margin: 0;
}
.adv-search-form__section--buttons {
  align-items: center;
  background-color: #0a0a0a;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 2.4rem 3.2rem;
  width: 100%;
}
.adv-search-form__logic-fieldset {
  background-color: #0a0a0a;
  border-radius: 0.6rem;
  padding: 4px;
  width: fit-content;
}
.adv-search-form__logic-fieldset label input[type=radio] {
  opacity: 0;
  position: absolute;
  width: 1px;
}
.adv-search-form__logic-fieldset label input[type=radio]:focus-within + span {
  outline: 0.5px solid #7ba9ff;
  color: #ffffff;
}
.adv-search-form__logic-fieldset label input[type=radio]:checked + span {
  background-color: #1a1a1a;
  color: #ffffff;
}
.adv-search-form__logic-fieldset label span {
  background-color: #0a0a0a;
  border: none;
  border-radius: 6px;
  color: #989ea9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  padding: 0.8rem;
}
.adv-search-form__logic-fieldset label:hover span {
  outline: #7ba9ff;
  color: #ffffff;
}
.adv-search-form__section-title {
  color: #989ea9;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 0.8rem 0;
  text-transform: uppercase;
}
.adv-search-form .form-accordion-button {
  background-color: #0a0a0a;
  border: none;
  border-radius: 0.6rem 0.6rem 0 0;
  color: #ffffff;
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  padding: 2.4rem;
  width: 100%;
}
.adv-search-form .form-accordion-button.collapsed {
  border-radius: 0.6rem;
}
.adv-search-form .form-accordion-button:focus-visible {
  outline: 0.5px solid rgba(77, 137, 249, 0.65);
}
.adv-search-form .form-accordion-button::after {
  background-image: none;
  content: "\e91a";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
}
.adv-search-form .form-accordion-button:not(.collapsed)::after {
  content: "\e919";
}
.adv-search-form .accordion-body {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 0 2.4rem 2.4rem 2.4rem;
}
.adv-search-form .accordion-body label {
  color: #989ea9;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -0.42px;
  margin-block-end: 0.8rem;
}
.adv-search-form .accordion-body input,
.adv-search-form .accordion-body select,
.adv-search-form .accordion-body textarea,
.adv-search-form .accordion-body .select2-selection {
  background-color: #0f0f0f;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  color: #75797f;
  padding: 0.8rem 1.2rem;
  width: 100%;
}
.adv-search-form .accordion-body input::placeholder,
.adv-search-form .accordion-body select::placeholder,
.adv-search-form .accordion-body textarea::placeholder,
.adv-search-form .accordion-body .select2-selection::placeholder {
  color: #75797f;
}
.adv-search-form .accordion-body input:focus-visible,
.adv-search-form .accordion-body select:focus-visible,
.adv-search-form .accordion-body textarea:focus-visible,
.adv-search-form .accordion-body .select2-selection:focus-visible {
  color: #ffffff;
}
.adv-search-form .accordion-body .select-wrapper {
  position: relative;
}
.adv-search-form .accordion-body .select-wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.adv-search-form .accordion-body .select-wrapper::after {
  color: #56595d;
  content: "\e908";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.adv-search-form .accordion-body .select2-selection {
  height: 4.4rem;
  padding: 0;
}
.adv-search-form .accordion-body .select2-selection__rendered {
  color: #75797f !important;
  height: 4.4rem;
  padding: 0.8rem 1.2rem;
}
.adv-search-form .accordion-body .select2-selection__clear {
  margin: 0.8rem 4rem 0 0 !important;
}
.adv-search-form .accordion-body .select2-selection__clear span {
  color: #56595d;
}
.adv-search-form .accordion-body .select2-selection__arrow {
  top: 1rem !important;
}
.adv-search-form .accordion-body .select2-selection__arrow b {
  display: none;
}
.adv-search-form .accordion-body .select2-selection__arrow::after {
  color: #56595d;
  content: "\e908";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.adv-search-form .accordion-body li.select2-selection__choice {
  background-color: #4d89f9;
  border-color: #28303e;
  color: #ffffff;
  margin: 0.2rem;
  padding: 0.4rem 1.2rem;
}
.adv-search-form .accordion-body li.select2-selection__choice button.select2-selection__choice__remove {
  border-color: #989ea9;
  color: #989ea9;
  top: 50%;
  transform: translateY(-50%);
}
.adv-search-form .accordion-body li.select2-selection__choice button.select2-selection__choice__remove:hover {
  background-color: #7ba9ff;
  color: #eeeeee;
  border-color: #eeeeee;
}
.adv-search-form .accordion-body button.select2-selection__clear {
  color: #eeeeee;
}
.adv-search-form .accordion-body textarea.select2-search__field {
  margin: 0;
  vertical-align: sub;
}
.adv-search-form .accordion-body--compatibility {
  gap: 1.6rem;
}
.adv-search-form .accordion-body--compatibility legend {
  font-size: 1.2rem;
  margin: 0;
}
.adv-search-form .accordion-body--compatibility fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.adv-search-form .accordion-body--compatibility fieldset label {
  margin: 0;
}
.adv-search-form .accordion-body--compatibility fieldset label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 1px;
}
.adv-search-form .accordion-body--compatibility fieldset label input[type=checkbox]:focus + span {
  background-color: #7ba9ff;
  color: #ffffff;
}
.adv-search-form .accordion-body--compatibility fieldset label input[type=checkbox]:checked + span {
  background-color: #4d89f9;
  color: #ffffff;
}
.adv-search-form .accordion-body--compatibility fieldset label span {
  background-color: #1f1f1f;
  border: none;
  border-radius: 6px;
  color: #989ea9;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 0.8rem 1.2rem;
}
.adv-search-form .accordion-body--compatibility fieldset label:hover span {
  background-color: #7ba9ff;
  color: #ffffff;
}
.adv-search-form .accordion-body .textarea-wrapper {
  position: relative;
}
.adv-search-form .accordion-body .textarea-wrapper textarea::-webkit-resizer {
  display: none;
}
.adv-search-form .accordion-body .textarea-wrapper .textarea-resizer {
  color: #989ea9;
  position: absolute;
  bottom: 1.4rem;
  right: 1rem;
  font-size: 1.2rem;
}
.adv-search-form__note {
  color: #75797f;
  font-size: 1.4rem;
  margin-block-end: 0 !important;
}
.adv-search-form__buttons {
  display: flex;
  gap: 1.6rem;
}
.adv-search-form__button {
  background-color: #4d89f9;
  border: 1px solid #4d89f9;
  border-radius: 0.6rem;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1;
  padding: 1.6rem 2.4rem;
}
.adv-search-form__button--reset {
  background-color: #0a0a0a;
  border-color: #28303e;
}
.adv-search-form__button:hover {
  background-color: #1c68f7;
}

ul.select2-results__options {
  scrollbar-color: #1a1a1a #0f0f0f;
  scrollbar-width: thin;
}

.select2-container {
  display: block !important;
  visibility: visible !important;
  z-index: 9999 !important;
}

.footer {
  background-color: #0a0a0a;
  border-block-start: 1px solid #28303e;
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
}
.footer__copyright {
  font-size: 1.2rem;
  font-weight: 500;
  margin-block-end: 0 !important;
}
.footer__links-container {
  align-items: center;
  display: flex;
  gap: 3.2rem;
}
.footer__link {
  color: #989ea9;
}

.header .main-navbar {
  background-color: #0a0a0a;
  border-block-end: 1px solid #28303e;
  margin: 0;
  padding: 2rem;
}
.header .main-navbar .initials {
  height: 4rem;
  width: 4rem;
  text-transform: uppercase;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  vertical-align: top;
  background-color: #046764;
  color: #ffffff;
  border: 2px solid #046764;
  transition: all 0.3s;
}
.header .main-navbar .initials:hover {
  background-color: #011d1d;
}
.header .custom-logo-link {
  padding-right: 3rem;
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.header .main-menu {
  padding: 0 3rem;
  border-inline-start: 1px solid #e5eeff;
}
.header .main-menu .nav-item {
  padding-right: 3rem;
}
.header .main-menu .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.75);
  padding: 0;
  font-weight: 500;
}
.header .main-menu .nav-item .nav-link i {
  padding: 0 1rem;
  font-size: 1.2rem;
  display: inline-block;
  transition: all 0.6s;
}
.header .main-menu .nav-item .nav-link:hover {
  color: #4d89f9;
}
.header .main-menu .nav-item .dropdown-toggle::after {
  display: none;
}
.header .main-menu .nav-item .dropdown-toggle.show i {
  transform: rotate(-180deg);
}
.header .main-menu .nav-item .dropdown-menu {
  padding: 2rem;
  font-size: 1.4rem;
  border-radius: 8px;
  top: 3rem;
}
.header .main-menu .nav-item .dropdown-menu .dropdown-item {
  color: #666666;
  font-weight: 700;
}
.header .main-menu .nav-item .dropdown-menu::after {
  position: absolute;
  content: "";
  height: 1.2rem;
  width: 1.2rem;
  transform: rotate(45deg);
  background-color: #ffffff;
  top: -0.7rem;
  left: 4.2rem;
  border-top: 1px solid #28303e;
  border-left: 1px solid #28303e;
}
.header .main-menu a[data-bs-toggle=modal] {
  transition: all 0.6s;
}
.header .main-menu a[data-bs-toggle=modal].flip {
  transform: rotate(-180deg);
}
.header .navbar-search {
  background-color: transparent;
  border: 1px solid #28303e;
  border-radius: 8px;
  overflow: hidden;
  max-width: 28.3rem;
}
.header .navbar-search .s-input {
  border: 0;
  color: #eeeeee;
  padding: 0.8rem 1.2rem;
  background-color: transparent;
  font-size: 1.4rem;
}
.header .navbar-search .s-input:focus-visible {
  box-shadow: inset 0 0 4px #4d89f9;
}
.header .navbar-search .s-btn {
  border: 0;
  padding: 0.8rem 1.2rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.4);
}
.header .navbar-search .s-btn--search {
  border-left-width: 0px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.header .navbar-search .s-btn--search:focus-visible {
  box-shadow: inset 0 0 4px #4d89f9;
}
.header .btn {
  margin-bottom: 0px;
  font-size: 1.3rem;
  font-weight: 500;
  width: unset;
  padding: 0.8rem 1.2rem;
}
.header .btn--clear {
  color: #e5eeff;
}
.header .btn--outline {
  border: 1px solid #28303e;
  color: rgba(255, 255, 255, 0.4);
}
.header .btn--outline:hover, .header .btn--outline:focus {
  border-color: #4d89f9;
}
.header .banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
  padding: 0.8rem;
  background: linear-gradient(90deg, #6a278b -17.2%, #7c4408 105.53%);
}
.header .banner__text p {
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0;
}
.header .banner__text a {
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700;
  text-decoration: underline;
}
.header .banner__close {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 1.3rem;
}

.sidebar-nav .menu {
  padding: 0;
  margin: 0;
}
.sidebar-nav .menu-item {
  display: block;
}
.sidebar-nav .menu-item:not(:last-child) {
  margin-bottom: 2rem;
}

.project-card {
  background: #0f0f0f;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 2.4rem;
  position: relative;
}
.project-card__add-buttons {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.project-card__identifiers {
  width: 100%;
  display: flex;
  gap: 1.6rem;
}
.project-card__image {
  border-radius: 6px;
  height: 5.6rem;
  overflow: hidden;
  width: 5.6rem;
}
.project-card__image-link {
  cursor: pointer;
}
.project-card__image-link img {
  display: block;
  height: auto;
  width: 100%;
}
.project-card__info {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8rem;
}
.project-card__info__labels {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  justify-content: flex-start;
}
.project-card__category {
  background-color: rgba(77, 137, 249, 0.149);
  border-radius: 6px;
  color: #7ba9ff;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 4px 8px;
}
.project-card__featured {
  background-color: rgba(249, 180, 77, 0.15);
  border-radius: 6px;
  color: #f9b44d;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 4px 8px;
}
.project-card__featured .icon-flame {
  margin-inline-end: 4px;
}
.project-card__title {
  color: #eeeeee;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.project-card__description {
  color: rgba(238, 238, 238, 0.65);
  font-size: 1.2rem;
  line-height: 2;
  width: 100%;
  word-wrap: break-word;
}
.project-card__hr {
  background-color: #28303e;
  height: 1px;
  margin-block-start: auto;
  width: 100%;
}
.project-card__footer {
  display: flex;
  gap: 1.6rem;
}
.project-card__footer .star-rating {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.project-card__footer .number-views {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.project-card__footer .number-views .icon-eye {
  color: #60d2d2;
}
.project-card__footer .number-favorites {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.project-card__footer .number-favorites .icon-heart-fill {
  color: #f02424;
}
.project-card__footer .project-owner {
  display: none;
}
.project-card__footer .project-license {
  align-items: center;
  display: flex;
  margin-inline-start: auto;
}

.site-sidebar {
  border-inline-end: 1px solid #28303e;
  padding: 2.4rem 2.4rem 2.4rem 1.6rem;
}
.site-sidebar__section {
  border-block-end: 1px solid #28303e;
  padding-block-end: 1.6rem;
}
.site-sidebar__section:not(:first-of-type) {
  padding-block-start: 1.6rem;
}
.site-sidebar__toggle {
  background-color: #0a0a0a;
  border: none;
  color: #989ea9;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.3rem;
  padding-inline-start: 1.6rem;
}
.site-sidebar__toggle .icon-chevron-down {
  font-size: 0.5em;
}
.site-sidebar__toggle.collapsed .icon-chevron-down {
  transform: rotate(180deg);
}
.site-sidebar__toggle:focus-visible {
  box-shadow: 0 0 4px rgba(77, 137, 249, 0.5);
}
.site-sidebar__toggle span i {
  margin-inline-end: 0.8rem;
}
.site-sidebar__content {
  padding-inline-start: 1.6rem;
}
.site-sidebar__content > *:first-child {
  margin-block-start: 2.4rem;
}
.site-sidebar__content--list-with-count .site-sidebar__link {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-block-end: 1.6rem;
  color: #989ea9;
}
.site-sidebar__content--list-with-count .site-sidebar__link i {
  margin-inline-end: 0.8rem;
}
.site-sidebar__content--list-with-count .site-sidebar__count {
  font-size: 1.2rem;
  border-radius: 6px;
  background-color: #1f1f1f;
  padding: 4px 8px;
}
.site-sidebar__content__tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.site-sidebar__content__tiles .site-sidebar__link {
  border-radius: 6px;
  background-color: #1f1f1f;
  padding: 4px 8px;
  font-size: 1.2rem;
  color: #c6c6c6;
}
.site-sidebar__link-all {
  font-size: 1.4rem;
  text-decoration: underline;
  color: #989ea9;
}
.site-sidebar .refresh-button {
  align-items: center;
  border: 1px solid #28303e;
  border-radius: 8px;
  background-color: #1f1f1f;
  display: flex;
  font-size: 1.3rem;
  gap: 0.8rem;
  padding: 0.6rem 1.2rem;
  color: rgba(198, 198, 198, 0.65);
}
.site-sidebar .refresh-button:focus-visible {
  outline: 1px solid #ffffff;
}
.site-sidebar .refresh-button.loading .icon-refresh {
  transition: all 1s;
  transform: rotate(360deg);
}
.site-sidebar .random-project-item {
  padding: 2.4rem 0 0 1.6rem;
}
.site-sidebar .random-project-item__details {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: flex-start;
  margin-block-end: 2.4rem;
}
.site-sidebar .random-project-item__category {
  background-color: #151e2e;
  border-radius: 6px;
  color: #7ba9ff;
  padding: 4px 8px;
}
.site-sidebar .random-project-item__title {
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 2.4rem;
  word-break: break-word;
}
.site-sidebar .random-project-item__footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.site-sidebar .random-project-item__footer .number-views {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.site-sidebar .random-project-item__footer .number-views .icon-eye {
  color: #60d2d2;
}
.site-sidebar__rss-feeds {
  padding-block-start: 0.8rem;
}
.site-sidebar__rss-link {
  color: #989ea9;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  padding: 0.8rem 1.6rem;
}
.site-sidebar__rss-link:hover {
  color: #4d89f9;
}
.site-sidebar__see-more-link {
  color: #989ea9;
  display: block;
  font-size: 1.4rem;
  margin-block-start: 1.6rem;
  text-decoration: underline;
  width: 100%;
}

.cred-form input,
.cred-form select,
.cred-form textarea,
.cred-user-form input,
.cred-user-form select,
.cred-user-form textarea {
  background-color: #0a0a0a;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
}
.cred-form .submit-plugin__file-container,
.cred-user-form .submit-plugin__file-container {
  background-color: #0a0a0a;
  padding: 2rem;
}
.cred-form .submit-plugin__file-container input,
.cred-user-form .submit-plugin__file-container input {
  background-color: #ffffff;
}
.cred-form .submit-plugin__file-container.hidden,
.cred-user-form .submit-plugin__file-container.hidden {
  display: none;
}
.cred-form .submit-plugin__file-container--upload-photo,
.cred-user-form .submit-plugin__file-container--upload-photo {
  margin-bottom: 2rem;
}
.cred-form .submit-plugin__file-container .js-toolset-media-field-trigger,
.cred-user-form .submit-plugin__file-container .js-toolset-media-field-trigger {
  background-color: #0a0a0a;
  color: #4d89f9;
  border: 2px solid #28303e;
  border-radius: 8px;
  transition: all 0.3s;
}
.cred-form .submit-plugin__file-container .js-toolset-media-field-trigger:hover,
.cred-user-form .submit-plugin__file-container .js-toolset-media-field-trigger:hover {
  background-color: black;
}
.cred-form .submit-plugin__file-container .wpt-credfile-preview img,
.cred-user-form .submit-plugin__file-container .wpt-credfile-preview img {
  max-width: 40rem;
}
.cred-form .form-group,
.cred-form [data-item_name=password-user_pass],
.cred-form [data-item_name=recaptcha-recaptcha],
.cred-user-form .form-group,
.cred-user-form [data-item_name=password-user_pass],
.cred-user-form [data-item_name=recaptcha-recaptcha] {
  margin-bottom: 2rem;
}
.cred-form .wpt-form-submit,
.cred-user-form .wpt-form-submit {
  color: #ffffff;
  background-color: #4d89f9;
  display: block;
  margin-bottom: 0;
  border-radius: 8px;
  padding: 1.6rem 2.4rem;
  border: none;
}
.cred-form .wpt-form-submit.new-user-button,
.cred-user-form .wpt-form-submit.new-user-button {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.cred-form .wpt-form-submit:hover,
.cred-user-form .wpt-form-submit:hover {
  background-color: #0859f1;
}
.cred-form #wp-cred_form_8300_1_1_wpcf-summary-wrap,
.cred-form #wp-cred_form_8156_1_1_wpcf-summary-wrap,
.cred-user-form #wp-cred_form_8300_1_1_wpcf-summary-wrap,
.cred-user-form #wp-cred_form_8156_1_1_wpcf-summary-wrap {
  margin-top: -3rem;
}
.cred-form .acf-button.button.button-primary.button-large,
.cred-user-form .acf-button.button.button-primary.button-large {
  margin-left: 16px;
  margin-bottom: 2rem;
}

#project-submission-form-container h1 {
  padding: 1rem;
}

.contributor-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.contributor-card {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 1.2rem;
  width: calc(33.3334% - 1.6rem);
}
.contributor-card__banner {
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
}
.contributor-card__banner img {
  display: block;
  height: auto;
  width: 100%;
}
.contributor-card__header {
  padding: 6.4rem 3.2rem 3.2rem 3.2rem;
  position: relative;
}
.contributor-card__header__initials {
  position: absolute;
  top: -2.9rem;
  left: 2.9rem;
  width: 5.8rem;
  height: 5.8rem;
  align-items: center;
  background-color: #046764;
  border-radius: 100%;
  color: #ffffff;
  display: flex;
  font-size: 2.2rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1;
  letter-spacing: -0.773px;
  text-transform: uppercase;
}
.contributor-card__header__name {
  color: #ffffff;
  font-family: "GeistMono";
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.84px;
  line-height: 1;
  margin-block-end: 1.6rem;
}
.contributor-card__header__nickname {
  color: #989ea9;
  font-family: "GeistMono";
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 1;
  margin-block-end: 0 !important;
}
.contributor-card__body {
  border: solid #28303e;
  border-width: 1px 0 1px 0;
  margin: 0 3.2rem 3.2rem 3.2rem;
  padding: 3.2rem 0;
}
.contributor-card__body__header {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.56px;
  margin-block-end: 2.4rem;
}
.contributor-card__body__paragraph {
  align-items: center;
  color: #989ea9;
  display: flex;
  font-size: 1.4rem;
  justify-content: space-between;
  letter-spacing: -0.49px;
  line-height: 1;
  margin-block-end: 1.6rem;
}
.contributor-card__body__paragraph span {
  align-items: center;
  color: #ffffff;
  display: flex;
  gap: 0.8rem;
}
.contributor-card__body__paragraph span i {
  color: #989ea9;
}
.contributor-card__body__paragraph:last-of-type {
  margin-block-end: 0;
}
.contributor-card__links__header {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.56px;
  line-height: 1;
  margin-block-end: 2.4rem;
}
.contributor-card__links__link {
  align-items: center;
  color: #7ba9ff;
  display: flex;
  font-size: 1.4rem;
  font-weight: 400;
  gap: 0.8rem;
  letter-spacing: -0.49px;
  line-height: 1;
  margin-block-end: 1.6rem;
  width: 100%;
}
.contributor-card__links__link i {
  color: #4d89f9;
}
.contributor-card__links__link:hover {
  color: #4d89f9;
}
.contributor-card__links__link:last-of-type {
  margin-block-end: 0;
}

.directory .homepage-banner {
  border-block-end: none;
  padding: 0;
}
.directory__banner {
  border-block-end: 1px solid #28303e;
  margin-block-end: 3.2rem;
}
.directory__banner__title {
  color: #eeeeee;
  font-family: "GeistMono";
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.84px;
  margin-block-end: 1.6rem;
}
.directory__banner__summary {
  color: rgba(238, 238, 238, 0.65);
}
.directory__structure {
  border: 1px solid #28303e;
  border-radius: 8px;
}
.directory__structure__banner {
  align-items: center;
  border-block-end: 1px solid #28303e;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 2.4rem;
}
.directory__structure__title {
  color: #eeeeee;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
.directory__structure__buttons {
  align-items: center;
  display: flex;
  gap: 2.4rem;
  justify-content: center;
}
.directory__structure__button {
  background-color: transparent;
  border: none;
  color: rgba(238, 238, 238, 0.65);
  font-size: 1.3rem;
}
.directory__structure__button:hover {
  color: #eeeeee;
}

.directory-tree__list {
  list-style: none;
  padding: 1.6rem 0;
}
.directory-tree__list .directory-tree__list {
  padding: 0;
  border-inline-start: 1px solid #28303e;
}
.directory-tree__list .directory-tree__list .directory-tree__item {
  padding: 0rem 0 0rem 2.4rem;
}
.directory-tree__item {
  font-size: 1.3rem;
  padding: 0rem 1.6rem 0rem 2.4rem;
  position: relative;
}
.directory-tree__item__button {
  background: transparent;
  border: none;
  position: absolute;
  left: -1.8rem;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 1;
}
.directory-tree__item__button[aria-expanded=true] .icon-chevron-right {
  transform: rotate(90deg);
}
.directory-tree__item__button:before {
  background-color: #28303e;
  content: "";
  display: block;
  height: 1px;
  width: 8px;
  position: absolute;
  top: 50%;
  left: -1.2rem;
  transform: translateY(-50%);
}
.directory-tree__item .icon-chevron-right {
  color: rgba(238, 238, 238, 0.65);
  display: block;
  font-size: 1rem;
  transition: all 0.3s ease;
}
.directory-tree__item .icon-document {
  color: rgba(238, 238, 238, 0.65);
}
.directory-tree__item__title {
  color: #eeeeee;
}
.directory-tree__item__link {
  align-items: center;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  padding: 0.8rem 1.6rem 0.8rem 0.8rem;
  position: relative;
}
.directory-tree__item__link.expanded {
  background-color: #1c1c1c;
}
.directory-tree__item__link.expanded .icon-folder-fill::before {
  content: "\e911";
}
.directory-tree__item__count {
  margin-inline-start: auto;
}
.directory-tree__item:last-child:before {
  height: calc(50% - 1px);
}

.submit-project .homepage-banner {
  border-block-end: none;
  padding: 0;
}
.submit-project__banner {
  margin-block-end: 3.2rem;
}
.submit-project__banner__title {
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 700;
}
.submit-project__banner__title span {
  font-family: "GeistMono";
  color: #989ea9;
}
.submit-project__banner__summary {
  color: #989ea9;
  line-height: 1.7;
}
.submit-project__form {
  margin: 0 auto;
  max-width: 80rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field-group > .acf-input > .acf-fields {
  background-color: transparent;
  border: 1px solid #28303e;
  border-radius: 8px;
  padding: 3.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field-group > .acf-input > .acf-fields .acf-field {
  padding: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-field-group > .acf-input > .acf-fields .acf-field .acf-label label {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.submit-project__form .cred-form > .acf-fields .acf-field-group > .acf-input > .acf-fields > div:not(:last-child) {
  margin-block-end: 2.4rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field-group > .acf-label label {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
}
.submit-project__form .cred-form > .acf-fields .acf-field {
  border: none;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input input,
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input select,
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input textarea {
  background-color: #0f0f0f;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  color: #eeeeee;
  padding: 0.8rem 1.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection {
  background-color: #0f0f0f;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  height: 3.8rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection__rendered {
  color: #56595d;
  line-height: 1.5;
  padding: 0.8rem 2rem 0.8rem 1.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection__arrow {
  top: 0.6rem;
  right: 0.6rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection__arrow b[role=presentation] {
  display: none;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection__arrow::after {
  content: "\e908";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
  color: #56595d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .select2-selection--multiple::after {
  content: "\e908";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
  color: #56595d;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table {
  background-color: #0f0f0f;
  border: 1px dashed #28303e;
  border-radius: 6px;
  color: #eeeeee;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table .acf-th,
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table .acf-row-handle {
  background-color: #0f0f0f;
  border-color: #28303e;
  color: #eeeeee;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table .acf-field {
  background-color: #0f0f0f;
  border-color: #28303e;
  color: #eeeeee;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table .acf-file-uploader .show-if-value {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-table .acf-file-uploader .show-if-value .file-icon {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-repeater-add-row {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 6px;
  color: #eeeeee;
  display: inline-block;
  padding: 0.8rem 1.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery {
  background-color: #0a0a0a;
  border: none;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-main {
  background-color: #0a0a0a;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-main .acf-gallery-attachments {
  background-color: #0f0f0f;
  border: 1px dashed #28303e;
  border-radius: 6px;
  bottom: 6rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-main .acf-gallery-attachments .acf-gallery-attachment .margin {
  background-color: #1a1a1a;
  border: 1px solid #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-main .acf-gallery-toolbar {
  background-color: #0a0a0a;
  border: none;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-side {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-side .acf-gallery-side-info {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-side .acf-gallery-side-info p,
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-side .acf-gallery-side-info strong {
  color: #eeeeee;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-input .acf-gallery .acf-gallery-side .acf-gallery-toolbar {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-switch {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-switch .acf-switch-slider {
  background-color: #28303e;
  border-color: #28303e;
}
.submit-project__form .cred-form > .acf-fields .acf-field .acf-switch.-on {
  background-color: #4d89f9;
}
.submit-project__form .cred-form > .acf-fields .acf-field-email .acf-input {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.8rem;
}
.submit-project__form .cred-form > .acf-fields .acf-field-email .acf-input .acf-input-append {
  background-color: #0a0a0a;
  border: none;
  color: #56595d;
  float: none;
  padding: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-field-email .acf-input .acf-input-wrap {
  border-radius: 6px;
}
.submit-project__form .cred-form > .acf-fields > .acf-field > .acf-label > label {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .categorychecklist-holder {
  border: none;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list {
  border: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list::before {
  width: 100%;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list li {
  margin: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 1px;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list label input[type=checkbox]:focus + span {
  background-color: #7ba9ff;
  color: #ffffff;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list label input[type=checkbox]:checked + span {
  background-color: #4d89f9;
  color: #ffffff;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list label span {
  background-color: #1a1a1a;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 0.8rem 1.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_compatible_with] .acf-checkbox-list label:hover span {
  background-color: #7ba9ff;
  color: #ffffff;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_category] .select2-selection {
  padding: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_category] .select2-search__field {
  border: none;
  height: 100%;
  margin: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_category] .select2-selection__rendered {
  padding: 0;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_category] .select2-selection__rendered .select2-selection__choice {
  background-color: #4d89f9;
  border-color: #28303e;
  color: #ffffff;
  margin: 0.2rem;
  padding: 0.4rem 1.2rem;
}
.submit-project__form .cred-form > .acf-fields .acf-taxonomy-field[data-taxonomy=project_category] .select2-selection__rendered .select2-search--inline .select2-search__field {
  border: none;
}
.submit-project__form .cred-form .preview-button {
  align-items: center;
  background-color: #0a0a0a;
  border: 1px solid #28303e;
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  gap: 1rem;
  margin: 2.4rem 0 0 1.6rem;
  padding: 1.6rem 2.4rem;
}
.submit-project__form .cred-form .preview-button:hover, .submit-project__form .cred-form .preview-button:focus {
  border-color: #4d89f9;
}
.submit-project__form .cred-form .acf-form-submit {
  position: relative;
}
.submit-project__form .cred-form .acf-form-submit .submit-button {
  background-color: #4d89f9;
  border: 1px solid #4d89f9;
  border-radius: 4px;
  bottom: 100%;
  color: #ffffff;
  padding: 1.6rem 2.4rem;
  position: absolute;
  right: 1.6rem;
}
.submit-project__form .cred-form .acf-form-submit .submit-button:hover, .submit-project__form .cred-form .acf-form-submit .submit-button:focus {
  background-color: #7ba9ff;
}
.submit-project__thank-you {
  background-color: #1a1a1a;
  color: #ffffff;
  border-color: #28303e;
  margin: 0 auto;
  max-width: 62rem;
}
.submit-project__thank-you .card__header {
  border-color: #28303e;
}
.submit-project__thank-you .card__header h2 {
  font-family: "GeistMono";
  font-size: 2.4rem;
  margin: 0;
}
.submit-project__thank-you .card__body p {
  color: #eeeeee;
  margin: 0;
  text-align: center;
}

.select2-container .select2-dropdown {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.select2-container .select2-dropdown .select2-search input {
  background-color: #1a1a1a;
  border-color: #28303e;
}
.select2-container .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: #4d89f9;
  color: #ffffff;
}
.select2-container .select2-selection__choice__remove {
  color: #eeeeee !important;
  padding: 2px 4px !important;
}
.select2-container .select2-selection__choice__remove:hover {
  background-color: #7ba9ff !important;
}

.about-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.about-banner__title {
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 700;
  margin-block-end: 0.8rem;
}
.about-banner__summary {
  color: rgba(229, 238, 255, 0.65);
  font-size: 1.6rem;
  line-height: 1.7;
}

.about-body {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.about-body__faq {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 0.8rem;
  padding: 3.2rem;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .about-body__faq {
    width: calc(60% - 1.6rem);
  }
}
.about-body__faq__title {
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
  margin-block-end: 3.2rem;
}
.about-body__faq__accordion {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.about-body__faq__accordion .accordion-item {
  background-color: #0a0a0a;
}
.about-body__faq__accordion .accordion-button {
  background-color: #0a0a0a;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 2.4rem;
}
.about-body__faq__accordion .accordion-button::after {
  background-image: none;
  color: #b3b3b3;
  content: "\e90a";
  font-family: "Nagios-Icons";
  font-size: 1.2rem;
}
.about-body__faq__accordion .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
}
.about-body__faq__accordion .accordion-button:focus {
  box-shadow: none;
}
.about-body__faq__accordion .accordion-button:focus-visible {
  box-shadow: 0 0 0 2px rgba(77, 137, 249, 0.25);
}
.about-body__faq__accordion .accordion-body {
  padding: 0 2.4rem 2.4rem 2.4rem;
}
.about-body__faq__accordion .accordion-body :last-child {
  margin-block-end: 0;
}
.about-body__faq__accordion .accordion-body ul,
.about-body__faq__accordion .accordion-body ol {
  font-size: 1.6rem;
}
.about-body__sidebar {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .about-body__sidebar {
    width: calc(40% - 1.6rem);
  }
}
.about-body__submit-project {
  align-items: flex-start;
  background-image: linear-gradient(101deg, #0052eb -8.95%, #0a8216 108.56%);
  border: 1px solid #28303e;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-block-end: 3.2rem;
  padding: 3.2rem;
}
.about-body__submit-project__title {
  color: #eeeeee;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
}
.about-body__submit-project__body {
  color: #eeeeee;
  font-size: 1.6rem;
  line-height: 1.7;
}
.about-body__submit-project__button {
  background-color: #eeeeee;
  border: 0.5px solid #28303e;
  border-radius: 6px;
  color: #2465de;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.8rem 1.6rem;
}
.about-body__disclaimer {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 6px;
  display: flex;
  gap: 0;
  padding: 3.2rem;
}
.about-body__disclaimer__gradient-line {
  background-image: linear-gradient(rgba(51, 51, 51, 0) 0%, #4d89f9 49.04%, rgba(51, 51, 51, 0) 100%);
  width: 1px;
}
.about-body__disclaimer__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.8rem;
  padding-inline-start: 3.2rem;
}
.about-body__disclaimer__title {
  color: #eeeeee;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.about-body__disclaimer__open {
  color: #eeeeee;
  line-height: 1.7;
}
.about-body__disclaimer__body {
  color: rgba(238, 238, 238, 0.65);
  font-size: 1.2rem;
  line-height: 1.7;
  letter-spacing: -0.24px;
}

.archive-page .archive-page-banner {
  gap: 3.2rem;
  padding-block-end: 2.4rem;
}
.archive-page .archive-page-banner__left-content {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.archive-page .archive-page-banner__left-content .homepage-banner__breadcrumb {
  margin-block-end: 1.6rem;
}
.archive-page .archive-page-banner__left-content p:last-of-type {
  font-family: "Geist";
  margin-bottom: 0;
}
.archive-page .archive-page-banner__title {
  color: #ffffff;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -0.84px;
  line-height: 1;
  margin-block-end: 0;
}
.archive-page__submit-button {
  background-color: #4d89f9;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Geist";
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 1.6rem;
  white-space: nowrap;
}
.archive-page__submit-button:hover {
  background-color: #1c68f7;
  color: #ffffff;
}
.archive-page__children-links {
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-block-end: 1.6rem;
  padding: 1.6rem;
}
.archive-page__child-link {
  background-color: #151e2e;
  border-radius: 0.6rem;
  color: #4d89f9;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.8rem 1.6rem;
}
.archive-page__child-link:hover {
  background-color: #253551;
}
.archive-page__control-panel {
  align-items: center;
  background-color: #0f0f0f;
  border: 1px solid #28303e;
  border-radius: 0.8rem;
  display: flex;
  font-size: 1.3rem;
  gap: 1.6rem;
  margin-block-end: 3.2rem;
  padding: 0.8rem 1.6rem;
}
.archive-page__control-panel__count {
  font-size: 1.3rem;
  margin-bottom: 0 !important;
}
.archive-page__control-panel .toggle {
  display: inline-block;
  height: 2rem;
  margin-inline-end: auto;
  margin-inline-start: 9rem;
  position: relative;
  white-space: nowrap;
  width: 3.6rem;
}
.archive-page__control-panel .toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #56595d;
  border-radius: 1.2rem;
}
.archive-page__control-panel .toggle__slider::before {
  position: absolute;
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  border-radius: 50%;
}
.archive-page__control-panel .toggle__label {
  left: -9rem;
  position: absolute;
}
.archive-page__control-panel .toggle__input {
  opacity: 0;
  position: absolute;
  width: 1px;
}
.archive-page__control-panel .toggle__input:checked + .toggle__slider {
  background-color: #4d89f9;
}
.archive-page__control-panel .toggle__input:checked + .toggle__slider::before {
  transform: translateX(1.6rem);
}
.archive-page__control-panel .toggle__input:focus-visible + .toggle__slider {
  box-shadow: 0 0 5px 1px #4d89f9;
}
.archive-page__control-panel__sort-by__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #1a1a1a;
  border: 0.5px solid #28303e;
  border-radius: 0.6rem;
  color: #eeeeee;
  font-size: 1.3rem;
  line-height: 2.4rem;
  padding: 0.8rem 6rem 0.8rem 1.6rem;
}
.archive-page__control-panel__sort-by .custom-select {
  display: inline-block;
  margin-inline-start: 1.6rem;
  position: relative;
}
.archive-page__control-panel__sort-by .custom-select::after {
  color: #56595d;
  content: "\e908";
  font-family: "Nagios-Icons";
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.sort-by {
  padding: 1rem;
  border: 1px solid #28303e;
  border-radius: 8px;
  color: #666666;
}

.comments .comment,
.comments .comment-respond {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 3rem;
  border-radius: 0.8rem;
  margin: 1rem 0 3rem 0;
  box-shadow: 1px 1px 5px rgba(10, 10, 10, 0.1);
}
.comments .comment-author {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.comments .comment-author .avatar {
  margin-right: 1rem;
}
.comments .comment-author span {
  padding-left: 0.3rem;
}
.comments .comment-meta {
  margin-left: 4.2rem;
  margin-bottom: 1rem;
}
.comments .comment > p {
  margin-left: 4.2rem;
  border-left: 1px solid #28303e;
  padding: 1rem;
}
.comments .comment > .reply {
  margin-left: 4.2rem;
  margin-bottom: 0;
}
.comments .comment-respond #reply-title {
  font-size: 2rem;
}
.comments .comment-respond .comment-form-comment {
  display: flex;
  margin-bottom: 2rem;
}
.comments .comment-respond .comment-form-comment label {
  margin-right: 2rem;
}
.comments .comment-respond .comment-form-comment textarea {
  width: 100%;
  padding: 1rem;
}
.comments .comment-respond .form-submit__button {
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 8px;
  border: 2px solid #28303e;
  color: #4d89f9;
  background-color: transparent;
  display: block;
  margin-left: auto;
}
.comments .comment-respond .form-submit__button:hover {
  color: #3479f8;
}

.homepage-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "GeistMono";
  font-weight: 200;
  margin-block-end: 3.2rem;
  padding-block-end: 1.6rem;
  border-block-end: 1px solid #28303e;
}
.homepage-banner__breadcrumb {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}
.homepage-banner__breadcrumb__link {
  color: rgba(238, 238, 238, 0.65);
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.49px;
}
.homepage-banner__breadcrumb__current {
  color: #eeeeee;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.49px;
}
.homepage-banner__counts {
  display: flex;
  gap: 3.2rem;
}
.homepage-banner__counts strong {
  color: #4d89f9;
}

.homepage-hero {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid #28303e;
  margin-block-end: 3.2rem;
}
.homepage-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.2rem;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .homepage-hero__content {
    padding: 3.2rem 6.4rem;
    width: 47.5%;
  }
}
.homepage-hero__title {
  font-size: 3.2rem;
  color: #ffffff;
  font-weight: 700;
  margin-block-end: 1.6rem;
}
.homepage-hero__body {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.homepage-hero__body p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.7;
  margin: 0;
}
.homepage-hero__button-container {
  margin-block-start: 3.2rem;
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
}
.homepage-hero__button {
  padding: 1.6rem 2.4rem;
  border-radius: 4px;
  color: #e5eeff;
  font-size: 1.6rem;
}
.homepage-hero__button--solid {
  border: 1px solid #4d89f9;
  background-color: #4d89f9;
}
.homepage-hero__button--outline {
  border: 1px solid #28303e;
}
.homepage-hero__button:hover {
  color: #e5eeff;
  background-color: #1c68f7;
}
.homepage-hero__image {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .homepage-hero__image {
    width: 52.5%;
  }
}
.homepage-hero__image img {
  width: 100%;
  height: auto;
  display: block;
}

.homepage-filters {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-block-end: 3.2rem;
}
.homepage-filters__filter-container {
  display: flex;
  gap: 1.6rem;
}
.homepage-filters__filter {
  border: 1px solid #28303e;
  background-color: transparent;
  padding: 0.8rem 1.6rem;
  border-radius: 6px;
  font-size: 1.3rem;
  color: #ffffff;
}
.homepage-filters__filter.active {
  border-color: #4d89f9;
}
.homepage-filters__view-control {
  border: 0.5px solid #28303e;
  border-radius: 6px;
  padding: 2px;
  display: flex;
  gap: 0;
}
.homepage-filters__view-control-button {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.65);
  border: none;
  height: 4.6rem;
  width: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-filters__view-control-button.active {
  background-color: rgba(77, 137, 249, 0.1);
  color: #ffffff;
}
.homepage-filters__view-control-button:focus-visible {
  box-shadow: 0 0 5px 1px rgba(77, 137, 249, 0.5);
}

.projects-container.display-grid .projects-header {
  display: none;
}
.projects-container.display-grid .projects-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.projects-container.display-grid .projects-list .project-card {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .projects-container.display-grid .projects-list .project-card {
    width: calc(50% - 1.2rem);
  }
}
@media only screen and (min-width: 75em) {
  .projects-container.display-grid .projects-list .project-card {
    width: calc(33.33334% - 1.6rem);
  }
}
.projects-container.display-list .projects-header {
  align-items: center;
  background-color: #121212;
  border: 1px solid #28303e;
  border-radius: 4px 4px 0 0;
  display: flex;
  padding: 1.6rem;
}
.projects-container.display-list .projects-header__item--name {
  margin-inline-end: 1.6rem;
  width: calc(55% - 25rem);
}
.projects-container.display-list .projects-header__item--description {
  margin-inline-end: 1.6rem;
  width: calc(45% - 25rem);
}
.projects-container.display-list .projects-header__item--rating {
  margin-inline-end: 1.6rem;
  width: 14rem;
}
.projects-container.display-list .projects-header__item--views {
  margin-inline-end: 1.6rem;
  width: 6.5rem;
}
.projects-container.display-list .projects-header__item--author {
  margin-inline-end: 1.6rem;
  width: 15rem;
}
.projects-container.display-list .projects-header__item--license {
  width: 6rem;
}
.projects-container.display-list .projects-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.projects-container.display-list .projects-list .project-card {
  border-radius: 0;
  flex-direction: row;
  gap: 0;
  padding: 1.6rem;
  width: 100%;
}
.projects-container.display-list .projects-list .project-card__identifiers {
  margin-inline-end: 1.6rem;
  width: calc(55% - 25rem);
}
.projects-container.display-list .projects-list .project-card__description {
  align-self: center;
  margin-inline-end: 1.6rem;
  width: calc(45% - 25rem);
}
.projects-container.display-list .projects-list .project-card__hr {
  display: none;
}
.projects-container.display-list .projects-list .project-card__footer {
  gap: 0;
}
.projects-container.display-list .projects-list .project-card__footer .star-rating {
  align-self: center;
  margin-inline-end: 1.6rem;
  width: 14rem;
}
.projects-container.display-list .projects-list .project-card__footer .number-views {
  align-self: center;
  margin-inline-end: 1.6rem;
  width: 6.5rem;
}
.projects-container.display-list .projects-list .project-card__footer .number-favorites {
  display: none;
}
.projects-container.display-list .projects-list .project-card__footer .project-owner {
  align-items: center;
  display: flex;
  margin-inline-end: 1.6rem;
  width: 15rem;
}
.projects-container.display-list .projects-list .project-card__footer .project-owner__link {
  color: rgba(238, 238, 238, 0.65);
}
.projects-container.display-list .projects-list .project-card__footer .project-license {
  align-self: center;
  width: 6rem;
}
.projects-container.compact-view .project-card__image,
.projects-container.compact-view .project-card__description,
.projects-container.compact-view .projects-header__item--description {
  display: none;
}
.projects-container.compact-view .project-card__info {
  align-items: center;
  flex-direction: row-reverse;
  gap: 1.6rem;
  justify-content: flex-end;
}
.projects-container.compact-view.display-list .project-card__identifiers,
.projects-container.compact-view.display-list .projects-header__item--name {
  flex: 1;
  width: unset;
}
.projects-container .no-projects {
  padding: 1.6rem;
}

.my-account-page .homepage-banner {
  border-width: 0;
}
.my-account-page__container {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.my-account-page__container .contributor-card {
  width: 100%;
}
@media only screen and (min-width: 75em) {
  .my-account-page__container .contributor-card {
    width: calc(35% - 1.6rem);
  }
}
.my-account-page__tabs {
  border: 1px solid #28303e;
  border-radius: 0.8rem;
  width: 100%;
}
@media only screen and (min-width: 75em) {
  .my-account-page__tabs {
    width: calc(65% - 1.6rem);
  }
}
.my-account-page__tabs__tab-list {
  background-color: #0a0a0a;
  border-block-end: 1px solid #28303e;
  border-radius: 8px 8px 0 0;
}
.my-account-page__tabs__tab-link {
  align-items: center;
  background-color: #0a0a0a;
  border: solid #0a0a0a;
  border-radius: 0.8rem 0.8rem 0 0;
  border-width: 0 0 2px 0;
  color: #989ea9;
  cursor: pointer;
  display: flex;
  gap: 0.8rem;
  padding: 1.6rem 2.4rem;
}
.my-account-page__tabs__tab-link.active {
  color: #4d89f9;
  border-color: #4d89f9;
}
.my-account-page__tabs__tab-link.active .icon-star::before {
  content: "\e922";
}
.my-account-page__tabs__tab-link.active .icon-heart::before {
  content: "\e913";
}
.my-account-page__tabs__tab-pane {
  background-color: #0f0f0f;
  border-radius: 0 0 0.8rem 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 2.4rem;
}
.my-account-page__tabs__tab-pane .project-card {
  background-color: #0a0a0a;
}
.my-account-page__tabs__tab-pane .project-review-card {
  background-color: #0a0a0a;
  border: 1px solid #28303e;
  border-radius: 4px;
}
.my-account-page__tabs__tab-pane .project-review-card__header {
  border-block-end: 1px solid #28303e;
  padding: 2.4rem 2.4rem 1.2rem 2.4rem;
}
.my-account-page__tabs__tab-pane .project-review-card__link {
  font-size: 1.6rem;
  font-weight: 700;
}
.my-account-page__tabs__tab-pane .project-review-card__body {
  display: flex;
  gap: 1.6rem;
  padding: 1.2rem 2.4rem 2.4rem 2.4rem;
}
.my-account-page__tabs__tab-pane .project-review-card__body__icon {
  align-items: center;
  color: #7ba9ff;
  display: flex;
}
.my-account-page__tabs__tab-pane .project-review-card__body__review__title {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-block-end: 0.8rem;
}
.my-account-page__tabs__tab-pane .project-review-card__body__review__content {
  color: #eeeeee;
  font-size: 1.4rem;
  margin-block-end: 0.8rem !important;
}
.my-account-page__tabs__tab-pane .project-review-card__body__review__time-diff {
  color: #989ea9;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  margin-block-end: 0 !important;
}

.my-account {
  position: relative;
}
.my-account__initials {
  position: absolute;
  top: 5rem;
  height: 6.6rem;
  width: 6.6rem;
  text-transform: uppercase;
  background-color: #046764;
  color: #ffffff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  border: 2px solid #ffffff;
}
.my-account__tabs .nav-link {
  border-bottom: 4px solid transparent;
  padding-bottom: 1rem;
}
.my-account__tabs .nav-link.active {
  color: #232632;
  border-bottom-color: #4d89f9;
  cursor: default;
}
.my-account__hr {
  margin: 0 0 1rem 0;
  color: #28303e;
}

.search-results__container .homepage-banner {
  border: none;
  padding: 0;
}
.search-results__banner {
  border-block-end: 1px solid #28303e;
  margin-block-end: 3.2rem;
}
.search-results__banner__title {
  color: #eeeeee;
  font-family: "GeistMono";
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.84px;
  margin-block-end: 2.4rem;
}
.search-results__banner__advanced-search-summary {
  border-inline-start: 0.5px solid #28303e;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin: 0 0 2.4rem 2.4rem;
  padding-inline-start: 2.4rem;
}
.search-results__banner__advanced-search-summary p {
  font-size: 1.4rem;
  line-height: 1;
  margin: 0;
}
.search-results__banner__summary {
  display: flex;
  justify-content: space-between;
  margin-block-end: 2.4rem;
}
.search-results__banner__page-count {
  color: rgba(238, 238, 238, 0.65);
  font-size: 1.3rem;
}
.search-results__banner__page-count .search-term {
  color: #eeeeee;
}
.search-results__results-container .the-search-results {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.search-results-count {
  display: flex;
  align-items: center;
}
.search-results-count > div {
  margin: 0 0.5rem;
}

.prev-next-links {
  display: flex;
  justify-content: space-between;
}

.single-listing__banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.single-listing__breadcrumb {
  padding-block-end: 1.5rem;
  position: relative;
  font-family: "GeistMono", "Geist", sans-serif;
}
.single-listing__breadcrumb .breadcrumb-item a,
.single-listing__breadcrumb .breadcrumb-item::before {
  color: #989ea9;
}
.single-listing__breadcrumb .breadcrumb-item {
  font-weight: 400;
}
.single-listing__breadcrumb .breadcrumb-item.active {
  color: #ffffff;
}

.listing__header {
  text-transform: capitalize;
}
.listing__footer {
  display: flex;
  justify-content: space-between;
}

.star-rating__stars {
  background-image: linear-gradient(#f0c424, #f0c424);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  background-color: #28303e;
  display: inline-block;
}
.star-rating__stars .icon-star,
.star-rating__stars .icon-star-fill {
  color: transparent;
}
.star-rating__stars .icon-star:not(:last-child),
.star-rating__stars .icon-star-fill:not(:last-child) {
  margin-right: 3px;
}

.data-label {
  font-weight: 700;
}

.button-file-download {
  padding: 1rem;
  border: 2px solid #28303e;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 1rem;
}

.reviews {
  margin-bottom: 3rem;
}
.reviews i {
  font-size: 2rem;
}
.reviews__header {
  display: flex;
  justify-content: space-between;
}
.reviews__title {
  font-size: 2.4rem;
  color: #666666;
}
.reviews__title strong {
  color: #333333;
}
.reviews__link {
  float: right;
  color: #4d89f9;
  cursor: pointer;
}
.reviews__link:hover {
  text-decoration: underline;
}

.page-section-link {
  display: block;
  margin-bottom: 2rem;
}
.page-section-link i {
  padding: 1rem;
  border: 2px solid #28303e;
  border-radius: 8px;
  margin-right: 1.5rem;
}

.plugin-stats .card__body {
  font-size: 1.6rem;
  color: #666666;
}
.plugin-stats__star-rating .kksr-stars {
  display: none;
}
.plugin-stats__star-rating .kksr-legend {
  margin: 0;
}

.cred-edit-post {
  padding: 1.5rem 0;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  margin-bottom: 1rem;
  color: #ffffff !important;
  background-color: #4d89f9 !important;
  border-color: #4d89f9;
}
.cred-edit-post:hover {
  background-color: #1c68f7 !important;
}

.edit-plugin-form {
  display: block;
}
.edit-plugin-form.hidden {
  display: none;
}

.edit-post-link {
  padding: 0 0 16px 16px;
}

.photo-gallery {
  overflow-x: auto;
}
.photo-gallery__scroll {
  width: max-content;
  height: 17rem;
}
.photo-gallery .plugin-photo {
  float: left;
  height: 150px;
  width: 150px;
  overflow: hidden;
}
.photo-gallery .plugin-photo:not(:last-child) {
  margin-right: 2rem;
}
.photo-gallery .plugin-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card.tabbed .tabbable-section {
  width: 100%;
}

.listings-page__title {
  color: #eeeeee;
  font-size: 3.2rem;
}
.listings-page .homepage-filters__view-control {
  margin-inline-start: auto;
}

/*# sourceMappingURL=custom.css.map */