:root {
  --fonts: -apple-system, BlinkMacSystemFont, 'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --bg-primary: #3b84df;
  --bg-secondary: #212735;
  --bg-tertiary: #262f3f;
  --bg-quaternary: #2e394c;
  --bg-success: #43a047;
  --bg-warning: #d26d22;
  --bg-danger: #dc3545;
  --bg-purple: #9c27b0;
  --bg-cyan: #00acc1;
  --bg-credits: #f57f17;
  --bg-moderator: #0c9c68;
  --bg-prime: #29b6f6;
  --bg-supreme: #b853f5;
  --bg-divine: #f98920;
  --color-primary: #3b84df;
  --color-secondary: #778296;
  --color-success: #43a047;
  --color-warning: #d26d22;
  --color-danger: #dc3545;
  --color-white: #ffffff;
  --color-credits: #f57f17;
  --color-upgraded: #7579ff;
  --color-prime: #29b6f6;
  --color-supreme: #b853f5;
  --color-divine: #f98920;
  --border-primary: #3b84df;
  --border-secondary: #212735;
  --border-tertiary: #262f3f;
  --border-success: #43a047;
  --border-warning: #d26d22;
  --font-bold: 500;
  --padding: 1rem;
  --rounded: 0.25rem;
  --rounded-circle: 100%;
  --animate-duration: 0.5s;
  --profile-yos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='40' viewBox='0 -38 512.001 512' width='40'%3E%3Cpath d='M501.637 186.422c-1.52-.492-15.305-4.832-31.047-4.832-9.855 0-18.5 1.73-25.777 5.133-.145-2.516-.324-5.023-.57-7.527 12.352-3.492 29.184-10.53 38.754-24.19 15.445-22.055 8.184-56.027 7.31-59.828a15.01 15.01 0 0 0-16.437-11.508c-3.687.45-35.008 4.824-51.34 24.258-1.117-2.07-2.27-4.133-3.47-6.164-.078-.137-.164-.27-.246-.402 9.715-8.39 21.984-21.875 24.88-38.29 4.676-26.52-16.258-54.234-18.66-57.31-4.727-6.043-13.25-7.547-19.762-3.484-3.148 1.97-29.707 19.184-36.285 43.72-5.88-4.387-12.008-8.457-18.38-12.145-7.172-4.148-16.348-1.7-20.496 5.47s-1.7 16.348 5.473 20.496C355 71.055 371.496 86.13 384.36 103.738c.637.914 1.184 1.664 1.613 2.242 12.496 17.742 21.348 37.953 25.82 59.38a88.96 88.96 0 0 0 1.043 5.469l.012.035c1.516 8.785 2.305 17.75 2.305 26.816 0 12.223-1.39 24.125-4.012 35.563-.95 3.23-1.47 5.543-1.648 6.387-.023.117-.035.238-.06.355-5.816 21.078-15.87 40.414-29.187 57.03-.937 1.11-1.687 2.035-2.203 2.695-13.816 16.5-30.902 30.168-50.262 39.988-2.797 1.242-4.664 2.21-5.25 2.523-.055.027-.102.063-.152.1-20.215 9.313-42.7 14.52-66.38 14.52s-46.168-5.207-66.387-14.523c-.05-.027-.094-.06-.145-.086-.586-.312-2.445-1.277-5.242-2.52-19.36-9.824-36.453-23.492-50.27-39.996-.516-.656-1.266-1.582-2.203-2.687-13.312-16.62-23.367-35.953-29.187-57.03-.02-.12-.03-.238-.06-.36-.18-.844-.7-3.156-1.652-6.387-2.617-11.437-4.008-23.34-4.008-35.562a157.63 157.63 0 0 1 2.305-26.809c0-.016.008-.027.012-.043.172-.75.598-2.69 1.043-5.473 4.473-21.4 13.313-41.605 25.797-59.34a82.61 82.61 0 0 0 1.668-2.316c12.86-17.594 29.344-32.652 48.754-43.883a15 15 0 0 0 5.473-20.492c-4.148-7.172-13.324-9.62-20.496-5.473-6.375 3.688-12.504 7.762-18.383 12.148-6.574-24.54-33.137-41.754-36.29-43.723-6.508-4.062-15.035-2.56-19.762 3.484-2.402 3.074-23.336 30.79-18.66 57.313 2.895 16.414 15.164 29.898 24.88 38.285-.078.137-.164.266-.246.402-1.2 2.03-2.348 4.094-3.465 6.168C73.14 88.492 41.82 84.117 38.137 83.668c-7.613-.93-14.71 4.03-16.437 11.512-.88 3.8-8.137 37.77 7.31 59.824 9.566 13.66 26.398 20.7 38.75 24.195a192.76 192.76 0 0 0-.574 7.527c-7.273-3.402-15.914-5.133-25.773-5.133-15.738 0-29.527 4.336-31.047 4.828-7.297 2.375-11.63 9.875-10.035 17.38.813 3.816 8.6 37.668 31.9 51.137 7.926 4.574 17.75 6.895 29.19 6.895 5.828 0 11.38-.594 16.145-1.367a188.94 188.94 0 0 0 2.648 7.07H80.2c-25.387 0-48.973 21.324-51.578 23.754-5.61 5.234-6.367 13.86-1.75 19.992 2.348 3.113 23.703 30.508 50.53 32.855 1.273.113 2.578.168 3.883.168 15.254 0 29.848-7.69 39.64-14.36 1.766 1.805 3.563 3.574 5.398 5.305-23.07 10.703-35.445 39.914-36.84 43.363-2.875 7.117.1 15.254 6.863 18.86 2.176 1.156 21.84 11.3 42.293 11.3 6.29 0 12.14-.97 17.39-2.88 15.672-5.703 26.824-20.14 33.395-31.172 5.39 2.035 10.895 3.828 16.504 5.367-8.73 8.88-16.727 20.18-23.742 33.734a15 15 0 1 0 26.645 13.789c13.414-25.918 30.605-40.78 47.172-40.78s33.758 14.863 47.168 40.78c2.668 5.152 7.906 8.105 13.336 8.105a14.94 14.94 0 0 0 6.883-1.68c7.355-3.81 10.234-12.86 6.426-20.22-7.016-13.555-15.012-24.855-23.742-33.73a185.72 185.72 0 0 0 16.5-5.367c6.574 11.027 17.727 25.47 33.402 31.172 5.246 1.9 11.098 2.88 17.387 2.88 20.453 0 40.113-10.145 42.29-11.305 6.777-3.602 9.738-11.738 6.863-18.855-1.39-3.45-13.766-32.664-36.836-43.363 1.836-1.734 3.633-3.504 5.398-5.305 9.793 6.668 24.387 14.36 39.637 14.36a44.07 44.07 0 0 0 3.887-.168c26.828-2.348 48.184-29.742 50.527-32.855a15 15 0 0 0-1.75-19.992c-2.602-2.43-26.19-23.754-51.578-23.754h-.023a176.13 176.13 0 0 0 2.648-7.07c4.766.773 10.32 1.367 16.145 1.367 11.445 0 21.266-2.32 29.195-6.895 23.316-13.47 31.098-47.316 31.906-51.133a15 15 0 0 0-10.035-17.383zm0 0' fill='rgba(255,255,255,0.65)'/%3E%3C/svg%3E");
}

body {
  background-color: #161a21;
  color: #9da5b3;
  font-family: var(--fonts);
  font-size: 14px;
  font-display: optional;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

/* ==========================================================================
   Font Sizes
============================================================================= */

.font-size-06 {
  font-size: 0.6rem;
}
.font-size-065 {
  font-size: 0.65rem;
}
.font-size-07 {
  font-size: 0.7rem;
}
.font-size-075 {
  font-size: 0.75rem;
}
.font-size-08 {
  font-size: 0.8rem;
}
.font-size-09 {
  font-size: 0.9rem;
}
.font-size-10 {
  font-size: 1rem;
}
.font-size-12 {
  font-size: 1.2rem;
}
.font-size-14 {
  font-size: 1.4rem;
}
.font-size-16 {
  font-size: 1.6rem;
}
.font-size-18 {
  font-size: 1.8rem;
}
.font-size-20 {
  font-size: 2rem;
}
.font-size-24 {
  font-size: 2.4rem;
}
.font-size-30 {
  font-size: 3rem;
}

/* ==========================================================================
   Sizes
============================================================================= */

.icon-16,
.icon-16 svg {
  height: 16px;
  width: 16px;
}

.avatar-18,
.avatar-18 img,
.icon-18,
.icon-18 img,
.icon-18 svg {
  height: 18px;
  width: 18px;
}

.avatar-20,
.avatar-20 img {
  height: 20px;
  width: 20px;
}

.avatar-24,
.avatar-24 img,
.icon-24,
.icon-24 svg,
.icon-24 img {
  height: 24px;
  width: 24px;
}

.avatar-30,
.avatar-30 img,
.icon-30,
.icon-30 svg {
  height: 30px;
  width: 30px;
}

.icon-35 {
  height: 35px;
  width: 35px;
}

.avatar-40,
.avatar-40 img,
.icon-40,
.icon-40 img {
  height: 40px;
  width: 40px;
}

.avatar-48,
.avatar-48 img,
.icon-48,
.icon-48 svg {
  height: 48px;
  width: 48px;
}

.icon-60 {
  height: 60px;
  width: 60px;
}

.avatar-100,
.avatar-100 img {
  height: 100px;
  width: 100px;
}

/* ==========================================================================
   Colors
============================================================================= */

.text-primary {
  color: var(--bg-primary);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-discord {
  color: #7289da;
}
.text-upgraded {
  color: var(--color-upgraded);
}
.text-white {
  color: var(--color-white);
}
.bg-primary {
  background-color: var(--bg-primary) !important;
}
.bg-secondary {
  background-color: var(--bg-secondary) !important;
}
.bg-tertiary {
  background-color: var(--bg-tertiary) !important;
}
.bg-quaternary {
  background-color: var(--bg-quaternary) !important;
}
.bg-discord {
  background-color: #7289da !important;
}
.reputation-color.hq,
.reputation-color.type1,
.reputation-color .type1 {
  color: #26c6da;
}
.reputation-color.funny,
.reputation-color.type2,
.reputation-color .type2 {
  color: #ffa726;
}
.reputation-color.helpful,
.reputation-color.type3,
.reputation-color .type3 {
  color: #9ccc65;
}
.reputation-icon.type1 {
  fill: #26c6da;
}
.reputation-icon.type2 {
  fill: #ffa726;
}
.reputation-icon.type3 {
  fill: #9ccc65;
}
.reputation-bg.hq {
  background-color: #26c6da;
}
.reputation-bg.funny {
  background-color: #ffa726;
}
.reputation-bg.helpful {
  background-color: #9ccc65;
}
.svg-primary-color {
  fill: var(--bg-primary);
}
.svg-secondary-color {
  fill: #181f2a;
}
.svg-upgrade-color {
  fill: var(--bg-secondary);
}
.alert.bg-info {
  color: #e7f9fc;
}
.alert.bg-success {
  color: #edf8ee;
}
.alert.bg-warning {
  color: #fff4e8;
}
.alert.bg-danger {
  color: #fcedee;
}
.alert.bg-info svg {
  fill: #dbf6fb;
}
.alert.bg-success svg {
  fill: #e4f4e5;
}
.alert.bg-warning svg {
  fill: #ffeedc;
}
.alert.bg-danger svg {
  fill: #fae4e6;
}
.bg-upgrade {
  background: linear-gradient(to bottom right, #7579ff, #b224ef);
}
.alert.bg-info .btn-alert {
  background-color: #10798d;
  color: #bfeff8;
}
.alert.bg-success .btn-alert {
  background-color: #2e7032;
  color: #ceebcf;
}
.alert.bg-warning .btn-alert {
  background-color: #9e5100;
  color: #ffdfbc;
}
.alert.bg-danger .btn-alert {
  background-color: #861923;
  color: #f5c9cd;
}
.alert.bg-info .btn-alert:hover,
.alert.bg-info .btn-alert:focus {
  background-color: #0d6171;
  color: #bfeff8;
}
.alert.bg-success .btn-alert:hover,
.alert.bg-success .btn-alert:focus {
  background-color: #255a28;
  color: #ceebcf;
}
.alert.bg-warning .btn-alert:hover,
.alert.bg-warning .btn-alert:focus {
  background-color: #7e4100;
  color: #ffdfbc;
}
.alert.bg-danger .btn-alert:hover,
.alert.bg-danger .btn-alert:focus {
  background-color: #6b141c;
  color: #f5c9cd;
}
.opacity-5 {
  opacity: 0.5;
}
.opacity-75 {
  opacity: 0.75;
}
.shadow,
.wrapper {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
/* ==========================================================================
   Groups
============================================================================= */

.usergroup {
  font-weight: 500;
}

.usergroup.closed {
  color: #7a808b;
  text-decoration: line-through;
}

.usergroup.banned {
  color: #7a808b;
  text-decoration: line-through;
  font-style: italic;
}

.usergroup.awaiting {
  color: #7a808b;
  font-style: italic;
}

.usergroup.user {
  color: #b0b6c0;
}

.usergroup.customgroup {
  color: #ffffff;
}

.usergroup.prime {
  color: #29b6f6;
}

.usergroup.supreme {
  color: #b853f5;
}

.usergroup.divine {
  color: #f98920;
}

.usergroup.moderator {
  color: #0fc382;
}

.usergroup.staff {
  color: #4ed645;
}

.usergroup.admin {
  color: #ff4444;
}

.username-effect {
  background-repeat: repeat;
}

.username-effect.aqua {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_aqua.gif);
}
.username-effect.blue {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_blue.gif);
}
.username-effect.green {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_green.gif);
}
.username-effect.orange {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_orange.gif);
}
.username-effect.pink {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_pink.gif);
}
.username-effect.purple {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_purple.gif);
}
.username-effect.red {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_red.gif);
}
.username-effect.yellow {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_yellow.gif);
}

.usergroup-legend {
  padding-left: calc(0.45rem + 8px);
}

.usergroup-legend::before {
  position: absolute;
  content: '';
  height: 8px;
  width: 8px;
  left: 0;
  top: calc(50% - 5px);
  border-radius: var(--rounded-circle);
}

.usergroup-legend.closed::before {
  background-color: #7a808b;
}

.usergroup-legend.banned::before {
  background-color: #7a808b;
}

.usergroup-legend.awaiting::before {
  background-color: #7a808b;
}

.usergroup-legend.user::before {
  background-color: #b0b6c0;
}

.usergroup-legend.customgroup::before {
  background-color: #ffffff;
}

.usergroup-legend.prime::before {
  background-color: #29b6f6;
}

.usergroup-legend.supreme::before {
  background-color: #b853f5;
}

.usergroup-legend.divine::before {
  background-color: #f98920;
}

.usergroup-legend.moderator::before {
  background-color: #0fc382;
}

.usergroup-legend.staff::before {
  background-color: #4ed645;
}

.usergroup-legend.admin::before {
  background-color: #ff4444;
}

.staff-avatar {
  border: 2px solid;
}

.staff-avatar.usergroup-3 {
  border-color: var(--bg-success);
}

.staff-avatar.usergroup-4 {
  border-color: var(--bg-danger);
}

/* ==========================================================================
   Hacks
============================================================================= */

::-moz-selection {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.75);
}

::selection {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.75);
}

.form-control:focus {
  border: 2px solid var(--bg-primary);
  color: #9da5b3;
  outline: 0;
}

.input-group > .form-control:focus {
  border-color: var(--bg-primary);
}

.no-overflow {
  overflow: hidden;
}

.no-overflow-x {
  overflow-x: hidden;
}

.no-shadow {
  box-shadow: none !important;
}

.noscrollbar {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.noscrollbar::-webkit-scrollbar {
  display: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #1b202b;
  border: 2px solid #1b202b;
  -webkit-text-fill-color: #848fa0;
  -webkit-box-shadow: 0 0 0 100px #1b202b inset;
}

input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
  background-color: #1b202b;
  border: 2px solid var(--bg-primary);
  -webkit-text-fill-color: #848fa0;
  -webkit-box-shadow: 0 0 0 100px #1b202b inset;
}

@-webkit-keyframes autofill {
  to {
    color: #848fa0;
    background-color: rgba(0, 0, 0, 0.25);
  }
}

.form-control::-webkit-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

.form-control::-moz-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

.form-control:-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

.form-control::-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

.form-control::placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

textarea::-webkit-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

textarea::-moz-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

textarea:-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

textarea::-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

textarea::placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 0.9rem;
}

.input-group-prepend-focus .input-group-text {
  border: 2px solid var(--bg-primary);
  color: #9da5b3;
  fill: #9da5b3;
  border-right: 0;
  margin-right: -1px;
  border-radius: var(--rounded) 0 0 var(--rounded);
}

.dropdown-menu {
  transform-origin: top left;
}

.dropdown-menu-right {
  transform-origin: top right;
}

.form-control.valid {
  border-color: var(--bg-success);
}

.form-control.error {
  border-color: var(--bg-danger);
}

.mycode_list li {
  margin-left: -1rem;
}

/* ==========================================================================
   Layout
============================================================================= */

/* Global
====================== */
a {
  color: #cbd3df;
}

a:hover {
  color: #dce2ea;
  text-decoration: none;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 1rem 0;
}

select.light {
  background-color: var(--bg-tertiary);
  border-color: var(--bg-tertiary);
}

.transparent {
  background-color: transparent !important;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 0.25rem 0.5rem !important;
  font-size: 0.7rem !important;
  border-radius: 0.2rem;
}

.btn-like {
  background-color: transparent;
  color: #b9c4d1;
  height: 24px;
  width: 24px;
}

.btn-like:hover,
.btn-like.liked {
  color: var(--color-danger);
}

.btn-like.liked {
  text-shadow: 0 0 0.85rem var(--color-danger);
}

img.smilie {
  height: 22px;
  width: 22px;
  vertical-align: middle;
}

.page-header {
  padding: 30px 0;
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.page-header h1 {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.85);
  font-weight: var(--font-bold);
  margin-bottom: 0.5rem;
}

.page-header h2 {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 400;
}

.alert {
  padding: 0.75rem var(--padding);
  font-weight: var(--font-bold);
}

.btn-transparent {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
}

.btn-transparent:hover {
  background-color: rgba(255, 255, 255, 0.35);
}

.btn-icon,
.btn-icon-only {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-icon svg,
.btn-icon-only svg {
  fill: rgba(255, 255, 255, 0.85);
}

.btn-icon svg {
  margin-left: 0.5rem;
}

.btn-emote {
  height: 40px;
  width: 40px;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: 0.2rem;
  margin-left: 0.5rem;
  content: '';
  border: solid rgba(255, 255, 255, 0.75);
  border-width: 0 2px 2px 0;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.dropdown-toggle[aria-expanded='true']::after {
  transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  border: solid rgba(255, 255, 255, 0.75);
  border-width: 0 2px 2px 0;
  margin-top: 0.15rem;
}

.pagination ul {
  list-style: none;
}

.pagination ul li a {
  background-color: var(--bg-tertiary);
  border-right: 1px solid var(--bg-quaternary);
  padding: 0.5rem 0.85rem;
  display: block;
  color: #9da5b3;
  font-weight: var(--font-bold);
}

.pagination ul li:first-child a {
  border-radius: var(--rounded) 0 0 var(--rounded);
}

.pagination ul li:last-child a {
  border-radius: 0 var(--rounded) var(--rounded) 0;
  border: none;
}

.pagination ul li a:hover,
.pagination ul li a.active {
  background-color: var(--bg-quaternary);
  color: #cbd3df;
}

.pagination-top {
  margin-bottom: 1rem;
}

.pagination-bottom {
  margin-top: 1rem;
}

.pagination:empty,
.pagination:empty {
  display: none;
  margin: 0;
}

.pagination-location-previous,
.pagination-location-next {
  width: 45px;
}

.back-to-top {
  background-color: #161a21;
  color: #9da5b3;
  right: 1rem;
  bottom: 1rem;
  height: 40px;
  width: 40px;
  border: 2px solid var(--bg-quaternary);
  z-index: 99;
}

.back-to-top:hover {
  color: var(--bg-primary);
  border-color: var(--bg-primary);
}

.ban-label {
  width: 130px;
}

/* Emotes
====================== */
.emote-picker {
  bottom: 1rem;
  right: 1rem;
}

.emote-picker-button {
  height: 40px;
  width: 40px;
}

.emote-list {
  margin-bottom: -0.25rem;
  width: calc(256px + 1.75rem);
  height: calc(256px + 1.75rem);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.emote-list::-webkit-scrollbar {
  display: none;
}

.emote-slot {
  width: 32px;
  height: 32px;
  margin: 0 0.25rem 0.25rem 0;
  cursor: pointer;
}

.emote-slot:nth-child(8n) {
  margin-right: 0;
}

.emote-slot:hover {
  background-color: var(--bg-secondary);
}

.emote-picker-button img,
.emote-slot img {
  width: 24px;
  height: 24px;
}

/* Prestige Icons
====================== */
.prestige-icons {
  background-image: url(https://cdn.nulledbb.com/static/img/spritesheets/prestige_icons_50x50.png);
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  width: 50px;
}

.prestige-icons-sm {
  background-image: url(https://cdn.nulledbb.com/static/img/spritesheets/prestige_icons_24x24.png);
  background-repeat: no-repeat;
  display: block;
  width: 24px;
  height: 24px;
}

.prestige-icons-xs {
  background-image: url(https://cdn.nulledbb.com/static/img/spritesheets/prestige_icons_16x16.png);
  background-repeat: no-repeat;
  display: block;
  width: 16px;
  height: 16px;
}

.prestige-1 {
  background-position: -53px -1px;
}
.prestige-2 {
  background-position: -105px -1px;
}
.prestige-3 {
  background-position: -157px -1px;
}
.prestige-4 {
  background-position: -209px -1px;
}
.prestige-5 {
  background-position: -261px -1px;
}
.prestige-6 {
  background-position: -313px -1px;
}
.prestige-7 {
  background-position: -365px -1px;
}
.prestige-8 {
  background-position: -417px -1px;
}
.prestige-9 {
  background-position: -469px -1px;
}
.prestige-10 {
  background-position: -1px -1px;
}

.prestige-icons-sm-0 {
  display: none;
}
.prestige-icons-sm-1 {
  background-position: -1px -1px;
}
.prestige-icons-sm-2 {
  background-position: -53px -1px;
}
.prestige-icons-sm-3 {
  background-position: -79px -1px;
}
.prestige-icons-sm-4 {
  background-position: -105px -1px;
}
.prestige-icons-sm-5 {
  background-position: -131px -1px;
}
.prestige-icons-sm-6 {
  background-position: -157px -1px;
}
.prestige-icons-sm-7 {
  background-position: -183px -1px;
}
.prestige-icons-sm-8 {
  background-position: -209px -1px;
}
.prestige-icons-sm-9 {
  background-position: -235px -1px;
}
.prestige-icons-sm-10 {
  background-position: -27px -1px;
}

.prestige-icons-xs-0 {
  display: none;
}

.prestige-icons-xs-1 {
  background-position: -1px -1px;
}

.prestige-icons-xs-2 {
  background-position: -37px -1px;
}

.prestige-icons-xs-3 {
  background-position: -55px -1px;
}

.prestige-icons-xs-4 {
  background-position: -73px -1px;
}

.prestige-icons-xs-5 {
  background-position: -91px -1px;
}

.prestige-icons-xs-6 {
  background-position: -109px -1px;
}

.prestige-icons-xs-7 {
  background-position: -127px -1px;
}

.prestige-icons-xs-8 {
  background-position: -145px -1px;
}

.prestige-icons-xs-9 {
  background-position: -163px -1px;
}

.prestige-icons-xs-10 {
  background-position: -19px -1px;
}

/* Header New
====================== */
.global-header .header-primary {
  height: 70px;
}

.global-header .header-nav .item {
  color: rgba(255, 255, 255, 0.75);
  padding: 0.5rem 0.75rem;
}

.global-header .user-nav .item-icon {
  height: 32px;
  width: 32px;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.75);
}

.global-header .user-nav .amount {
  color: var(--color-danger);
}

.global-header .user-nav .amount.amount-0 {
  color: var(--color-success);
}

.global-header .user-nav .item-icon.unread::before {
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  background-color: var(--bg-danger);
  border-radius: 100%;
  top: -1px;
  right: -1px;
}

.global-header .user-nav .item-icon.unread-0::before {
  display: none;
}

.global-header .user-nav .dropdown-item {
  font-size: 0.8rem;
}

.global-header .header-nav .item:hover,
.global-header .user-nav .item-icon:hover,
.global-header .user-nav .item-icon[aria-expanded='true'] {
  background-color: rgba(255, 255, 255, 0.15);
}

.global-header .notifications {
  width: 350px;
}

.global-header .notifications header {
  border-bottom: 1px solid var(--bg-quaternary);
}

.global-header .notifications .main-row {
  border-bottom: 1px solid var(--bg-quaternary);
}

.global-header .notifications .main-row:last-child {
  border-bottom: none;
}

.global-header .notifications .unread::before {
  content: '';
  position: absolute;
  background-color: var(--bg-primary);
  height: 12px;
  width: 12px;
  left: -6px;
  border-radius: var(--rounded-circle);
  box-shadow: 0 0 6px 0 var(--bg-primary);
}

.global-header .level-information {
  width: 120px;
}

.global-header .level-information .progress {
  height: 4px;
  margin-top: 5px;
}

.active-boost-icon {
  height: 30px;
  padding: 0 0.5rem;
  color: rgba(255, 255, 255, 0.85);
}

.dropdown-menu-community {
  width: 40rem;
}

.dropdown-menu-community ul li {
  width: calc(50% - 0.25rem);
  margin-right: 0.25rem;
  margin-bottom: 0.5rem;
}

.dropdown-menu-community ul li:nth-child(even) {
  margin-left: 0.25rem;
  margin-right: 0;
}

.dropdown-menu-community ul li:last-child,
.dropdown-menu-community ul li:nth-last-child(2) {
  margin-bottom: 0;
}

.dropdown-menu-community ul li a {
  border: 1px solid var(--bg-tertiary);
}

.dropdown-menu-community ul li:first-child a:hover {
  border: 1px solid #ec407a;
}

.dropdown-menu-community ul li:first-child a .title,
.dropdown-menu-community ul li:first-child a i {
  color: #ec407a;
}

.dropdown-menu-community ul li:nth-child(2) a:hover {
  border: 1px solid #5c6bc0;
}

.dropdown-menu-community ul li:nth-child(2) a .title,
.dropdown-menu-community ul li:nth-child(2) a i {
  color: #5c6bc0;
}

.dropdown-menu-community ul li:nth-child(3) a:hover {
  border: 1px solid #42a5f5;
}

.dropdown-menu-community ul li:nth-child(3) a .title,
.dropdown-menu-community ul li:nth-child(3) a i {
  color: #42a5f5;
}

.dropdown-menu-community ul li:nth-child(4) a:hover {
  border: 1px solid #ef5350;
}

.dropdown-menu-community ul li:nth-child(4) a .title,
.dropdown-menu-community ul li:nth-child(4) a i {
  color: #ef5350;
}

.dropdown-menu-community ul li:nth-child(5) a:hover {
  border: 1px solid #ff7043;
}

.dropdown-menu-community ul li:nth-child(5) a .title,
.dropdown-menu-community ul li:nth-child(5) a i {
  color: #ff7043;
}

.dropdown-menu-community ul li:nth-child(6) a:hover {
  border: 1px solid #ffca28;
}

.dropdown-menu-community ul li:nth-child(6) a .title,
.dropdown-menu-community ul li:nth-child(6) a i {
  color: #ffca28;
}

.dropdown-menu-community ul li:nth-child(7) a:hover {
  border: 1px solid #66bb6a;
}

.dropdown-menu-community ul li:nth-child(7) a .title,
.dropdown-menu-community ul li:nth-child(7) a i {
  color: #66bb6a;
}

.dropdown-menu-community ul li:last-child a:hover {
  border: 1px solid #26a69a;
}

.dropdown-menu-community ul li:last-child a .title,
.dropdown-menu-community ul li:last-child a i {
  color: #26a69a;
}

.dropdown-menu-community .description {
  color: #9da5b3;
}

.dropdown-menu-community .latest-announcements ol li {
  padding-left: 1rem;
  margin-bottom: 0.25rem;
}

.dropdown-menu-community .latest-announcements ol li:last-child {
  margin-bottom: 0;
}

.dropdown-menu-community .latest-announcements ol li::before {
  position: absolute;
  left: 0;
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
}

.dropdown-menu-community .latest-announcements ol li a {
  color: #9da5b3;
}

.dropdown-menu-community .latest-announcements ol li a:hover {
  color: #cbd3df;
}

/* Breadcrumb
====================== */
.breadcrumb {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumb ol li {
  margin-right: 0.5rem;
  margin-left: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumb ol li:first-child {
  margin-left: 0;
}

.breadcrumb ol li::before {
  position: absolute;
  content: '\f105';
  font-family: 'Font Awesome 5 Pro';
  left: -15px;
  color: var(--color-secondary);
}

.breadcrumb ol li:first-child::before {
  display: none;
}

.breadcrumb ol li a {
  color: #9da5b3;
}

.breadcrumb ol li:only-child a {
  color: #9da5b3 !important;
}

.breadcrumb ol li a:hover {
  color: #cbd3df;
}

.breadcrumb ol li:last-child a {
  color: var(--color-primary);
}

.btn-upgrade {
  background-color: #b224ef;
  color: #f0d3fc;
  animation: buttonPulse 2s infinite;
}

/* Framework
====================== */
.bg-moderator {
  background-color: var(--bg-moderator);
}

.content-container {
  min-width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}

.main-title {
  position: relative;
  color: rgba(255, 255, 255, 0.85);
  font-weight: var(--font-bold);
  padding: 0.85rem var(--padding);
  z-index: 1;
}

.main-title.bg-secondary {
  color: #9da5b3;
}

.main-title.bg-tertiary {
  color: #9da5b3;
}

.main-title.bg-quaternary {
  color: rgba(255, 255, 255, 0.65);
}

.main-row {
  background-color: var(--bg-secondary);
  border-bottom: 1px solid var(--bg-tertiary);
}

.main-row:last-child,
.main-row:only-child {
  border-bottom: none;
}

.sidebar {
  width: 300px;
}

.collapse-toggle {
  position: relative;
}

.collapse-toggle::before {
  position: absolute;
  content: '\f106';
  right: 1rem;
  bottom: 1.2rem;
  font-family: 'Font Awesome 5 Pro';
  transform: rotate(180deg);
  opacity: 0.5;
}

.collapse-toggle[aria-expanded='true']::before {
  transform: rotate(360deg);
}

.dropdown-head {
  padding: 0.75rem var(--padding);
  font-weight: var(--font-bold);
  background-color: var(--bg-tertiary);
  border-bottom: 1px solid var(--bg-quaternary);
  border-radius: var(--rounded) var(--rounded) 0 0;
}

blockquote {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: var(--rounded);
  padding: var(--padding);
  margin: 0 0 1rem 0;
  color: var(--color-secondary);
  position: relative;
}

blockquote cite {
  border-bottom: 1px solid var(--bg-tertiary);
  display: flex;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}

.blockquote-collapsed {
  position: relative;
  overflow: hidden;
  max-height: 167px;
  cursor: pointer;
}

.blockquote-collapsed::after {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  content: '\f107';
  text-align: center;
  height: 30px;
  width: 30px;
  line-height: 30px;
  right: 1rem;
  bottom: 1rem;
  background-color: var(--bg-tertiary);
  border-radius: var(--rounded-circle);
}

.blockquote-collapsed:hover::after {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.85);
}

.spoiler {
  filter: blur(3px);
  cursor: pointer;
  user-select: none;
}

.spoiler-revealed {
  filter: blur(0px);
  user-select: text !important;
  cursor: unset !important;
}

/* Index
=========================== */
.welcome-block {
  margin: 4rem 0 5rem;
  padding: 3rem 0;
  border: 5px solid var(--bg-secondary);
}

.welcome-block::before {
  position: absolute;
  content: '';
  height: calc(100% + 10px);
  width: calc(100% - 150px);
  top: -5px;
  left: 75px;
  right: 75px;
  background-color: #161a21;
  z-index: 1;
}

.welcome-block::after {
  position: absolute;
  content: '';
  height: calc(100% - 150px);
  width: calc(100% + 10px);
  top: 75px;
  left: -5px;
  background-color: #161a21;
  z-index: 2;
}

.welcome-text,
.welcome-subtext,
.welcome-buttons,
.welcome-block-image {
  z-index: 3;
}

.welcome-subtext {
  margin-top: 1.5rem;
  margin-bottom: 3.5rem;
}

.welcome-keyword::before {
  position: absolute;
  content: '';
  height: calc(100% + 5px);
  width: calc(100% + 30px);
  top: -3px;
  left: -15px;
  background-color: var(--bg-primary);
  z-index: -1;
  border-radius: var(--rounded);
  transform: rotate(-1.5deg);
}

.welcome-block-image img {
  width: 350px;
}

.raffle .main-row:first-child {
  border-color: rgba(255, 255, 255, 0.15);
}

.raffle .main-row:last-child {
  border-radius: 0 0 var(--rounded) var(--rounded);
}

.raffle .icon {
  height: 40px;
  width: 40px;
}

.raffle-input .form-control {
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid transparent;
  height: calc(2rem + 4px);
}

.raffle-input .form-control:focus {
  border-color: rgba(255, 255, 255, 0.25);
}

.raffle-button {
  background-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
}

.raffle-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.raffle-subtext {
  color: rgba(255, 255, 255, 0.75);
}

/* Index: Forums
=========================== */
.forum {
  margin-bottom: 1rem;
}

.forum header {
  height: 100px;
}

.forum header::before {
  position: absolute;
  content: '';
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0;
  left: 0.5rem;
  border-radius: var(--rounded);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.75;
}

.forum:nth-child(1) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/official.png);
}

.forum:nth-child(2) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/premium.png);
}

.forum:nth-child(3) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/general_discussions.png);
}

.forum:nth-child(4) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/groups.png);
}

.forum:nth-child(5) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/gaming.png);
}

.forum:nth-child(6) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/entertainment.png);
}

.forum:nth-child(7) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/marketplace.png);
}

.forum:nth-child(8) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/leaks.png);
}

.forum:nth-child(9) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/development.png);
}

.forum:nth-child(10) header::before {
  background-image: url(https://cdn.nulledbb.com/static/img/ui/forums/art_and_graphics.png);
}

.forum header::after {
  position: absolute;
  content: '';
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0;
  left: 0.5rem;
  border-radius: var(--rounded);
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55));
  z-index: 1;
}

.forum-icon {
  width: 40px;
  height: 40px;
  top: -20px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.85);
  background-color: var(--bg-primary);
}

.forum:first-child .forum-icon {
  background-color: var(--bg-danger);
}

.forum:nth-child(2) .forum-icon {
  background: -webkit-gradient(linear, left bottom, left top, from(#b224ef), to(#7579ff));
  background: -o-linear-gradient(bottom, #b224ef, #7579ff);
  background: linear-gradient(to top, #b224ef, #7579ff);
}

.forum-information {
  top: -12px;
  right: 1rem;
  z-index: 2;
}

.forum-stats,
.forum-viewers {
  height: 24px;
  padding: 0 0.75rem;
}

.subforums ul li {
  width: calc(50% - 0.5rem - 6px);
  position: relative;
  margin-left: calc(0.5rem + 6px);
}

.subforums ul li::before {
  position: absolute;
  content: '';
  height: 6px;
  width: 6px;
  background-color: var(--bg-quaternary);
  border-radius: var(--rounded-circle);
  left: calc(-0.5rem - 6px);
  top: calc(50% - 4px);
}

.subforums ul li.new::after {
  position: absolute;
  content: 'New';
  color: var(--bg-primary);
  font-size: 0.6rem;
  text-transform: uppercase;
  font-weight: var(--font-bold);
  right: 8px;
  top: 0;
}

.subforums ul li a {
  font-size: 0.8rem;
  display: block;
  font-weight: var(--font-bold);
}

/* Index: Latest Activity
=========================== */
.latest-activity-row {
  padding: 0.65rem 1rem;
}

.latest-activity .thread-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.latest-activity .views {
  width: 60px;
}

.latest-activity-pause {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--bg-tertiary);
  z-index: 2;
  top: 48px;
  right: 0;
  bottom: 5px;
  left: 0;
  padding: var(--padding);
}

/* Index: Online
=========================== */
.index-online .online-amount {
  color: rgba(255, 255, 255, 0.85);
}

.index-online .online-list {
  max-height: 290px;
  overflow-y: scroll;
}

/* Forumdisplay
=========================== */
body.forumdisplay::before,
body.forumdisplay::after {
  position: fixed;
  content: '';
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  height: 60vh;
}

body.forumdisplay::after {
  background: linear-gradient(to bottom, transparent, #161a21);
}

.forumdisplay .announcement-icon {
  color: rgba(255, 255, 255, 0.85);
}

.forumdisplay .thread {
  border-bottom: 1px solid var(--bg-tertiary);
}

.forumdisplay .thread:last-child,
.forumdisplay .thread:last-child .likes {
  border-bottom: none;
}

.forumdisplay .likes {
  width: 50px;
  border-bottom: 1px solid var(--bg-quaternary);
  border-right: 1px solid var(--bg-quaternary);
  margin-bottom: -1px;
  color: var(--color-success);
}

.forumdisplay .likes.amount-0 {
  color: #9da5b3;
}

.forumdisplay .thread:last-child .likes {
  margin-bottom: 0;
}

.forumdisplay .thread-content.newfolder::before,
.forumdisplay .thread-content.newhotclosefolder::before,
.forumdisplay .thread-content.dot_newfolder::before,
.forumdisplay .thread-content.dot_closefolder::before,
.forumdisplay .thread-content.closefolder::before,
.forumdisplay .thread-content.newclosefolder::before,
.forumdisplay .thread-content.newhotfolder::before,
.forumdisplay .thread-content.hotclosefolder::before,
.forumdisplay .thread-content.dot_hotclosefolder::before {
  position: absolute;
}

.forumdisplay .thread-content.newfolder::before,
.forumdisplay .thread-content.dot_newfolder::before,
.forumdisplay .thread-content.newhotclosefolder::before,
.forumdisplay .thread-content.newhotfolder::before {
  content: '';
  background-color: var(--bg-primary);
  height: 12px;
  width: 12px;
  left: -6px;
  border-radius: var(--rounded-circle);
  box-shadow: 0px 0px 6px 0px var(--bg-primary);
}

.forumdisplay .thread-content.dot_closefolder::before,
.forumdisplay .thread-content.closefolder::before,
.forumdisplay .thread-content.dot_hotclosefolder::before,
.forumdisplay .thread-content.newclosefolder::before,
.forumdisplay .thread-content.hotclosefolder::before {
  content: '\f30d';
  font-family: 'Font Awesome 5 Pro';
  color: var(--color-danger);
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
  left: -6px;
}

.forumdisplay .thread-title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.forumdisplay .stats {
  width: 65px;
}

.dashboard .lastpost-button,
.forumdisplay .lastpost-button,
.sr-lastpost-button {
  background-color: var(--bg-quaternary);
  color: var(--color-secondary);
  height: 30px;
  width: 30px;
  border: none;
  outline: 0;
}

.dashboard .lastpost-button:hover,
.forumdisplay .lastpost-button:hover {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.85);
}

.forumdisplay .stats-column:last-child i {
  margin-right: -1px;
}

/* Thread Prefixes
=========================== */
.thread-prefix {
  margin-right: 0.15rem;
  text-transform: uppercase;
}

/* Awards
=========================== */
.award-icons,
body.awards-page .award-icons {
  background-repeat: no-repeat;
  display: block;
}
.award-tabs .nav-item {
  margin-right: 0.5rem;
}

.award-tabs .nav-item .nav-link {
  background-color: var(--bg-secondary);
  border-radius: var(--rounded) !important;
  border: none !important;
  color: #9da5b3;
  font-weight: var(--font-bold);
}

.award-tabs .nav-item .nav-link:hover {
  background-color: var(--bg-tertiary);
  color: #9da5b3;
}

.award-tabs .nav-item .nav-link.active:hover {
  background-color: var(--bg-primary);
  color: var(--color-white);
}

.award-preview {
  height: 40px;
  width: 40px;
}

.award-icons {
  background-image: url(../img/spritesheets/award_icons_24x24.png);
}

.awards-page .award-icons {
  background-image: url(../img/spritesheets/award_icons_40x40.png);
}

div[class*=' award-icons-'] {
  width: 24px;
  height: 24px;
}

.awards-page div[class*=' award-icons-'] {
  width: 40px;
  height: 40px;
}

.profile-awards {
  margin: 0 -0.35rem -0.35rem 0;
}

.profile-awards .award-icons {
  margin: 0 0.35rem 0.35rem 0;
}

.award-icons-100k {
  width: 24px;
  height: 24px;
  background-position: -1px -1px;
}

.award-icons-10k {
  width: 24px;
  height: 24px;
  background-position: -27px -1px;
}

.award-icons-25k {
  width: 24px;
  height: 24px;
  background-position: -53px -1px;
}

.award-icons-50k {
  width: 24px;
  height: 24px;
  background-position: -79px -1px;
}

.award-icons-5k {
  width: 24px;
  height: 24px;
  background-position: -105px -1px;
}

.award-icons-anime {
  width: 24px;
  height: 24px;
  background-position: -131px -1px;
}

.award-icons-artist {
  width: 24px;
  height: 24px;
  background-position: -157px -1px;
}

.award-icons-bank_hard {
  width: 24px;
  height: 24px;
  background-position: -183px -1px;
}

.award-icons-beloved {
  width: 24px;
  height: 24px;
  background-position: -1px -27px;
}

.award-icons-candy_cane {
  width: 24px;
  height: 24px;
  background-position: -27px -27px;
}

.award-icons-capitalist {
  width: 24px;
  height: 24px;
  background-position: -53px -27px;
}

.award-icons-christmas_2015 {
  width: 24px;
  height: 24px;
  background-position: -79px -27px;
}

.award-icons-christmas_2016 {
  width: 24px;
  height: 24px;
  background-position: -105px -27px;
}

.award-icons-christmas_2017 {
  width: 24px;
  height: 24px;
  background-position: -131px -27px;
}

.award-icons-christmas_2018 {
  width: 24px;
  height: 24px;
  background-position: -157px -27px;
}

.award-icons-christmas_penguin {
  width: 24px;
  height: 24px;
  background-position: -183px -27px;
}

.award-icons-christmas_sleigh {
  width: 24px;
  height: 24px;
  background-position: -1px -53px;
}

.award-icons-crypto {
  width: 24px;
  height: 24px;
  background-position: -27px -53px;
}

.award-icons-cupcake {
  width: 24px;
  height: 24px;
  background-position: -53px -53px;
}

.award-icons-divine {
  width: 24px;
  height: 24px;
  background-position: -79px -53px;
}

.award-icons-donator_rank_1 {
  width: 24px;
  height: 24px;
  background-position: -105px -53px;
}

.award-icons-donator_rank_2 {
  width: 24px;
  height: 24px;
  background-position: -131px -53px;
}

.award-icons-donator_rank_3 {
  width: 24px;
  height: 24px;
  background-position: -157px -53px;
}

.award-icons-donator_rank_4 {
  width: 24px;
  height: 24px;
  background-position: -183px -53px;
}

.award-icons-early_bird {
  width: 24px;
  height: 24px;
  background-position: -1px -79px;
}

.award-icons-easter_2015 {
  width: 24px;
  height: 24px;
  background-position: -27px -79px;
}

.award-icons-easter_2016 {
  width: 24px;
  height: 24px;
  background-position: -53px -79px;
}

.award-icons-easter_2018 {
  width: 24px;
  height: 24px;
  background-position: -79px -79px;
}

.award-icons-easter_2021 {
  width: 24px;
  height: 24px;
  background-position: -105px -79px;
}

.award-icons-elite {
  width: 24px;
  height: 24px;
  background-position: -131px -79px;
}

.award-icons-gamer {
  width: 24px;
  height: 24px;
  background-position: -157px -79px;
}

.award-icons-ghost {
  width: 24px;
  height: 24px;
  background-position: -183px -79px;
}

.award-icons-gift {
  width: 24px;
  height: 24px;
  background-position: -1px -105px;
}

.award-icons-gingerbread_man {
  width: 24px;
  height: 24px;
  background-position: -27px -105px;
}

.award-icons-goat {
  width: 24px;
  height: 24px;
  background-position: -53px -105px;
}

.award-icons-guard {
  width: 24px;
  height: 24px;
  background-position: -79px -105px;
}

.award-icons-guardian {
  width: 24px;
  height: 24px;
  background-position: -105px -105px;
}

.award-icons-halloween_2015 {
  width: 24px;
  height: 24px;
  background-position: -131px -105px;
}

.award-icons-halloween_2017 {
  width: 24px;
  height: 24px;
  background-position: -157px -105px;
}

.award-icons-ice_cream {
  width: 24px;
  height: 24px;
  background-position: -183px -105px;
}

.award-icons-illuminati {
  width: 24px;
  height: 24px;
  background-position: -1px -131px;
}

.award-icons-magical_bunny {
  width: 24px;
  height: 24px;
  background-position: -27px -131px;
}

.award-icons-mighty_melon {
  width: 24px;
  height: 24px;
  background-position: -53px -131px;
}

.award-icons-motm {
  width: 24px;
  height: 24px;
  background-position: -79px -131px;
}

.award-icons-palm_tree {
  width: 24px;
  height: 24px;
  background-position: -105px -131px;
}

.award-icons-pirate {
  width: 24px;
  height: 24px;
  background-position: -131px -131px;
}

.award-icons-pirate_captain {
  width: 24px;
  height: 24px;
  background-position: -157px -131px;
}

.award-icons-pot_of_death {
  width: 24px;
  height: 24px;
  background-position: -183px -131px;
}

.award-icons-prime {
  width: 24px;
  height: 24px;
  background-position: -1px -157px;
}

.award-icons-rainbow {
  width: 24px;
  height: 24px;
  background-position: -27px -157px;
}

.award-icons-referrer {
  width: 24px;
  height: 24px;
  background-position: -53px -157px;
}

.award-icons-santa_claus {
  width: 24px;
  height: 24px;
  background-position: -79px -157px;
}

.award-icons-santa_sock {
  width: 24px;
  height: 24px;
  background-position: -105px -157px;
}

.award-icons-snowman {
  width: 24px;
  height: 24px;
  background-position: -131px -157px;
}

.award-icons-sponsor {
  width: 24px;
  height: 24px;
  background-position: -157px -157px;
}

.award-icons-spooky_story {
  width: 24px;
  height: 24px;
  background-position: -183px -157px;
}

.award-icons-sports_enthusiast {
  width: 24px;
  height: 24px;
  background-position: -1px -183px;
}

.award-icons-starboy {
  width: 24px;
  height: 24px;
  background-position: -27px -183px;
}

.award-icons-strategist {
  width: 24px;
  height: 24px;
  background-position: -53px -183px;
}

.award-icons-suitup {
  width: 24px;
  height: 24px;
  background-position: -79px -183px;
}

.award-icons-summer_2015 {
  width: 24px;
  height: 24px;
  background-position: -105px -183px;
}

.award-icons-summer_2017 {
  width: 24px;
  height: 24px;
  background-position: -131px -183px;
}

.award-icons-supreme {
  width: 24px;
  height: 24px;
  background-position: -157px -183px;
}

.award-icons-treasure {
  width: 24px;
  height: 24px;
  background-position: -183px -183px;
}

.award-icons-upgrader {
  width: 24px;
  height: 24px;
  background-position: -209px -1px;
}

.award-icons-upgrader_plus {
  width: 24px;
  height: 24px;
  background-position: -209px -27px;
}

.award-icons-weeb {
  width: 24px;
  height: 24px;
  background-position: -209px -53px;
}

.award-icons-writer {
  width: 24px;
  height: 24px;
  background-position: -209px -79px;
}

.awards-page .award-icons-100k {
  width: 40px;
  height: 40px;
  background-position: -1px -1px;
}

.awards-page .award-icons-10k {
  width: 40px;
  height: 40px;
  background-position: -43px -1px;
}

.awards-page .award-icons-25k {
  width: 40px;
  height: 40px;
  background-position: -85px -1px;
}

.awards-page .award-icons-50k {
  width: 40px;
  height: 40px;
  background-position: -127px -1px;
}

.awards-page .award-icons-5k {
  width: 40px;
  height: 40px;
  background-position: -169px -1px;
}

.awards-page .award-icons-anime {
  width: 40px;
  height: 40px;
  background-position: -211px -1px;
}

.awards-page .award-icons-artist {
  width: 40px;
  height: 40px;
  background-position: -253px -1px;
}

.awards-page .award-icons-bank_hard {
  width: 40px;
  height: 40px;
  background-position: -295px -1px;
}

.awards-page .award-icons-beloved {
  width: 40px;
  height: 40px;
  background-position: -1px -43px;
}

.awards-page .award-icons-candy_cane {
  width: 40px;
  height: 40px;
  background-position: -43px -43px;
}

.awards-page .award-icons-capitalist {
  width: 40px;
  height: 40px;
  background-position: -85px -43px;
}

.awards-page .award-icons-christmas_2015 {
  width: 40px;
  height: 40px;
  background-position: -127px -43px;
}

.awards-page .award-icons-christmas_2016 {
  width: 40px;
  height: 40px;
  background-position: -169px -43px;
}

.awards-page .award-icons-christmas_2017 {
  width: 40px;
  height: 40px;
  background-position: -211px -43px;
}

.awards-page .award-icons-christmas_2018 {
  width: 40px;
  height: 40px;
  background-position: -253px -43px;
}

.awards-page .award-icons-christmas_penguin {
  width: 40px;
  height: 40px;
  background-position: -295px -43px;
}

.awards-page .award-icons-christmas_sleigh {
  width: 40px;
  height: 40px;
  background-position: -1px -85px;
}

.awards-page .award-icons-crypto {
  width: 40px;
  height: 40px;
  background-position: -43px -85px;
}

.awards-page .award-icons-cupcake {
  width: 40px;
  height: 40px;
  background-position: -85px -85px;
}

.awards-page .award-icons-divine {
  width: 40px;
  height: 40px;
  background-position: -127px -85px;
}

.awards-page .award-icons-donator_rank_1 {
  width: 40px;
  height: 40px;
  background-position: -169px -85px;
}

.awards-page .award-icons-donator_rank_2 {
  width: 40px;
  height: 40px;
  background-position: -211px -85px;
}

.awards-page .award-icons-donator_rank_3 {
  width: 40px;
  height: 40px;
  background-position: -253px -85px;
}

.awards-page .award-icons-donator_rank_4 {
  width: 40px;
  height: 40px;
  background-position: -295px -85px;
}

.awards-page .award-icons-early_bird {
  width: 40px;
  height: 40px;
  background-position: -1px -127px;
}

.awards-page .award-icons-easter_2015 {
  width: 40px;
  height: 40px;
  background-position: -43px -127px;
}

.awards-page .award-icons-easter_2016 {
  width: 40px;
  height: 40px;
  background-position: -85px -127px;
}

.awards-page .award-icons-easter_2018 {
  width: 40px;
  height: 40px;
  background-position: -127px -127px;
}

.awards-page .award-icons-easter_2021 {
  width: 40px;
  height: 40px;
  background-position: -169px -127px;
}

.awards-page .award-icons-elite {
  width: 40px;
  height: 40px;
  background-position: -211px -127px;
}

.awards-page .award-icons-gamer {
  width: 40px;
  height: 40px;
  background-position: -253px -127px;
}

.awards-page .award-icons-ghost {
  width: 40px;
  height: 40px;
  background-position: -295px -127px;
}

.awards-page .award-icons-gift {
  width: 40px;
  height: 40px;
  background-position: -1px -169px;
}

.awards-page .award-icons-gingerbread_man {
  width: 40px;
  height: 40px;
  background-position: -43px -169px;
}

.awards-page .award-icons-goat {
  width: 40px;
  height: 40px;
  background-position: -85px -169px;
}

.awards-page .award-icons-guard {
  width: 40px;
  height: 40px;
  background-position: -127px -169px;
}

.awards-page .award-icons-guardian {
  width: 40px;
  height: 40px;
  background-position: -169px -169px;
}

.awards-page .award-icons-halloween_2015 {
  width: 40px;
  height: 40px;
  background-position: -211px -169px;
}

.awards-page .award-icons-halloween_2017 {
  width: 40px;
  height: 40px;
  background-position: -253px -169px;
}

.awards-page .award-icons-ice_cream {
  width: 40px;
  height: 40px;
  background-position: -295px -169px;
}

.awards-page .award-icons-illuminati {
  width: 40px;
  height: 40px;
  background-position: -1px -211px;
}

.awards-page .award-icons-magical_bunny {
  width: 40px;
  height: 40px;
  background-position: -43px -211px;
}

.awards-page .award-icons-mighty_melon {
  width: 40px;
  height: 40px;
  background-position: -85px -211px;
}

.awards-page .award-icons-motm {
  width: 40px;
  height: 40px;
  background-position: -127px -211px;
}

.awards-page .award-icons-palm_tree {
  width: 40px;
  height: 40px;
  background-position: -169px -211px;
}

.awards-page .award-icons-pirate {
  width: 40px;
  height: 40px;
  background-position: -211px -211px;
}

.awards-page .award-icons-pirate_captain {
  width: 40px;
  height: 40px;
  background-position: -253px -211px;
}

.awards-page .award-icons-pot_of_death {
  width: 40px;
  height: 40px;
  background-position: -295px -211px;
}

.awards-page .award-icons-prime {
  width: 40px;
  height: 40px;
  background-position: -1px -253px;
}

.awards-page .award-icons-rainbow {
  width: 40px;
  height: 40px;
  background-position: -43px -253px;
}

.awards-page .award-icons-referrer {
  width: 40px;
  height: 40px;
  background-position: -85px -253px;
}

.awards-page .award-icons-santa_claus {
  width: 40px;
  height: 40px;
  background-position: -127px -253px;
}

.awards-page .award-icons-santa_sock {
  width: 40px;
  height: 40px;
  background-position: -169px -253px;
}

.awards-page .award-icons-snowman {
  width: 40px;
  height: 40px;
  background-position: -211px -253px;
}

.awards-page .award-icons-sponsor {
  width: 40px;
  height: 40px;
  background-position: -253px -253px;
}

.awards-page .award-icons-spooky_story {
  width: 40px;
  height: 40px;
  background-position: -295px -253px;
}

.awards-page .award-icons-sports_enthusiast {
  width: 40px;
  height: 40px;
  background-position: -1px -295px;
}

.awards-page .award-icons-starboy {
  width: 40px;
  height: 40px;
  background-position: -43px -295px;
}

.awards-page .award-icons-strategist {
  width: 40px;
  height: 40px;
  background-position: -85px -295px;
}

.awards-page .award-icons-suitup {
  width: 40px;
  height: 40px;
  background-position: -127px -295px;
}

.awards-page .award-icons-summer_2015 {
  width: 40px;
  height: 40px;
  background-position: -169px -295px;
}

.awards-page .award-icons-summer_2017 {
  width: 40px;
  height: 40px;
  background-position: -211px -295px;
}

.awards-page .award-icons-supreme {
  width: 40px;
  height: 40px;
  background-position: -253px -295px;
}

.awards-page .award-icons-treasure {
  width: 40px;
  height: 40px;
  background-position: -295px -295px;
}

.awards-page .award-icons-upgrader {
  width: 40px;
  height: 40px;
  background-position: -337px -1px;
}

.awards-page .award-icons-upgrader_plus {
  width: 40px;
  height: 40px;
  background-position: -337px -43px;
}

.awards-page .award-icons-weeb {
  width: 40px;
  height: 40px;
  background-position: -337px -85px;
}

.awards-page .award-icons-writer {
  width: 40px;
  height: 40px;
  background-position: -337px -127px;
}

/* Footer
=========================== */
.footer-top {
  border-bottom: 1px solid var(--bg-tertiary);
}

.footer-top .footer-policies {
  padding: 2rem 0 1rem 0;
  z-index: 3;
}

.footer-bottom {
  z-index: 3;
}

.footer-column {
  z-index: 3;
}

.footer-column ul li {
  position: relative;
  padding-left: calc(3px + 1rem);
}

.footer-column ul li:last-child {
  margin-bottom: 0;
}

.footer-column ul li a::before {
  position: absolute;
  content: '';
  height: 6px;
  width: 6px;
  top: calc(50% - 3px);
  left: 0;
  background-color: var(--bg-quaternary);
  border-radius: 0.1rem;
}

.footer-column ul li a:hover::before {
  background-color: var(--bg-primary);
}

.footer-updates .update:last-child {
  margin-bottom: none;
}

.footer-updates .thread-title {
  max-width: calc(100% - 24px - 1rem);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.footer-updates .thread-title a {
  color: #9da5b3;
}

.footer-updates .thread-title a:hover {
  color: #dce2ea;
}

.footer-updates svg {
  fill: var(--bg-quaternary);
}

/* Discord
=========================== */
.discord-icon img {
  width: 24px;
  height: 24px;
}

.discord-status {
  height: 8px;
  width: 8px;
  background-color: #9da5b3;
}

/* Dashboard
=========================== */
.dashboard-upgrade-error {
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-upgrade-error .description {
  color: rgba(255, 255, 255, 0.65);
}

.dashboard-menu-collapse.collapse-toggle::before {
  bottom: 1.05rem;
}

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

.dashboard-menu ul li a {
  display: block;
  padding: 0.85rem var(--padding);
  color: #9da5b3;
  font-weight: var(--font-bold);
  border-radius: var(--rounded);
  margin-bottom: 0.25rem;
}

.dashboard-menu ul li a:hover {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-menu ul li a:hover i {
  color: rgba(255, 255, 255, 0.65);
}

.dashboard-menu ul li a .dashboard-num {
  padding: 0.25rem 0.45rem;
}

.dashboard-menu ul li:last-child a {
  border-bottom: none;
}

.dashboard-menu ul li a[aria-expanded='true'] {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-menu ul li a[aria-expanded='true'] i {
  color: rgba(255, 255, 255, 0.65);
}

.dashboard-menu ul li a img {
  margin-right: calc(1rem + 6px);
}

.dashboard-menu ul li a i {
  min-width: 24px;
  color: var(--color-primary);
}

.dashboard-menu.credits-menu ul li a i {
  color: var(--color-secondary) !important;
}

.dashboard-menu ul li a.collapse-toggle::before {
  bottom: 0.85rem;
}

.dashboard-menu .submenu ul {
  padding: 0.25rem 0;
  border-bottom: 1px solid var(--bg-tertiary);
}

.dashboard-menu .submenu ul li a {
  padding: 0.75rem var(--padding);
  font-size: 0.8rem;
}

.dashboard-menu .submenu ul li a:hover {
  background-color: var(--bg-tertiary);
  color: #9da5b3;
}

.dashboard-menu .submenu ul li:last-child {
  margin-bottom: 0.5rem;
}

.dashboard-menu ul:last-child .submenu,
.dashboard-menu ul li:last-child .submenu ul {
  border-bottom: none;
  padding-bottom: 0;
}

.dashboard-menu .submenu ul li a i {
  width: 37px;
  color: var(--color-secondary);
}

.dashboard-username-changes {
  height: 30px;
  width: 30px;
  background-color: var(--bg-success);
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-username-changes.amount-0 {
  background-color: var(--bg-danger);
}

.dashboard-pbbg-label {
  padding: 0.2rem 0.25rem;
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-pbbg-label::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 6px solid var(--bg-success);
  border-bottom: 5px solid transparent;
  left: -6px;
  top: calc(50% - 5px);
}

.dashboard .color-box {
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
}

.dashboard-stats-column .icon-30 {
  color: rgba(255, 255, 255, 0.85);
}

.dashboard-stats-column .description {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dashboard-account-overview .dashboard-stats-column .action-button {
  display: none;
}

.dashboard-account-overview .dashboard-stats-column:hover .action-button {
  display: block;
}

.dashboard-refer {
  background-color: #84b0f7;
  background-image: url(https://cdn.nulledbb.com/static/img/ui/dashboard/referral_program.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 220px 182px;
  width: 220px;
  height: 182px;
}

.dashboard-refer-text {
  color: #84b0f7;
}

.dashboard-prestige {
  right: 0.5rem;
  cursor: help;
}

.dashboard-prestige .prestige-0 {
  display: none;
}

/* Dashboard: Login History
=========================== */
.lh-flag {
  width: 35px;
}

/* Dashboard: Cover
=========================== */
.dashboard-cover .cover-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  opacity: 0.8;
  height: 250px;
}

.dashboard-cover .upload-message {
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  border-radius: 2rem;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  width: 250px;
}

/* Dashboard: Avatar
=========================== */
.dashboard-avatar-preview-title {
  color: rgba(255, 255, 255, 0.85);
  width: 160px;
}

.dashboard-avatar-preview {
  width: 160px;
  height: 160px;
}

.dashboard-avatar-preview img {
  width: 140px;
  height: 140px;
}

/* Dashboard: Custom CSS
=========================== */
.custom-css-filename {
  margin-left: 1.75rem;
  position: relative;
}

.custom-css-filename::before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f1c9';
  position: absolute;
  left: -1.75rem;
  top: -0.45rem;
  font-size: 1.4rem;
}

.custom-css-filename.active::before {
  color: var(--color-success);
}

.custom-css-filename.inactive::before {
  color: var(--color-danger);
}

/* Dashboard: Postbit Background
=========================== */
.dashboard-desktop-preview {
  width: 170px;
  height: 300px;
}

.dashboard-mobile-preview {
  width: 300px;
  height: 70px;
}

/* Dashboard: Layout
=========================== */
.theme-selector {
  height: 50px;
  width: 100px;
}

.theme-selector.active::before {
  height: 14px;
  width: 14px;
  line-height: 14px;
  position: absolute;
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
  right: 3px;
  top: 3px;
  background-color: var(--bg-primary);
  font-size: 0.5rem;
  border-radius: var(--rounded-circle);
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-selector:first-child {
  background-color: #0b0d11;
  margin-right: 1rem;
}

.theme-selector:last-child {
  background-color: #bbc3d2;
  color: #353e50;
  cursor: not-allowed;
}

/* Threads
=========================== */
body.showthread::before {
  position: absolute;
  content: '';
  top: 100px;
  right: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 60vh;
  z-index: -1;
  opacity: 0.2;
}

.thread-header {
  margin-bottom: 1rem;
}

.thread-header h1 {
  font-size: 1.4rem;
  color: #cbd3df;
}

.thread-category {
  letter-spacing: 0.15rem;
}

.thread-appealinfo {
  border-top: 1px solid var(--bg-warning);
  border-bottom: 1px solid var(--bg-warning);
}

.post {
  margin-bottom: 1rem;
}

.post:last-child {
  margin-bottom: 0;
}

.post main {
  margin: 0;
  padding: var(--padding);
}

.post footer {
  padding: var(--padding);
}

.post-message {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.post-message img {
  max-width: 400px;
  border-radius: var(--rounded);
}

.post .post-likes {
  border-top: 1px solid var(--bg-tertiary);
  margin-top: -5px;
  position: relative;
  z-index: 2;
}

.post .post-likes svg {
  fill: var(--bg-success);
}

.post-user {
  z-index: 4;
}

.post-username {
  word-break: break-word;
}

.post-user .post-icon {
  margin-top: 3px;
}

.post-icon {
  height: 18px;
  width: 18px;
}

.post-extras .column {
  color: rgba(255, 255, 255, 0.85);
  padding: 0.25rem 0.15rem;
}

.popular_post {
  border: 1px solid var(--bg-success);
  position: relative;
}

.popular_post::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid var(--bg-success);
  border-left: 40px solid transparent;
  z-index: 5;
}

.popular_post::after {
  position: absolute;
  z-index: 6;
  content: '\f004';
  font-family: 'Font Awesome 5 Pro';
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.85);
  top: 5px;
  right: 5px;
}

.post-signature {
  border-top: 1px solid var(--bg-tertiary);
  max-height: 200px;
  overflow-y: scroll;
  margin: 1rem -1rem -1rem;
}

.post-signature img {
  max-width: 100%;
  border-radius: var(--rounded);
}

.dropdown-reputation {
  width: 18rem;
}

.rep-given-avatars img {
  height: 33px;
  width: 33px;
  border-radius: var(--rounded-circle);
  border: 3px solid;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  position: relative;
}

.rep-given-avatars img.type1 {
  border-color: var(--bg-rep-hq);
}

.rep-given-avatars img.type2 {
  border-color: var(--bg-rep-funny);
}

.rep-given-avatars img.type3 {
  border-color: var(--bg-rep-helpful);
}

.rep-given-avatars img:nth-child(2),
.rep-given-avatars img:nth-child(3) {
  margin-left: -10px;
}

.rep-given-avatars img:nth-child(1) {
  z-index: 3;
}

.rep-given-avatars img:nth-child(2) {
  z-index: 2;
}

.rep-given-avatars img:nth-child(3) {
  z-index: 1;
}

.rep-given .more {
  cursor: pointer;
}

.rep-given .more::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid var(--bg-quaternary);
  border-bottom: 6px solid transparent;
  left: -6px;
  top: calc(50% - 6px);
}

.dropdown-reputation {
  min-width: 300px;
}

.dropdown-reputation .rep-row {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid var(--bg-quaternary);
}

.dropdown-reputation .rep-row:last-child {
  border-bottom: none;
}

.dropdown-reputation .rep-row:hover {
  border-color: transparent;
  color: rgba(255, 255, 255, 0.65);
}

.dropdown-reputation .rep-row::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}

.dropdown-reputation .rep-row:hover::before {
  opacity: 0.25;
}

.dropdown-reputation .rep-row:first-child::before {
  background: #26c6da;
  border-radius: var(--rounded) var(--rounded) 0 0;
}

.dropdown-reputation .rep-row:nth-child(2)::before {
  background: #ffa726;
}

.dropdown-reputation .rep-row:last-child::before {
  background: #9ccc65;
  border-radius: 0 0 var(--rounded) var(--rounded);
}

.post-op {
  padding: 0.1rem 0.5rem;
  color: rgba(255, 255, 255, 0.85);
}

.post-prestige.prestige-icons-xs-prestige-0 {
  display: none;
}

.post-prestige-1 {
  color: #eac45e;
}
.post-prestige-2 {
  color: #57a9d1;
}
.post-prestige-3 {
  color: #8f4f9b;
}
.post-prestige-4 {
  color: #9ab947;
}
.post-prestige-5 {
  color: #70f8fa;
}
.post-prestige-6 {
  color: #78b088;
}
.post-prestige-7 {
  color: #98524b;
}
.post-prestige-8 {
  color: #772731;
}
.post-prestige-9 {
  color: #8f5d92;
}
.post-prestige-10 {
  color: #8d2c8d;
}

/* Hide Tags
=========================== */

.hiddencontent {
  border: 1px solid;
}

.hiddencontent.locked {
  border-color: var(--bg-danger);
  color: #e35d6a;
  background-color: rgba(220, 53, 69, 0.15);
}

.hiddencontent.unlocked {
  border-color: var(--bg-success);
  background-color: rgba(67, 160, 71, 0.15);
}

.hiddencontent.unlocked .title {
  color: #66bb6a;
}

.hiddencontent.warning {
  border-color: var(--bg-warning);
  color: #f57c00;
  background-color: rgba(245, 124, 0, 0.15);
}

.hiddencontent.unlocked .unlocked-content {
  color: rgba(255, 255, 255, 0.75);
}

.hiddencontent.unlocked .unlocked-content img {
  max-width: 100%;
}

/* Polls
=========================== */
.poll-create-option {
  margin-bottom: 0.5rem;
}

.poll-create-option:last-child {
  margin-bottom: 0;
}

.poll-create-num {
  width: 50px;
}

/* Login and Register
=========================== */
.logreg-container .error {
  padding: 1rem;
  border-radius: var(--rounded);
}

.logreg-input {
  display: block;
  width: 100%;
  padding: 0.75rem 0.75rem 0.75rem 40px;
  height: 50px;
  line-height: 1.5;
  font-weight: 600;
  font-size: 1rem;
  color: #848fa0;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid var(--bg-secondary);
  border-radius: var(--rounded);
  font-weight: 400;
  -webkit-appearance: none;
  outline: 0;
}

.logreg-form-block::before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 0;
  top: 41px;
  font-size: 1.1rem;
  height: 45px;
  width: 45px;
  z-index: -1;
  color: var(--color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.logreg-form-block.spacer {
  margin-bottom: 2rem;
}

.logreg-form-block.username::before {
  content: '\f2bd';
}

.logreg-form-block.password::before {
  content: '\f30d';
}

.logreg-form-block.twofa::before {
  content: '\f577';
}

.logreg-form-block.email::before {
  content: '\f0e0';
}

.logreg-form-block.security::before {
  content: '\f132';
}

.logreg-form-block.friend::before {
  content: '\f4b4';
}

.logreg-input:focus {
  border-color: var(--bg-primary);
}

.logreg-input::-webkit-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 1rem;
}

.logreg-input::-moz-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 1rem;
}

.logreg-input:-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 1rem;
}

.logreg-input::-ms-input-placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 1rem;
}

.logreg-input::placeholder {
  color: #848fa0;
  opacity: 1;
  font-size: 1rem;
}

.logreg-input.error,
.logreg-input.valid {
  background: none;
  padding-left: 40px;
}

.logreg-input.error {
  color: var(--color-danger);
  border-color: var(--bg-danger);
}

.logreg-input.valid {
  color: var(--color-success);
  border-color: var(--bg-success);
}

.logreg label.error {
  font-size: 0.8rem;
  color: var(--color-danger);
  background: none;
  padding: 0;
  position: absolute;
  bottom: -30px;
}

/* Upgrades
=========================== */
body.upgrade .header-primary {
  background: -o-linear-gradient(right, #b224ef, #7579ff);
  background: -webkit-gradient(linear, right top, left top, from(#b224ef), to(#7579ff));
  background: linear-gradient(to left, #b224ef, #7579ff);
}

body.upgrade .header-secondary {
  display: none;
}

.upgrade-header {
  background: -o-linear-gradient(right, #b224ef, #7579ff);
  background: -webkit-gradient(linear, right top, left top, from(#b224ef), to(#7579ff));
  background: linear-gradient(to left, #b224ef, #7579ff);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.upgrade-header::after {
  position: absolute;
  content: '';
  height: 80px;
  left: 0;
  right: 0;
  bottom: -80px;
  background-image: url(https://cdn.nulledbb.com/static/img/ui/upgrade/upgrade_wave.svg);
  background-size: 100% 80px;
}

.upgrade-header h1 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 2rem;
  letter-spacing: 0.25rem;
}

.upgrade-header h2 {
  color: rgba(255, 255, 255, 0.65);
  font-size: 1rem;
}

.upgrade-last {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
  width: 420px;
  border-radius: 1.5rem;
}

.upgrade-tables {
  margin-bottom: 5rem;
}

.upgrade-table header,
.upgrade-table main {
  border-bottom: 1px solid var(--bg-quaternary);
}

.upgrade-table h1 {
  letter-spacing: 0.15rem;
}

.upgrade-table .duration,
.upgrade-table .tier-m {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 0.25rem 0.75rem;
  user-select: none;
  cursor: help;
}

.upgrade-table .features i {
  width: 14px;
}

.upgrade-table .bonus {
  background-color: rgba(0, 0, 0, 0.25);
}

.btn-prime {
  background-color: #29b6f6;
  color: #04405c;
}

.btn-supreme {
  background-color: #b853f5;
  color: #50077c;
}

.btn-divine {
  background-color: #f98920;
  color: #5b2d02;
}

.btn-showfeatures {
  background-color: transparent;
  border: 1px solid var(--bg-quaternary) !important;
  color: #9da5b3;
}

.upgrade-section {
  padding: 5rem 0;
}

.upgrade-faq-content {
  border-top: 1px solid var(--bg-tertiary);
  border-radius: 0 0 var(--rounded) var(--rounded);
}

.upgrade-faq-box .faq-question {
  border-radius: var(--rounded);
  color: var(--color-primary);
}

.upgrade-faq-box .faq-question[aria-expanded='true'] {
  border-radius: var(--rounded) var(--rounded) 0 0;
}

.upgrade-faq-box .faq-question i {
  color: #9da5b3;
}

.upgrade-faq-box .faq-question[aria-expanded='true'] i {
  transform: rotate(180deg);
  color: var(--color-primary);
}
.upgrade-special-package-pill {
  background-color: rgba(249, 137, 32, 0.2);
}
.upgrade-price-strikethrough::before {
  position: absolute;
  content: '';
  top: 30%;
  right: 0;
  left: 0;
  border-top: 2px solid;
  transform: rotate(-7deg);
}
/* Notifications
=========================== */
.notifications-icon,
.notifications-status-icon.notifications-unread {
  color: rgba(255, 255, 255, 0.85);
}

.notifications-status-icon.notifications-read {
  background-color: var(--bg-tertiary);
}

.notifications-status-icon.notifications-unread {
  background-color: var(--bg-primary);
}

.main-row.notifications-unread::before {
  position: absolute;
  content: '';
  background-color: var(--bg-primary);
  height: 12px;
  width: 12px;
  left: -6px;
  top: calc(50% - 6px);
  border-radius: var(--rounded-circle);
  box-shadow: 0px 0px 6px 0px var(--bg-primary);
}

/* Inbox
=========================== */
body.inbox .header-secondary {
  display: none;
}

.inbox-footer {
  min-height: 50px;
}

.inbox-container main {
  overflow-y: scroll;
}

.inbox-header.bg-primary .inbox-title {
  color: rgba(255, 255, 255, 0.85);
}

.inbox-conversation-row {
  border-bottom: 1px solid var(--bg-tertiary);
}

.inbox-conversation-row:last-child {
  border-bottom: none;
}

.inbox-conversation-row .status::before,
.inbox-conversation-row .status::after {
  position: absolute;
  content: '';
  border-radius: var(--rounded-circle);
}

.inbox-conversation-row .status::before {
  height: 16px;
  width: 16px;
  right: -3px;
  bottom: -3px;
  border: 3px solid var(--bg-secondary);
}

.inbox-conversation-row .status.offline::after {
  height: 6px;
  width: 6px;
  right: 2px;
  bottom: 2px;
  background-color: var(--bg-secondary);
}

.inbox-conversation-row .status.online::before {
  background-color: var(--bg-success);
}

.inbox-conversation-row .status.offline::before {
  background-color: var(--color-secondary);
}

.inbox-preview {
  width: calc(100% - 3rem - 20px - 180px);
}

.inbox-preview-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inbox-lastmsg {
  width: 140px;
}

.inbox-empty .icon i {
  font-size: 4rem;
}

.inbox-back .btn {
  height: 35px;
  width: 35px;
}

.inbox-dropdown {
  cursor: pointer;
}

.inbox-label,
.inbox-conversation-row .unread-messages {
  color: rgba(255, 255, 255, 0.85);
  padding: 1px 7px;
  margin-top: -3px;
}

.conv-divider {
  margin: 1rem 0;
}

.conv-divider:first-child {
  margin-top: 0;
}

.conv-divider .divider {
  padding: 0.25rem 0.5rem;
}

.conversation .conversation-message {
  margin-bottom: 0.5rem;
}

.conversation .conversation-message:last-child {
  margin-bottom: 0;
}

.conversation .message {
  padding: 0.75rem 1rem;
  font-size: 0.8rem;
  border-radius: 0.95rem;
}

.conversation .conversation-message.self .message {
  color: rgba(255, 255, 255, 0.65);
}

.conversation .conversation-message.other .message::before,
.conversation .conversation-message.other .message::after,
.conversation .conversation-message.self .message::before,
.conversation .conversation-message.self .message::after {
  content: '';
  position: absolute;
}

.conversation .conversation-message.other .message::before {
  z-index: 0;
  bottom: 0;
  left: -8px;
  height: 20px;
  width: 20px;
  background: var(--bg-quaternary);
  border-bottom-right-radius: 15px;
}

.conversation .conversation-message.other .message::after {
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: var(--bg-secondary);
  border-bottom-right-radius: 10px;
}

.conversation .conversation-message.self .message::before {
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: var(--bg-primary);
  border-bottom-left-radius: 15px;
}

.conversation .conversation-message.self .message::after {
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: var(--bg-secondary);
  border-bottom-left-radius: 10px;
}

.inbox-conversation-row .status i:nth-child(2),
.conversation .conversation-message.self .message .status i:nth-child(2) {
  margin-left: -8px;
}

.conversation textarea,
.conversation .inbox-footer button {
  height: 40px;
}

/* Profile
====================== */
body.profile main {
  padding-top: 0;
}

.btn-profile {
  background-color: rgba(255, 255, 255, 0.15);
}

.profile-header {
  height: 250px;
}

.profile-header::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.45;
  box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, 0.65);
}

.profile-header-user {
  position: relative;
  z-index: 2;
}

.profile-header .statistics-column {
  position: relative;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.85);
  user-select: none;
}

.profile-header .statistics-column .num {
  color: #cbd3df;
}

.profile-header .statistics-column .sub {
  color: rgba(255, 255, 255, 0.45);
}

.profile-header .statistics-column:first-child {
  padding-left: 0;
}

.profile-header .statistics-column:last-child {
  padding-right: 0;
}

.profile-header-info {
  position: relative;
}

.profile-rv:first-child {
  border-right: 1px solid var(--bg-tertiary);
}

.profile-mostliked {
  text-overflow: ellipsis;
  overflow: hidden;
}

.profile-level.level-overview {
  padding: 0.75rem var(--padding);
  position: relative;
  color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.profile-level.level-overview.prestige-0 {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  color: #9da5b3;
}

.profile-level.level-overview.prestige-0 .progress {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.profile-level.level-overview::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--rounded);
}

.profile-level.level-overview .progress {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.125);
}

.profile-level.level-overview .progress-bar {
  background-color: rgba(255, 255, 255, 0.45) !important;
}

.profile-level.level-overview.prestige-0 {
  padding: var(--padding);
}

.profile-level.level-overview.prestige-1::before {
  background: -o-linear-gradient(top, rgba(234, 196, 94, 0.25), rgba(234, 196, 94, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 196, 94, 0.25)), to(rgba(234, 196, 94, 0.65)));
  background: linear-gradient(to bottom, rgba(234, 196, 94, 0.25), rgba(234, 196, 94, 0.65));
}
.profile-level.level-overview.prestige-2::before {
  background: -o-linear-gradient(top, rgba(87, 169, 209, 0.25), rgba(87, 169, 209, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 169, 209, 0.25)), to(rgba(87, 169, 209, 0.65)));
  background: linear-gradient(to bottom, rgba(87, 169, 209, 0.25), rgba(87, 169, 209, 0.65));
}
.profile-level.level-overview.prestige-3::before {
  background: -o-linear-gradient(top, rgba(143, 79, 155, 0.25), rgba(143, 79, 155, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(143, 79, 155, 0.25)), to(rgba(143, 79, 155, 0.65)));
  background: linear-gradient(to bottom, rgba(143, 79, 155, 0.25), rgba(143, 79, 155, 0.65));
}
.profile-level.level-overview.prestige-4::before {
  background: -o-linear-gradient(top, rgba(154, 185, 71, 0.25), rgba(154, 185, 71, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 185, 71, 0.25)), to(rgba(154, 185, 71, 0.65)));
  background: linear-gradient(to bottom, rgba(154, 185, 71, 0.25), rgba(154, 185, 71, 0.65));
}
.profile-level.level-overview.prestige-5::before {
  background: -o-linear-gradient(top, rgba(112, 248, 250, 0.25), rgba(112, 248, 250, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 248, 250, 0.25)), to(rgba(112, 248, 250, 0.65)));
  background: linear-gradient(to bottom, rgba(112, 248, 250, 0.25), rgba(112, 248, 250, 0.65));
}
.profile-level.level-overview.prestige-6::before {
  background: -o-linear-gradient(top, rgba(120, 176, 136, 0.25), rgba(120, 176, 136, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(120, 176, 136, 0.25)), to(rgba(120, 176, 136, 0.65)));
  background: linear-gradient(to bottom, rgba(120, 176, 136, 0.25), rgba(120, 176, 136, 0.65));
}
.profile-level.level-overview.prestige-7::before {
  background: -o-linear-gradient(top, rgba(152, 82, 75, 0.25), rgba(152, 82, 75, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(152, 82, 75, 0.25)), to(rgba(152, 82, 75, 0.65)));
  background: linear-gradient(to bottom, rgba(152, 82, 75, 0.25), rgba(152, 82, 75, 0.65));
}
.profile-level.level-overview.prestige-8::before {
  background: -o-linear-gradient(top, rgba(119, 39, 49, 0.25), rgba(119, 39, 49, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 39, 49, 0.25)), to(rgba(119, 39, 49, 0.65)));
  background: linear-gradient(to bottom, rgba(119, 39, 49, 0.25), rgba(119, 39, 49, 0.65));
}
.profile-level.level-overview.prestige-9::before {
  background: -o-linear-gradient(top, rgba(143, 93, 146, 0.25), rgba(143, 93, 146, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(143, 93, 146, 0.25)), to(rgba(143, 93, 146, 0.65)));
  background: linear-gradient(to bottom, rgba(143, 93, 146, 0.25), rgba(143, 93, 146, 0.65));
}
.profile-level.level-overview.prestige-10::before {
  background: -o-linear-gradient(top, rgba(141, 44, 141, 0.25), rgba(141, 44, 141, 0.65));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 44, 141, 0.25)), to(rgba(141, 44, 141, 0.65)));
  background: linear-gradient(to bottom, rgba(141, 44, 141, 0.25), rgba(141, 44, 141, 0.65));
}

.profile-level.level-overview .level {
  letter-spacing: 3px;
  font-size: 1rem;
  margin-bottom: 8px;
}

.profile-level.level-overview .progress {
  height: 4px;
}

.profile-level.level-overview .prestige-icons {
  margin-right: 15px;
}

.profile-level.level-overview .prestige-icons.prestige-0 {
  display: none;
}

.additionalgroups-wrap {
  margin: 0 -1rem 1rem 0;
}

.additionalgroups-wrap:last-child {
  margin-bottom: 0;
}

.additionalgroups-wrap img {
  max-width: calc(140px - 1rem);
  margin-right: 1rem;
}

.profile-comments-useravatar img {
  border-radius: var(--rounded-circle);
}

.comments-pagination button {
  display: none;
}

.profile-yt:hover .thumbnail {
  display: none;
}

.profile-yt .thumbnail {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.profile-yt iframe {
  z-index: 1;
  max-width: 100%;
  border: none;
  height: 168px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--rounded);
}

/* Profile: Badges
====================== */
.profile-badge {
  color: rgba(255, 255, 255, 0.85);
  position: relative;
}

.profile-badge .place {
  background-color: rgba(0, 0, 0, 0.15);
  height: 24px;
  width: 24px;
}

.profile-badge.place-1 {
  background-color: #f57c00;
}

.profile-badge.place-2 {
  background-color: #388e3c;
}

.profile-badge.place-3 {
  background-color: #1976d2;
}

.profile-yos {
  background: var(--profile-yos);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 40px;
  width: 40px;
  line-height: 38px;
  color: rgba(255, 255, 255, 0.85);
  user-select: none;
  position: relative;
}

.profile-yos .number {
  position: relative;
  z-index: 2;
}

.profile-yos::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));
  border-radius: var(--rounded);
  z-index: 1;
}

.profile-yos.yos-1 {
  background-color: #1976d2;
}
.profile-yos.yos-2 {
  background-color: #0097a7;
}
.profile-yos.yos-3 {
  background-color: #689f38;
}
.profile-yos.yos-4 {
  background-color: #f9a825;
}
.profile-yos.yos-5 {
  background-color: #f57c00;
}
.profile-yos.yos-6 {
  background-color: #d32f2f;
}
.profile-yos.yos-7 {
  background-color: #c2185b;
}
.profile-yos.yos-8 {
  background-color: #673ab7;
}

/* Profile: Spotify
====================== */
.profile-spotify {
  background-color: #1db954;
  color: rgba(255, 255, 255, 0.85);
  position: relative;
  overflow: hidden;
}

.profile-spotify::before {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-image: url(https://cdn.nulledbb.com/static/img/ui/profile/spotify_wave.svg);
  background-size: 100% 100px;
  background-repeat: no-repeat;
}

.profile-spotify .album-art,
.profile-spotify .album-art img {
  height: 78px;
  width: 78px;
}

.profile-spotify .progress {
  height: 5px;
  margin-bottom: 3px;
  background-color: rgba(255, 255, 255, 0.2);
}

.profile-spotify .progress-bar {
  background-color: rgba(255, 255, 255, 0.25);
}

.profile-spotify .progress-bar::before {
  display: none;
}

.profile-spotify .song-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.profile-spotify .song-info a {
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.profile-spotify .flex-fill {
  overflow: hidden;
}

.profile-spotify .spotify-album {
  background-color: #191414;
}

/* Contact
====================== */
.contact-label {
  width: 200px;
}

/* Usergroups
====================== */
.usergroup-userbar {
  height: 60px;
}

/* Bug Tracker
=========================== */
body.bugtracker .header-primary {
  background-color: var(--bg-danger) !important;
}

body.bugtracker .header-secondary {
  display: none;
}

.bug-status {
  height: 30px;
  width: 30px;
}

.bug-status::before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1rem;
  border-radius: var(--rounded);
  color: rgba(255, 255, 255, 0.85);
}

.bug-status.bugfixed::before {
  background-color: var(--bg-success);
  content: '\f00c';
}

.bug-status.confirmed::before {
  background-color: var(--bg-warning);
  content: '\f0ad';
}

.bug-status.awatingresponse::before {
  background-color: var(--bg-tertiary);
  content: '\f4fd';
  color: var(--color-secondary);
}

.bug-status.discarded::before {
  background-color: var(--bg-danger);
  content: '\f7f9';
}

.bugtracker-comment img {
  border-radius: var(--rounded);
}

/* Newthread
=========================== */
.newthread .form-control.subject {
  background-color: var(--bg-secondary);
  border-color: var(--bg-secondary);
  padding: 1rem;
  height: 3rem;
}

.newthread-prefix {
  margin-right: 0.5rem;
}

.newthread-prefix:empty {
  margin-right: 0;
  display: none;
}

.newthread-prefix .custom-select {
  background-color: var(--bg-secondary);
  border-color: var(--bg-secondary);
  height: 3rem;
}

.newthread-icon {
  margin-top: -1px;
}

.newthread-poll-options {
  width: 45px;
}

.dnt-progress {
  display: none;
  position: relative;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 4px;
  border-radius: var(--rounded);
}

.dnt-progress-bar {
  background-color: var(--bg-primary);
  width: 0%;
  height: 20px;
  border-radius: var(--rounded);
}

.dnt-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.85);
}

.threadbg-preview-output {
  border: 2px dashed var(--bg-quaternary);
  height: 150px;
  width: 270px;
}

#outputImage {
  display: none;
  position: absolute;
  top: -2px;
  right: 0;
  bottom: 0;
  left: -2px;
  z-index: 2;
  height: 150px;
  width: 270px;
  border-radius: var(--rounded);
}

#outputImage img {
  height: 150px;
  width: 270px;
  border-radius: var(--rounded);
}

/* Credits
=========================== */
.credits-prize {
  width: 30px;
}

.credits-prize .prize {
  height: 30px;
  width: 30px;
  color: rgba(255, 255, 255, 0.85);
}

/* Shop
=========================== */
.shop-item .preview {
  height: 150px;
  position: relative;
}

.shop-item .preview::before,
.shop-item .preview::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--rounded) var(--rounded) 0 0;
}

.shop-item .preview::before {
  z-index: 1;
  opacity: 0.875;
}

.shop-item .preview.shop-icon::before {
  background-image: repeating-conic-gradient(rgba(255, 255, 255, 0.095) 0 10deg, transparent 10deg 20deg);
}

.shop-item .preview::after {
  background: radial-gradient(transparent, rgba(0, 0, 0, 0.15)), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.35));
  z-index: 2;
}

.shop-item .preview img {
  height: 80px;
  width: 80px;
  position: relative;
  z-index: 3;
}

.shop-item .preview .username-effect {
  font-size: 1.1rem;
  color: #cbd3df;
  font-weight: var(--font-bold);
  position: relative;
  z-index: 3;
}

.shop-item .title {
  color: #cbd3df;
}

.shop-preview-button {
  background-color: var(--bg-quaternary);
  color: #9da5b3;
  position: absolute !important;
  height: 30px;
  width: 30px;
  bottom: -15px;
  right: 1rem;
  z-index: 4;
}

.shop-preview-button:hover {
  background-color: #3e4c63;
  color: #b9c4d1;
}

.shop-postbitbackground-preview .post footer,
.shop-postbitbackground-preview .post footer::before,
.shop-postbitbackground-preview .post footer::after,
.shop-postbitbackground-preview .postbit-background.desktop,
.shop-postbitbackground-preview .postbit-background.mobile,
.shop-postbitbackground-preview .postbit-background.desktop::before,
.shop-postbitbackground-preview .postbit-background.mobile::before {
  border-radius: 0 !important;
}

.shop-postbitbackground-preview.modal-body,
.shop-postbitbackground-preview .wrapper {
  border-radius: 0 0 0 var(--rounded);
}

/* Shop Items Backgrounds
=========================== */
.shop-item .preview.shop-award-crypto::before {
  background-color: #72aafc;
}
.shop-item .preview.shop-award-gift::before {
  background-color: #fc5e94;
}
.shop-item .preview.shop-award-bank-hard::before {
  background-color: #f7cf9c;
}
.shop-item .preview.shop-award-easter-2021::before {
  background-color: #67c846;
}
.shop-item .preview.shop-award-treasure::before {
  background-color: #aa6432;
}

.shop-item .preview.shop-credits::before {
  background-color: #ff9800;
}

.shop-credits-1 {
  background-color: #a16207;
}
.shop-credits-2 {
  background-color: #b45309;
}
.shop-credits-3 {
  background-color: #c2410c;
}
.shop-credits-4 {
  background-color: #b91c1c;
}
.shop-item .preview.shop-backgroundeffect-bats::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/bats.gif);
}
.shop-item .preview.shop-backgroundeffect-blue-star-rain::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/blue_star_rain.gif);
}
.shop-item .preview.shop-backgroundeffect-gold-star-rain::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/gold_star_rain.gif);
}
.shop-item .preview.shop-backgroundeffect-green-star-rain::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/green_star_rain.gif);
}
.shop-item .preview.shop-backgroundeffect-heart-rain::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/heart_rain.gif);
}
.shop-item .preview.shop-backgroundeffect-lightning:before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/lightning.gif);
}
.shop-item .preview.shop-backgroundeffect-matrix::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/matrix.gif);
}
.shop-item .preview.shop-backgroundeffect-ocean::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/ocean.gif);
}
.shop-item .preview.shop-backgroundeffect-rainbow-glitter::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/rainbow_glitter.gif);
}
.shop-item .preview.shop-backgroundeffect-rainbow-hearts::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/rainbow_hearts.gif);
}
.shop-item .preview.shop-backgroundeffect-rainbow-music::before {
  background-image: url(https://cdn.nulledbb.com/static/img/shop/background_effects/previews/rainbow_music.gif);
}

.shop-usernameeffect-aqua {
  background-color: #007777;
}
.shop-usernameeffect-blue {
  background-color: #0b48a2;
}
.shop-usernameeffect-green {
  background-color: #0c5e07;
}
.shop-usernameeffect-orange {
  background-color: #a2510b;
}
.shop-usernameeffect-pink {
  background-color: #a20b83;
}
.shop-usernameeffect-purple {
  background-color: #6e0ba2;
}
.shop-usernameeffect-red {
  background-color: #510606;
}
.shop-usernameeffect-yellow {
  background-color: #877909;
}

.shop-item .preview.shop-icon-anchor::before {
  background-color: #5b5a61;
}
.shop-item .preview.shop-icon-animal-skull::before {
  background-color: #786278;
}
.shop-item .preview.shop-icon-anonymous::before {
  background-color: #fab442;
}
.shop-item .preview.shop-icon-basketball::before {
  background-color: #ff911d;
}
.shop-item .preview.shop-icon-beer::before {
  background-color: #ffd152;
}
.shop-item .preview.shop-icon-berries::before {
  background-color: #f9493b;
}
.shop-item .preview.shop-icon-burger::before {
  background-color: #ffb655;
}
.shop-item .preview.shop-icon-cactus::before {
  background-color: #5bdb51;
}
.shop-item .preview.shop-icon-candy-cane::before {
  background-color: #ff4c54;
}
.shop-item .preview.shop-icon-chicken::before {
  background-color: #ffe447;
}
.shop-item .preview.shop-icon-crown::before {
  background-color: #f24951;
}
.shop-item .preview.shop-icon-cupid::before {
  background-color: #f98a3d;
}
.shop-item .preview.shop-icon-dna::before {
  background-color: #6deafb;
}
.shop-item .preview.shop-icon-donut::before {
  background-color: #6b4525;
}
.shop-item .preview.shop-icon-electron::before {
  background-color: #b03fa9;
}
.shop-item .preview.shop-icon-fan::before {
  background-color: #fc4d2d;
}
.shop-item .preview.shop-icon-fox::before {
  background-color: #f88d1e;
}
.shop-item .preview.shop-icon-fuji::before {
  background-color: #32a1f0;
}
.shop-item .preview.shop-icon-heart::before {
  background-color: #fa3f23;
}
.shop-item .preview.shop-icon-helmet::before {
  background-color: #e07d33;
}
.shop-item .preview.shop-icon-husky::before {
  background-color: #333940;
}
.shop-item .preview.shop-icon-japanese-gate::before {
  background-color: #f82e18;
}
.shop-item .preview.shop-icon-kitsune::before {
  background-color: #f75031;
}
.shop-item .preview.shop-icon-leaves::before {
  background-color: #a0af35;
}
.shop-item .preview.shop-icon-lotus::before {
  background-color: #fb3460;
}
.shop-item .preview.shop-icon-mask::before {
  background-color: #b88254;
}
.shop-item .preview.shop-icon-mistletoe::before {
  background-color: #a2c33a;
}
.shop-item .preview.shop-icon-muffin::before {
  background-color: #f7a215;
}
.shop-item .preview.shop-icon-mushroom::before {
  background-color: #ba371a;
}
.shop-item .preview.shop-icon-octopus::before {
  background-color: #9d87e0;
}
.shop-item .preview.shop-icon-palm-tree::before {
  background-color: #b73a2f;
}
.shop-item .preview.shop-icon-penguin::before {
  background-color: #44415a;
}
.shop-item .preview.shop-icon-pizza::before {
  background-color: #ff983b;
}
.shop-item .preview.shop-icon-pokeball::before {
  background-color: #ed5564;
}
.shop-item .preview.shop-icon-poker-chip::before {
  background-color: #d1013e;
}
.shop-item .preview.shop-icon-pride::before {
  background: linear-gradient(90deg, #f00000, #f00000 16.67%, #ff8000 16.67%, #ff8000 33.33%, #ffff00 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, #4040ff 66.67%, #4040ff 83.33%, #a000c0 83.33%, #a000c0);
  opacity: 0.4;
}
.shop-item .preview.shop-icon-popcorn::before {
  background-color: #bd391b;
}
.shop-item .preview.shop-icon-raccoon::before {
  background-color: #636978;
}
.shop-item .preview.shop-icon-rainbow::before {
  background-color: #489bee;
}
.shop-item .preview.shop-icon-red-panda::before {
  background-color: #eb6647;
}
.shop-item .preview.shop-icon-ribbon::before {
  background-color: #f96477;
}
.shop-item .preview.shop-icon-samurai::before {
  background-color: #fa3c21;
}
.shop-item .preview.shop-icon-santa-claus::before {
  background-color: #fa5852;
}
.shop-item .preview.shop-icon-scarabaeus::before {
  background-color: #ffbd27;
}
.shop-item .preview.shop-icon-soccerball::before {
  background-color: #2f3351;
}
.shop-item .preview.shop-icon-spooky-cat::before {
  background-color: #4bc1bd;
}
.shop-item .preview.shop-icon-sprout::before {
  background-color: #b47b4c;
}
.shop-item .preview.shop-icon-squirrel::before {
  background-color: #9c4310;
}
.shop-item .preview.shop-icon-steering-wheel::before {
  background-color: #fb9154;
}
.shop-item .preview.shop-icon-sun::before {
  background-color: #fa6388;
}
.shop-item .preview.shop-icon-sword::before {
  background-color: #ffb400;
}
.shop-item .preview.shop-icon-witch-hat::before {
  background-color: #863394;
}
.shop-item .preview.shop-icon-easter-carrot::before {
  background-color: #ff8935;
}
.shop-item .preview.shop-icon-easter-egg::before {
  background-color: #80aaff;
}
.shop-item .preview.shop-icon-easter-rabbit::before {
  background-color: #c7aaaa;
}
.shop-item .preview.shop-icon-easter-rabbit-gold::before {
  background-color: #dfaf37;
}

.shop-item .preview.shop-xpboost-hours1::before {
  background-color: #03a9f4;
}
.shop-item .preview.shop-xpboost-hours3::before {
  background-color: #00796b;
}
.shop-item .preview.shop-xpboost-hours6::before {
  background-color: #388e3c;
}
.shop-item .preview.shop-xpboost-hours12::before {
  background-color: #fbc02d;
}
.shop-item .preview.shop-xpboost-hours24::before {
  background-color: #f57c00;
}
.shop-item .preview.shop-xpboost-hours48::before {
  background-color: #d32f2f;
}
.shop-item .preview.shop-xpboost-easter3::before {
  background-color: #37dbff;
}
.shop-item .preview.shop-xpboost-easter6::before {
  background-color: #bcfa7b;
}

.icon-id-56::after {
  height: 20px;
  width: 20px;
  content: '';
  right: 0;
  top: 2px;
  position: absolute;
  background-image: url(https://cdn.nulledbb.com/static/img/shop/username_effects/sparkle_yellow.gif);
  background-size: 60px 60px;
  background-repeat: repeat;
  z-index: 5;
}

/* Inventory
=========================== */

.inventory-amount {
  color: rgba(255, 255, 255, 0.85);
}

.inventory-manage {
  margin-left: 1rem;
  width: 75px;
}

.inventory-item-amount {
  margin-left: auto;
}

/* Arcade
=========================== */
.rps-credits {
  color: rgba(255, 255, 255, 0.85);
}

.rps-credits i {
  color: rgba(255, 255, 255, 0.65);
}

.rps-tabs .nav-item {
  width: calc(50% - 0.25rem);
}

.rps-tabs .nav-item:first-child {
  margin-right: 0.25rem;
}

.rps-tabs .nav-item:last-child {
  margin-left: 0.25rem;
}

.rps-tabs .nav-item .nav-link {
  border-radius: var(--rounded) !important;
}

.rps-tabs .nav-link {
  background-color: var(--bg-tertiary);
  color: var(--color-secondary);
  border: none !important;
}

.rps-tabs .nav-link:hover {
  background-color: var(--bg-quaternary) !important;
  color: var(--color-secondary) !important;
}

.rps-tabs .nav-link.active {
  background-color: var(--bg-quaternary) !important;
  color: #9da5b3 !important;
}

.rps-box {
  width: calc(33.333333% - 0.5rem);
  background-color: var(--bg-secondary);
  cursor: pointer;
}

.rps-box:first-child {
  margin-right: 0.5rem;
}

.rps-box:nth-child(2) {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.rps-box:last-child {
  margin-left: 0.5rem;
}

.rps-box:hover {
  background-color: var(--bg-primary);
  color: rgba(255, 255, 255, 0.85);
}

.rps-log-user {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rps-log-type,
.rps-log-bot,
.rps-log-outcome {
  width: 40px;
}

.rps-log-time {
  width: 60px;
}

.dice-bet-win,
.dice-bet-tie,
.dice-bet-loss {
  border-bottom: none;
}

.dice-bet-win .rps-log-outcome i {
  color: var(--color-success);
}

.dice-bet-loss .rps-log-outcome i {
  color: var(--color-danger);
}

.dice-bet-win::before,
.dice-bet-loss::before,
.dice-bet-tie::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dice-bet-win::before {
  background-color: rgba(67, 160, 71, 0.15);
}

.dice-bet-loss::before {
  background-color: rgba(220, 53, 69, 0.15);
}

/* Memberlist
=========================== */
.memberlist-column.group-4 {
  border: 2px solid var(--bg-danger);
}

.memberlist-column.group-3 {
  border: 2px solid var(--bg-success);
}

.memberlist-column.group-6 {
  border: 2px solid var(--bg-moderator);
}

.memberlist-userinfo {
  border-left: 1px solid var(--bg-tertiary);
}

.memberlist-stats-indicator {
  width: 80px;
}

.memberlist-alphabet {
  margin: -0.5rem;
}

.memberlist-alphabet .letter {
  height: 30px;
  width: 30px;
  margin: 0.5rem;
  cursor: pointer;
}

.memberlist-alphabet .letter:hover {
  background-color: var(--bg-quaternary) !important;
}

/* 2FA
=========================== */
.twofa-form {
  width: 200px;
}

.twofa-form .form-control:focus {
  border-color: var(--bg-success);
}

/* Staff Panel
=========================== */
.report-content {
  width: 135px;
}

.report-time {
  width: 130px;
}

.staff-al-user {
  width: 130px;
}

.staff-al-date {
  width: 140px;
}

/* Support
=========================== */
.support-column .icon-60,
.support-column:hover .icon-60 {
  transition: background-color 0.5s ease;
}

.support-column:hover .title {
  transition: color 0.5s ease;
}

.support-column:hover .icon-60 {
  background-color: rgba(67, 160, 71, 0.25) !important;
  color: var(--bg-success) !important;
}

.support-column .support-icon {
  display: none;
}

.support-column:hover .support-icon {
  display: block;
  color: #9da5b3;
}

.support-column .title {
  color: #9da5b3;
}

.support-column:hover .title {
  color: var(--bg-success);
}

/* Tickets
=========================== */
body.support .header-primary {
  background: var(--bg-success) !important;
}

body.support .header-secondary {
  display: none;
}

.ticket-sidebar {
  width: 300px;
}

.ticket-status-bg {
  padding: 0.35rem 1rem;
}

.ticket-status-bg.bg-success,
.ticket-status-bg.bg-danger {
  color: rgba(255, 255, 255, 0.85);
}

.ticket-index-row .ticket-id {
  width: 60px;
}

.ticket-index-row .ticket-subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modcp-ticket-id {
  padding: 0.5rem 0.75rem;
  color: rgba(255, 255, 255, 0.85);
  width: 65px;
}

.ticket-status .open_ticket,
.ticket-status .waiting_ticket,
.ticket-status .closed_ticket {
  color: rgba(255, 255, 255, 0.85);
  padding: 0.3rem 0.5rem;
  border-radius: var(--rounded);
  text-transform: uppercase;
  font-size: 0.7rem;
}

.ticket-status .open_ticket {
  background-color: var(--bg-success);
}

.ticket-status .waiting_ticket {
  background-color: var(--bg-warning);
}

.ticket-status .closed_ticket {
  background-color: var(--bg-danger);
}

/* Checkout
=========================== */

.checkout-discount {
  background-color: rgba(0, 0, 0, 0.25);
}

.checkout-discount .code {
  color: rgba(255, 255, 255, 0.85);
}

.checkout-recipant,
.checkout-payment-method {
  background-color: rgba(0, 0, 0, 0.15);
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
}

.checkout-recipant:hover,
.checkout-payment-method:hover {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
}

.checkout-recipant svg {
  fill: #9da5b3;
}

.checkout-recipant.selected,
.checkout-payment-method.selected {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: var(--bg-success);
  color: var(--color-success);
}

.checkout-recipant.selected svg {
  fill: var(--color-success);
}

.checkout-recipant.selected::after,
.checkout-payment-method.selected::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.667 191.667' width='12' height='12'%3E%3Cpath fill='%2343A047' d='M95.833 0C42.99 0 0 43 0 95.833s42.99 95.834 95.833 95.834 95.833-42.99 95.833-95.834S148.676 0 95.833 0zm55.03 79.646l-60.207 60.207a13.46 13.46 0 0 1-19.166 0l-30.685-30.685a13.46 13.46 0 0 1-3.97-9.583c0-3.62 1.4-7.024 3.97-9.584a13.46 13.46 0 0 1 9.583-3.97c3.62 0 7.024 1.4 9.583 3.97l21.1 21.1 50.623-50.623a13.46 13.46 0 0 1 19.166 0 13.57 13.57 0 0 1 .002 19.167z'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  content: '';
  top: 0.5rem;
  right: 0.5rem;
  height: 12px;
  width: 12px;
}

.checkout-usersearch {
  margin-top: 1rem;
}

.checkout-payment-method {
  margin-bottom: 0.5rem;
}

.checkout-payment-method:last-child {
  margin-right: 0 !important;
  margin-bottom: 0;
}

.checkout-payment-method .payment-brand {
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}

.checkout-payment-method .payment-brand.paypal {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2119' height='2500' viewBox='0 0 256 302' preserveAspectRatio='xMidYMid'%3E%3Cg fill='%2327346a'%3E%3Cpath d='M217.168 23.507C203.234 7.625 178.046.816 145.823.816h-93.52A13.393 13.393 0 0 0 39.076 12.11L.136 259.077a8.03 8.03 0 0 0 7.933 9.28h57.736l14.05-89.09c1.033-6.5 6.593-11.296 13.177-11.296h27.436c53.898 0 96.1-21.892 108.43-85.22a137.76 137.76 0 0 0 .957-5.477c-1.556-.824-1.556-.824 0 0 3.67-23.407-.025-39.34-12.686-53.765'/%3E%3Cpath d='M102.397 68.84a11.737 11.737 0 0 1 5.053-1.14h73.318c8.682 0 16.78.565 24.18 1.756a101.6 101.6 0 0 1 6.177 1.182 89.928 89.928 0 0 1 8.59 2.347c3.638 1.215 7.026 2.63 10.14 4.287 3.67-23.416-.026-39.34-12.687-53.765C203.226 7.625 178.046.816 145.823.816H52.295A13.39 13.39 0 0 0 39.076 12.11L.136 259.068c-.774 4.878 2.997 9.282 7.925 9.282h57.744L95.888 77.58a11.717 11.717 0 0 1 6.509-8.74z'/%3E%3C/g%3E%3Cpath d='M228.897 82.75c-12.328 63.32-54.53 85.22-108.43 85.22H93.024c-6.584 0-12.145 4.795-13.168 11.296L61.817 293.62a7.03 7.03 0 0 0 6.934 8.124h48.67a11.71 11.71 0 0 0 11.563-9.88l.474-2.48 9.173-58.136.59-3.213a11.71 11.71 0 0 1 11.562-9.88h7.284c47.147 0 84.064-19.154 94.852-74.55 4.503-23.15 2.173-42.478-9.74-56.054-3.613-4.112-8.1-7.508-13.327-10.28-.283 1.8-.6 3.604-.957 5.477z' fill='%232790c3'/%3E%3Cpath d='M216.952 72.128a89.928 89.928 0 0 0-5.818-1.49 109.904 109.904 0 0 0-6.177-1.174c-7.408-1.2-15.5-1.765-24.2-1.765h-73.31a11.57 11.57 0 0 0-5.053 1.149 11.683 11.683 0 0 0-6.51 8.74L79.863 179.266c1.025-6.5 6.585-11.296 13.17-11.296h27.444c53.898 0 96.1-21.892 108.428-85.22a150.93 150.93 0 0 0 .958-5.477c-3.122-1.648-6.5-3.072-10.14-4.28a83.26 83.26 0 0 0-2.77-.865' fill='%231f264f'/%3E%3C/svg%3E");
}
.checkout-payment-method .payment-brand.bitcoin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0.004 0 63.993 64'%3E%3Cpath d='M63.04 39.74c-4.274 17.143-21.638 27.575-38.783 23.3C7.12 58.768-3.313 41.404.962 24.262S22.597-3.317 39.737.957 67.313 22.597 63.04 39.74z' fill='%23f7931a'/%3E%3Cpath d='M46.1 27.44c.636-4.258-2.606-6.547-7.04-8.074L40.51 13.6l-3.512-.875-1.4 5.616-2.812-.662 1.4-5.653-3.51-.875-1.44 5.766-2.242-.527.004-.018-4.842-1.21-.934 3.75s2.605.597 2.55.634c1.422.355 1.68 1.296 1.636 2.042l-1.638 6.57a2.91 2.91 0 0 1 .365.117l-.37-.092-2.297 9.205c-.174.432-.615 1.08-1.61.834.035.05-2.552-.637-2.552-.637l-1.743 4.02 4.57 1.14 2.502.646-1.453 5.835 3.507.875 1.44-5.772 2.797.726-1.434 5.745 3.51.875 1.453-5.823c5.987 1.133 10.5.676 12.383-4.738 1.527-4.36-.075-6.875-3.225-8.516 2.294-.53 4.022-2.04 4.483-5.157zM38.087 38.7C37 43.05 29.66 40.694 27.28 40.102l1.928-7.73c2.38.594 10.01 1.77 8.88 6.317zm1.085-11.312c-1 3.966-7.1 1.95-9.083 1.457l1.748-7c1.983.494 8.367 1.416 7.335 5.553z' fill='%23fff'/%3E%3C/svg%3E");
}
.checkout-payment-method .payment-brand.bitcoincash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0.004 0 63.993 64'%3E%3Cpath d='M63.04 39.74c-4.274 17.143-21.638 27.575-38.783 23.3C7.12 58.768-3.313 41.404.962 24.262S22.597-3.317 39.737.957 67.313 22.597 63.04 39.74z' fill='%2318C712'/%3E%3Cpath d='M46.1 27.44c.636-4.258-2.606-6.547-7.04-8.074L40.51 13.6l-3.512-.875-1.4 5.616-2.812-.662 1.4-5.653-3.51-.875-1.44 5.766-2.242-.527.004-.018-4.842-1.21-.934 3.75s2.605.597 2.55.634c1.422.355 1.68 1.296 1.636 2.042l-1.638 6.57a2.91 2.91 0 0 1 .365.117l-.37-.092-2.297 9.205c-.174.432-.615 1.08-1.61.834.035.05-2.552-.637-2.552-.637l-1.743 4.02 4.57 1.14 2.502.646-1.453 5.835 3.507.875 1.44-5.772 2.797.726-1.434 5.745 3.51.875 1.453-5.823c5.987 1.133 10.5.676 12.383-4.738 1.527-4.36-.075-6.875-3.225-8.516 2.294-.53 4.022-2.04 4.483-5.157zM38.087 38.7C37 43.05 29.66 40.694 27.28 40.102l1.928-7.73c2.38.594 10.01 1.77 8.88 6.317zm1.085-11.312c-1 3.966-7.1 1.95-9.083 1.457l1.748-7c1.983.494 8.367 1.416 7.335 5.553z' fill='%23fff'/%3E%3C/svg%3E");
}
.checkout-payment-method .payment-brand.litecoin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0.847 0.876 329.254 329.256'%3E%3Cg fill='%23bebebe'%3E%3Cpath d='M330.102 165.503c0 90.922-73.705 164.63-164.626 164.63S.848 256.425.848 165.503 74.554.876 165.476.876s164.626 73.706 164.626 164.627'/%3E%3Cpath d='M295.15 165.505c0 71.613-58.057 129.675-129.674 129.675S35.8 237.118 35.8 165.505c0-71.62 58.06-129.677 129.677-129.677S295.15 93.885 295.15 165.505'/%3E%3C/g%3E%3Cpath d='M155.854 209.482l10.693-40.264 25.316-9.25 6.297-23.663-.215-.587-24.92 9.104 17.955-67.608h-50.92l-23.48 88.23-19.605 7.162-6.478 24.395 19.6-7.156-13.84 51.998h135.52l8.688-32.362h-84.6' fill='%23fff'/%3E%3C/svg%3E");
}
.checkout-payment-method .payment-brand.ethereum {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1920' width='24' height='24'%3E%3Cpath d='M959.8 80.7L420.1 976.3 959.8 731z' fill='%238a92b2'/%3E%3Cg fill='%2362688f'%3E%3Cpath d='m959.8 731-539.7 245.3 539.7 319.1z'/%3E%3Cpath d='M1499.6 976.3L959.8 80.7V731z'/%3E%3C/g%3E%3Cpath d='M959.8 1295.4l539.8-319.1L959.8 731z' fill='%23454a75'/%3E%3Cpath d='m420.1 1078.7 539.7 760.6v-441.7z' fill='%238a92b2'/%3E%3Cpath d='m959.8 1397.6v441.7l540.1-760.6z' fill='%2362688f'/%3E%3C/svg%3E");
}
.checkout-payment-method .payment-brand.usdcoin {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 30A15 15 0 1 0 15 .002 15 15 0 0 0 15 30z' fill='%231652F0'/%3E%3Cpath d='M19.11 17.384c0-2.187-1.332-2.925-3.907-3.278-1.903-.275-2.269-.722-2.269-1.61 0-.887.644-1.44 1.875-1.44 1.122 0 1.77.39 2.035 1.294a.478.478 0 0 0 .453.347h.984a.439.439 0 0 0 .44-.51c-.312-1.428-1.274-2.287-2.784-2.556V8.125a.469.469 0 0 0-.468-.469h-.938a.469.469 0 0 0-.469.469v1.453c-1.874.263-3.059 1.5-3.059 3.088 0 2.053 1.25 2.85 3.863 3.203 1.778.29 2.284.675 2.284 1.684 0 1.01-.86 1.688-2.072 1.688-1.634 0-2.187-.716-2.372-1.644a.475.475 0 0 0-.46-.382h-1.068a.436.436 0 0 0-.434.51c.272 1.562 1.275 2.706 3.319 2.981v1.481a.469.469 0 0 0 .468.47h.938a.469.469 0 0 0 .469-.47v-1.48c1.937-.307 3.171-1.645 3.171-3.323z' fill='%23fff'/%3E%3Cpath d='M11.784 23.962a9.375 9.375 0 0 1 0-17.612.676.676 0 0 0 .403-.591v-.875a.443.443 0 0 0-.624-.447 11.25 11.25 0 0 0 0 21.438.443.443 0 0 0 .624-.447v-.875a.676.676 0 0 0-.403-.59zM18.437 4.437a.444.444 0 0 0-.625.447v.875a.674.674 0 0 0 .403.59 9.376 9.376 0 0 1 0 17.613.625.625 0 0 0-.403.59v.876a.444.444 0 0 0 .625.447 11.25 11.25 0 0 0 0-21.438z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.checkout-payment-method .payment-brand.dai {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' height='24' width='24'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23f5ac37'/%3E%3Cpath d='M8.375 24.875l-.003-.055v-2.333l.008-.787.004-2.346c.001-.13-.043-.158-.162-.158-.724.004-1.45-.001-2.173.003-.122.001-.17-.032-.17-.157l.007-1.905L8.2 17.13c.134.001.184-.028.182-.172l-.002-1.873c.001-.123-.044-.15-.156-.15l-2.173.006c-.122.001-.168-.03-.167-.156l-.002-1.763c-.001-.108.045-.144.153-.144l2.157.004c.145.001.2-.043.19-.187l-.006-5.39c-.001-.167.057-.2.208-.2l4.25.002 3.243.01c.546.004 1.085.083 1.622.18 1.112.2 2.153.587 3.128 1.153.648.376 1.227.845 1.766 1.364.388.416.754.848 1.062 1.328s.58.99.78 1.528c.056.152.127.22.3.215l1.792-.006c.23 0 .23.002.24.224l.002.126v1.512c.016.165-.06.203-.22.2-.46-.01-.922.002-1.383-.007-.142-.003-.18.04-.17.177a10.81 10.81 0 0 1-.005 1.835c-.014.165.034.188.183.187l1.587.01c.066.088-.014.176-.002.267.015.117.006.238.008.357l-.002 1.21c.005.16-.048.21-.2.21-.63-.002-1.258.01-1.886 0-.16-.003-.233.05-.288.192-.457 1.2-1.177 2.2-2.105 3.067-.335.313-.706.58-1.073.854l-1.2.663a10.29 10.29 0 0 1-2.352.747c-.778.147-1.56.19-2.348.188l-6.756-.003c-.06-.001-.122-.013-.185-.02zm13.82-5.663c-.17-.04-.344-.01-.516-.01l-11.087-.01c-.155 0-.202.035-.2.2l-.003 3.465c-.001.16.043.2.202.2l5.118-.007c.246-.001.494.014.735-.055.748-.04 1.466-.217 2.164-.48.252-.095.508-.184.734-.338.024-.008.05-.013.073-.025.514-.274.99-.6 1.415-1.002.558-.528 1.028-1.123 1.37-1.813.02-.042.075-.087-.004-.126zm.05-6.366c.007-.05-.018-.09-.038-.132a4.63 4.63 0 0 0-.363-.635c-.22-.332-.45-.656-.745-.93-.12-.18-.295-.307-.455-.446-.882-.766-1.906-1.245-3.036-1.523-.553-.136-1.114-.21-1.674-.22l-5.37-.015c-.148 0-.17.065-.17.19l-.001 3.558c-.001.15.048.184.2.184l11.54.004c.04.001.096.026.12-.037zM16.64 17.13h6.078c.13 0 .2-.037.2-.17.05-.618.05-1.236.001-1.854-.01-.123-.06-.17-.19-.17H10.576c-.147 0-.188.044-.187.188l.001 1.78c0 .228 0 .23.236.23h6.014z' fill='%23fefefd'/%3E%3C/svg%3E");
}

.main-row.checkout-main-row-single {
  border-bottom: none;
  border-radius: 0 0 var(--rounded) var(--rounded) !important;
}

/* Help Documents
=========================== */
.helpdocs-code {
  background-color: rgba(0, 0, 0, 0.25);
}

/* Videos
=========================== */
.video-container iframe {
  border-radius: var(--rounded);
}

/* Code
=========================== */
.codeblock {
  background-color: rgba(0, 0, 0, 0.15);
  padding: var(--padding);
  border-radius: var(--rounded);
}

.codeblock .title {
  font-weight: var(--font-bold);
  margin-bottom: 1rem;
}

.codeblock code {
  font-size: 0.8rem;
  color: #00acc1;
}

/* Reputation
=========================== */
.repdis-row {
  margin-bottom: 0.25rem;
}

.repdis-row:last-child {
  margin-bottom: 0;
}

.repdis-repnumber {
  width: 25px;
  padding-right: 8px;
}

.repdis-percentage,
.repdis-amount {
  width: 30px;
}

.repdis-bar .progress {
  background-color: transparent;
  height: 8px;
  border-radius: 3px;
}

.repdis-bar .progress-bar {
  border-radius: 3px;
}

.repdis-bar .progress-bar::before {
  border-radius: 3px;
}

.repdis-row:first-child .repdis-repnumber {
  color: #66bb6a;
}

.repdis-row:nth-child(2) .repdis-repnumber {
  color: #73ac66;
}

.repdis-row:nth-child(3) .repdis-repnumber {
  color: #809d62;
}

.repdis-row:nth-child(4) .repdis-repnumber {
  color: #8d8e5e;
}

.repdis-row:nth-child(6) .repdis-repnumber {
  color: #b56251;
}

.repdis-row:nth-child(7) .repdis-repnumber {
  color: #c2534d;
}

.repdis-row:nth-child(8) .repdis-repnumber {
  color: #cf4449;
}

.repdis-row:nth-child(9) .repdis-repnumber {
  color: #dc3545;
}

.repdis-row:first-child .progress-bar {
  background-color: #66bb6a;
}

.repdis-row:nth-child(2) .progress-bar {
  background-color: #73ac66;
}

.repdis-row:nth-child(3) .progress-bar {
  background-color: #809d62;
}

.repdis-row:nth-child(4) .progress-bar {
  background-color: #8d8e5e;
}

.repdis-row:nth-child(5) .progress-bar {
  background-color: var(--bg-quaternary);
}

.repdis-row:nth-child(6) .progress-bar {
  background-color: #b56251;
}

.repdis-row:nth-child(7) .progress-bar {
  background-color: #c2534d;
}

.repdis-row:nth-child(8) .progress-bar {
  background-color: #cf4449;
}

.repdis-row:nth-child(9) .progress-bar {
  background-color: #dc3545;
}

.repbox {
  border-top: 5px solid;
}

.repbox._plus {
  border-top-color: #66bb6a;
}

.repbox._minus {
  border-top-color: #dc3545;
}

.repbox._neutral {
  border-top-color: var(--color-secondary);
}

.reputation-total._plus {
  color: #66bb6a;
}

.reputation-total._minus {
  color: #dc3545;
}

.reputation-filter .btn {
  width: 100%;
}

.trow_reputation_positive,
.trow_reputation_negative,
.trow_reputation_neutral {
  border-left: 3px solid;
}

.trow_reputation_positive {
  border-left-color: #66bb6a;
}

.trow_reputation_negative {
  border-left-color: #dc3545;
}

.trow_reputation_neutral {
  border-left-color: var(--color-secondary);
}

.icon-30.trow_reputation_positive,
.icon-30.trow_reputation_negative,
.icon-30.trow_reputation_neutral {
  border: none;
  line-height: 30px;
}

.icon-30.trow_reputation_positive,
.icon-30.trow_reputation_negative {
  color: rgba(255, 255, 255, 0.85);
}

.icon-30.trow_reputation_positive {
  background-color: rgba(102, 187, 106, 0.5);
}

.icon-30.trow_reputation_negative {
  background-color: rgba(220, 53, 69, 0.5);
}

.icon-30.trow_reputation_neutral {
  background-color: var(--bg-quaternary);
}

.reputation-add {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-weight: 400;
}

/* Extras
=========================== */
.extras-column {
  width: 60px;
}

.extras-seperator {
  border-right: 1px solid var(--bg-tertiary);
}

/* Statistics
=========================== */
body.stats .header-secondary {
  display: none;
}

body.stats .main-title {
  color: var(--color-primary);
}

#activity {
  margin: -16px -26px -6px -16px !important;
}

#activity .apexcharts-legend {
  margin-bottom: -0.75rem;
  margin-left: 0.5rem;
  z-index: 3;
}

#activity .apexcharts-legend-marker {
  margin: 0 5px -1px 0;
  border-radius: var(--rounded) !important;
}

#activity .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background-color: var(--bg-tertiary);
  border-bottom: 1px solid var(--bg-quaternary);
  font-weight: 600;
  font-size: 0.9rem !important;
  font-family: var(--fonts);
}

#activity .apexcharts-xaxistooltip {
  background-color: var(--bg-tertiary);
  border: none;
  border-radius: var(--rounded);
  color: #9da5b3;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#activity .apexcharts-xaxistooltip-bottom:before,
#activity .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: var(--bg-tertiary);
}

#activity .apexcharts-tooltip.apexcharts-theme-light {
  background-color: var(--bg-tertiary);
  border: none;
  border-radius: var(--rounded);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#activity .apexcharts-xcrosshairs,
#activity .apexcharts-ycrosshairs {
  stroke: var(--bg-quaternary);
}

/* Search
=========================== */
body.search .header-secondary {
  display: none;
}

.sr-mod {
  width: 18px;
}

.sr-controller {
  width: calc(100% - 1rem - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sr-title,
.sr-title .title {
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Internal Error Pages
=========================== */
.internal-error {
  width: 90%;
  max-width: 600px;
}

.internal-error-icon {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.85);
  height: 60px;
  width: 60px;
}

/* Events
=========================== */
.easter-banner {
  background-color: #ffccbc;
  position: relative;
}

.easter-banner::before {
  position: absolute;
  content: '';
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border: 3px solid #522323;
  border-radius: var(--rounded);
}

.easter-banner .title {
  color: #522323;
  font-weight: 800;
}

.easter-banner .btn-easter {
  background-color: #dcaa9d;
  color: #522323;
  font-weight: 600;
}

.easter-banner .btn-easter:hover,
.easter-banner .btn-easter:focus {
  background-color: #522323;
  color: #f7c67c;
}

.easter-banner .easter-banner-image {
  background-image: url(https://cdn.nulledbb.com/open/ads/intern/2021_sidebar_easter.svg);
  background-size: 240px 240px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 240px;
  width: 240px;
}

/* Ads
=========================== */
.grid {
  display: grid;
}

.h-\[90px\] {
  height: 90px;
}

.h-\[250px\] {
  height: 250px;
}

.w-\[728px\] {
  width: 728px;
}

.w-\[300px\] {
  width: 300px;
}

.place-items-center {
  place-items: center;
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  .md\:hidden {
    display: none !important;
  }
}

/* Animations
=========================== */
@-webkit-keyframes rps-loader {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes rps-loader {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@-webkit-keyframes buttonPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(178, 36, 239, 0.7);
    box-shadow: 0 0 0 0 rgba(178, 36, 239, 0.7);
  }

  80% {
    -webkit-box-shadow: 0 0 0 8px rgba(178, 36, 239, 0);
    box-shadow: 0 0 0 8px rgba(178, 36, 239, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(178, 36, 239, 0);
    box-shadow: 0 0 0 0 rgba(178, 36, 239, 0);
  }
}
@keyframes buttonPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(178, 36, 239, 0.7);
    box-shadow: 0 0 0 0 rgba(178, 36, 239, 0.7);
  }

  80% {
    -webkit-box-shadow: 0 0 0 8px rgba(178, 36, 239, 0);
    box-shadow: 0 0 0 8px rgba(178, 36, 239, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(178, 36, 239, 0);
    box-shadow: 0 0 0 0 rgba(178, 36, 239, 0);
  }
}

/* Toastr
=========================== */
.toast-title {
  font-weight: var(--font-bold);
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  font-weight: var(--font-bold);
  right: 1rem;
  top: 0.2rem;
  color: rgba(255, 255, 255, 0.85);
}

#toast-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  padding: 1rem;
  padding-left: calc(2rem + 11px);
  width: 400px;
  background-color: var(--bg-quaternary);
  border-radius: var(--rounded);
  opacity: 1;
  display: flex;
  align-items: center;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  margin-top: 0.35rem;
  box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.35);
}

#toast-container > div:hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > div::before {
  font-family: 'Font Awesome 5 Pro';
  display: flex;
  position: absolute;
  font-size: 1rem;
  height: 22px;
  width: 22px;
  left: 1rem;
  top: calc(50% - 11px);
}

#toast-container > .toast-info {
  background-color: var(--bg-cyan);
}

#toast-container > .toast-error {
  background-color: var(--bg-danger);
}

#toast-container > .toast-success {
  background-color: var(--bg-success);
}

#toast-container > .toast-warning {
  background-color: var(--bg-warning);
}

#toast-container > .toast-info::before {
  content: '\f05a';
}

#toast-container > .toast-error::before {
  content: '\f057';
}

#toast-container > .toast-success::before {
  content: '\f058';
}

#toast-container > .toast-warning::before {
  content: '\f06a';
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

/* jGrowl
=========================== */
.ie6 {
  position: absolute;
}

.ie6.top-right {
  right: auto;
  bottom: auto;
  left: expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth: document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

.ie6.top-left {
  left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

.ie6.bottom-right {
  left: expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth: document.body.clientWidth) + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  top: expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight: document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

.ie6.bottom-left {
  left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  top: expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight: document.body.clientHeight) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}

.ie6.center {
  left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft: document.body.scrollLeft)) + 'px');
  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
  width: 100%;
}

.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  position: fixed;
}

.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

.center .jGrowl-notification,
.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  background-color: var(--bg-success);
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  opacity: 1;
  min-width: 300px;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  padding: 1rem 1rem 1rem calc(2rem + 35px);
  font-size: 0.8rem;
  text-align: left;
  display: none;
  border-radius: var(--rounded);
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.jGrowl .jGrowl-notification.jgrowl_error {
  background-color: var(--bg-danger);
}

.jGrowl .jGrowl-notification.jgrowl_success::before,
.jGrowl .jGrowl-notification.jgrowl_error::before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.5rem;
  left: 1rem;
  margin: auto;
}

.jGrowl .jGrowl-notification.jgrowl_success::before {
  content: '\f058';
}

.jGrowl .jGrowl-notification.jgrowl_error::before {
  content: '\f06a';
}

.jGrowl .jGrowl-close {
  display: none;
}

.jGrowl .jGrowl-notification {
  min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
  margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: 0.85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl .jGrowl-closer {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
}