:root {
  --font-family: "Arial";
}

:root {
  --base-font-size-smallest: 0.815em;
  --base-font-size-smaller: 0.875em;
  --base-font-size: 1em;
  --base-font-size-larger: 1.125em;
  --base-font-size-largest: 1.25em;
  --font-up-6: 2.296em;
  --font-up-5: 2em;
  --font-up-4: 1.7511em;
  --font-up-3: 1.5157em;
  --font-up-2: 1.3195em;
  --font-up-1: 1.1487em;
  --font-0: 1em;
  --font-down-1: 0.8706em;
  --font-down-2: 0.7579em;
  --font-down-3: 0.6599em;
  --font-down-4: 0.5745em;
  --font-down-5: 0.5em;
  --font-down-6: 0.4355em;
  --font-up-3-rem: 1.5157rem;
  --font-up-2-rem: 1.3195rem;
  --font-up-1-rem: 1.1487rem;
  --font-0-rem: 1rem;
  --font-down-1-rem: 0.8706rem;
  --font-down-2-rem: 0.7579rem;
  --line-height-small: 1;
  --line-height-medium: 1.2;
  --line-height-large: 1.4;
}

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

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */ /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Discourse custom changes for backward compatibility
   ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: var(--primary);
  background: var(--secondary);
  border: 1px solid var(--primary-low);
  border-bottom-color: var(--primary-low);
  font-family: arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single::before, .pika-single::after {
  content: " ";
  display: table;
}
.pika-single::after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: var(--primary);
  background-color: var(--secondary);
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--primary);
  background-size: 75% 75%;
  opacity: 0.5;
}
.pika-prev:hover, .pika-prev:focus,
.pika-next:hover,
.pika-next:focus {
  opacity: 1;
  background: var(--tertiary);
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' width='14px' height='16px' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' width='14px' height='16px' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}

.pika-select {
  display: inline-block;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: var(--primary);
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: var(--primary);
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: var(--secondary);
}
.is-today .pika-button {
  color: var(--tertiary);
  font-weight: bold;
}
.is-selected .pika-button {
  color: var(--secondary);
  font-weight: bold;
  background: var(--tertiary);
  box-shadow: inset 0 1px 3px var(--tertiary-low);
  border-radius: 3px;
}
.is-disabled .pika-button, .is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: var(--primary);
  opacity: 0.3;
}
.pika-button:hover {
  color: var(--primary);
  background: var(--tertiary-low);
  box-shadow: none;
  border-radius: 3px;
}

.pika-week {
  font-size: 11px;
  color: var(--primary);
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: var(--secondary);
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: var(--secondary);
  background: var(--tertiary);
  box-shadow: none;
  border-radius: 3px;
}

.pika-day:focus {
  background-color: var(--tertiary-very-low);
}

/* ----------------------------------------------
 * Generated by Animista on 2023-7-17 8:32:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
  Some @media (forced-colors: active) {} styles
  have also been used inside mixins in:
  - common/components/buttons.scss

  See file above for overrides.
*/
@media (forced-colors: active) {
  .select-kit .select-kit-row:hover, .select-kit .select-kit-row:focus {
    outline: 2px auto transparent;
  }
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.show {
  display: block;
}

.hide,
.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.clearfix::before, .container::before, .clearfix::after, .container::after {
  display: table;
  content: " ";
}
.clearfix::after, .container::after {
  clear: both;
}

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

.clickable {
  cursor: pointer;
}

:root {
  --topic-body-width: 690px;
  --topic-body-width-padding: 11px;
  --topic-avatar-width: 45px;
  --d-border-radius: 2px;
  --d-border-radius-large: 2px;
  --d-nav-pill-border-radius: var(--d-border-radius);
  --d-button-border-radius: 2px;
  --d-input-border-radius: 2px;
  --d-content-background: initial;
  --d-font-family--monospace: ui-monospace, "Cascadia Mono", "Segoe UI Mono",
    "Liberation Mono", menlo, monaco, consolas, monospace;
  --d-button-transition: none;
}

html {
  color: var(--primary);
  font-family: var(--font-family);
  font-size: var(--base-font-size);
  line-height: var(--line-height-large);
  background-color: var(--secondary);
  overflow-y: scroll;
  direction: ltr;
}
html.text-size-smallest {
  font-size: var(--base-font-size-smallest);
}
html.text-size-smaller {
  font-size: var(--base-font-size-smaller);
}
html.text-size-larger {
  font-size: var(--base-font-size-larger);
}
html.text-size-largest {
  font-size: var(--base-font-size-largest);
}

a {
  color: var(--tertiary);
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: var(--tertiary);
}
a:hover {
  color: var(--tertiary);
}
a:active {
  color: var(--tertiary);
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid var(--primary-low);
  padding: 0;
}

ul,
ol,
dd {
  margin: 1em 0 1em 1.25em;
  padding: 0;
}

.cooked ul,
.cooked ol,
.cooked dd {
  clear: both;
}

.cooked ul,
.cooked ol,
.d-editor-preview ul,
.d-editor-preview ol {
  padding-left: 1.25em;
}

li > ul,
li > ol,
.cooked li > ul,
.cooked li > ol,
.d-editor-preview li > ul,
.d-editor-preview li > ol {
  margin: 0;
}

img {
  vertical-align: middle;
}

.svg-icon {
  color: inherit;
}

fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

pre code {
  overflow: auto;
  tab-size: 4;
}
pre code.lang-markdown {
  white-space: pre-wrap;
}

table {
  border-collapse: collapse;
}

tbody {
  border-top: 3px solid var(--primary-low);
}

.topic-list-item,
tr {
  border-bottom: 1px solid var(--primary-low);
}
@media (prefers-reduced-motion: no-preference) {
  .topic-list-item.highlighted,
  tr.highlighted {
    animation: background-fade-highlight 2.5s ease-out;
  }
}

ruby > rt {
  font-size: 72%;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

.inline-form {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
.inline-form.full-width {
  display: flex;
}
.inline-form > input[type=text],
.inline-form > input[type=search],
.inline-form > input[type=password] {
  display: inline-flex;
  flex: 1;
}
.inline-form > .select-kit,
.inline-form > input[type=text],
.inline-form > input[type=search],
.inline-form > input[type=password],
.inline-form > label,
.inline-form > .btn,
.d-modal.json-schema-editor-modal .je-ready .inline-form > button,
.d-modal.json-schema-editor-modal .je-ready .inline-form > .json-editor-btn-add,
.inline-form > .d-date-input {
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
.inline-form > .select-kit:last-child,
.inline-form > input[type=text]:last-child,
.inline-form > input[type=search]:last-child,
.inline-form > input[type=password]:last-child,
.inline-form > label:last-child,
.inline-form > .btn:last-child,
.d-modal.json-schema-editor-modal .je-ready .inline-form > button:last-child,
.d-modal.json-schema-editor-modal .je-ready .inline-form > .json-editor-btn-add:last-child,
.inline-form > .d-date-input:last-child {
  margin-right: 0;
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--tertiary);
}

textarea,
input,
select,
button {
  font-variation-settings: inherit;
  font-feature-settings: inherit;
}

.select-kit.categories-admin-dropdown .select-kit-body {
  min-width: auto;
  width: 250px;
}
.select-kit.categories-admin-dropdown .select-kit-header .d-icon {
  justify-content: space-between;
}

.select-kit.combo-box.category-chooser {
  width: 300px;
}
.select-kit.combo-box.category-chooser .select-kit-row {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.select-kit.combo-box.category-chooser .select-kit-row.none .topic-count {
  display: none;
}
.select-kit.combo-box.category-chooser .select-kit-row .topic-count {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  white-space: nowrap;
  margin-left: 0.5em;
  font-weight: normal;
}
.select-kit.combo-box.category-chooser .select-kit-row .category-status {
  color: var(--primary);
  line-height: var(--line-height-large);
  flex: 1 1 auto;
}
.select-kit.combo-box.category-chooser .select-kit-row .category-desc {
  flex: 1 1 auto;
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
}

.select-kit.combo-box.category-drop {
  min-width: auto;
}
.select-kit.combo-box.category-drop .badge-category__wrapper {
  font-size: var(--font-0);
  font-weight: normal;
  max-width: 260px;
}
.select-kit.combo-box.category-drop .category-drop-header[data-value=""] {
  color: var(--primary-high);
}
.select-kit.combo-box.category-drop .category-drop-header.is-none .selected-name {
  color: inherit;
}
.select-kit.combo-box.category-drop .caret-icon {
  color: var(--primary-high);
}
.select-kit.combo-box.category-drop.has-selection .category-drop-header {
  border-color: var(--d-nav-border-color--active);
}
.select-kit.combo-box.category-drop .select-kit-row {
  flex-direction: column;
  align-items: flex-start;
}
.select-kit.combo-box.category-drop .select-kit-row[data-value=all-categories], .select-kit.combo-box.category-drop .select-kit-row[data-value=no-categories] {
  color: var(--tertiary);
  font-weight: 700;
}
.select-kit.combo-box.category-drop .select-kit-row .category-desc {
  font-weight: normal;
  color: var(--primary-medium);
  margin-top: 2px;
}
.select-kit.combo-box.category-drop .select-kit-row .category-status {
  align-items: center;
}
.select-kit.combo-box.category-drop .select-kit-row .topic-count {
  margin-left: 0.5em;
  font-weight: normal;
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.select-kit.combo-box.category-drop .category-drop-footer {
  align-items: center;
  border-top: 1px solid var(--primary-low);
  display: flex;
  font-size: var(--font-down-1);
  height: 30px;
  justify-content: space-between;
  width: 100%;
}
.select-kit.combo-box.category-drop .category-drop-footer a,
.select-kit.combo-box.category-drop .category-drop-footer span {
  color: var(--primary-high);
  margin: 0 10px;
}
.select-kit.combo-box.category-drop .category-drop-footer a.active,
.select-kit.combo-box.category-drop .category-drop-footer span.active {
  display: none;
}

.select-kit .select-kit-row.category-row {
  flex-direction: column;
  align-items: flex-start;
}
.select-kit .select-kit-row.category-row .category-status {
  display: flex;
  align-items: center;
  max-width: 100%;
  flex: 1 1 auto;
  gap: 0 0.5em;
}
.select-kit .select-kit-row.category-row .category-desc p {
  margin: 0;
}
.select-kit .select-kit-row.category-row .category-desc {
  margin: 0;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.select-kit .select-kit-row.category-row .topic-count {
  white-space: nowrap;
}

.select-kit.category-selector .category-row,
.select-kit-box.category-selector .category-row {
  max-width: 100%;
}
.select-kit.category-selector .category-row .category-status,
.select-kit-box.category-selector .category-row .category-status {
  gap: 0 0.5em;
}
.select-kit.category-selector .category-row .topic-count,
.select-kit-box.category-selector .category-row .topic-count {
  margin-left: 0.25em;
}
.select-kit.category-selector .category-row .plus-subcategories,
.select-kit-box.category-selector .category-row .plus-subcategories {
  font-size: var(--font-down-2);
  margin-left: 0.25em;
}
.select-kit.category-selector .selected-choice-category .badge-category .d-icon,
.select-kit-box.category-selector .selected-choice-category .badge-category .d-icon {
  margin: 0;
}
.select-kit.category-selector .selected-choice-category:hover .badge-category, .select-kit.category-selector .selected-choice-category:focus .badge-category,
.select-kit-box.category-selector .selected-choice-category:hover .badge-category,
.select-kit-box.category-selector .selected-choice-category:focus .badge-category {
  color: var(--secondary);
}

.select-kit.combo-box.color-palettes .color-palettes-row .palettes {
  display: flex;
  align-items: center;
  margin-left: 0.5em;
  flex: 1 0 0;
  padding: 8px;
}
.select-kit.combo-box.color-palettes .color-palettes-row .palettes .palette {
  height: 15px;
  width: 15px;
  display: block;
}

.select-kit.combo-box .select-kit-body {
  border-radius: 0;
}
.select-kit.combo-box .select-kit-row {
  margin: 0;
  min-height: 1px;
}
.select-kit.combo-box .select-kit-row.no-content {
  font-weight: normal;
}
.select-kit.combo-box .select-kit-filter .filter-input,
.select-kit.combo-box .select-kit-filter .filter-input:focus,
.select-kit.combo-box .select-kit-filter .filter-input:active {
  flex: 1;
}
.select-kit.combo-box .select-kit-filter .filter-icon {
  margin-left: 0.25em;
}
.select-kit.combo-box .select-kit-header {
  background: var(--secondary);
  border-color: var(--primary-400);
}
.select-kit.combo-box .select-kit-header.is-focused {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.select-kit.combo-box .select-kit-collection {
  display: flex;
  flex-direction: column;
  padding: 0;
  min-width: 100px;
}
.select-kit.combo-box .select-kit-collection .collection-header a {
  white-space: nowrap;
  line-height: var(--line-height-medium);
  font-weight: bold;
  display: block;
  padding: 0.75em;
  color: var(--tertiary);
}
.select-kit.combo-box .select-kit-collection .collection-header a:hover {
  text-decoration: underline;
}
.select-kit.combo-box.is-disabled .select-kit-header {
  background: var(--primary-low);
  border-color: var(--primary-low-mid);
  color: var(--primary-medium);
}
.select-kit.combo-box.is-disabled .select-kit-header .d-icon {
  color: var(--primary-medium);
}
.select-kit.combo-box.is-highlighted .select-kit-header {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.select-kit.combo-box.tag-drop, .select-kit.combo-box.group-dropdown {
  min-width: auto;
}
.select-kit.combo-box.tag-drop {
  color: var(--primary-high);
}
.select-kit.combo-box.group-dropdown .select-kit-row {
  font-weight: bold;
}

.select-kit.dropdown-select-box.composer-actions {
  margin: 0;
}
.select-kit.dropdown-select-box.composer-actions .select-kit-header {
  background: none;
  outline: none;
  padding: 0;
  margin-right: 8px;
  border: 1px solid var(--primary-medium);
  min-height: unset;
}
.select-kit.dropdown-select-box.composer-actions .select-kit-header .d-icon {
  padding: 5px 6px;
}
.select-kit.dropdown-select-box.composer-actions .select-kit-header:hover, .select-kit.dropdown-select-box.composer-actions .select-kit-header:focus {
  background: var(--primary-low);
}
.select-kit.dropdown-select-box.composer-actions .d-icon {
  margin: 0 !important;
}

.select-kit.single-select.dropdown-select-box {
  display: inline-flex;
  min-width: auto;
  border: none;
  white-space: nowrap;
}
.select-kit.single-select.dropdown-select-box.is-expanded .select-kit-collection,
.select-kit.single-select.dropdown-select-box.is-expanded .select-kit-body {
  border-radius: 0;
}
.select-kit.single-select.dropdown-select-box .select-kit-body {
  border: 1px solid var(--primary-low);
  background-clip: padding-box;
  box-shadow: var(--shadow-dropdown);
}
.select-kit.single-select.dropdown-select-box .select-kit-row {
  margin: 0;
}
.select-kit.single-select.dropdown-select-box .select-kit-row .icons {
  display: flex;
  align-self: flex-start;
  margin-right: 0.5em;
}
.select-kit.single-select.dropdown-select-box .select-kit-row .icons .d-icon {
  flex: 0 0 100%;
  overflow: hidden;
  font-size: var(--font-up-2);
  margin-right: 0;
}
.select-kit.single-select.dropdown-select-box .select-kit-row .texts {
  line-height: var(--line-height-medium);
  flex: 1 1 0%;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.select-kit.single-select.dropdown-select-box .select-kit-row .texts .name {
  flex: 1 1 auto;
  font-weight: bold;
  font-size: var(--font-0);
  color: var(--primary);
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.select-kit.single-select.dropdown-select-box .select-kit-row .texts .desc {
  flex: 1 1 auto;
  font-size: var(--font-down-1);
  font-weight: normal;
  color: var(--primary-medium);
  white-space: normal;
}
.select-kit.single-select.dropdown-select-box .select-kit-collection {
  padding: 0;
  max-height: 100%;
}
.select-kit.single-select.dropdown-select-box .select-kit-header {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.select-kit.single-select.dropdown-select-box .select-kit-header .d-icon + .d-icon {
  margin-left: 0.25em;
}
.select-kit.single-select.dropdown-select-box .select-kit-header.is-focused {
  outline-style: auto;
  outline-color: var(--tertiary);
}
.select-kit.user-notifications-dropdown .select-kit-header .d-icon {
  margin-left: 0;
}
.select-kit.user-notifications-dropdown .select-kit-header-wrapper {
  justify-content: center;
}

.select-kit.email-group-user-chooser.full-width-wrap {
  width: unset;
}
.select-kit.email-group-user-chooser.is-expanded .select-kit-body {
  width: 300px;
}
.select-kit.email-group-user-chooser .select-kit-row.email-group-user-chooser-row .identifier {
  color: var(--primary);
  white-space: nowrap;
  line-height: var(--line-height-medium);
  margin-right: 0.5em;
}
.select-kit.email-group-user-chooser .select-kit-row.email-group-user-chooser-row .name {
  color: var(--primary-high);
  font-size: var(--font-down-1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select-kit.email-group-user-chooser .select-kit-row.email-group-user-chooser-row .avatar,
.select-kit.email-group-user-chooser .select-kit-row.email-group-user-chooser-row .d-icon {
  margin-left: 0;
  margin-right: 0.5em;
}
.select-kit.email-group-user-chooser .select-kit-header .x-more-item {
  background: var(--primary-low);
  padding: 0.25em;
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin: 2px 0 0 3px;
  float: left;
  height: 30px;
  color: inherit;
  outline: none;
}

.select-kit.flair-chooser .select-kit-header .avatar-flair,
.select-kit.flair-chooser .flair-row .avatar-flair {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: flex;
  justify-content: center;
  margin-right: 5px;
  height: 18px;
  width: 18px;
}
.select-kit.flair-chooser .select-kit-header .avatar-flair.rounded,
.select-kit.flair-chooser .flair-row .avatar-flair.rounded {
  background-size: 12.8571428571px 12.8571428571px;
  border-radius: 50%;
}
.select-kit.flair-chooser .select-kit-header .avatar-flair .d-icon,
.select-kit.flair-chooser .flair-row .avatar-flair .d-icon {
  display: block;
  height: 10px;
  width: 10px;
}
.select-kit.flair-chooser .select-kit-header span,
.select-kit.flair-chooser .flair-row span {
  white-space: nowrap;
}

.select-kit.combobox.future-date-input-selector {
  min-width: 50%;
}
.select-kit.combobox.future-date-input-selector .future-date-input-selector-header .btn-clear {
  line-height: var(--line-height-large);
}
.select-kit.combobox.future-date-input-selector .future-date-input-selector-datetime {
  color: var(--primary-medium);
  margin-left: auto;
  white-space: nowrap;
}
.select-kit.combobox.future-date-input-selector .future-date-input-selector-datetime + svg {
  margin-left: 0.25em;
}
.select-kit.combobox.future-date-input-selector .future-date-input-selector-icons {
  margin-right: 5px;
}
.select-kit.combobox.future-date-input-selector .btn-clear {
  padding: 0;
  margin-left: 5px;
}
.select-kit.combobox.future-date-input-selector .future-date-input-selector-row .future-date-input-selector-icons {
  color: var(--primary-medium);
}

.future-date-input .future-date-input-date-picker,
.future-date-input .future-date-input-time-picker {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.future-date-input .future-date-input-date-picker input,
.future-date-input .future-date-input-time-picker input {
  margin-bottom: 0;
  margin-left: 5px;
}

.select-kit.icon-picker .multi-select-header .select-kit-selected-name .d-icon {
  color: var(--primary-high);
}

.select-kit.multi-select.list-setting .select-kit-row.create .square {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.select-kit.combo-box.mini-tag-chooser {
  margin-bottom: 5px;
  margin-left: 5px;
}
.select-kit.combo-box.mini-tag-chooser.no-tags .select-kit-header .selected-name {
  color: var(--primary-medium);
}
.select-kit.combo-box.mini-tag-chooser .select-kit-row.is-selected {
  background: none;
}
.select-kit.combo-box.mini-tag-chooser .select-kit-row.is-highlighted.is-selected {
  background: var(--tertiary-low);
}

.select-kit.multi-select {
  width: 300px;
  background: var(--secondary);
}
.select-kit.multi-select .select-kit-filter + .selected-content, .select-kit.multi-select .select-kit-filter + .select-kit-collection {
  border-top: 1px solid var(--primary-low);
}
.select-kit.multi-select .select-kit-row {
  min-height: 1px;
}
.select-kit.multi-select.is-disabled .multi-select-header {
  background: var(--primary-low);
  border-color: var(--primary-low-mid);
  color: var(--primary-medium);
}
.select-kit.multi-select.is-disabled .multi-select-header .d-icon {
  color: var(--primary-medium);
}
.select-kit.multi-select .selected-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
  border-bottom: 1px solid var(--primary-low);
  padding: 0.25em 0.25em 0 0.25em;
}
.select-kit.multi-select .selected-content .disabled {
  margin: 0 0.25em 0.25em 0;
  align-content: center;
}
.select-kit.multi-select .selected-content .selected-choice {
  margin: 0 0.25em 0.25em 0;
  font-size: var(--font-down-1);
}
.select-kit.multi-select .selected-content .selected-choice.selected-choice-color {
  border-bottom: 2px solid transparent;
}
.select-kit.multi-select .multi-select-header {
  background: var(--secondary);
  border-color: var(--primary-400);
}
.select-kit.multi-select .multi-select-header .formatted-selection {
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter {
  display: flex;
  flex-wrap: wrap;
  margin: -0.35em;
  margin-left: -0.25em;
  position: relative;
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter .selected-choice {
  margin: 0.125em 0.25em 0.125em 0;
  padding: 0.2em 0.3em;
  font-size: var(--font-down-1);
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter .selected-choice.selected-choice-color {
  border-bottom: 2px solid transparent;
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter .select-kit-filter {
  display: inline-flex;
  flex: 1 1 30px;
  width: auto;
  margin-left: 0.25em;
  position: static;
  min-height: 28px;
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter .select-kit-filter.is-expanded {
  padding: 0;
}
.select-kit.multi-select .multi-select-header .select-kit-header--filter .select-kit-filter .filter-input {
  min-height: auto;
}
.select-kit.multi-select.is-expanded .multi-select-header,
.select-kit.multi-select .multi-select-header:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}

.select-kit.dropdown-select-box.notifications-button .select-kit-body {
  max-width: 400px;
}
.select-kit.dropdown-select-box.notifications-button .select-kit-row .icons {
  align-self: flex-start;
  margin-right: 0.75em;
}

.select-kit.dropdown-select-box.notifications-filter {
  display: inline-flex;
  position: relative;
}
.select-kit.dropdown-select-box.notifications-filter .select-kit-collection {
  padding: 0.25em;
}
.select-kit.dropdown-select-box.notifications-filter .notifications-filter-header {
  padding: 0.5em;
  background: none;
  outline: none;
  cursor: pointer;
}
.select-kit.dropdown-select-box.notifications-filter .notifications-filter-header .filter-text {
  margin-right: 0.5em;
  color: var(--primary-medium);
  cursor: pointer;
  margin-bottom: 0;
}
.select-kit.dropdown-select-box.notifications-filter .notifications-filter-header .header-text {
  color: var(--tertiary);
  cursor: pointer;
  margin-bottom: 0;
}
.select-kit.dropdown-select-box.notifications-filter .notifications-filter-header .d-icon {
  color: var(--primary-medium);
  margin: 0 0 0 0.25em;
  font-size: var(--font-up-2);
}

.select-kit.dropdown-select-box.period-chooser {
  display: inline-flex;
  position: relative;
}
.select-kit.dropdown-select-box.period-chooser .select-kit-collection {
  padding: 5px;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header {
  display: inline-block;
  background: transparent;
  border-color: transparent;
  padding: 0;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name {
  color: var(--secondary);
  display: inline-block;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name .date-section {
  color: var(--primary);
  margin-right: 5px;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header h2.selected-name .top-date-string {
  font-size: var(--font-down-1);
  color: var(--primary-med-or-secondary-high);
  font-weight: normal;
  text-transform: uppercase;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header .d-icon {
  color: var(--primary);
  opacity: 1;
  font-size: var(--font-up-3);
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-header.is-focused, .select-kit.dropdown-select-box.period-chooser .period-chooser-header:focus, .select-kit.dropdown-select-box.period-chooser .period-chooser-header:hover {
  background: transparent;
  border-color: transparent;
  outline: none;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-row {
  font-weight: bold;
  padding: 5px;
  font-size: var(--font-up-1);
  align-items: center;
  display: flex;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-row .period-title {
  flex: 1 0 0px;
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-row .date-section {
  color: var(--primary);
}
.select-kit.dropdown-select-box.period-chooser .period-chooser-row .top-date-string {
  font-weight: normal;
  font-size: var(--font-down-1);
  color: var(--primary-med-or-secondary-high);
  text-transform: uppercase;
  margin-left: 5px;
}

#topic-footer-buttons .pinned-button.is-hidden {
  display: none;
}

.select-kit {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  border: none;
  box-sizing: border-box;
  display: inline-block;
  flex-direction: column;
  position: relative;
  vertical-align: middle;
}
.select-kit.is-hidden {
  display: none !important;
}
.select-kit > summary {
  list-style-type: none;
  display: block;
}
.select-kit > summary::before {
  content: none !important;
  margin: 0;
}
.select-kit > summary::marker {
  display: none !important;
}
.select-kit.is-disabled {
  pointer-events: none;
}
.select-kit.is-expanded {
  z-index: 300;
}
.select-kit.is-expanded .select-kit-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-dropdown);
  background: var(--secondary);
  max-width: 600px;
}
.select-kit.is-expanded .select-kit-collection {
  box-sizing: border-box;
  width: 100%;
}
.select-kit.is-expanded .select-kit-filter.is-expanded {
  padding: 0.25em 0.5em;
}
.select-kit.is-expanded .filter-for-more {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5em 1em;
  font-size: var(--font-down-1);
  color: var(--primary-low-mid);
}
.select-kit.is-loading .select-kit-collection {
  overflow: hidden;
}
.select-kit .d-icon {
  color: var(--primary-high);
}
.select-kit .select-kit-header {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  font-weight: 500;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: stretch;
  height: 100%;
  /* hide native indicator */
}
.select-kit .select-kit-header:not(.btn) {
  border-radius: var(--d-input-border-radius);
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.select-kit .select-kit-header::-webkit-details-marker {
  display: none;
}
.select-kit .select-kit-header .select-kit-header-wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
}
.select-kit .select-kit-header .d-icon-spinner {
  animation: rotate-forever 1s infinite linear;
}
.select-kit .select-kit-header .selected-name {
  text-align: left;
  flex: 0 1 auto;
  align-items: center;
  color: inherit;
  display: flex;
  outline: none;
  min-width: 0;
}
.select-kit .select-kit-header .selected-name:focus .d-icon-xmark {
  color: var(--danger);
}
.select-kit .select-kit-header .selected-name .d-icon + .name {
  margin-left: 0.5em;
}
.select-kit .select-kit-header .selected-name .name {
  display: inline-flex;
  gap: 0.5em;
  min-width: 0;
}
.select-kit .select-kit-header .selected-name .name > .d-icon {
  margin-left: 0.5em;
  margin-right: 0;
}
.select-kit .select-kit-header .selected-name > .d-icon {
  margin-right: 0;
}
.select-kit .select-kit-header .selected-name.select-kit-selected-color {
  border-bottom-width: 5px;
  border-bottom-style: solid;
}
.select-kit .select-kit-header .btn-clear {
  margin-left: 0.25em;
  padding: 0 0.2em;
  border: 0;
  background: none;
  min-height: auto;
}
.select-kit .select-kit-header .icon {
  margin-right: 5px;
}
.select-kit .select-kit-header .caret-icon {
  margin-left: auto;
  margin-right: 0;
  padding-left: 5px;
  pointer-events: none;
  color: inherit;
}
.select-kit .select-kit-header .d-button-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  line-height: var(--line-height-medium);
}
.select-kit .select-kit-header .d-button-label .d-icon {
  margin-left: 5px;
  margin-right: 0;
}
.select-kit .select-kit-body {
  display: none;
  background: var(--secondary);
  box-sizing: border-box;
}
.select-kit .select-kit-body .selected-content {
  max-height: 300px;
  overflow-y: auto;
}
html:not(.ios-device) .select-kit .select-kit-body[data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.select-kit .select-kit-row {
  cursor: pointer;
  outline: none;
  display: flex;
  flex: 1 0 auto;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5em;
}
.select-kit .select-kit-row > * {
  pointer-events: none;
}
.select-kit .select-kit-row .name {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0%;
}
.select-kit .select-kit-row .d-icon + .name,
.select-kit .select-kit-row .svg-icon-title + .name {
  margin-left: 0.5em;
}
.select-kit .select-kit-row.is-highlighted {
  background: var(--d-hover);
}
.select-kit .select-kit-row.is-selected {
  background: var(--d-selected);
}
.select-kit .select-kit-row.is-selected.is-highlighted {
  background: var(--d-hover);
}
.select-kit .select-kit-row .discourse-tag,
.select-kit .select-kit-row .discourse-tag:visited,
.select-kit .select-kit-row .discourse-tag:hover {
  color: var(--primary-high);
}
.select-kit .select-kit-row.create-color-row {
  border-left-style: solid;
  border-left-width: 5px;
}
.select-kit .select-kit-collection {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  max-height: 250px;
  width: 100%;
}
.select-kit .select-kit-collection:hover .select-kit-row.is-highlighted:hover {
  background: var(--d-hover);
}
.select-kit .select-kit-collection .validation-message {
  white-space: nowrap;
  color: var(--danger);
  flex: 1 0 auto;
  margin: 5px;
  padding: 0 2px;
}
.select-kit .select-kit-collection::-webkit-scrollbar {
  appearance: none;
  width: 10px;
}
.select-kit .select-kit-collection::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: var(--primary-med-or-secondary-med);
}
.select-kit .select-kit-collection::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 0;
}
.select-kit .select-kit-filter {
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.select-kit .select-kit-filter .filter-input {
  background: none;
  margin: 0;
  padding: 0;
  flex: 1 0 0px;
  outline: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  min-height: 30px;
}
.select-kit .select-kit-filter.is-hidden {
  width: 1px;
  height: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  position: fixed;
  outline: 0;
  left: 0;
  top: 0;
}
.select-kit .select-kit-errors-collection {
  background: var(--danger);
  padding: 0.25em 1em;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.select-kit .select-kit-errors-collection .select-kit-error {
  list-style: none;
  color: var(--secondary);
}
.select-kit .no-content,
.select-kit .results-count {
  display: flex;
  flex: 1 0 auto;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
  background: var(--secondary);
}
.select-kit .results-count {
  font-size: var(--font-down-1);
  color: var(--primary-med-or-secondary-med);
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}
@keyframes lineDrawToRight {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.select-kit.is-loading .select-kit-filter::after {
  content: "";
  position: absolute;
  background: var(--tertiary);
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  animation: lineDrawToRight 0.5s ease-in;
}

.select-kit.single-select .select-kit-filter {
  display: flex;
}
.select-kit.single-select .select-kit-filter.is-expanded {
  border-bottom: 1px solid var(--primary-low);
}
.select-kit.single-select.is-expanded .select-kit-header:not(.btn),
.select-kit.single-select .select-kit-header:not(.btn):focus,
.select-kit.single-select .select-kit-header:not(.btn):active {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.select-kit.single-select .select-kit-header:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.select-kit.single-select .select-kit-header.btn:focus, .select-kit.single-select .d-modal.json-schema-editor-modal .je-ready button.select-kit-header:focus, .d-modal.json-schema-editor-modal .je-ready .select-kit.single-select button.select-kit-header:focus, .select-kit.single-select .d-modal.json-schema-editor-modal .je-ready .select-kit-header.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .select-kit.single-select .select-kit-header.json-editor-btn-add:focus,
.select-kit.single-select .select-kit-header.btn:active,
.select-kit.single-select .d-modal.json-schema-editor-modal .je-ready button.select-kit-header:active,
.d-modal.json-schema-editor-modal .je-ready .select-kit.single-select button.select-kit-header:active,
.select-kit.single-select .d-modal.json-schema-editor-modal .je-ready .select-kit-header.json-editor-btn-add:active,
.d-modal.json-schema-editor-modal .je-ready .select-kit.single-select .select-kit-header.json-editor-btn-add:active {
  outline: none;
}
.select-kit.single-select.is-disabled .select-kit-header {
  opacity: 0.5;
}

.select-kit.tag-chooser .select-kit-row, .select-kit.mini-tag-chooser .select-kit-row, .select-kit.tag-drop .select-kit-row {
  display: flex;
  align-items: baseline;
}
.select-kit.tag-chooser .select-kit-row .discourse-tag-count, .select-kit.mini-tag-chooser .select-kit-row .discourse-tag-count, .select-kit.tag-drop .select-kit-row .discourse-tag-count {
  margin-left: 5px;
}

.select-kit.combo-box.tag-drop {
  min-width: auto;
}
.select-kit.combo-box.tag-drop .tag-drop-header,
.select-kit.combo-box.tag-drop .selected-name {
  color: var(--primary-high);
}
.select-kit.combo-box.tag-drop .select-kit-row[data-value=all-tags], .select-kit.combo-box.tag-drop .select-kit-row[data-value=no-tags] {
  color: var(--tertiary);
  font-weight: 700;
}
.select-kit.combo-box.tag-drop .caret-icon {
  color: var(--primary-high);
}
.select-kit.combo-box.tag-drop.has-selection .tag-drop-header {
  color: var(--d-nav-border-color--active);
  border-color: var(--d-nav-border-color--active);
}

.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-collection {
  max-height: 35vh;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-body {
  box-shadow: none;
  border-radius: 0;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row {
  padding: 0.65em 0.5em;
  border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
  display: flex;
  align-items: center;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .icons {
  align-self: center;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .shortcut {
  margin-left: 1em;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row:last-child {
  border: none;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .texts .name {
  display: flex;
  align-items: center;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .texts .name,
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .icons .d-icon {
  font-size: var(--font-0);
  font-weight: normal;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .d-icon {
  color: var(--primary-medium);
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row .shortcut {
  border: none;
  background: var(--primary-200);
  font-size: var(--font-down-2);
  color: var(--primary-high);
  margin-left: 1.8rem;
}
.select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row.is-highlighted, .select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row.is-selected, .select-kit.dropdown-select-box.toolbar-popup-menu-options .select-kit-row:hover {
  background: var(--tertiary-low);
  color: var(--primary);
}

.select-kit.combo-box.topic-chooser .select-kit-row {
  display: initial;
}

.topic-notifications-button {
  display: contents;
}

.timeline-fullscreen .topic-notifications-button.is-loading .selected-name .d-icon {
  display: inline-flex;
}

.user-chooser .select-kit-row.user-row .avatar {
  margin-left: 0;
  margin-right: 0.5em;
}
.user-chooser .select-kit-row.user-row .username {
  color: var(--primary);
  white-space: nowrap;
}
.user-chooser .select-kit-row.user-row .name {
  color: var(--primary-high);
  font-size: var(--font-down-1);
  margin-left: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.badge-group, .badge-notification {
  display: inline-block;
  font-weight: normal;
  white-space: nowrap;
  border-radius: 10px;
}

.badge-category__wrapper {
  color: var(--primary-high);
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-down-1);
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: baseline;
}
.badge-category__wrapper .badge-category {
  display: inline-flex;
  align-items: baseline;
  gap: 0.33em;
  color: var(--primary-high);
  min-width: 0;
}
.badge-category__wrapper .badge-category::before {
  content: "";
  background: var(--category-badge-color);
  flex: 0 0 auto;
  width: 0.625rem;
  height: 0.625rem;
}
.badge-category__wrapper .badge-category__name {
  color: currentcolor;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}
.badge-category__wrapper .badge-category.--has-parent::before {
  background: linear-gradient(90deg, var(--parent-category-badge-color) 50%, var(--category-badge-color) 50%);
}
.extra-info-wrapper .badge-category__wrapper .badge-category {
  color: var(--header_primary-high);
}
.badge-category__wrapper .d-icon {
  width: 0.74em;
  height: 0.74em;
  color: var(--primary-medium);
}

.badge-notification {
  position: relative;
  top: -2px;
  padding: 0.21em 0.42em;
  min-width: 0.5em;
  color: var(--secondary);
  font-size: var(--font-down-2);
  line-height: var(--line-height-small);
  text-align: center;
  background-color: var(--primary-low-mid-or-secondary-low);
}
.badge-notification[href] {
  color: var(--secondary);
}
.badge-notification:hover {
  color: var(--secondary);
}
.badge-notification.unread-posts {
  background-color: var(--tertiary-med-or-tertiary);
  color: var(--secondary);
  font-weight: normal;
}
.badge-notification.new-topic {
  background-color: transparent;
  padding-left: 0.15em;
}
.badge-notification.new-topic::before {
  content: "";
  background: var(--tertiary-med-or-tertiary);
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}

.badge-posts {
  font-weight: normal;
  font-size: var(--font-0);
  line-height: var(--line-height-small);
}
.badge-posts[href] {
  color: var(--primary-med-or-secondary-med);
}

.badge-group {
  padding: 2px 5px;
  color: var(--primary);
  background-color: var(--primary-low);
  border-color: var(--primary-low);
  font-size: var(--font-down-1);
}

#banner {
  padding: 1em;
  background: var(--tertiary-low);
  color: var(--primary);
  z-index: 2;
  margin-bottom: 1em;
  max-height: 20vh;
  overflow: auto;
}
#banner .floated-buttons {
  float: right;
  display: flex;
}
#banner .floated-buttons > .btn, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > button, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > button, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > .json-editor-btn-add {
  padding-top: 0;
  padding-bottom: 0;
  color: var(--primary-high);
}
#banner .floated-buttons > .btn .d-icon, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > button .d-icon, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > button .d-icon, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > .json-editor-btn-add .d-icon {
  color: var(--primary-medium);
}
#banner .floated-buttons > .btn:hover, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > button:hover, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > button:hover, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > .json-editor-btn-add:hover {
  color: var(--primary);
}
#banner .floated-buttons > .btn:hover .d-icon, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > button:hover .d-icon, #banner .d-modal.json-schema-editor-modal .je-ready .floated-buttons > .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready #banner .floated-buttons > .json-editor-btn-add:hover .d-icon {
  color: var(--primary-high);
}
.desktop-view #banner .floated-buttons .btn.close, .desktop-view #banner .floated-buttons .d-modal.json-schema-editor-modal .je-ready button.close, .d-modal.json-schema-editor-modal .je-ready .desktop-view #banner .floated-buttons button.close, .desktop-view #banner .floated-buttons .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .desktop-view #banner .floated-buttons .close.json-editor-btn-add {
  margin-left: 0.25em;
}

#banner-content hr {
  border-color: var(--primary-medium);
}
#banner-content > p:first-child {
  margin-top: 0;
}
#banner-content > p:last-of-type {
  margin-bottom: 0;
}

.d-breadcrumbs {
  display: flex;
  margin: var(--space-2) 0 var(--space-4) 0;
}
.d-breadcrumbs__item {
  list-style-type: none;
}
.d-breadcrumbs__link, .d-breadcrumbs__link:visited {
  color: var(--primary-medium);
}
.d-breadcrumbs li .separator {
  margin-right: var(--space-1);
}
.d-breadcrumbs li .separator .d-icon {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.d-breadcrumbs li:last-child .separator {
  display: none;
}

.d-page-header__title-row,
.d-page-subheader__title-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: var(--space-2);
}
.d-page-header__title-row h1,
.d-page-header__title-row h2,
.d-page-subheader__title-row h1,
.d-page-subheader__title-row h2 {
  margin: 0;
}
.d-page-header__title-row h2,
.d-page-subheader__title-row h2 {
  font-size: var(--font-up-2);
}
.d-page-header__title-row .d-page-header__actions,
.d-page-subheader__title-row .d-page-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 700px) {
  .d-page-header__title-row .d-page-header__actions,
  .d-page-subheader__title-row .d-page-header__actions {
    flex-direction: column;
  }
}
.d-page-header__title-row .d-page-header__actions button,
.d-page-subheader__title-row .d-page-header__actions button {
  margin-left: var(--space-2);
}
@media (max-width: 700px) {
  .d-page-header__title-row .d-page-header__actions button,
  .d-page-subheader__title-row .d-page-header__actions button {
    width: 100%;
    margin-bottom: var(--space-2);
    margin-left: 0;
  }
}
.d-page-header .d-nav-submenu,
.d-page-subheader .d-nav-submenu {
  background: transparent;
  border-bottom: 1px solid var(--primary-low);
}
.d-page-header .d-nav-submenu .horizontal-overflow-nav,
.d-page-subheader .d-nav-submenu .horizontal-overflow-nav {
  background: transparent;
}
.d-page-header .d-nav-submenu .horizontal-overflow-nav::before,
.d-page-subheader .d-nav-submenu .horizontal-overflow-nav::before {
  display: none;
}
.d-page-header .d-nav-submenu .horizontal-overflow-nav::after,
.d-page-subheader .d-nav-submenu .horizontal-overflow-nav::after {
  display: none;
}
.d-page-header .d-nav-submenu .nav-pills,
.d-page-subheader .d-nav-submenu .nav-pills {
  width: auto;
  margin: 0;
}

@media (max-width: 700px) {
  .d-page-header__title-row {
    flex-direction: row;
    align-items: center;
  }
  .d-page-header__title-row .d-page-header__actions button {
    margin-bottom: 0;
  }
}

@media (max-width: 700px) {
  .d-page-subheader__title-row {
    flex-direction: row;
    align-items: center;
  }
}

.d-page-action-list-item .btn-primary {
  color: var(--primary);
}

.d-stat-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1em;
  margin-bottom: 2em;
}
.d-stat-tiles .d-stat-tile {
  display: flex;
  flex-direction: column;
  padding: 1em;
  background: var(--primary-very-low);
  border-radius: 0.25em;
}
.d-stat-tiles .d-stat-tile__label {
  color: var(--primary-medium);
  font-size: 0.875em;
  margin-bottom: 0.5em;
}
.d-stat-tiles .d-stat-tile__value {
  color: var(--primary);
  font-size: 1.5em;
  font-weight: bold;
}

.bookmark-list .topic-list-data.post-metadata {
  text-align: center;
}

.bookmark-list-item .topic-list-data.post-metadata {
  text-align: center;
}
@media (max-width: 700px) {
  .bookmark-list-item .main-link {
    padding-right: 0.5em;
  }
}
.bookmark-list-item .main-link.topic-list-data .bookmark-status-with-link a.title {
  padding: 0;
}
.bookmark-list-item .d-icon.bookmark-pinned {
  font-size: var(--font-down-2);
  margin-right: 0.2em;
}
.bookmark-list-item .bookmark-metadata {
  font-size: var(--font-down-2);
  margin-bottom: 0.25em;
}
.bookmark-list-item .bookmark-metadata-item {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.25em;
  line-height: var(--line-height-medium);
}
.bookmark-list-item .bookmark-metadata-item span {
  word-break: break-word;
}
.bookmark-list-item .bookmark-metadata-item.bookmark-expired-reminder {
  color: var(--danger);
}
.bookmark-list-item .bookmark-metadata .d-icon {
  margin-right: 0.25em;
}
.bookmark-list-item .bookmark-status-with-link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mobile-view .bookmark-list-item .bookmark-status-with-link {
  margin-bottom: 0.15em;
}
.bookmark-list-item .bookmark-status-with-link .topic-statuses {
  float: none;
}
.bookmark-list-item .post-excerpt {
  overflow: hidden;
  padding-right: 1em;
}
.mobile-view .bookmark-list-item .avatar {
  float: left;
  margin: 0.27em 0.27em 0 0;
}

.select-kit.bookmark-actions-dropdown .select-kit-body {
  max-width: 350px;
}

.bookmark-reminder-modal .d-modal__body {
  box-sizing: border-box;
}
.bookmark-reminder-modal .d-modal__body .control-label {
  font-weight: 700;
}
.bookmark-reminder-modal .d-modal__body .ember-text-field.bookmark-name {
  width: 100%;
  margin-bottom: 0.5em;
}
.bookmark-reminder-modal .d-modal__footer .delete-bookmark {
  margin-left: auto;
  margin-right: 0;
}
.bookmark-reminder-modal .existing-reminder-at-alert {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bookmark-reminder-modal .existing-reminder-at-alert .d-icon {
  margin-right: 1em;
}
.bookmark-reminder-modal .bookmark-name-wrap {
  display: inline-flex;
  width: 100%;
  align-items: end;
}
.bookmark-reminder-modal .bookmark-options-button {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  background: transparent;
  padding: 6px;
}
.bookmark-reminder-modal .bookmark-options-panel {
  margin-bottom: 18px;
}
.bookmark-reminder-modal .bookmark-options-panel .select-kit {
  width: 100%;
}
.bookmark-reminder-modal .bookmark-options-panel label {
  display: flex;
}
.bookmark-reminder-modal .bookmark-options-panel label span {
  display: block;
  flex: 1;
}

.bookmark-menu-content .dropdown-menu {
  padding: 0;
  min-width: 200px;
}
.bookmark-menu-content .bookmark-menu__title {
  display: flex;
  align-items: center;
  gap: 0.75em;
  background: var(--tertiary-low);
  color: var(--tertiary);
  padding: 0.75rem 1rem;
  font-weight: bold;
}
.bookmark-menu-content .bookmark-menu__title .d-icon {
  color: var(--tertiary);
}
.bookmark-menu-content .bookmark-menu__row {
  display: flex;
}
.bookmark-menu-content .bookmark-menu__row:hover, .bookmark-menu-content .bookmark-menu__row:focus {
  background: var(--tertiary-very-low);
}
.bookmark-menu-content .bookmark-menu__row:hover.--remove, .bookmark-menu-content .bookmark-menu__row:focus.--remove {
  background: var(--danger-low);
}
.bookmark-menu-content .bookmark-menu__row-title {
  padding: 0.75rem 1rem;
  font-weight: bold;
}
.bookmark-menu-content .bookmark-menu__row-btn {
  margin: 0;
  width: 100%;
  text-align: left;
  justify-content: left !important;
  gap: 0.75rem;
  color: var(--primary);
}
.bookmark-menu-content .bookmark-menu__row-btn:hover, .bookmark-menu-content .bookmark-menu__row-btn:focus {
  color: var(--primary) !important;
  background: var(--tertiary-very-low);
}
.--remove .bookmark-menu-content .bookmark-menu__row-btn {
  color: var(--danger);
}
.bookmark-menu-content .bookmark-menu__row-btn .d-button-label {
  color: inherit;
}
.bookmark-menu-content .bookmark-menu__row-btn .d-icon {
  color: inherit;
  margin: 0 !important;
}

.btn.hidden, .d-modal.json-schema-editor-modal .je-ready button.hidden, .d-modal.json-schema-editor-modal .je-ready .hidden.json-editor-btn-add {
  display: none;
}

.btn, .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  color: var(--primary);
  background-color: var(--primary-low);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--d-button-border-radius);
  transition: var(--d-button-transition);
  cursor: pointer;
}
.btn:visited, .d-modal.json-schema-editor-modal .je-ready button:visited, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:visited {
  color: var(--primary);
}
.btn .d-icon, .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon {
  color: var(--primary-high);
  margin-right: 0.45em;
  transition: var(--d-button-transition);
}
@media (forced-colors: active) {
  .btn .d-icon, .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon {
    color: ButtonText;
  }
}
.btn .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready button .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}
.btn.no-text .d-icon, .btn.json-editor-btn-collapse .d-icon, .btn.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .no-text.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn.json-editor-btn-delete .d-icon {
  margin-right: 0;
}
.discourse-no-touch .btn:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover, .discourse-no-touch .btn.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.btn-hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add {
  background-color: var(--primary-medium);
  color: var(--secondary);
}
.discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add .d-icon {
  color: var(--primary-low);
}
@media (forced-colors: active) {
  .discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add .d-icon {
    color: Highlight;
  }
}
.btn:focus-visible, .d-modal.json-schema-editor-modal .je-ready button:focus-visible, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible {
  outline: none;
  background-color: var(--primary-medium);
  color: var(--secondary);
}
.btn:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible .d-icon {
  color: var(--primary-low);
}
@media (forced-colors: active) {
  .btn:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible .d-icon {
    color: Highlight;
  }
}
.discourse-no-touch .btn:active:not(:hover, :focus), .discourse-no-touch .btn.btn-active:not(:hover, :focus), .btn:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active:not(:hover, :focus), .btn.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add:not(:hover, :focus) {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.6) 100%, rgba(var(--primary-rgb), 0.6) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn:active:not(:hover, :focus) .d-icon, .discourse-no-touch .btn.btn-active:not(:hover, :focus) .d-icon, .btn:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active:not(:hover, :focus) .d-icon, .btn.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add:not(:hover, :focus) .d-icon {
  color: var(--primary-low);
}
.discourse-no-touch .btn:active, .discourse-no-touch .btn.btn-active, .btn:active, .d-modal.json-schema-editor-modal .je-ready button:active, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active, .btn.btn-active, .d-modal.json-schema-editor-modal .je-ready button.btn-active, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.3) 100%, rgba(var(--primary-rgb), 0.3) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn:active .d-icon, .discourse-no-touch .btn.btn-active .d-icon, .btn:active .d-icon, .d-modal.json-schema-editor-modal .je-ready button:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active .d-icon, .btn.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add .d-icon {
  color: var(--primary-low);
}
.btn[disabled], .d-modal.json-schema-editor-modal .je-ready button[disabled], .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add, .btn.disabled, .d-modal.json-schema-editor-modal .je-ready button.disabled, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add {
  cursor: not-allowed;
}
.btn[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:not(.is-loading), .btn.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:not(.is-loading) {
  opacity: 0.4;
}
.btn[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready button[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:hover, .btn.disabled:hover, .d-modal.json-schema-editor-modal .je-ready button.disabled:hover, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:hover {
  color: var(--primary);
  background: var(--primary-low);
}
.btn[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:hover .d-icon, .btn.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:hover .d-icon {
  color: var(--primary-high);
}
.btn .loading-container, .d-modal.json-schema-editor-modal .je-ready button .loading-container, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .loading-container {
  display: none;
  margin: 0 6.75px 0 0;
}
.btn.is-loading.btn-text.btn-small .loading-icon, .btn.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.is-loading.btn-text.btn-small .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.btn-text.btn-small.json-editor-btn-add .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.btn-text.json-editor-btn-add.json-editor-btn-collapse .loading-icon {
  font-size: var(--font-down-1);
  margin-right: 0.2em;
}
.btn.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.json-editor-btn-add .loading-icon {
  animation: rotate-forever 1s infinite linear, fadein 1s;
}

.btn-primary {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  color: var(--secondary);
  background-color: var(--tertiary);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--d-button-border-radius);
  transition: var(--d-button-transition);
  cursor: pointer;
}
.btn-primary:visited {
  color: var(--secondary);
}
.btn-primary .d-icon {
  color: var(--secondary);
  margin-right: 0.45em;
  transition: var(--d-button-transition);
}
@media (forced-colors: active) {
  .btn-primary .d-icon {
    color: ButtonText;
  }
}
.btn-primary .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}
.btn-primary.no-text .d-icon, .btn-primary.json-editor-btn-collapse .d-icon, .btn-primary.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-primary .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-primary.json-editor-btn-delete .d-icon {
  margin-right: 0;
}
.discourse-no-touch .btn-primary:hover, .discourse-no-touch .btn-primary.btn-hover {
  background-color: var(--tertiary-hover);
  color: var(--secondary);
}
.discourse-no-touch .btn-primary:hover .d-icon, .discourse-no-touch .btn-primary.btn-hover .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .discourse-no-touch .btn-primary:hover .d-icon, .discourse-no-touch .btn-primary.btn-hover .d-icon {
    color: Highlight;
  }
}
.btn-primary:focus-visible {
  outline: none;
  background-color: var(--tertiary-hover);
  color: var(--secondary);
}
.btn-primary:focus-visible .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .btn-primary:focus-visible .d-icon {
    color: Highlight;
  }
}
.discourse-no-touch .btn-primary:active:not(:hover, :focus), .discourse-no-touch .btn-primary.btn-active:not(:hover, :focus), .btn-primary:active:not(:hover, :focus), .btn-primary.btn-active:not(:hover, :focus) {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.6) 100%, rgba(var(--primary-rgb), 0.6) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn-primary:active:not(:hover, :focus) .d-icon, .discourse-no-touch .btn-primary.btn-active:not(:hover, :focus) .d-icon, .btn-primary:active:not(:hover, :focus) .d-icon, .btn-primary.btn-active:not(:hover, :focus) .d-icon {
  color: var(--secondary);
}
.discourse-no-touch .btn-primary:active, .discourse-no-touch .btn-primary.btn-active, .btn-primary:active, .btn-primary.btn-active {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.3) 100%, rgba(var(--primary-rgb), 0.3) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn-primary:active .d-icon, .discourse-no-touch .btn-primary.btn-active .d-icon, .btn-primary:active .d-icon, .btn-primary.btn-active .d-icon {
  color: var(--secondary);
}
.btn-primary[disabled], .btn-primary.disabled {
  cursor: not-allowed;
}
.btn-primary[disabled]:not(.is-loading), .btn-primary.disabled:not(.is-loading) {
  opacity: 0.4;
}
.btn-primary[disabled]:hover, .btn-primary.disabled:hover {
  color: var(--secondary);
  background: var(--tertiary);
}
.btn-primary[disabled]:hover .d-icon, .btn-primary.disabled:hover .d-icon {
  color: var(--secondary);
}
.btn-primary .loading-container {
  display: none;
  margin: 0 6.75px 0 0;
}
.btn-primary.is-loading.btn-text.btn-small .loading-icon, .btn-primary.is-loading.btn-text.json-editor-btn-collapse .loading-icon {
  font-size: var(--font-down-1);
  margin-right: 0.2em;
}
.btn-primary.is-loading .loading-icon {
  animation: rotate-forever 1s infinite linear, fadein 1s;
}

.btn-danger, .json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  color: var(--secondary);
  background-color: var(--danger);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--d-button-border-radius);
  transition: var(--d-button-transition);
  cursor: pointer;
}
.btn-danger:visited, .json-editor-btn-delete:visited, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:visited {
  color: var(--secondary);
}
.btn-danger .d-icon, .json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete .d-icon {
  color: var(--danger-low);
  margin-right: 0.45em;
  transition: var(--d-button-transition);
}
@media (forced-colors: active) {
  .btn-danger .d-icon, .json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete .d-icon {
    color: ButtonText;
  }
}
.btn-danger .d-button-label + .d-icon, .json-editor-btn-delete .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}
.btn-danger.no-text .d-icon, .btn-danger.json-editor-btn-collapse .d-icon, .json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete .d-icon {
  margin-right: 0;
}
.discourse-no-touch .btn-danger:hover, .discourse-no-touch .json-editor-btn-delete:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-delete:hover, .discourse-no-touch .btn-danger.btn-hover, .discourse-no-touch .btn-hover.json-editor-btn-delete, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-delete {
  background-color: var(--danger-hover);
  color: var(--secondary);
}
.discourse-no-touch .btn-danger:hover .d-icon, .discourse-no-touch .json-editor-btn-delete:hover .d-icon, .discourse-no-touch .btn-danger.btn-hover .d-icon, .discourse-no-touch .btn-hover.json-editor-btn-delete .d-icon {
  color: var(--danger-low);
}
@media (forced-colors: active) {
  .discourse-no-touch .btn-danger:hover .d-icon, .discourse-no-touch .json-editor-btn-delete:hover .d-icon, .discourse-no-touch .btn-danger.btn-hover .d-icon, .discourse-no-touch .btn-hover.json-editor-btn-delete .d-icon {
    color: Highlight;
  }
}
.btn-danger:focus-visible, .json-editor-btn-delete:focus-visible, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:focus-visible {
  outline: none;
  background-color: var(--danger-hover);
  color: var(--secondary);
}
.btn-danger:focus-visible .d-icon, .json-editor-btn-delete:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:focus-visible .d-icon {
  color: var(--danger-low);
}
@media (forced-colors: active) {
  .btn-danger:focus-visible .d-icon, .json-editor-btn-delete:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:focus-visible .d-icon {
    color: Highlight;
  }
}
.discourse-no-touch .btn-danger:active:not(:hover, :focus), .discourse-no-touch .btn-danger.btn-active:not(:hover, :focus), .btn-danger:active:not(:hover, :focus), .json-editor-btn-delete:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:active:not(:hover, :focus), .btn-danger.btn-active:not(:hover, :focus), .btn-active.json-editor-btn-delete:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-delete:not(:hover, :focus) {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.6) 100%, rgba(var(--primary-rgb), 0.6) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn-danger:active:not(:hover, :focus) .d-icon, .discourse-no-touch .btn-danger.btn-active:not(:hover, :focus) .d-icon, .btn-danger:active:not(:hover, :focus) .d-icon, .json-editor-btn-delete:active:not(:hover, :focus) .d-icon, .btn-danger.btn-active:not(:hover, :focus) .d-icon, .btn-active.json-editor-btn-delete:not(:hover, :focus) .d-icon {
  color: var(--danger-low);
}
.discourse-no-touch .btn-danger:active, .discourse-no-touch .btn-danger.btn-active, .btn-danger:active, .json-editor-btn-delete:active, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:active, .btn-danger.btn-active, .btn-active.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-delete {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.3) 100%, rgba(var(--primary-rgb), 0.3) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn-danger:active .d-icon, .discourse-no-touch .btn-danger.btn-active .d-icon, .btn-danger:active .d-icon, .json-editor-btn-delete:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete:active .d-icon, .btn-danger.btn-active .d-icon, .btn-active.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-delete .d-icon {
  color: var(--danger-low);
}
.btn-danger[disabled], [disabled].json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-delete, .btn-danger.disabled, .disabled.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-delete {
  cursor: not-allowed;
}
.btn-danger[disabled]:not(.is-loading), [disabled].json-editor-btn-delete:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-delete:not(.is-loading), .btn-danger.disabled:not(.is-loading), .disabled.json-editor-btn-delete:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-delete:not(.is-loading) {
  opacity: 0.4;
}
.btn-danger[disabled]:hover, [disabled].json-editor-btn-delete:hover, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-delete:hover, .btn-danger.disabled:hover, .disabled.json-editor-btn-delete:hover, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-delete:hover {
  color: var(--secondary);
  background: var(--danger);
}
.btn-danger[disabled]:hover .d-icon, [disabled].json-editor-btn-delete:hover .d-icon, .btn-danger.disabled:hover .d-icon, .disabled.json-editor-btn-delete:hover .d-icon {
  color: var(--danger-low);
}
.btn-danger .loading-container, .json-editor-btn-delete .loading-container, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete .loading-container {
  display: none;
  margin: 0 6.75px 0 0;
}
.btn-danger.is-loading.btn-text.btn-small .loading-icon, .btn-danger.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .is-loading.btn-text.btn-small.json-editor-btn-delete .loading-icon, .is-loading.btn-text.json-editor-btn-delete.json-editor-btn-collapse .loading-icon {
  font-size: var(--font-down-1);
  margin-right: 0.2em;
}
.btn-danger.is-loading .loading-icon, .is-loading.json-editor-btn-delete .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.json-editor-btn-delete .loading-icon {
  animation: rotate-forever 1s infinite linear, fadein 1s;
}

.btn.cancel, .d-modal.json-schema-editor-modal .je-ready button.cancel, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  color: var(--secondary);
  background-color: var(--danger);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--d-button-border-radius);
  transition: var(--d-button-transition);
  cursor: pointer;
}
.btn.cancel:visited, .d-modal.json-schema-editor-modal .je-ready button.cancel:visited, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:visited {
  color: var(--secondary);
}
.btn.cancel .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add .d-icon {
  color: var(--secondary);
  margin-right: 0.45em;
  transition: var(--d-button-transition);
}
@media (forced-colors: active) {
  .btn.cancel .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add .d-icon {
    color: ButtonText;
  }
}
.btn.cancel .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}
.btn.cancel.no-text .d-icon, .btn.cancel.json-editor-btn-collapse .d-icon, .btn.cancel.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.no-text.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add.json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add.json-editor-btn-delete .d-icon {
  margin-right: 0;
}
.discourse-no-touch .btn.cancel:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.json-editor-btn-add:hover, .discourse-no-touch .btn.cancel.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.btn-hover.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.btn-hover.json-editor-btn-add {
  background-color: var(--danger-hover);
  color: var(--secondary);
}
.discourse-no-touch .btn.cancel:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.cancel.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.btn-hover.json-editor-btn-add .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .discourse-no-touch .btn.cancel:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.cancel.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.cancel.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .cancel.btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .cancel.btn-hover.json-editor-btn-add .d-icon {
    color: Highlight;
  }
}
.btn.cancel:focus-visible, .d-modal.json-schema-editor-modal .je-ready button.cancel:focus-visible, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:focus-visible {
  outline: none;
  background-color: var(--danger-hover);
  color: var(--secondary);
}
.btn.cancel:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:focus-visible .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .btn.cancel:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:focus-visible .d-icon {
    color: Highlight;
  }
}
.discourse-no-touch .btn.cancel:active:not(:hover, :focus), .discourse-no-touch .btn.cancel.btn-active:not(:hover, :focus), .btn.cancel:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button.cancel:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:active:not(:hover, :focus), .btn.cancel.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .cancel.btn-active.json-editor-btn-add:not(:hover, :focus) {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.6) 100%, rgba(var(--primary-rgb), 0.6) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn.cancel:active:not(:hover, :focus) .d-icon, .discourse-no-touch .btn.cancel.btn-active:not(:hover, :focus) .d-icon, .btn.cancel:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:active:not(:hover, :focus) .d-icon, .btn.cancel.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.btn-active.json-editor-btn-add:not(:hover, :focus) .d-icon {
  color: var(--secondary);
}
.discourse-no-touch .btn.cancel:active, .discourse-no-touch .btn.cancel.btn-active, .btn.cancel:active, .d-modal.json-schema-editor-modal .je-ready button.cancel:active, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:active, .btn.cancel.btn-active, .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-active, .d-modal.json-schema-editor-modal .je-ready .cancel.btn-active.json-editor-btn-add {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.3) 100%, rgba(var(--primary-rgb), 0.3) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn.cancel:active .d-icon, .discourse-no-touch .btn.cancel.btn-active .d-icon, .btn.cancel:active .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add:active .d-icon, .btn.cancel.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.btn-active.json-editor-btn-add .d-icon {
  color: var(--secondary);
}
.btn.cancel[disabled], .d-modal.json-schema-editor-modal .je-ready button.cancel[disabled], .d-modal.json-schema-editor-modal .je-ready .cancel[disabled].json-editor-btn-add, .btn.cancel.disabled, .d-modal.json-schema-editor-modal .je-ready button.cancel.disabled, .d-modal.json-schema-editor-modal .je-ready .cancel.disabled.json-editor-btn-add {
  cursor: not-allowed;
}
.btn.cancel[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button.cancel[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready .cancel[disabled].json-editor-btn-add:not(.is-loading), .btn.cancel.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button.cancel.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready .cancel.disabled.json-editor-btn-add:not(.is-loading) {
  opacity: 0.4;
}
.btn.cancel[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready button.cancel[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready .cancel[disabled].json-editor-btn-add:hover, .btn.cancel.disabled:hover, .d-modal.json-schema-editor-modal .je-ready button.cancel.disabled:hover, .d-modal.json-schema-editor-modal .je-ready .cancel.disabled.json-editor-btn-add:hover {
  color: var(--secondary);
  background: var(--danger);
}
.btn.cancel[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel[disabled].json-editor-btn-add:hover .d-icon, .btn.cancel.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.disabled.json-editor-btn-add:hover .d-icon {
  color: var(--secondary);
}
.btn.cancel .loading-container, .d-modal.json-schema-editor-modal .je-ready button.cancel .loading-container, .d-modal.json-schema-editor-modal .je-ready .cancel.json-editor-btn-add .loading-container {
  display: none;
  margin: 0 6.75px 0 0;
}
.btn.cancel.is-loading.btn-text.btn-small .loading-icon, .btn.cancel.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.is-loading.btn-text.btn-small .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.is-loading.btn-text.btn-small.json-editor-btn-add .loading-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.is-loading.btn-text.json-editor-btn-add.json-editor-btn-collapse .loading-icon {
  font-size: var(--font-down-1);
  margin-right: 0.2em;
}
.btn.cancel.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.cancel.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready .cancel.is-loading.json-editor-btn-add .loading-icon {
  animation: rotate-forever 1s infinite linear, fadein 1s;
}

.btn.ok, .d-modal.json-schema-editor-modal .je-ready button.ok, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  color: var(--secondary);
  background-color: var(--success);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  border-radius: var(--d-button-border-radius);
  transition: var(--d-button-transition);
  cursor: pointer;
}
.btn.ok:visited, .d-modal.json-schema-editor-modal .je-ready button.ok:visited, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:visited {
  color: var(--secondary);
}
.btn.ok .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon {
  color: var(--secondary);
  margin-right: 0.45em;
  transition: var(--d-button-transition);
}
@media (forced-colors: active) {
  .btn.ok .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon {
    color: ButtonText;
  }
}
.btn.ok .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}
.btn.ok.no-text .d-icon, .btn.ok.json-editor-btn-collapse .d-icon, .btn.ok.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok .d-icon, .d-modal.json-schema-editor-modal .je-ready .no-text.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-add .d-icon {
  margin-right: 0;
}
.discourse-no-touch .btn.ok:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover, .discourse-no-touch .btn.ok.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok.btn-hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok.btn-hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add {
  background-color: var(--success-hover);
  color: var(--secondary);
}
.discourse-no-touch .btn.ok:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.ok.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .discourse-no-touch .btn.ok:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok:hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-add:hover .d-icon, .discourse-no-touch .btn.ok.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.ok.btn-hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.ok.btn-hover .d-icon, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .btn-hover.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .btn-hover.json-editor-btn-add .d-icon {
    color: Highlight;
  }
}
.btn.ok:focus-visible, .d-modal.json-schema-editor-modal .je-ready button.ok:focus-visible, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible {
  outline: none;
  background-color: var(--success-hover);
  color: var(--secondary);
}
.btn.ok:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible .d-icon {
  color: var(--secondary);
}
@media (forced-colors: active) {
  .btn.ok:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible .d-icon {
    color: Highlight;
  }
}
.discourse-no-touch .btn.ok:active:not(:hover, :focus), .discourse-no-touch .btn.ok.btn-active:not(:hover, :focus), .btn.ok:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button.ok:active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active:not(:hover, :focus), .btn.ok.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready button.ok.btn-active:not(:hover, :focus), .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add:not(:hover, :focus) {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.6) 100%, rgba(var(--primary-rgb), 0.6) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn.ok:active:not(:hover, :focus) .d-icon, .discourse-no-touch .btn.ok.btn-active:not(:hover, :focus) .d-icon, .btn.ok:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok:active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active:not(:hover, :focus) .d-icon, .btn.ok.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.btn-active:not(:hover, :focus) .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add:not(:hover, :focus) .d-icon {
  color: var(--secondary);
}
.discourse-no-touch .btn.ok:active, .discourse-no-touch .btn.ok.btn-active, .btn.ok:active, .d-modal.json-schema-editor-modal .je-ready button.ok:active, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active, .btn.ok.btn-active, .d-modal.json-schema-editor-modal .je-ready button.ok.btn-active, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.3) 100%, rgba(var(--primary-rgb), 0.3) 100%);
  color: var(--secondary);
}
.discourse-no-touch .btn.ok:active .d-icon, .discourse-no-touch .btn.ok.btn-active .d-icon, .btn.ok:active .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:active .d-icon, .btn.ok.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.btn-active .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-active.json-editor-btn-add .d-icon {
  color: var(--secondary);
}
.btn.ok[disabled], .d-modal.json-schema-editor-modal .je-ready button.ok[disabled], .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add, .btn.ok.disabled, .d-modal.json-schema-editor-modal .je-ready button.ok.disabled, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add {
  cursor: not-allowed;
}
.btn.ok[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button.ok[disabled]:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:not(.is-loading), .btn.ok.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready button.ok.disabled:not(.is-loading), .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:not(.is-loading) {
  opacity: 0.4;
}
.btn.ok[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready button.ok[disabled]:hover, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:hover, .btn.ok.disabled:hover, .d-modal.json-schema-editor-modal .je-ready button.ok.disabled:hover, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:hover {
  color: var(--secondary);
  background: var(--success);
}
.btn.ok[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok[disabled]:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add:hover .d-icon, .btn.ok.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.disabled:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .disabled.json-editor-btn-add:hover .d-icon {
  color: var(--secondary);
}
.btn.ok .loading-container, .d-modal.json-schema-editor-modal .je-ready button.ok .loading-container, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .loading-container {
  display: none;
  margin: 0 6.75px 0 0;
}
.btn.ok.is-loading.btn-text.btn-small .loading-icon, .btn.ok.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.is-loading.btn-text.btn-small .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.is-loading.btn-text.json-editor-btn-collapse .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.btn-text.btn-small.json-editor-btn-add .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.btn-text.json-editor-btn-add.json-editor-btn-collapse .loading-icon {
  font-size: var(--font-down-1);
  margin-right: 0.2em;
}
.btn.ok.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready button.ok.is-loading .loading-icon, .d-modal.json-schema-editor-modal .je-ready .is-loading.json-editor-btn-add .loading-icon {
  animation: rotate-forever 1s infinite linear, fadein 1s;
}

.btn-social {
  color: #000;
  background: #fff;
  border-radius: var(--d-border-radius);
}
.btn-social:focus-visible {
  outline: 1px solid #000;
}
.btn-social[href] {
  color: var(--secondary);
}
.btn-social::before {
  margin-right: 9px;
  font-size: var(--font-0);
}
.btn-social .d-icon, .btn-social.btn:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-social:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-social.json-editor-btn-add:hover .d-icon {
  color: #000;
}
.btn-social.cas .d-icon {
  color: var(--cas);
}
.btn-social.cas:hover .d-icon {
  color: var(--cas);
}
.btn-social.twitter .d-icon {
  color: var(--twitter);
}
.btn-social.twitter:hover .d-icon {
  color: var(--twitter);
}
.btn-social.github .d-icon {
  color: var(--github);
}
.btn-social.github:hover .d-icon {
  color: var(--github);
}
.btn-social.discord .d-icon {
  color: var(--discord);
}
.btn-social.discord:hover .d-icon {
  color: var(--discord);
}

.btn-small, .json-editor-btn-collapse {
  font-size: var(--font-down-1);
  min-height: 20px;
}

.btn-large {
  font-size: var(--font-up-1);
}

.btn-flat, .json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse {
  background: transparent;
  border: 0;
  line-height: var(--line-height-small);
  transition: var(--d-button-transition);
}
.btn-flat .d-icon, .json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse .d-icon {
  color: var(--primary-low-mid);
  transition: var(--d-button-transition);
}
.discourse-no-touch .btn-flat:hover, .discourse-no-touch .json-editor-btn-collapse:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-collapse:hover, .discourse-no-touch .btn-flat:focus-visible, .discourse-no-touch .json-editor-btn-collapse:focus-visible, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:focus-visible, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-collapse:focus-visible {
  color: var(--primary);
}
.discourse-no-touch .btn-flat:hover .d-icon, .discourse-no-touch .json-editor-btn-collapse:hover .d-icon, .discourse-no-touch .btn-flat:focus-visible .d-icon, .discourse-no-touch .json-editor-btn-collapse:focus-visible .d-icon {
  color: var(--primary);
}
.discourse-no-touch .btn-flat:hover, .discourse-no-touch .json-editor-btn-collapse:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-collapse:hover {
  background: transparent;
}
.discourse-no-touch .btn-flat:focus-visible, .discourse-no-touch .json-editor-btn-collapse:focus-visible, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:focus-visible, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .json-editor-btn-collapse:focus-visible {
  background: var(--primary-low);
}
.btn-flat.close, .close.json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-collapse {
  background: transparent;
  font-size: var(--font-up-2);
}
.btn-flat.close .d-icon, .close.json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-collapse .d-icon {
  color: var(--primary-high);
}
.discourse-no-touch .btn-flat.close:hover, .discourse-no-touch .close.json-editor-btn-collapse:hover, .discourse-no-touch .btn-flat.close:focus-visible, .discourse-no-touch .close.json-editor-btn-collapse:focus-visible {
  background: transparent;
}
.discourse-no-touch .btn-flat.close:hover .d-icon, .discourse-no-touch .close.json-editor-btn-collapse:hover .d-icon, .discourse-no-touch .btn-flat.close:focus-visible .d-icon, .discourse-no-touch .close.json-editor-btn-collapse:focus-visible .d-icon {
  color: var(--primary);
}
.btn-flat.close:focus-visible, .close.json-editor-btn-collapse:focus-visible, .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-collapse:focus-visible {
  background: transparent;
}
.btn-flat.close:focus-visible .d-icon, .close.json-editor-btn-collapse:focus-visible .d-icon {
  color: var(--primary);
}
.btn-flat.btn-text, .btn-text.json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .btn-text.json-editor-btn-collapse {
  color: var(--tertiary);
}
.btn-flat.btn-text[disabled]:hover, .btn-text[disabled].json-editor-btn-collapse:hover, .btn-flat.btn-text[disabled].btn-hover, .btn-text[disabled].btn-hover.json-editor-btn-collapse, .btn-flat.btn-text[disabled]:focus-visible, .btn-text[disabled].json-editor-btn-collapse:focus-visible, .discourse-no-touch .btn-flat.btn-text[disabled]:hover, .discourse-no-touch .btn-flat.btn-text[disabled].btn-hover, .discourse-no-touch .btn-flat.btn-text[disabled]:focus-visible {
  color: var(--primary);
}
.discourse-no-touch .btn-flat.btn-text[disabled]:not([disabled]):hover, .discourse-no-touch .btn-text[disabled].json-editor-btn-collapse:not([disabled]):hover, .discourse-no-touch .btn-flat.btn-text[disabled]:not([disabled]).btn-hover, .discourse-no-touch .btn-text[disabled].json-editor-btn-collapse:not([disabled]).btn-hover, .discourse-no-touch .btn-flat.btn-text[disabled]:not([disabled]):focus-visible, .discourse-no-touch .btn-text[disabled].json-editor-btn-collapse:not([disabled]):focus-visible {
  color: var(--tertiary-hover);
}
.discourse-no-touch .btn-flat.btn-text[disabled]:active, .discourse-no-touch .btn-text[disabled].json-editor-btn-collapse:active, .discourse-no-touch .btn-flat.btn-text[disabled].btn-active, .discourse-no-touch .btn-text[disabled].btn-active.json-editor-btn-collapse {
  background-image: linear-gradient(to bottom, rgba(var(--primary-rgb), 0.2) 100%, rgba(var(--primary-rgb), 0.2) 100%);
}
.btn-flat:focus-visible, .json-editor-btn-collapse:focus-visible, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:focus-visible {
  outline: none;
  background: var(--primary-low);
}
.btn-flat:focus-visible .d-icon, .json-editor-btn-collapse:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse:focus-visible .d-icon {
  color: var(--primary);
}
.btn-flat.back-button, .back-button.json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .back-button.json-editor-btn-collapse {
  margin-bottom: 1em;
}

.btn-link {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--tertiary);
}
.discourse-no-touch .btn-link:hover {
  color: var(--tertiary);
  background: transparent;
}
.btn-link:focus-visible {
  color: var(--tertiary);
  background: transparent;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}

.btn-transparent, .btn-transparent.btn-default, .btn-transparent.btn-text, .btn-transparent.btn-icon, .btn-transparent.no-text, .d-modal.json-schema-editor-modal .je-ready button.btn-transparent, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete {
  background: transparent;
  border: 0;
  color: var(--primary);
}
.btn-transparent .d-icon, .btn-transparent.btn-default .d-icon, .btn-transparent.btn-text .d-icon, .btn-transparent.btn-icon .d-icon, .btn-transparent.no-text .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-transparent .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete .d-icon {
  color: var(--primary-high);
}
.btn-transparent:focus-visible, .btn-transparent.btn-default:focus-visible, .btn-transparent.btn-text:focus-visible, .btn-transparent.btn-icon:focus-visible, .btn-transparent.no-text:focus-visible, .d-modal.json-schema-editor-modal .je-ready button.btn-transparent:focus-visible, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete:focus-visible {
  background: transparent;
  color: var(--tertiary-hover);
}
.btn-transparent:focus-visible .d-icon, .btn-transparent.btn-default:focus-visible .d-icon, .btn-transparent.btn-text:focus-visible .d-icon, .btn-transparent.btn-icon:focus-visible .d-icon, .btn-transparent.no-text:focus-visible .d-icon, .d-modal.json-schema-editor-modal .je-ready button.btn-transparent:focus-visible .d-icon {
  color: inherit;
}
.discourse-no-touch .btn-transparent:hover, .discourse-no-touch .btn-transparent.btn-default:hover, .discourse-no-touch .btn-transparent.btn-text:hover, .discourse-no-touch .btn-transparent.btn-icon:hover, .discourse-no-touch .btn-transparent.no-text:hover, .discourse-no-touch .d-modal.json-schema-editor-modal .je-ready button.btn-transparent:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch button.btn-transparent:hover {
  background: transparent;
  color: var(--tertiary-hover);
}
.discourse-no-touch .btn-transparent:hover .d-icon, .discourse-no-touch .btn-transparent.btn-default:hover .d-icon, .discourse-no-touch .btn-transparent.btn-text:hover .d-icon, .discourse-no-touch .btn-transparent.btn-icon:hover .d-icon, .discourse-no-touch .btn-transparent.no-text:hover .d-icon {
  color: inherit;
}
.btn-transparent.btn-primary {
  color: var(--tertiary);
}
.btn-transparent.btn-primary .d-icon {
  color: inherit;
}
.btn-transparent.btn-primary:focus-visible {
  color: var(--tertiary-hover);
}
.discourse-no-touch .btn-transparent.btn-primary:hover {
  color: var(--tertiary-hover);
}
.btn-transparent.btn-danger, .btn-transparent.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete {
  color: var(--danger);
}
.btn-transparent.btn-danger .d-icon, .btn-transparent.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete .d-icon {
  color: inherit;
}
.btn-transparent.btn-danger:focus-visible, .btn-transparent.json-editor-btn-delete:focus-visible, .d-modal.json-schema-editor-modal .je-ready .btn-transparent.json-editor-btn-delete:focus-visible {
  color: var(--danger-hover);
}
.discourse-no-touch .btn-transparent.btn-danger:hover, .discourse-no-touch .btn-transparent.json-editor-btn-delete:hover {
  color: var(--danger-hover);
}
.btn-transparent.btn-success {
  color: var(--success);
}
.btn-transparent.btn-success .d-icon {
  color: inherit;
}
.btn-transparent.btn-success:focus-visible {
  color: var(--success-hover);
}
.discourse-no-touch .btn-transparent.btn-success:hover {
  color: var(--success-hover);
}

.btn-mini-toggle {
  border-radius: var(--d-border-radius);
  padding: 0.4em 0.467em;
}
.btn-mini-toggle .d-icon {
  color: var(--primary-medium);
}
.discourse-no-touch .btn-mini-toggle:hover .d-icon, .discourse-no-touch .btn-mini-toggle.btn-hover .d-icon {
  color: var(--primary);
}

.d-select {
  width: 100%;
  height: 2.25em;
  background: var(--secondary);
  border: 1px solid var(--primary-400);
  border-radius: var(--d-input-border-radius);
  box-sizing: border-box;
  margin: 0;
  padding: 0 2em 0 0.5em !important;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23919191' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 16px 12px;
  cursor: pointer;
}
.d-select:focus:not(:disabled), .d-select:focus-visible:not(:disabled), .d-select:focus:focus-visible:not(:disabled), .d-select:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.d-select:focus:not(:disabled) .d-icon, .d-select:focus-visible:not(:disabled) .d-icon, .d-select:focus:focus-visible:not(:disabled) .d-icon, .d-select:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .d-select:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .d-select:hover:not(:disabled) .d-icon {
  color: inherit;
}

.color-picker {
  display: flex;
  align-items: stretch;
}
.color-picker .add-on {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  background-color: var(--primary-low);
  border-color: var(--primary-medium);
  border-right-color: transparent;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.color-picker .hex-input {
  margin: 0;
}
.color-picker .picker {
  padding: 0;
  border-left: none;
  cursor: pointer;
  margin-bottom: 0;
  height: unset;
}
.color-picker input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.color-picker input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 0;
}

.char-counter__ratio {
  display: block;
  text-align: right;
  margin-top: 0.5rem;
}
.char-counter.exceeded > textarea {
  border-color: var(--danger);
  outline-color: var(--danger);
}
.char-counter.exceeded__ratio {
  color: var(--danger);
}

.conditional-loading-section.is-loading {
  padding: 2em;
  margin: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-very-low);
  flex-direction: column;
}
.conditional-loading-section.is-loading .title {
  font-size: var(--font-up-1);
  font-weight: 700;
}
.conditional-loading-section:not(.is-loading) {
  animation: fadein 0.5s;
}
@media (prefers-reduced-motion) {
  .conditional-loading-section:not(.is-loading) {
    animation-duration: 0s;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.calendar-date-time-input {
  padding: 5px;
  border: 1px solid var(--primary-low);
  z-index: 1;
  background: var(--secondary);
  width: 200px;
  box-sizing: border-box;
  margin-left: 1em;
}
.calendar-date-time-input .fake-input {
  display: none;
}
.calendar-date-time-input .date-picker {
  display: flex;
  flex-direction: column;
  width: auto;
  box-sizing: border-box;
}
.calendar-date-time-input .date-picker .pika-single {
  position: relative !important;
  flex: 1;
  display: flex;
  border: 0;
}
.calendar-date-time-input .time-pickers {
  display: flex;
  justify-content: center;
  flex: 1;
  margin-top: 1em;
  align-items: center;
  padding: 0.25em;
  border-top: 1px solid var(--primary-low-mid);
  box-sizing: border-box;
}
.calendar-date-time-input .time-pickers .d-icon {
  color: var(--primary-medium);
  margin-right: 0.5em;
}
.calendar-date-time-input .time-pickers .time-picker {
  box-shadow: none;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

.convert-to-public-topic .modal-body .instructions {
  margin-bottom: 1em;
}

.d-toggle-switch {
  --toggle-switch-width: 45px;
  --toggle-switch-height: 24px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.d-toggle-switch:focus .d-toggle-switch__checkbox-slider {
  outline: 2px solid var(--tertiary);
  outline-offset: 2px;
}
.d-toggle-switch:hover .d-toggle-switch__checkbox-slider {
  background-color: var(--primary-high);
}
.d-toggle-switch:hover .d-toggle-switch__checkbox[aria-checked=true]:not([disabled]) + .d-toggle-switch__checkbox-slider {
  background-color: var(--tertiary-hover);
}
.d-toggle-switch__label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
}
.d-toggle-switch__checkbox {
  position: absolute;
  border: 0;
  padding: 0;
  background: transparent;
}
.d-toggle-switch__checkbox:focus + .d-toggle-switch__checkbox-slider {
  outline: 2px solid var(--tertiary);
  outline-offset: 2px;
}
.d-toggle-switch__checkbox:focus:not(:focus-visible) + .d-toggle-switch__checkbox-slider {
  outline: none;
}
.d-toggle-switch__checkbox[aria-checked=true] + .d-toggle-switch__checkbox-slider {
  background-color: var(--tertiary);
}
.d-toggle-switch__checkbox[aria-checked=true] + .d-toggle-switch__checkbox-slider::before {
  left: calc(var(--toggle-switch-width) - 22px);
}
.d-toggle-switch__checkbox[disabled] + .d-toggle-switch__checkbox-slider {
  opacity: 0.5;
  cursor: not-allowed;
}
.d-toggle-switch__checkbox[disabled] + .d-toggle-switch__checkbox-slider::before {
  cursor: not-allowed;
}
.d-toggle-switch__checkbox-slider {
  display: inline-block;
  cursor: pointer;
  background: var(--primary-low-mid);
  border-radius: var(--toggle-switch-height);
  width: var(--toggle-switch-width);
  height: var(--toggle-switch-height);
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.d-toggle-switch__checkbox-slider .d-icon {
  font-size: var(--font-down-1);
  color: var(--secondary);
  left: 7px;
  top: 6px;
  position: absolute;
}
.d-toggle-switch__checkbox-slider::before, .d-toggle-switch__checkbox-slider::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.d-toggle-switch__checkbox-slider::before {
  background: var(--secondary);
  border-radius: 50%;
  width: calc(var(--toggle-switch-height) * 0.75);
  height: calc(var(--toggle-switch-height) * 0.75);
  top: calc(var(--toggle-switch-height) * 0.125);
  left: calc(var(--toggle-switch-height) * 0.125);
  transition: left 0.25s;
}
@media (prefers-reduced-motion: reduce) {
  .d-toggle-switch__checkbox-slider::before {
    transition-duration: 0ms;
  }
}

.d-date-input {
  display: inline-flex;
  cursor: pointer;
  flex-direction: column;
  min-width: 140px;
  flex: 1 0 auto;
}
.d-date-input .date-picker {
  cursor: pointer;
  margin: 0;
  text-align: left;
  width: 100%;
  box-shadow: none;
  position: relative;
}
.d-date-input .date-picker::input-placeholder, .d-date-input .date-picker::placeholder {
  font-size: var(--font-0);
  color: var(--primary-medium);
}
.d-date-input .date-picker:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
html.ios-device .d-date-input .date-picker::after {
  font-size: var(--font-0);
  color: var(--primary-medium);
  content: attr(placeholder);
}
html:not(.ios-device) .d-date-input .date-picker::after {
  content: "";
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='16px' viewBox='0 0 448 512'%3E%3Cpath d='M400 64h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
  position: absolute;
  right: 4px;
  top: 0;
  box-sizing: border-box;
  background-color: var(--primary);
  height: 100%;
  width: 20px;
  z-index: 1;
}
html:not(.ios-device) .d-date-input .date-picker::-webkit-calendar-picker-indicator {
  background: transparent;
  position: absolute;
  cursor: pointer;
  right: 0;
  z-index: 2;
}
.d-date-input .pika-single {
  margin-left: -1px;
  margin-top: 1px;
}
.d-date-input .pika-single .pika-row td .pika-button.pika-day {
  box-shadow: none;
  border-radius: 0;
}

.d-date-input + .d-time-input {
  margin-left: 1px;
}

.d-time-input + .d-date-input {
  margin-left: 1px;
}

.d-date-input + .clear-date-time {
  margin-left: 1px;
}

.pika-table th,
.pika-table td {
  padding: 0 !important;
  border-top: none !important;
  border-bottom: none !important;
}

.date-picker-wrapper {
  position: relative;
  display: inline-block;
}

input.date-picker {
  margin: 0;
  max-width: 180px;
}

.pika-single {
  position: absolute !important;
}

.d-date-time-input-range .from {
  margin-bottom: 0.5em;
}

.d-date-time-input {
  display: flex;
  border: 1px solid var(--primary-medium);
  box-sizing: border-box;
  position: relative;
}
.d-date-time-input .date-picker {
  max-width: unset;
  border-color: transparent;
}
.d-date-time-input .d-date-time-input {
  margin-left: auto;
  flex: 1 1 auto;
}
.d-date-time-input .d-time-input {
  width: 90px;
}
.d-date-time-input .d-time-input .select-kit-header {
  border-color: transparent;
  width: 90px;
}
.d-date-time-input .d-date-input + .d-time-input {
  margin-left: 1px;
}
.d-date-time-input .d-time-input + .d-date-input {
  margin-right: 1px;
}

.topic-drafts-menu-trigger {
  margin-left: -0.3em;
}

.topic-drafts-menu-content {
  margin-top: -0.4em;
}

.topic-drafts-menu-content .dropdown-menu .btn .d-button-label, .topic-drafts-menu-content .dropdown-menu .d-modal.json-schema-editor-modal .je-ready button .d-button-label, .d-modal.json-schema-editor-modal .je-ready .topic-drafts-menu-content .dropdown-menu button .d-button-label, .topic-drafts-menu-content .dropdown-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-button-label, .d-modal.json-schema-editor-modal .je-ready .topic-drafts-menu-content .dropdown-menu .json-editor-btn-add .d-button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-drafts-menu-content .dropdown-menu .view-all-drafts {
  display: flex;
  justify-content: space-between;
}
.topic-drafts-menu-content .dropdown-menu .view-all-drafts span:first-child {
  color: var(--primary-high);
}

.file-size-picker {
  display: flex;
}
.file-size-picker .file-size-input {
  flex: 1;
  margin-bottom: 0;
}
.file-size-picker .file-size-unit-selector {
  flex: 0 0 8em;
}
.file-size-picker .select-kit .select-kit-header {
  border-left: 0;
}

:root {
  --footer-nav-height: 49px;
}

html.footer-nav-visible #main-outlet {
  padding-bottom: calc(var(--footer-nav-height) + 15px);
}
html.footer-nav-visible .with-topic-progress {
  bottom: calc(var(--footer-nav-height) + env(safe-area-inset-bottom) + var(--composer-height, 0px));
}
html.footer-nav-visible .posts-filtered-notice {
  transition: all linear 0.1s;
  bottom: calc(var(--footer-nav-height) + env(safe-area-inset-bottom));
}

.footer-nav {
  background-color: rgba(var(--header_background-rgb), 0.9);
  box-shadow: var(--shadow-footer-nav);
  height: var(--footer-nav-height);
  position: fixed;
  bottom: calc(var(--footer-nav-height) * -1);
  left: 0;
  width: 100%;
  z-index: 900;
  transition: all linear 0.1s;
}
.footer-nav .d-icon {
  color: var(--header_primary-medium);
}
.footer-nav.visible {
  bottom: 0;
}
.footer-nav .footer-nav-widget {
  display: flex;
  justify-content: "space-evenly";
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.footer-nav .footer-nav-widget button {
  flex: 1;
  margin: 4px;
  border-radius: 2px;
  padding: 14px 18px;
}
.footer-nav .footer-nav-widget button:disabled {
  opacity: 0.6;
}

@supports (padding: max(0px)) {
  .footer-nav.visible {
    padding-bottom: max(5px, env(safe-area-inset-bottom));
  }
}
@supports (-webkit-backdrop-filter: blur(10px)) {
  html:not(.footer-nav-ipad) .footer-nav {
    background-color: rgba(var(--header_background-rgb), 0.7);
    /* prefix needed for iOS < 18 */
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
}
html.footer-nav-ipad {
  padding-top: var(--footer-nav-height);
}
html.footer-nav-ipad .footer-nav {
  bottom: auto;
  top: 0;
  background-color: var(--header_background);
  z-index: 1020;
  padding-bottom: 0;
}
html.footer-nav-ipad .d-header-wrap {
  top: var(--footer-nav-height);
}

.form-template-field {
  position: relative;
}
.form-template-field input,
.form-template-field textarea,
.form-template-field select {
  width: 100%;
}
.form-template-field__dropdown {
  border: 1px solid var(--primary-medium);
  border-radius: var(--d-input-border-radius);
  padding: 0.5em 0.65em;
  font-size: var(--font-0);
}
.form-template-field__multi-select {
  border: 1px solid var(--primary-medium);
  border-radius: var(--d-input-border-radius);
  padding: 0.5em 0.65em;
  font-size: var(--font-0);
}
.form-template-field__required-indicator {
  color: var(--danger);
  margin-left: 0.5em;
  font-size: var(--font-down-4);
}
.form-template-field__uploaded-files {
  list-style: none;
  margin-left: 0;
}
.form-template-field__uploaded-files li {
  padding: 0.5rem;
  margin-block: 0.25rem;
  border: 1px solid var(--primary-low-mid);
  background: var(--primary-low);
  border-radius: var(--d-border-radius);
  display: flex;
  align-items: center;
}
.form-template-field__uploaded-files li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 70%;
}
.form-template-field__uploaded-files li span {
  color: var(--primary-high);
  margin-left: auto;
  font-size: var(--font-down-1);
}
.form-template-field__uploaded-files .d-icon {
  color: var(--tertiary);
  margin-right: 0.5rem;
}
.form-template-field__textarea {
  min-height: 100px;
}
.form-template-field__description {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}

.group-member-dropdown {
  text-align: left;
}

.group-form-automatic-membership-automatic,
.groups-form-grant-trust-level {
  margin-bottom: 10px;
}

a.hashtag {
  color: var(--primary-or-primary-low-mid);
  font-weight: bold;
}
a.hashtag:visited, a.hashtag:hover {
  color: var(--primary-or-primary-low-mid);
}
a.hashtag:hover span {
  text-decoration: underline;
}

.hashtag-cooked {
  display: inline;
  font-size: 0.93em;
  font-weight: normal;
  color: var(--primary);
  padding: 0.14em 0.34em 0.19em;
  background: var(--primary-low);
  border-radius: 0.6em;
  text-decoration: none;
  text-wrap: nowrap;
}
.hashtag-cooked.--bot {
  background: var(--success-low);
}
.hashtag-cooked.--wide {
  background: var(--highlight-low-or-medium);
}
.hashtag-cooked.--current {
  background: var(--tertiary-400);
}
.hashtag-cooked:visited, .hashtag-cooked:hover {
  color: var(--primary);
}
.hashtag-cooked .hashtag-icon-placeholder {
  width: 0.72em;
  height: 0.72em;
  display: inline-block;
  color: var(--primary-medium);
}
.hashtag-cooked .d-icon,
.hashtag-cooked .hashtag-icon-placeholder {
  font-size: var(--font-down-2);
  margin: 0 0.3em 0 0;
}
.hashtag-cooked img.emoji {
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}
.hashtag-cooked svg {
  display: inline;
}
.hashtag-cooked .hashtag-category-badge {
  flex: 0 0 auto;
  width: 0.72em;
  height: 0.72em;
  margin-right: 0.25em;
  margin-left: 0.1em;
  display: inline-block;
}

.hashtag-autocomplete {
  max-height: 13.5em;
  overflow-y: auto;
  box-shadow: var(--shadow-dropdown);
  border-radius: 8px;
}
.hashtag-autocomplete__fadeout {
  height: inherit;
  max-height: inherit;
  overflow-y: auto;
}
.hashtag-autocomplete__fadeout::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.5em;
  background: linear-gradient(to bottom, rgba(var(--secondary-rgb), 0), rgba(var(--secondary-rgb), 100%));
}
.hashtag-autocomplete__option:last-of-type .hashtag-autocomplete__link {
  position: relative;
  z-index: 1;
}
.hashtag-autocomplete__link {
  align-items: center;
  display: flex;
}
.hashtag-autocomplete__link.selected {
  font-weight: bold;
}
.hashtag-autocomplete__link .d-icon {
  margin-right: 0.25em;
}
.hashtag-autocomplete__link .hashtag-category-badge {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
}
.hashtag-autocomplete__text {
  display: flex;
  align-items: center;
  gap: 0.25em;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hashtag-autocomplete__meta-text {
  color: var(--primary-700);
  font-size: var(--font-down-1);
}

.horizontal-overflow-nav {
  position: relative;
  min-width: 0;
  width: 100%;
}
.horizontal-overflow-nav .nav-pills {
  overflow: auto;
  min-width: 0;
  position: relative;
  scroll-behavior: auto;
  scrollbar-width: none;
}
.horizontal-overflow-nav .nav-pills::-webkit-scrollbar {
  height: 0;
}
.horizontal-overflow-nav.has-scroll .nav-pills {
  scroll-behavior: smooth;
}

.horizontal-overflow-nav__scroll-right,
.horizontal-overflow-nav__scroll-left {
  --fade-width: 1.5em;
  --fade-color: var(--secondary-rgb);
  opacity: 1;
  position: absolute;
  z-index: 2;
  background-color: var(--secondary);
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  transition: opacity 0.25s;
}
.horizontal-overflow-nav__scroll-right .d-icon,
.horizontal-overflow-nav__scroll-left .d-icon {
  pointer-events: none;
  margin-bottom: 0.2em;
  color: var(--d-nav-color--active);
}
.horizontal-overflow-nav__scroll-right.disabled,
.horizontal-overflow-nav__scroll-left.disabled {
  opacity: 0;
  pointer-events: none;
}

.horizontal-overflow-nav__scroll-right {
  right: 0;
}
.horizontal-overflow-nav__scroll-right::before {
  content: "";
  margin-left: calc(var(--fade-width) * -1);
  height: 100%;
  width: var(--fade-width);
  background: linear-gradient(to left, rgba(var(--fade-color), 1), rgba(var(--fade-color), 0));
}

.horizontal-overflow-nav__scroll-left {
  left: 0;
}
.horizontal-overflow-nav__scroll-left::after {
  content: "";
  margin-right: calc(var(--fade-width) * -1);
  height: 100%;
  width: var(--fade-width);
  background: linear-gradient(to right, rgba(var(--fade-color), 1), rgba(var(--fade-color), 0));
}

.iframed-html {
  background: white;
  border: none;
}

.user-ignore .btn-icon-text {
  margin-top: 0.5em;
}

.ignored-list {
  overflow: auto;
  max-height: 150px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--secondary);
  min-height: 30px;
  box-sizing: border-box;
}

.ignored-user-list-item {
  border: 1px solid var(--primary-medium);
  padding: 0;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.ignored-user-name {
  padding-left: 10px;
  padding-right: 10px;
}

.topic-list-item td:first-of-type,
.topic-post {
  border-left: 1px solid transparent;
}

.topic-list tr.selected td:first-of-type,
.topic-list-item.selected td:first-of-type,
.latest-topic-list-item.selected,
.search-results .fps-result.selected {
  box-shadow: inset 3px 0 0 var(--d-nav-color--active);
}

.featured-topic.selected,
.topic-post.selected {
  box-shadow: -3px 0 0 var(--d-nav-color--active);
}

.topic-list tr.selected:focus-visible,
.topic-list-item.selected:focus-visible,
.featured-topic.selected:focus-visible,
.topic-post.selected:focus-visible,
.latest-topic-list-item.selected:focus-visible,
.search-results .fps-result.selected:focus-visible {
  outline: none;
}

.latest .featured-topic {
  padding-left: 4px;
}

.topic-list-item.selected {
  background-color: inherit;
}

.keyboard-shortcuts-modal.d-modal.-max .d-modal__container {
  max-width: 70vw;
}

.shortcut-category {
  border: 1px solid var(--primary-low);
}
.shortcut-category h2 {
  font-size: var(--font-0);
  background-color: var(--primary-very-low);
  padding: 0.5rem 1rem;
}

#keyboard-shortcuts-help {
  box-sizing: border-box;
}
#keyboard-shortcuts-help .keyboard-shortcuts-help__container {
  columns: 2 20em;
}
#keyboard-shortcuts-help .keyboard-shortcuts-help__container section {
  display: inline-block;
  margin-bottom: 1.5em;
  width: 100%;
}
#keyboard-shortcuts-help:focus {
  outline: none;
}
#keyboard-shortcuts-help kbd:first-child {
  margin-left: 0;
}
#keyboard-shortcuts-help .span-1 {
  grid-row-end: span 1;
}
#keyboard-shortcuts-help .span-2 {
  grid-row-end: span 2;
}
#keyboard-shortcuts-help .span-3 {
  grid-row-end: span 3;
}
#keyboard-shortcuts-help .span-4 {
  grid-row-end: span 4;
}
#keyboard-shortcuts-help .span-5 {
  grid-row-end: span 5;
}
#keyboard-shortcuts-help .span-6 {
  grid-row-end: span 6;
}
#keyboard-shortcuts-help .span-7 {
  grid-row-end: span 7;
}
#keyboard-shortcuts-help .span-8 {
  grid-row-end: span 8;
}
#keyboard-shortcuts-help .span-9 {
  grid-row-end: span 9;
}
#keyboard-shortcuts-help .span-10 {
  grid-row-end: span 10;
}
#keyboard-shortcuts-help .span-11 {
  grid-row-end: span 11;
}
#keyboard-shortcuts-help .span-12 {
  grid-row-end: span 12;
}
#keyboard-shortcuts-help .span-13 {
  grid-row-end: span 13;
}
#keyboard-shortcuts-help .span-14 {
  grid-row-end: span 14;
}
#keyboard-shortcuts-help .span-15 {
  grid-row-end: span 15;
}
#keyboard-shortcuts-help .span-16 {
  grid-row-end: span 16;
}
#keyboard-shortcuts-help .span-17 {
  grid-row-end: span 17;
}
#keyboard-shortcuts-help .span-18 {
  grid-row-end: span 18;
}
#keyboard-shortcuts-help .span-19 {
  grid-row-end: span 19;
}
#keyboard-shortcuts-help .span-20 {
  grid-row-end: span 20;
}
#keyboard-shortcuts-help .span-21 {
  grid-row-end: span 21;
}
#keyboard-shortcuts-help .span-22 {
  grid-row-end: span 22;
}
#keyboard-shortcuts-help .span-23 {
  grid-row-end: span 23;
}
#keyboard-shortcuts-help .span-24 {
  grid-row-end: span 24;
}
#keyboard-shortcuts-help .span-25 {
  grid-row-end: span 25;
}
#keyboard-shortcuts-help ul {
  list-style: none;
  margin: 0;
}
#keyboard-shortcuts-help ul li {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-bottom: 1px solid var(--primary-low);
  padding: 0.25rem 1rem;
}
#keyboard-shortcuts-help ul span {
  border-radius: 3px;
  display: inline-flex;
  margin: 0 6px;
  padding: 2px 1px 4px;
}
#keyboard-shortcuts-help ul span:first-child {
  margin-right: 0;
}
#keyboard-shortcuts-help ul span:last-child {
  margin-left: auto;
}
#keyboard-shortcuts-help ul .delimiter-newline {
  display: revert;
  text-align: right;
}
#keyboard-shortcuts-help ul kbd {
  font-family: var(--font-family);
  font-weight: bold;
}

.more-topics__container {
  position: relative;
  padding-bottom: max(env(safe-area-inset-bottom), 1em);
  max-width: calc(var(--d-max-width) * 0.87);
}
.more-topics__container .nav {
  margin-block: 0;
  top: 2px;
}
.more-topics__container .nav li .btn, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li button, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li .json-editor-btn-add {
  color: var(--primary);
  background-color: transparent;
  padding: 0.5em 5px;
  border-radius: 0;
}
.more-topics__container .nav li .btn:hover, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li button:hover, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li .json-editor-btn-add:hover {
  box-shadow: inset 0 -3px 0 0 rgba(var(--tertiary-rgb), 0.5);
}
.more-topics__container .nav li .btn.active, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready button.active, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li button.active, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready .active.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li .active.json-editor-btn-add {
  box-shadow: inset 0 -3px 0 0 var(--tertiary);
}
.more-topics__container .nav li .btn .d-icon, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li button .d-icon, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li .json-editor-btn-add .d-icon, .more-topics__container .nav li .btn:hover .d-icon, .more-topics__container .nav li .btn:active .d-icon {
  color: var(--primary-high);
  opacity: 1;
}
.more-topics__container .more-topics__lists:not(.single-list) .more-topics__list-title {
  display: none;
}
.more-topics__container .more-topics__list .topic-list-header::after {
  content: "";
  display: block;
  height: 12px;
}
.more-topics__container .more-topics__list .topic-list-body {
  border-top: none;
}
.more-topics__container .more-topics__list .topic-list-body .topic-list-item:first-child td {
  padding-top: 0;
}
.more-topics__container .more-topics__list .topic-list-body .topic-list-item:last-of-type {
  border-bottom: none;
}
.more-topics__container .suggested-topics-message .badge-category__wrapper .badge-category {
  display: inline;
  vertical-align: baseline;
  margin-right: 0;
  line-height: 0.8;
  max-width: 150px;
}
.more-topics__container .more-topics__list-title,
.more-topics__container .more-topics__browse-more {
  padding-left: 0.5em;
}

.nav-stacked, .nav-pills {
  margin-left: 0;
  list-style: none;
}
.nav-stacked li a, .nav-pills li a {
  display: block;
  text-decoration: none;
}

.nav-pills {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.5em;
}
.nav-pills > li {
  display: flex;
}
.nav-pills > li > a,
.nav-pills > li button {
  position: relative;
  border-radius: var(--d-nav-pill-border-radius);
  padding: 0.65em 0.75em;
  color: var(--primary);
  line-height: var(--line-height-small);
  box-sizing: border-box;
  min-height: 30px;
  display: flex;
  align-items: center;
  background-color: var(--d-nav-bg-color);
  transition: var(--d-button-transition);
}
.nav-pills > li > a .d-icon,
.nav-pills > li button .d-icon {
  margin-right: 5px;
  color: var(--primary-high);
  transition: color 0.2s;
}
.nav-pills > li > a:hover,
.nav-pills > li button:hover {
  color: var(--d-nav-color--hover);
  background: var(--d-nav-bg-color--hover);
}
.nav-pills > li > a:hover .d-icon,
.nav-pills > li button:hover .d-icon {
  color: var(--d-nav-color--hover);
}
.nav-pills > li a.active,
.nav-pills > li button.active {
  color: var(--d-nav-color--active);
  background: var(--d-nav-bg-color--active);
}
.nav-pills > li a.active .d-icon,
.nav-pills > li button.active .d-icon {
  color: var(--d-nav-color--active);
}
.nav-pills > li a.active::after,
.nav-pills > li button.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: var(--d-nav-underline-height);
  background: var(--d-nav-color--active);
}

.nav-stacked {
  padding: 0;
  background: var(--primary-low);
}
.nav-stacked li {
  border-bottom: 1px solid var(--primary-low);
}
.nav-stacked li:last-of-type {
  border-bottom: 0;
}
.nav-stacked li.indent {
  padding-left: 15px;
}
.nav-stacked a {
  margin: 0;
  padding: 0.75em;
  line-height: var(--line-height-small);
  cursor: pointer;
  color: var(--primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav-stacked a:hover {
  background: var(--d-sidebar-highlight-background);
}
.nav-stacked a.active {
  position: relative;
  color: var(--primary);
  background-color: var(--d-selected);
  font-weight: bold;
}
.nav-stacked .count {
  font-size: var(--font-down-1);
}
.nav-stacked .glyph {
  font-size: var(--font-down-1);
  width: 1.25em;
  text-align: center;
  margin-right: 0.25em;
  line-height: var(--line-height-large);
}

.user-navigation .nav-pills > li a,
.user-navigation .nav-pills > li button {
  border-radius: 0;
}

.offline-indicator {
  position: fixed;
  top: var(--header-offset);
  left: 50%;
  transform: translate(-50%, 0);
  padding: 0.5em 1em;
  background-color: var(--primary-very-low);
  border-radius: var(--d-nav-pill-border-radius);
  z-index: 990;
}

.pick-files-button input[type=file] {
  display: none;
}

.powered-by-discourse {
  grid-area: below-content;
  justify-self: start;
  font-size: var(--font-down-1);
  letter-spacing: 0.2px;
  padding: 2px;
  background: var(--secondary);
  border-radius: 0.75em;
  transition: all 0.25s ease-in-out;
  margin-bottom: 0.45em;
  color: var(--primary-medium);
}
.admin-area .powered-by-discourse, .has-full-page-chat .powered-by-discourse, .static-login .powered-by-discourse, .invite-page .powered-by-discourse, .account-created-page .powered-by-discourse, .activate-account-page .powered-by-discourse {
  display: none !important;
}
.powered-by-discourse:visited {
  color: var(--primary-medium);
}
.powered-by-discourse__content {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: currentcolor;
  background: var(--secondary);
  border-radius: 0.62em;
  padding: 0.25em 0.65em 0.25em 0.5em;
}
.powered-by-discourse .d-icon {
  position: relative;
  top: 0.05em;
}
.discourse-no-touch .powered-by-discourse:hover {
  color: var(--primary-high);
}
@media (prefers-reduced-motion: no-preference) {
  .discourse-no-touch .powered-by-discourse:hover {
    background: linear-gradient(45deg, var(--secondary), var(--secondary), var(--secondary), var(--secondary), var(--secondary), #d0232b, #f15d22, #fff9ae, #00a94f, #00aeef);
    background-size: 300%;
    animation: d-rainbow-shimmer 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 0.15s;
  }
}
@keyframes d-rainbow-shimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.relative-time-picker {
  display: flex;
  flex-wrap: wrap;
}
.relative-time-picker input[type=text] {
  flex: 1;
}
.relative-time-picker .relative-time-duration {
  margin-bottom: 0;
}
.relative-time-picker .select-kit {
  flex: 1;
  width: auto;
  margin-left: 5px;
}
.relative-time-picker:last-child {
  margin-right: auto;
}

.d-modal.add-pm-participants .d-modal__body {
  overflow-y: visible;
}

.add-pm-participants.modal .share.modal-panel .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-pm-participants.modal .share.modal-panel .header .title {
  font-size: var(--font-0);
  font-weight: normal;
  margin-bottom: 8px;
}
.add-pm-participants.modal .share.modal-panel .header .title .post-date {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.add-pm-participants.modal .share.modal-panel .body {
  display: flex;
  flex-direction: column;
}
.add-pm-participants.modal .share.modal-panel .body .topic-share-url {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}
.add-pm-participants.modal .share.modal-panel .body .topic-share-url {
  margin-bottom: 8px;
}
.add-pm-participants.modal .share.modal-panel .body .sources {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.add-pm-participants.modal .share.modal-panel .body .sources .social-link {
  font-size: var(--font-up-6);
  margin-right: 8px;
}

.add-pm-participants.modal .invite.modal-panel .error-message,
.add-pm-participants.modal .invite.modal-panel .success-message,
.invite-link.modal-panel .error-message,
.invite-link.modal-panel .success-message {
  margin-bottom: 8px;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-control,
.add-pm-participants.modal .invite.modal-panel .body .group-access-control,
.add-pm-participants.modal .invite.modal-panel .body .show-custom-message-control,
.invite-link.modal-panel .body .invite-user-control,
.invite-link.modal-panel .body .group-access-control,
.invite-link.modal-panel .body .show-custom-message-control {
  margin-bottom: 8px;
}
.add-pm-participants.modal .invite.modal-panel .body .group-access-control .select-kit.multi-select input.filter-input,
.invite-link.modal-panel .body .group-access-control .select-kit.multi-select input.filter-input {
  padding-left: 8px;
}
.add-pm-participants.modal .invite.modal-panel .body .group-access-control .group-chooser,
.invite-link.modal-panel .body .group-access-control .group-chooser {
  width: 100%;
}
.add-pm-participants.modal .invite.modal-panel .body .instructions,
.invite-link.modal-panel .body .instructions {
  margin-bottom: 8px;
}
.add-pm-participants.modal .invite.modal-panel .body .instructions.approval-notice,
.invite-link.modal-panel .body .instructions.approval-notice {
  color: var(--secondary-medium);
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-input,
.invite-link.modal-panel .body .invite-user-input {
  width: 100%;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-input .input-wrapper,
.invite-link.modal-panel .body .invite-user-input .input-wrapper {
  width: 100%;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-input .input-wrapper .filter-input,
.invite-link.modal-panel .body .invite-user-input .input-wrapper .filter-input {
  width: 100%;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-input-wrapper,
.invite-link.modal-panel .body .invite-user-input-wrapper {
  display: flex;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-user-input-wrapper div.ac-wrap,
.invite-link.modal-panel .body .invite-user-input-wrapper div.ac-wrap {
  flex: 1;
}
.add-pm-participants.modal .invite.modal-panel .body .invite-link-input,
.invite-link.modal-panel .body .invite-link-input {
  width: 100%;
}
.add-pm-participants.modal .invite.modal-panel .footer,
.invite-link.modal-panel .footer {
  display: flex;
  align-items: center;
}
.add-pm-participants.modal .invite.modal-panel .footer .btn-primary,
.invite-link.modal-panel .footer .btn-primary {
  margin-right: 8px;
}
.add-pm-participants.modal .invite.modal-panel .footer .btn-primary:last-child,
.invite-link.modal-panel .footer .btn-primary:last-child {
  margin-right: 0;
}

.download-calendar-modal .remember {
  margin-top: 2em;
}

.download-calendar {
  color: var(--primary-med-or-secondary-med);
}

.user-preferences #user-default-calendar {
  min-width: 175px;
}

.sidebar-categories-form .sidebar-categories-form__row {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--primary-low);
  border-left: 4px solid;
  margin-bottom: 1em;
  padding: 0;
}
.sidebar-categories-form .sidebar-categories-form__category-row[data-category-level="0"]:not(:only-child) {
  border-bottom: 1px solid var(--primary-low);
}
.sidebar-categories-form .sidebar-categories-form__category-row[data-category-level="1"] {
  margin-left: 1em;
}
.sidebar-categories-form .sidebar-categories-form__category-row[data-category-level="1"]:not(:nth-of-type(2)) {
  border-top: 1px solid var(--primary-low);
}
.sidebar-categories-form .sidebar-categories-form__category-row[data-category-level="2"] {
  margin-left: 2em;
  border-top: 1px solid var(--primary-low);
}
.sidebar-categories-form .sidebar-categories-form__category-label {
  display: flex;
  justify-content: space-between;
  padding: 0.75em 1em;
  margin: 0;
  flex-grow: 1;
  font-weight: normal;
}
.sidebar-categories-form .sidebar-categories-form__category-label input[type=checkbox] {
  margin-right: 0;
}
.sidebar-categories-form .sidebar-categories-form__category-wrapper {
  min-width: 0;
}
.sidebar-categories-form .sidebar-categories-form__category-badge .badge-wrapper {
  width: 100%;
}
.sidebar-categories-form .sidebar-categories-form__category-badge .badge-category {
  white-space: normal;
  word-wrap: break-word;
}
.sidebar-categories-form .sidebar-categories-form__category-badge .category-name {
  color: var(--primary);
  font-size: var(--font-up-1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-categories-form .sidebar-categories-form__category-description {
  color: var(--primary-high);
  font-size: var(--font-down-1);
  margin: 0.25em 0;
  word-break: break-word;
}

.d-modal__container {
  width: 100%;
}

.sidebar__edit-navigation-menu__filter {
  display: flex;
  gap: 0.5em;
  padding: 1rem 0.66em 0;
}
@media screen and (min-width: calc(768px + 1px)) {
  .sidebar__edit-navigation-menu__filter {
    padding: 1rem 1.5rem 0;
  }
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown .select-kit-header {
  background: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--primary-low-mid);
  font-size: var(--font-0);
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown .select-kit-header:hover, .sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown .select-kit-header:focus {
  background: var(--secondary);
  color: var(--primary);
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown .select-kit-header:hover .d-icon, .sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown .select-kit-header:focus .d-icon {
  color: var(--primary);
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-input {
  display: flex;
  flex-direction: row;
  margin-right: auto;
  width: 100%;
  position: relative;
  flex: 1 1 70%;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-input input {
  margin: 0;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown-wrapper {
  flex: 1 1 30%;
  display: flex;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown-wrapper .select-kit {
  width: 100%;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-dropdown-wrapper .select-kit summary {
  height: 100%;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-input-icon {
  position: absolute;
  left: 0.5em;
  top: 0.65em;
  color: var(--primary-low-mid);
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-input-field {
  border-color: var(--primary-low-mid);
  padding-left: 1.75em;
  width: 100%;
}
.sidebar__edit-navigation-menu__filter .sidebar__edit-navigation-menu__filter-input-field:focus {
  border-color: var(--tertiary);
  outline: none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px var(--tertiary);
}

.sidebar__edit-navigation-menu__footer {
  display: flex;
  width: 100%;
  margin-top: 0.25em;
}
.sidebar__edit-navigation-menu__footer .btn.sidebar__edit-navigation-menu__reset-defaults-button, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready button.sidebar__edit-navigation-menu__reset-defaults-button, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer button.sidebar__edit-navigation-menu__reset-defaults-button, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add {
  margin-left: auto;
  margin-right: 0;
}
.sidebar__edit-navigation-menu__footer .btn.sidebar__edit-navigation-menu__reset-defaults-button .d-icon, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready button.sidebar__edit-navigation-menu__reset-defaults-button .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer button.sidebar__edit-navigation-menu__reset-defaults-button .d-icon, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add .d-icon {
  font-size: var(--font-down-1);
  color: var(--tertiary);
}
.sidebar__edit-navigation-menu__footer .btn.sidebar__edit-navigation-menu__reset-defaults-button:focus, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready button.sidebar__edit-navigation-menu__reset-defaults-button:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer button.sidebar__edit-navigation-menu__reset-defaults-button:focus, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add:focus, .sidebar__edit-navigation-menu__footer .btn.sidebar__edit-navigation-menu__reset-defaults-button:active, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready button.sidebar__edit-navigation-menu__reset-defaults-button:active, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer button.sidebar__edit-navigation-menu__reset-defaults-button:active, .sidebar__edit-navigation-menu__footer .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add:active, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__footer .sidebar__edit-navigation-menu__reset-defaults-button.json-editor-btn-add:active {
  background: none;
}

.sidebar__edit-navigation-menu__deselect-wrapper {
  margin: 0 1em 0 0;
  line-height: var(--line-height-medium);
}
.sidebar__edit-navigation-menu__deselect-wrapper .btn-flat.sidebar__edit-navigation-menu__deselect-button, .sidebar__edit-navigation-menu__deselect-wrapper .sidebar__edit-navigation-menu__deselect-button.json-editor-btn-collapse, .sidebar__edit-navigation-menu__deselect-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__deselect-button.json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .sidebar__edit-navigation-menu__deselect-wrapper .sidebar__edit-navigation-menu__deselect-button.json-editor-btn-collapse {
  margin-left: auto;
  padding: 0;
}
.sidebar__edit-navigation-menu__deselect-wrapper .btn-flat.sidebar__edit-navigation-menu__deselect-button:focus, .sidebar__edit-navigation-menu__deselect-wrapper .sidebar__edit-navigation-menu__deselect-button.json-editor-btn-collapse:focus, .sidebar__edit-navigation-menu__deselect-wrapper .btn-flat.sidebar__edit-navigation-menu__deselect-button:active, .sidebar__edit-navigation-menu__deselect-wrapper .sidebar__edit-navigation-menu__deselect-button.json-editor-btn-collapse:active {
  background: none;
}

.sidebar-tags-form {
  height: 100%;
  display: grid;
  gap: 0 0.5em;
  margin: 0;
  grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
  align-items: flex-start;
  grid-auto-rows: min-content;
}
.sidebar-tags-form__no-tags {
  grid-column-start: 1;
  grid-column-end: -1;
}
.sidebar-tags-form .sidebar-tags-form__tag {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.sidebar-tags-form .sidebar-tags-form__tag .sidebar-tags-form__tag-label {
  margin-bottom: 0;
  min-width: 0;
  padding: 0.33em 0;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .sidebar-tags-form .sidebar-tags-form__tag .sidebar-tags-form__tag-label {
    padding: 0.5em 0;
  }
}
.sidebar-tags-form .sidebar-tags-form__tag .sidebar-tags-form__tag-label p {
  overflow: hidden;
  margin: 0;
}
.sidebar-tags-form .sidebar-tags-form__tag .sidebar-tags-form__tag-label-name {
  word-break: break-all;
}
.sidebar-tags-form .sidebar-tags-form__tag .sidebar-tags-form__input {
  margin-top: 0;
}
.sidebar-tags-form .sidebar-tags-form__tag-label-count {
  color: var(--primary-medium);
}

:root {
  --progress-bar-line-width: 1px;
  --progress-bar-circle-size: 0.5rem;
  --progress-bar-icon-size: 0.25rem;
}

.signup-progress-bar {
  width: auto;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 1.2em;
  gap: 1rem;
}
.account-created .signup-progress-bar, .activate-account .signup-progress-bar {
  margin-inline: 0;
}
.signup-progress-bar__segment {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--primary-low-mid);
}
.signup-progress-bar__segment:first-child .signup-progress-bar__circle {
  transform: translateX(50%);
  z-index: 1;
}
.signup-progress-bar__segment:last-child {
  width: var(--progress-bar-circle-size);
}
.signup-progress-bar__segment:last-child .signup-progress-bar__circle {
  transform: translateX(-50%);
  z-index: 1;
}
.signup-progress-bar__step {
  display: flex;
}
.signup-progress-bar__circle {
  flex-shrink: 0;
  font-size: var(--progress-bar-icon-size);
  color: var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--progress-bar-circle-size);
  width: var(--progress-bar-circle-size);
  transform: none;
  border-radius: 50%;
  border: var(--progress-bar-line-width) solid var(--primary-low-mid);
  background-color: var(--secondary);
}
.--active .signup-progress-bar__circle {
  background-color: var(--success);
  border-color: var(--success);
  box-shadow: 0 0 1px calc(var(--progress-bar-circle-size) / 2) var(--success-low);
}
.--completed .signup-progress-bar__circle {
  background-color: var(--success);
  border-color: var(--success);
}

.svg-icon,
.svg-icon-title {
  height: 1em;
  width: 1em;
  line-height: 1;
  display: inline-flex;
  position: relative;
  vertical-align: -0.125em;
  fill: currentcolor;
  flex-shrink: 0;
  overflow: visible;
}

svg > use {
  pointer-events: none;
}

.fa-stack {
  position: relative;
  width: 1em;
  height: 1em;
  display: inline-block;
}
.fa-stack .fa-stack-1x,
.fa-stack .fa-stack-2x {
  left: 0;
  top: 0;
  position: absolute;
}
.fa-stack .fa-stack-2x {
  height: 1.5em;
  width: 1.5em;
  margin-top: -0.25em;
  margin-left: -0.25em;
}

.tap-tile-grid {
  justify-content: space-between;
  margin: 0.5em 0 1em 0;
}
.tap-tile-grid .tap-tile {
  color: var(--primary-high);
  padding: 0.75em 0.25em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--primary-low);
  cursor: pointer;
}
.tap-tile-grid .tap-tile:first-child {
  border-top: 1px solid var(--primary-low);
}
.tap-tile-grid .tap-tile:hover {
  background-color: var(--tertiary-low);
}
.tap-tile-grid .tap-tile.active {
  background-color: var(--highlight-bg);
}
.tap-tile-grid .tap-tile .d-icon {
  color: var(--primary-high);
  margin: 0 0.5em 0 0;
}
.tap-tile-grid .tap-tile .tap-tile-title {
  color: var(--primary);
  margin-right: auto;
}
.tap-tile-grid .tap-tile .tap-tile-date {
  margin-left: 1em;
}

.themes-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1em;
}

.theme-card {
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 0 3px transparent;
  transition: box-shadow 0.3s ease-in-out;
}
.theme-card.--updating {
  animation: updating 3s ease-in-out 1, updatingInfinite 3s ease-in-out 3s infinite;
}
@keyframes updating {
  0% {
    box-shadow: 0 0 0 3px transparent;
    border: 1px solid var(--success);
  }
  50% {
    box-shadow: 0 0 0 6px var(--success-low);
    border: 1px solid var(--success);
  }
  100% {
    box-shadow: 0 0 0 3px var(--success-low);
    border: 1px solid var(--success);
  }
}
@keyframes updatingInfinite {
  0% {
    box-shadow: 0 0 0 3px var(--success-low);
    border: 1px solid var(--success);
  }
  50% {
    box-shadow: 0 0 0 6px var(--success-low);
    border: 1px solid var(--success);
  }
  100% {
    box-shadow: 0 0 0 3px var(--success-low);
    border: 1px solid var(--success);
  }
}
.theme-card.--updating .d-icon-arrows-rotate {
  animation: rotate 3s linear infinite;
  margin-right: 0.45em;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.theme-card .admin-config-area-card__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.theme-card.-active {
  border-color: var(--tertiary-medium);
  box-shadow: 0 0 0 3px var(--tertiary-low);
}
.theme-card__update-available {
  position: absolute;
  right: -9px;
  top: -9px;
  color: var(--success);
  font-size: var(--font-up-1);
  background: var(--secondary);
  display: flex;
}
.theme-card__icons {
  display: flex;
}
.theme-card__image-wrapper {
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.theme-card__image-wrapper svg {
  width: 100%;
  top: 0;
  left: 0;
}
.theme-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  border-radius: calc(var(--d-border-radius) + 1px);
}
.theme-card .ember-checkbox {
  margin: 0 5px 0 0;
}
.theme-card__checkbox-label {
  margin: 0;
  font-weight: 400;
}
.theme-card__content {
  padding: 10px 0;
}
.theme-card__description {
  margin: 0 0 10px 0;
}
.theme-card__components {
  display: -webkit-box;
  font-size: var(--font-down-1);
  color: var(--primary-high);
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.theme-card__install-button {
  margin-top: auto;
}
.theme-card__footer {
  margin-top: auto;
  display: flex;
}
.theme-card__footer-actions {
  margin-left: auto;
}
.theme-card .admin-config-area-card__header-action {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary);
  right: 20px;
  top: 22px;
}

.admin-config-area-card.theme-card .admin-config-area-card__content .external-resources {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  font-size: var(--font-down-1);
  margin-bottom: 10px;
}
.admin-config-area-card.theme-card .admin-config-area-card__content .external-resources .external-link {
  margin-bottom: 0.25em;
  color: var(--primary);
  text-decoration: underline;
}

.theme-card .admin-config-area-card__title {
  display: flex;
  align-items: center;
}

.d-time-input {
  display: inline-flex;
}
.d-time-input .combo-box {
  width: 65px;
  min-width: auto;
}
.d-time-input .combo-box:not(.has-selection) .select-kit-selected-name .name {
  color: var(--primary-medium);
}
.d-time-input .combo-box .select-kit-header .d-icon {
  padding-left: 0;
}
.d-time-input .combo-box .select-kit-header:focus {
  outline: 1px solid var(--tertiary);
}
.d-time-input .combo-box .select-kit-collection {
  min-width: auto;
}
.d-time-input .combo-box .select-kit-filter {
  width: auto;
  overflow: hidden;
}
.d-time-input .combo-box .select-kit-filter .filter-input {
  min-width: 0;
}
.d-time-input .combo-box .selected-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-date-time-wrap {
  padding: 1em 1em 0.5em;
  border: 1px solid var(--primary-low);
  border-top: none;
  background: var(--primary-very-low);
}
.custom-date-time-wrap .d-icon {
  padding: 0 0.75em 0 0;
  color: var(--primary-high);
  margin-top: -0.5em;
}
.custom-date-time-wrap .caret-icon {
  margin-top: 0;
  padding: 0 0 0 5px;
}
.custom-date-time-wrap .tap-tile-date-input,
.custom-date-time-wrap .tap-tile-time-input {
  display: flex;
  align-items: center;
}
.custom-date-time-wrap .date-picker,
.custom-date-time-wrap .time-input {
  text-align: left;
}
.custom-date-time-wrap .time-input,
.custom-date-time-wrap .date-picker-wrapper {
  flex: 1 1 auto;
}
.custom-date-time-wrap.custom-input-wrap {
  border-bottom: 0;
  margin-bottom: 0;
}
.custom-date-time-wrap.custom-relative-wrap .relative-time-picker {
  display: flex;
}

.topic-map.--op {
  border-top: 1px solid var(--primary-low);
  border-bottom: none;
  padding-left: calc(var(--topic-body-width-padding) + var(--topic-avatar-width));
}

.topic-map.--bottom {
  grid-area: posts;
  grid-row: 2;
  max-width: calc(var(--topic-avatar-width) + var(--topic-body-width) + var(--topic-body-width-padding) * 2);
}

body:not(.archetype-private_message) .topic-map {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
body:not(.archetype-private_message) .topic-map:has(.topic-map__additional-contents *) {
  column-gap: 0.75em;
}

.topic-map {
  --chart-line-color: var(--tertiary);
  --chart-point-color: var(--tertiary-medium);
  --chart-prediction-color: var(--primary-low-mid);
  border-bottom: 1px solid var(--primary-low);
  box-sizing: border-box;
  max-width: calc(var(--topic-avatar-width) + var(--topic-body-width) + var(--topic-body-width-padding) * 2);
  padding-block: 0.5em;
  overflow-anchor: none;
}
@media screen and (max-width: 450px) {
  .topic-map {
    font-size: var(--font-down-1);
  }
}
@media screen and (max-width: 500px) {
  .topic-map.--op, .topic-map.--bottom {
    padding-left: 0;
  }
}
.topic-map .--users-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  height: 2em;
  align-self: center;
  flex: 1 2 0;
  gap: 0.25em;
  min-width: 2em;
  width: 0;
}
.topic-map .--users-summary .avatar {
  width: 2em;
  height: 2em;
  margin-right: 0;
}
.topic-map .--users-summary .avatar-flair,
.topic-map .--users-summary .post-count {
  display: none;
}
.topic-map__stats {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
}
.topic-map a {
  overflow-wrap: anywhere;
}
.topic-map__contents {
  flex-grow: 1;
}
.topic-map__contents .number {
  font-size: var(--font-up-1);
  line-height: 1.2;
}
.topic-map__contents .topic-map__stats {
  gap: 0.75em;
}
.topic-map__contents .topic-map__stats.--single-stat button {
  flex-direction: row;
  gap: 0.25em;
}
.topic-map__contents .topic-map__stats.--single-stat button span {
  font-size: var(--font-0);
  color: var(--primary-700) !important;
  min-width: unset;
  overflow: visible;
}
.topic-map__contents .topic-map__stats .fk-d-menu__trigger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  min-width: 0;
}
.topic-map__contents .topic-map__stats .fk-d-menu__trigger .number {
  color: var(--tertiary);
  white-space: nowrap;
}
.topic-map__contents .topic-map__stats .fk-d-menu__trigger .topic-map__stat-label {
  display: block;
  min-width: 0;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-map .controls {
  display: flex;
  align-items: center;
}
.topic-map .controls .btn, .topic-map .controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .topic-map .controls button, .topic-map .controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .topic-map .controls .json-editor-btn-add {
  margin-right: 0.5em;
}
.topic-map .controls .btn:last-child, .topic-map .controls .d-modal.json-schema-editor-modal .je-ready button:last-child, .d-modal.json-schema-editor-modal .je-ready .topic-map .controls button:last-child, .topic-map .controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:last-child, .d-modal.json-schema-editor-modal .je-ready .topic-map .controls .json-editor-btn-add:last-child {
  margin: 0;
}
.topic-map .participants {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.topic-map .participants + .controls {
  margin-top: 0.5em;
}
.topic-map .participants.hide-names .user .username,
.topic-map .participants.hide-names .user .group-name {
  display: none;
}
.topic-map .participants .user {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid var(--primary-low);
  border-radius: 0.25em;
  padding: 0;
  margin: 0.125em 0.25em 0.125em 0;
  display: flex;
  align-items: center;
  height: 26px;
}
.topic-map .participants .user .user-link,
.topic-map .participants .user .group-link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-high);
}
.topic-map .participants .user .user-link:hover,
.topic-map .participants .user .group-link:hover {
  color: var(--primary);
}
.topic-map .participants .user .avatar,
.topic-map .participants .user .d-icon-users {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.topic-map .participants .user .username,
.topic-map .participants .user .group-name {
  margin-right: 0.25em;
}
.topic-map .participants .user:last-child {
  margin-right: 0;
}
.topic-map .participants .user .remove-invited {
  display: flex;
  flex: 1 0 0px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(100% + 0.25em);
  margin-right: -4px;
}
.topic-map .add-remove-participant-btn .d-icon {
  margin-left: 0.25em;
}
.topic-map__buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.75em;
}
.topic-map .view-explainer {
  color: var(--primary-700);
  font-size: var(--font-down-1);
}
.topic-map .estimated-read-time {
  display: flex;
  flex-direction: column-reverse;
  align-items: end;
  line-height: 1.2;
  color: var(--primary-high);
  white-space: nowrap;
}
.topic-map .estimated-read-time span:first-child {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
@media screen and (max-width: 475px) {
  .topic-map .estimated-read-time {
    display: none;
  }
}

.mobile-view .d-modal[class*=topic-map__] h3 {
  font-size: var(--font-up-2);
  padding-inline: 1rem;
}
.mobile-view .d-modal[class*=topic-map__] p {
  overflow-wrap: break-word;
}
.mobile-view .topic-owner .onscreen-post {
  padding-bottom: 0;
}

.topic-map__likes-content .fk-d-menu__inner-content, .topic-map__links-content .fk-d-menu__inner-content, .topic-map__users-content .fk-d-menu__inner-content, .topic-map__views-content .fk-d-menu__inner-content,
.topic-map__likes-content .fk-d-menu-modal__inner-content,
.topic-map__links-content .fk-d-menu-modal__inner-content,
.topic-map__users-content .fk-d-menu-modal__inner-content,
.topic-map__views-content .fk-d-menu-modal__inner-content {
  flex-direction: column;
  padding-block: 0.75em;
}
.fk-d-menu.topic-map__likes-content h3, .fk-d-menu.topic-map__links-content h3, .fk-d-menu.topic-map__users-content h3, .fk-d-menu.topic-map__views-content h3,
.fk-d-menu-modal.topic-map__likes-content h3,
.fk-d-menu-modal.topic-map__links-content h3,
.fk-d-menu-modal.topic-map__users-content h3,
.fk-d-menu-modal.topic-map__views-content h3 {
  padding-inline: 1rem;
  padding-bottom: 0.5em;
  font-size: var(--font-up-1);
  border-bottom: 1px solid var(--primary-low);
}
.fk-d-menu.topic-map__likes-content .loading-container, .fk-d-menu.topic-map__links-content .loading-container, .fk-d-menu.topic-map__users-content .loading-container, .fk-d-menu.topic-map__views-content .loading-container,
.fk-d-menu-modal.topic-map__likes-content .loading-container,
.fk-d-menu-modal.topic-map__links-content .loading-container,
.fk-d-menu-modal.topic-map__users-content .loading-container,
.fk-d-menu-modal.topic-map__views-content .loading-container {
  width: 100%;
}
.fk-d-menu.topic-map__likes-content ul, .fk-d-menu.topic-map__links-content ul,
.fk-d-menu-modal.topic-map__likes-content ul,
.fk-d-menu-modal.topic-map__links-content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 80dvh;
}
.fk-d-menu.topic-map__likes-content li > a,
.fk-d-menu-modal.topic-map__likes-content li > a {
  display: grid;
  grid-template-areas: "user likes" "post post";
  grid-template-columns: auto 1fr;
  gap: 0.25em;
  padding: 0.75em 1rem;
}
.discourse-no-touch .fk-d-menu.topic-map__likes-content li > a:hover,
.discourse-no-touch .fk-d-menu-modal.topic-map__likes-content li > a:hover {
  background: var(--d-hover);
}
.fk-d-menu.topic-map__likes-content li:not(:last-of-type) a,
.fk-d-menu-modal.topic-map__likes-content li:not(:last-of-type) a {
  border-bottom: 1px solid var(--primary-low);
}
.fk-d-menu.topic-map__likes-content .like-section__user,
.fk-d-menu-modal.topic-map__likes-content .like-section__user {
  grid-area: user;
  color: var(--primary-high);
  display: flex;
  align-items: center;
  font-weight: bold;
  gap: 0.5em;
}
.fk-d-menu.topic-map__likes-content .like-section__likes,
.fk-d-menu-modal.topic-map__likes-content .like-section__likes {
  grid-area: likes;
  display: flex;
  gap: 0.25em;
  color: var(--primary-medium);
  justify-content: end;
  align-items: center;
}
.fk-d-menu.topic-map__likes-content .like-section__likes .d-icon,
.fk-d-menu-modal.topic-map__likes-content .like-section__likes .d-icon {
  font-size: var(--font-down-1);
  color: var(--love);
  position: relative;
}
.fk-d-menu.topic-map__likes-content p,
.fk-d-menu-modal.topic-map__likes-content p {
  grid-area: post;
  overflow-wrap: anywhere;
  color: var(--primary-high);
  text-align: left;
  margin: 0;
  padding-left: 2em;
}
.fk-d-menu.topic-map__links-content li,
.fk-d-menu-modal.topic-map__links-content li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "counter link" ". domain";
  padding: 0.75em 1rem;
  gap: 0.25em;
}
.fk-d-menu.topic-map__links-content li:not(:last-of-type),
.fk-d-menu-modal.topic-map__links-content li:not(:last-of-type) {
  border-bottom: 1px solid var(--primary-low);
}
.discourse-no-touch .fk-d-menu.topic-map__links-content li:hover,
.discourse-no-touch .fk-d-menu-modal.topic-map__links-content li:hover {
  background: var(--d-hover);
}
.fk-d-menu.topic-map__links-content .topic-link,
.fk-d-menu-modal.topic-map__links-content .topic-link {
  grid-area: link;
}
.fk-d-menu.topic-map__links-content .topic-link[data-clicks]::before,
.fk-d-menu-modal.topic-map__links-content .topic-link[data-clicks]::before {
  content: attr(data-clicks);
  font-weight: normal;
  background-color: var(--primary-low);
  color: var(--primary-medium);
  position: relative;
  top: -1px;
  padding: 0.21em 0.42em;
  min-width: 0.5em;
  line-height: var(--line-height-small);
  font-size: var(--font-down-2);
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
  display: inline-block;
  margin: 0.15em;
}
.fk-d-menu.topic-map__links-content .topic-link[data-clicks]::after,
.fk-d-menu-modal.topic-map__links-content .topic-link[data-clicks]::after {
  display: none;
}
.fk-d-menu.topic-map__links-content .domain,
.fk-d-menu-modal.topic-map__links-content .domain {
  grid-area: domain;
  font-size: var(--font-down-2);
  color: var(--primary-medium);
}
.fk-d-menu.topic-map__links-content .link-summary,
.fk-d-menu-modal.topic-map__links-content .link-summary {
  width: 100%;
}
.fk-d-menu.topic-map__links-content .link-summary .d-icon,
.fk-d-menu-modal.topic-map__links-content .link-summary .d-icon {
  color: var(--primary-high);
}
.fk-d-menu.topic-map__users-content .topic-map__users-list,
.fk-d-menu-modal.topic-map__users-content .topic-map__users-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: 0.75em 1rem;
}
.fk-d-menu.topic-map__users-content .poster,
.fk-d-menu-modal.topic-map__users-content .poster {
  display: block;
  position: relative;
}
.fk-d-menu.topic-map__users-content .poster img,
.fk-d-menu-modal.topic-map__users-content .poster img {
  width: 2.25em;
  height: 2.25em;
}
.fk-d-menu.topic-map__users-content .post-count,
.fk-d-menu.topic-map__users-content .avatar-flair,
.fk-d-menu-modal.topic-map__users-content .post-count,
.fk-d-menu-modal.topic-map__users-content .avatar-flair {
  position: absolute;
  border-radius: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fk-d-menu.topic-map__users-content .post-count,
.fk-d-menu-modal.topic-map__users-content .post-count {
  top: -0.15em;
  right: -0.25em;
  padding: 0.15em 0.4em 0.2em;
  font-size: var(--font-down-2);
  line-height: var(--line-height-small);
}
.fk-d-menu.topic-map__users-content .avatar-flair,
.fk-d-menu-modal.topic-map__users-content .avatar-flair {
  right: -0.25em;
  bottom: -0.15em;
  font-size: var(--font-down-3);
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
}
.fk-d-menu.topic-map__views-content .topic-views,
.fk-d-menu-modal.topic-map__views-content .topic-views {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fk-d-menu.topic-map__views-content .topic-views__wrapper,
.fk-d-menu-modal.topic-map__views-content .topic-views__wrapper {
  display: flex;
  justify-content: space-evenly;
  padding: 0 1rem;
}
.fk-d-menu.topic-map__views-content .topic-views__count,
.fk-d-menu-modal.topic-map__views-content .topic-views__count {
  font-size: var(--font-up-4);
  color: var(--primary-high);
}
.fk-d-menu.topic-map__views-content .topic-views__date,
.fk-d-menu-modal.topic-map__views-content .topic-views__date {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.fk-d-menu.topic-map__views-content canvas,
.fk-d-menu-modal.topic-map__views-content canvas {
  padding: 0.75em 1rem;
}
.fk-d-menu.topic-map__views-content .view-explainer,
.fk-d-menu-modal.topic-map__views-content .view-explainer {
  padding: 0 1rem;
}
.fk-d-menu.topic-map__views-content:has(.topic-views),
.fk-d-menu-modal.topic-map__views-content:has(.topic-views) {
  min-width: unset;
}

.topic-query-filter {
  display: flex;
  flex-direction: row;
  margin-right: auto;
  margin-bottom: var(--nav-space);
  width: 100%;
}
.topic-query-filter__label {
  background-color: var(--primary-low);
  display: flex;
  align-items: center;
  padding: 0.25em 0.65em;
  border: 1px solid var(--primary-low-mid);
  border-right: 0;
}
.topic-query-filter__input {
  position: relative;
  flex: 1 1;
}
.topic-query-filter__icon {
  position: absolute;
  left: 0.5em;
  top: 0.65em;
  color: var(--primary-low-mid);
}
.topic-query-filter__bulk-action-btn {
  margin-right: 0.5em;
}
.topic-query-filter input.topic-query-filter__filter-term {
  margin: 0 0.5em 0 0;
  border-color: var(--primary-low-mid);
  padding-left: 1.75em;
  color: var(--primary);
  width: 100%;
}
.topic-query-filter input.topic-query-filter__filter-term:focus {
  border-color: var(--tertiary);
  outline: none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px var(--tertiary);
}

.fk-d-menu[data-identifier=usercard] {
  max-width: calc(100vw - 2em);
  width: auto;
}
.fk-d-menu[data-identifier=usercard] .fk-d-menu__inner-content {
  min-width: 0;
  overflow: visible;
}

.user-card,
.group-card {
  --card-width: 39em;
  --avatar-width: 8em;
  --avatar-margin: -3.3em;
}

.animated-placeholder {
  height: 20px;
  position: relative;
}

.card-avatar-placeholder {
  width: var(--avatar-width);
  height: var(--avatar-width);
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.card-avatar-placeholder::before {
  position: absolute;
  left: 0;
  content: "";
  background: linear-gradient(to right, var(--primary-very-low) 10%, var(--primary-low) 18%, var(--primary-very-low) 33%);
  height: var(--avatar-width);
  width: var(--card-width);
}
@media (prefers-reduced-motion: no-preference) {
  .card-avatar-placeholder::before {
    animation: placeHolderShimmer 4s linear infinite forwards;
  }
}

.user-card,
.group-card {
  min-width: 0;
  width: var(--card-width);
  color: var(--primary);
  background: var(--secondary) center center;
  background-size: cover;
  position: unset !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: unset !important;
  z-index: unset !important;
}
.user-card .card-content,
.group-card .card-content {
  padding: 10px;
  background: rgba(var(--secondary-rgb), 0.85);
}
.user-card .card-content::after,
.group-card .card-content::after {
  content: "";
  display: block;
  clear: both;
}
.user-card .card-content a.card-huge-avatar,
.group-card .card-content a.card-huge-avatar {
  display: block;
}
.user-card .card-content .bio,
.group-card .card-content .bio {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.user-card .card-row:not(.first-row),
.group-card .card-row:not(.first-row) {
  margin-top: 0.5em;
}
.user-card .first-row .names,
.group-card .first-row .names {
  padding-left: 1.25em;
}
.user-card .first-row .names .user-profile-link,
.group-card .first-row .names .user-profile-link {
  display: flex;
  align-items: center;
  outline: none;
}
.user-card .first-row .names .d-icon,
.group-card .first-row .names .d-icon {
  margin: 0 0.25em;
}
.user-card .first-row .names .name-username-wrapper,
.group-card .first-row .names .name-username-wrapper {
  margin-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-card .first-row .names span,
.group-card .first-row .names span {
  display: block;
}
.user-card .first-row .usercard-controls,
.group-card .first-row .usercard-controls {
  list-style-type: none;
  margin: 0;
}
.user-card .first-row .usercard-controls button,
.group-card .first-row .usercard-controls button {
  width: 100%;
}
.user-card .btn, .user-card .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-card button, .user-card .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-card .json-editor-btn-add,
.group-card .btn,
.group-card .d-modal.json-schema-editor-modal .je-ready button,
.d-modal.json-schema-editor-modal .je-ready .group-card button,
.group-card .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready .group-card .json-editor-btn-add {
  margin-bottom: 5px;
}
.user-card .names__primary,
.group-card .names__primary {
  line-height: var(--line-height-medium);
  font-size: var(--font-up-5);
  font-weight: bold;
}
.user-card .names__primary .d-icon,
.group-card .names__primary .d-icon {
  color: var(--primary);
}
.user-card .names__secondary,
.group-card .names__secondary {
  font-size: var(--font-up-1);
}
.user-card .metadata,
.group-card .metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15em 0.5em;
  color: var(--primary);
}
.user-card .metadata.email,
.user-card .metadata .desc,
.user-card .metadata a,
.group-card .metadata.email,
.group-card .metadata .desc,
.group-card .metadata a {
  color: var(--primary-high);
}
.user-card .names__secondary,
.user-card [class*=metadata__],
.group-card .names__secondary,
.group-card [class*=metadata__] {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-card .names__primary a,
.user-card .names__secondary a,
.group-card .names__primary a,
.group-card .names__secondary a {
  color: var(--primary);
}
.user-card p,
.group-card p {
  margin: 0 0 5px 0;
}

.user-card:focus-visible {
  outline: none;
}
.user-card .first-row {
  display: flex;
}
.user-card .first-row .avatar-placeholder {
  width: var(--avatar-width);
  height: var(--avatar-width);
}
.user-card .first-row .user-card-avatar {
  margin-top: var(--avatar-margin);
  max-height: var(--avatar-width);
}
.user-card .first-row .avatar {
  width: var(--avatar-width);
  height: var(--avatar-width);
}
.user-card .first-row .new-user a {
  color: var(--primary-low-mid);
}
.user-card .second-row {
  max-height: 150px;
  overflow: auto;
}
.user-card .second-row .bio a:not(.mention) {
  color: var(--tertiary);
}
.user-card .second-row .bio .overflow {
  max-height: 60px;
  overflow: hidden;
}
.user-card .second-row .suspended {
  color: var(--danger);
}
.user-card .second-row .suspended .suspension-reason-title,
.user-card .second-row .suspended .suspension-date {
  font-weight: bold;
}
.user-card .second-row .profile-hidden,
.user-card .second-row .inactive-user {
  font-size: var(--font-up-1);
  margin-top: 0.5em;
}
.user-card .featured-topic .desc {
  color: var(--primary-high);
}
.user-card .featured-topic a {
  color: var(--primary);
  text-decoration: underline;
}
.user-card .location-and-website {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
.user-card .location-and-website .location,
.user-card .location-and-website .website-name {
  display: flex;
  overflow: hidden;
  align-items: center;
}
.user-card .location-and-website .location .d-icon,
.user-card .location-and-website .website-name .d-icon {
  margin-right: 0.25em;
}
.user-card .location-and-website .website-name a,
.user-card .location-and-website .location span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary);
}
.user-card .location-and-website .location,
.user-card .location-and-website .local-time,
.user-card .location-and-website .website-name {
  margin-right: 0.5em;
}
.user-card .location-and-website .website-name a {
  text-decoration: underline;
}
.user-card .public-user-fields {
  margin: 0;
}
.user-card .public-user-fields .user-field-value-list-item:not(:last-of-type)::after {
  content: ",";
}
.user-card .badge-section {
  line-height: 0;
}
.user-card .badge-section .user-badge, .user-card .badge-section .more-user-badges a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: var(--primary-very-low);
  border: 1px solid var(--primary-low);
  color: var(--primary);
}
.user-card .badge-section .user-card-badge-link {
  overflow: hidden;
}
.user-card .badge-section .user-card-badge-link,
.user-card .badge-section .more-user-badges {
  vertical-align: top;
  display: inline-block;
}
.user-card .user-status {
  display: flex;
}
.user-card .user-status img.emoji {
  margin-bottom: 1px;
  margin-right: 0.3em;
}
.user-card .user-status .relative-date {
  flex: 1 0 auto;
  text-align: left;
  font-size: var(--font-down-3);
  padding-top: 0.5em;
  margin-left: 0.6em;
  color: var(--primary-medium);
}
.user-card .user-status__description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.group-card .first-row {
  display: flex;
}
.group-card .first-row .group-card-avatar {
  margin-top: var(--avatar-margin);
}
.group-card .first-row .avatar-flair {
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  width: var(--avatar-width);
  height: var(--avatar-width);
  color: var(--primary);
}
.group-card .first-row .avatar-flair .d-icon {
  margin: auto;
  font-size: calc(var(--avatar-width) / 1.5);
}
.group-card .first-row .avatar-flair.rounded {
  border-radius: 50%;
}
.group-card .second-row {
  max-height: 150px;
  overflow: auto;
}
.group-card .second-row .bio a:not(.mention) {
  color: var(--tertiary);
}
.group-card .second-row .bio img {
  max-width: 100%;
  height: auto;
}
.group-card .second-row .bio .overflow {
  max-height: 60px;
  overflow: hidden;
}

.user-info {
  display: flex;
  gap: 1em;
  margin-bottom: 0.75rem;
}
.user-info .user-image-inner {
  position: relative;
  display: inline-block;
}
.user-info .user-detail {
  min-width: 0;
}
@media screen and (max-width: 350px) {
  .user-info .user-detail {
    font-size: var(--font-down-1);
  }
}
.user-info .user-detail .name-line > a {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5em;
  color: var(--primary-high);
}
.user-info .user-detail .name-line .name,
.user-info .user-detail .name-line .username {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-info .user-detail .name-line span:first-child {
  font-weight: bold;
}
.user-info .user-detail .details {
  color: var(--primary);
}
.user-info .user-detail .details .d-icon-reply {
  color: var(--primary-medium);
}
.user-info .user-detail .title {
  color: var(--primary-medium);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-info.medium {
  min-height: 60px;
}
.user-info.medium .username,
.user-info.medium .name {
  display: block;
}
.user-info.medium .margin a {
  margin-left: 0;
}
.user-info.medium.badge-info {
  min-height: 80px;
  min-width: 250px;
}
.user-info.medium.badge-info .granted-on {
  color: var(--primary-med-or-secondary-med);
}
.user-info.medium.badge-info .post-link {
  display: block;
  margin-top: 0.2em;
}

[data-content][data-identifier=user-status-message-tooltip] .fk-d-tooltip__inner-content {
  gap: 0.65em;
}
[data-content][data-identifier=user-status-message-tooltip] .emoji {
  width: 1em;
  height: 1em;
}
[data-content][data-identifier=user-status-message-tooltip] .user-status-message-description {
  margin-left: 0.1rem;
  color: var(--primary-800);
}
[data-content][data-identifier=user-status-message-tooltip] .user-status-tooltip-until {
  color: var(--primary-medium);
  white-space: nowrap;
  margin-left: 0.15em;
}

.user-status-picker-wrap {
  display: inline-flex;
  width: 100%;
  align-items: end;
}
.user-status-picker-wrap .user-status-picker {
  display: flex;
  width: 100%;
  border: 1px solid var(--primary-medium);
}
.user-status-picker-wrap .user-status-picker .emoji-picker-trigger {
  margin: 3px;
  width: 38px;
  height: 38px;
  text-align: center;
}
.user-status-picker-wrap .user-status-picker .user-status-description {
  width: 100%;
  margin-bottom: 0;
  border: none;
  outline: none;
  padding-left: 0;
}
.user-status-picker-wrap .user-status-picker.focused {
  border: 1px solid var(--tertiary);
  outline: 1px solid var(--tertiary);
}

.user-stream .item,
.user-stream .user-stream-item {
  background: var(--d-content-background, var(--secondary));
  border-bottom: 1px solid var(--primary-low);
  padding: 1em 0.53em;
  list-style: none;
}
.user-stream .item.moderator-action,
.user-stream .user-stream-item.moderator-action {
  background-color: var(--highlight-bg);
}
.user-stream .item.deleted,
.user-stream .user-stream-item.deleted {
  background-color: var(--danger-low-mid);
}
.user-stream .item.hidden,
.user-stream .user-stream-item.hidden {
  display: block;
  opacity: 0.4;
}
.user-stream .item .post-list-item__header,
.user-stream .user-stream-item .post-list-item__header {
  display: flex;
  align-items: flex-start;
}
.user-stream .item .post-list-item__details,
.user-stream .user-stream-item .post-list-item__details {
  flex-grow: 1;
  min-width: 0;
}
.user-stream .item .post-list-item__details .badge-category__wrapper,
.user-stream .user-stream-item .post-list-item__details .badge-category__wrapper {
  width: auto;
}
.user-stream .item .post-list-item__metadata,
.user-stream .user-stream-item .post-list-item__metadata {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
}
.user-stream .item .post-list-item__metadata span + span::before,
.user-stream .user-stream-item .post-list-item__metadata span + span::before {
  content: "•";
  margin-right: 0.25em;
  vertical-align: middle;
  color: var(--primary-medium);
}
.user-stream .draft-icon {
  color: var(--primary-high);
  font-size: var(--font-up-4);
  margin-right: 0.5rem;
  text-align: center;
}
.user-stream .stream-topic-title {
  overflow-wrap: anywhere;
}
.user-stream .draft-title {
  color: var(--tertiary);
  padding: 0;
}
.user-stream .user-stream-item__metadata ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: var(--primary-medium);
}
.user-stream .user-stream-item__metadata ul li {
  display: inline-flex;
  margin-left: 0.5em;
}
.user-stream .type,
.user-stream span.name {
  color: var(--primary);
}
.user-stream .relative-date,
.user-stream .delete-info,
.user-stream .draft-type {
  line-height: var(--line-height-small);
  color: var(--primary-medium);
  font-size: var(--font-down-2);
  padding-top: unset !important;
  margin-right: 0.5rem;
}
.user-stream .delete-info {
  align-items: center;
  display: flex;
}
.user-stream .delete-info .d-icon {
  font-size: var(--font-0);
  margin-right: 0.5rem;
}
.user-stream .delete-info .avatar {
  margin-right: 0.25rem;
}
.user-stream .user-notifications-list {
  padding-top: 0;
}
.user-stream .user-notifications-list li.notification {
  padding: 0.25em 0;
  border-bottom: 1px solid var(--primary-low);
}
.user-stream .user-notifications-list li.notification a {
  align-items: center;
}
.user-stream .user-notifications-list li.notification .d-icon {
  color: var(--primary-medium);
}
.user-stream .user-notifications-list li.notification .relative-date {
  margin-left: auto;
  padding-top: 0;
  float: none;
}
.user-stream .user-notifications-list:not(.show-avatars) li.notification {
  padding: 0.75em 0;
}
.user-stream .user-notifications-list:not(.show-avatars) li.notification .d-icon {
  padding-top: 0;
  font-size: var(--font-up-2);
}
.user-stream .expand-item,
.user-stream .collapse-item {
  margin-right: 0.5em;
  margin-left: 0.25em;
  line-height: var(--line-height-small);
  padding-top: 3px;
  color: var(--primary-medium);
}
.user-stream .avatar-link {
  margin-right: 0.5em;
}
.user-stream .name {
  font-size: var(--font-0);
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-stream .edit-reason {
  background-color: var(--highlight-bg);
  padding: 3px 5px 5px 5px;
}
.user-stream .excerpt {
  margin: 1em 0 0 0;
  font-size: var(--font-0);
  word-wrap: break-word;
  color: var(--primary);
}
.user-stream .excerpt:empty {
  display: none;
}
.user-stream .excerpt details.disabled {
  color: var(--primary-medium);
}
.user-stream .excerpt .emoji.only-emoji {
  width: 20px;
  height: 20px;
  margin: 0;
}
.user-stream .group-member-info {
  display: flex;
}
.user-stream .user-stream-item .user-stream-item-draft-actions {
  display: flex;
  align-items: end;
  flex-direction: row;
  gap: 0.75em;
}

.user-stream .child-actions,
.user-stream-item-actions,
.user-stream-item-draft-actions {
  margin-top: 8px;
}
.user-stream .child-actions .avatar-link,
.user-stream-item-actions .avatar-link,
.user-stream-item-draft-actions .avatar-link {
  float: none;
  margin-right: 3px;
}
.user-stream .child-actions .fa,
.user-stream-item-actions .fa,
.user-stream-item-draft-actions .fa {
  width: 15px;
  display: inline-block;
  color: var(--primary);
}
.user-stream .child-actions .fa.d-icon-heart,
.user-stream-item-actions .fa.d-icon-heart,
.user-stream-item-draft-actions .fa.d-icon-heart {
  color: var(--love);
}
.user-stream .child-actions .fa.d-icon-trash-can,
.user-stream-item-actions .fa.d-icon-trash-can,
.user-stream-item-draft-actions .fa.d-icon-trash-can {
  color: var(--secondary);
}

.user-stream {
  margin: 0;
}
.user-stream.filter-deleted {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}

.post-list {
  margin: 0;
}
.post-list .post-list-item {
  background: var(--d-content-background, var(--secondary));
  border-bottom: 1px solid var(--primary-low);
  padding: 1em 0.53em;
  list-style: none;
}
.post-list .post-list-item.moderator-action {
  background-color: var(--highlight-bg);
}
.post-list .post-list-item.deleted {
  background-color: var(--danger-low-mid);
}
.post-list .post-list-item.hidden {
  display: block;
  opacity: 0.4;
}
.post-list .post-list-item__header {
  display: flex;
  align-items: flex-start;
}
.post-list .post-list-item__details {
  flex-grow: 1;
  min-width: 0;
}
.post-list .post-list-item__details .badge-category__wrapper {
  width: 100%;
}
.post-list .post-list-item .expand-item,
.post-list .post-list-item .collapse-item {
  padding: 0;
  margin-right: 0.75rem;
  margin-top: 0.15rem;
}
.post-list .post-list-item .stream-topic-title {
  overflow-wrap: anywhere;
}
.post-list .post-list-item .relative-date {
  line-height: var(--line-height-small);
  color: var(--primary-medium);
  font-size: var(--font-down-2);
  padding-top: 5px;
}
.post-list .avatar-link {
  margin-right: 0.5em;
}
.post-list .name {
  font-size: var(--font-0);
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post-list .excerpt {
  margin: 1em 0 0 0;
  font-size: var(--font-0);
  word-wrap: break-word;
  color: var(--primary);
}
.post-list .excerpt:empty {
  display: none;
}
.post-list .excerpt details.disabled {
  color: var(--primary-medium);
}
.post-list .excerpt .emoji.only-emoji {
  width: 20px;
  height: 20px;
  margin: 0;
}
.post-list .post-member-info {
  display: flex;
}

.widget-dropdown {
  display: inline-flex;
  box-sizing: border-box;
}
.widget-dropdown.closed .widget-dropdown-body {
  display: none;
}
.widget-dropdown .widget-dropdown-body {
  display: flex;
  flex-direction: column;
  background: var(--secondary);
  z-index: 300;
  border: 1px solid var(--primary-low);
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}
.widget-dropdown .widget-dropdown-item {
  cursor: pointer;
  padding: 0.5em 1em;
  display: flex;
  flex: 1;
  align-items: center;
}
.widget-dropdown .widget-dropdown-item .d-icon {
  color: var(--primary-medium);
  margin-right: 0.25em;
}
.widget-dropdown .widget-dropdown-item.separator {
  padding: 0;
  background: var(--primary-low);
  margin: 0.25em 0;
}
.widget-dropdown .widget-dropdown-item.separator:hover {
  background: var(--primary-low);
}
.widget-dropdown .widget-dropdown-item:hover {
  background: var(--d-hover);
}
.widget-dropdown .widget-dropdown-header {
  cursor: pointer;
}

.login-welcome-header {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  overflow-wrap: anywhere;
}
.login-welcome-header .login-title {
  font-size: var(--font-up-6);
  margin: 0;
  line-height: var(--line-height-medium);
}
.login-welcome-header .login-subheader {
  font-size: var(--font-up-1);
  margin: 0;
}
.login-welcome-header .waving-hand {
  width: 35px;
  height: 35px;
  margin-left: 0.5em;
  align-self: center;
}

.notifications-tracking-trigger-btn {
  display: flex;
  gap: 0.25em;
}

.notifications-tracking-btn {
  display: flex;
  flex: 1 0 auto;
  box-sizing: border-box;
  align-items: center;
}
.notifications-tracking-btn__icons {
  display: flex;
  align-self: flex-start;
  margin-right: 0.75em;
}
.notifications-tracking-btn__texts {
  line-height: var(--line-height-medium);
  flex: 1 1 0%;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.notifications-tracking-btn__label {
  flex: 1 1 auto;
  font-weight: bold;
  font-size: var(--font-0);
  color: var(--primary);
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notifications-tracking-btn__description {
  flex: 1 1 auto;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  white-space: normal;
  text-align: left;
}

.fk-d-menu[data-content][data-identifier=emoji-picker] {
  z-index: 1700;
}
.fk-d-menu[data-content][data-identifier=emoji-picker] .emoji-picker {
  max-width: 95vw;
}

.fk-d-menu-modal .emoji-picker {
  max-width: 100vw;
}

.emoji-picker-trigger .d-icon + .d-button-label {
  margin-left: 0.25em;
}

.emoji-picker {
  display: flex;
  flex-direction: column;
  height: 300px;
  width: 500px;
}
.emoji-picker .spinner-container {
  height: 100%;
}
.emoji-picker__diversity-menu.fk-d-menu {
  z-index: 1700;
}
.emoji-picker__diversity-menu.fk-d-menu .dropdown-menu {
  min-width: auto;
}
.emoji-picker .emoji {
  padding: 6px;
  width: 24px;
  height: 24px;
  image-rendering: -webkit-optimize-contrast;
  cursor: pointer;
}
.emoji-picker .emoji:hover, .emoji-picker .emoji:focus {
  background: var(--primary-very-low);
  border-radius: var(--d-border-radius);
  transform: scale(1.25);
}
.emoji-picker__filter-container {
  background: var(--primary-very-low);
  display: flex;
  height: 50px;
}
.emoji-picker__filter {
  width: 100%;
  margin: 0.5rem;
  border-radius: var(--d-border-radius);
  box-sizing: border-box;
}
.emoji-picker__filter input {
  background-color: transparent !important;
  width: 100%;
}
.emoji-picker__filter .d-icon {
  color: var(--primary-medium);
}
.emoji-picker__filter.filter-input-container {
  border-color: transparent;
  background: var(--secondary);
}
.emoji-picker__content {
  display: flex;
  flex-direction: row;
  height: 250px;
}
.emoji-picker__scrollable-content {
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: contain;
  height: 100%;
}
.emoji-picker__no-results {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 700;
  padding: 2em;
}
.emoji-picker__sections-nav {
  display: flex;
  flex-direction: column;
  min-width: 40px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 250px;
  background: var(--primary-low);
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  overscroll-behavior: contain;
}
.emoji-picker__sections-nav::-webkit-scrollbar {
  display: none;
}
.emoji-picker__section-btn {
  padding: 0.25rem;
}
.emoji-picker__section-btn:hover .emoji {
  background: none;
}
.emoji-picker__section-btn:focus, .emoji-picker__section-btn.active {
  background: none;
}
.emoji-picker__section-btn.active {
  scale: 1.4;
}
.emoji-picker__section-btn .emoji {
  width: 21px;
  height: 21px;
}
.emoji-picker__section-emojis, .emoji-picker__section.filtered {
  padding: 0.5rem;
}
.emoji-picker__backdrop {
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.emoji-picker__section-title-container {
  display: flex;
  position: sticky;
  top: -1px;
  background: rgba(var(--secondary-rgb), 0.95);
  z-index: 2;
}
.emoji-picker__section-title {
  margin: 0;
  padding: 0.5rem;
  color: var(--primary-high);
  font-size: var(--font-down-2);
  font-weight: 700;
  width: 100%;
  box-sizing: border-box;
  text-transform: uppercase;
}
.emoji-picker__fitzpatrick-modifier-btn {
  min-width: 21px;
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  margin-right: 0.5rem;
  border: 0;
  border-radius: var(--d-border-radius);
}
.emoji-picker__fitzpatrick-modifier-btn .d-icon {
  visibility: hidden;
}
.emoji-picker__fitzpatrick-modifier-btn.current {
  min-width: 25px;
  width: 25px;
  height: 25px;
}
.emoji-picker__fitzpatrick-modifier-btn:not(.current):hover .d-icon, .emoji-picker__fitzpatrick-modifier-btn:not(.current):focus .d-icon {
  visibility: visible;
  color: white;
  filter: drop-shadow(0.5px 1.5px 0 rgba(0, 0, 0, 0.3));
}
.emoji-picker__fitzpatrick-modifier-btn:last-child {
  margin-right: 0;
}
.emoji-picker__fitzpatrick-modifier-btn.t1 {
  background: #ffcc4d;
}
.emoji-picker__fitzpatrick-modifier-btn.t2 {
  background: #f7dece;
}
.emoji-picker__fitzpatrick-modifier-btn.t3 {
  background: #f3d2a2;
}
.emoji-picker__fitzpatrick-modifier-btn.t4 {
  background: #d5ab88;
}
.emoji-picker__fitzpatrick-modifier-btn.t5 {
  background: #af7e57;
}
.emoji-picker__fitzpatrick-modifier-btn.t6 {
  background: #7c533e;
}
@media (forced-colors: active) {
  .emoji-picker__fitzpatrick-modifier-btn {
    forced-color-adjust: none;
  }
}
.emoji-picker__fitzpatrick-scale {
  display: flex;
  align-items: center;
}

.filter-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--primary-medium);
  box-sizing: border-box;
}
.filter-input-container.is-focused {
  border: 1px solid var(--tertiary);
}
.filter-input-container .filter-input,
.filter-input-container .filter-input:focus {
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
}
@media screen and (min-width: calc(768px + 1px)) {
  .chat-browse-view__actions .filter-input-container .filter-input,
  .chat-browse-view__actions .filter-input-container .filter-input:focus {
    width: 210px;
  }
}
.filter-input-container .d-icon {
  color: var(--primary-medium);
  margin: 0 0.5rem;
}

.dropdown-menu {
  padding: 0;
  margin: 0;
}
.dropdown-menu__item {
  list-style: none;
}
.dropdown-menu__item .btn, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add {
  padding: 0.65rem 1rem;
  width: 100%;
  justify-content: flex-start;
}
.dropdown-menu__divider {
  margin: 0;
  height: 0;
}

/*
* shared styles
*/
.d-modal.login-modal.awaiting-approval,
.d-modal.create-account.awaiting-approval {
  display: none;
}
.d-modal.login-modal .d-modal__container,
.d-modal.create-account .d-modal__container {
  position: relative;
  width: 100%;
}
.d-modal.login-modal .d-modal__header,
.d-modal.create-account .d-modal__header {
  border-bottom: none;
  padding: 0;
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  z-index: 9999;
}
.d-modal.login-modal .d-modal__body,
.d-modal.create-account .d-modal__body {
  display: flex;
  gap: 2rem;
  padding: 0;
}
.d-modal.login-modal .d-modal__footer,
.d-modal.create-account .d-modal__footer {
  flex-wrap: nowrap;
  padding: 0;
  border: 0;
}
.d-modal.login-modal .d-modal__footer .inline-spinner,
.d-modal.create-account .d-modal__footer .inline-spinner {
  display: inline-flex;
}
.d-modal.login-modal .login-left-side,
.d-modal.create-account .login-left-side {
  box-sizing: border-box;
  width: 100%;
  padding: 3rem;
  overflow: auto;
}
.d-modal.login-modal .login-right-side,
.d-modal.create-account .login-right-side {
  background: var(--tertiary-or-tertiary-low);
  padding: 3.5rem 3rem;
  max-width: 16em;
}
.d-modal.login-modal .btn-social-title,
.d-modal.create-account .btn-social-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-modal.login-modal #login-buttons,
.d-modal.create-account #login-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  height: 100%;
  white-space: nowrap;
}
.d-modal.login-modal #login-form,
.d-modal.create-account #login-form {
  margin: 2em 0 1em 0;
  display: flex;
  flex-direction: column;
}
.d-modal.login-modal #login-form .create-account-associate-link,
.d-modal.create-account #login-form .create-account-associate-link {
  order: 1;
}
.d-modal.login-modal .tip,
.d-modal.create-account .tip {
  font-size: var(--font-down-1);
  min-height: 1.4em;
  display: block;
}
.d-modal.login-modal .tip.bad,
.d-modal.create-account .tip.bad {
  color: var(--danger);
}
.d-modal.login-modal .toggle-password-mask span,
.d-modal.create-account .toggle-password-mask span {
  font-size: var(--font-down-1-rem);
}
.d-modal.login-modal .more-info,
.d-modal.login-modal .instructions,
.d-modal.create-account .more-info,
.d-modal.create-account .instructions {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  overflow-wrap: anywhere;
}
.d-modal.login-modal .caps-lock-warning,
.d-modal.create-account .caps-lock-warning {
  color: var(--danger);
  font-size: var(--font-down-1);
  font-weight: bold;
  margin-top: 0.5em;
}
.d-modal.login-modal #modal-alert,
.d-modal.create-account #modal-alert {
  box-sizing: border-box;
  display: inline-block;
  padding: 1em 3.5em 1em 1em;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  min-height: 35px;
}
.d-modal.login-modal #modal-alert:empty,
.d-modal.create-account #modal-alert:empty {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  display: inline;
}
.d-modal.login-modal .login-page-cta,
.d-modal.login-modal .signup-page-cta,
.d-modal.create-account .login-page-cta,
.d-modal.create-account .signup-page-cta {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.d-modal.login-modal .login-page-cta__disclaimer,
.d-modal.login-modal .signup-page-cta__disclaimer,
.d-modal.create-account .login-page-cta__disclaimer,
.d-modal.create-account .signup-page-cta__disclaimer {
  color: var(--primary-medium);
  margin-bottom: 1rem;
}
.d-modal.login-modal .login-page-cta__buttons,
.d-modal.login-modal .signup-page-cta__buttons,
.d-modal.create-account .login-page-cta__buttons,
.d-modal.create-account .signup-page-cta__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.d-modal.login-modal .login-page-cta__buttons button,
.d-modal.login-modal .signup-page-cta__buttons button,
.d-modal.create-account .login-page-cta__buttons button,
.d-modal.create-account .signup-page-cta__buttons button {
  font-size: var(--font-0) !important;
  width: 100%;
}
.d-modal.login-modal .login-page-cta__existing-account, .d-modal.login-modal .login-page-cta__no-account-yet,
.d-modal.login-modal .signup-page-cta__existing-account,
.d-modal.login-modal .signup-page-cta__no-account-yet,
.d-modal.create-account .login-page-cta__existing-account,
.d-modal.create-account .login-page-cta__no-account-yet,
.d-modal.create-account .signup-page-cta__existing-account,
.d-modal.create-account .signup-page-cta__no-account-yet {
  color: var(--primary-medium);
  font-size: var(--font-down);
  margin-bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.d-modal.login-modal .login-page-cta__existing-account::before, .d-modal.login-modal .login-page-cta__no-account-yet::before,
.d-modal.login-modal .signup-page-cta__existing-account::before,
.d-modal.login-modal .signup-page-cta__no-account-yet::before,
.d-modal.create-account .login-page-cta__existing-account::before,
.d-modal.create-account .login-page-cta__no-account-yet::before,
.d-modal.create-account .signup-page-cta__existing-account::before,
.d-modal.create-account .signup-page-cta__no-account-yet::before {
  content: " ";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--primary-low);
  margin-block: 1rem;
}
@media screen and (max-width: 767px) {
  .desktop-view .d-modal.login-modal .d-modal__header,
  .desktop-view .d-modal.create-account .d-modal__header {
    right: 0;
    top: 0;
  }
  .desktop-view .d-modal.login-modal .has-alt-auth,
  .desktop-view .d-modal.create-account .has-alt-auth {
    flex-direction: column;
    overflow: auto;
    gap: 0;
  }
  .desktop-view .d-modal.login-modal .has-alt-auth .d-modal__footer,
  .desktop-view .d-modal.login-modal .has-alt-auth .btn-social,
  .desktop-view .d-modal.create-account .has-alt-auth .d-modal__footer,
  .desktop-view .d-modal.create-account .has-alt-auth .btn-social {
    font-size: var(--font-down-1);
  }
  .desktop-view .d-modal.login-modal .has-alt-auth .login-left-side,
  .desktop-view .d-modal.create-account .has-alt-auth .login-left-side {
    overflow: unset;
    padding: 1em;
  }
  .desktop-view .d-modal.login-modal .has-alt-auth .login-right-side,
  .desktop-view .d-modal.create-account .has-alt-auth .login-right-side {
    padding: 1em;
    max-width: unset;
  }
  .desktop-view .d-modal.login-modal .has-alt-auth #login-form,
  .desktop-view .d-modal.create-account .has-alt-auth #login-form {
    margin: 1.5em 0;
  }
  .desktop-view .d-modal.login-modal .has-alt-auth .signup-progress-bar,
  .desktop-view .d-modal.create-account .has-alt-auth .signup-progress-bar {
    display: none;
  }
}

.invites-show #account-email-validation:not(:has(*)) {
  display: none;
}

/* end shared styles */
.d-modal.create-account:not(:has(.login-right-side)) .d-modal__container,
.d-modal.login-modal:not(:has(.login-right-side)) .d-modal__container {
  max-width: 500px;
}

.d-modal.create-account .d-modal__container {
  width: 100%;
}
.d-modal.create-account .d-modal__footer {
  flex-direction: column;
  align-items: flex-start;
}
.d-modal.create-account .d-modal__footer-buttons {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.d-modal.create-account .d-modal__footer-buttons .already-have-account {
  color: var(--primary-medium);
  margin-bottom: 0.5em;
}
.d-modal.create-account .d-modal__footer-buttons button,
.d-modal.create-account .d-modal__footer-buttons hr {
  width: 100%;
}
.d-modal.create-account .disclaimer {
  color: var(--primary-medium);
  margin-bottom: 0.5em;
}
.d-modal.create-account .create-account__password-info {
  display: flex;
  justify-content: space-between;
}
.d-modal.create-account .create-account__password-info .create-account__password-tip-validation {
  display: flex;
}

.login-modal #login-form .input-group,
.login-modal .login-form .input-group,
.login-modal .invite-form .input-group,
.create-account #login-form .input-group,
.create-account .login-form .input-group,
.create-account .invite-form .input-group,
.invites-show #login-form .input-group,
.invites-show .login-form .input-group,
.invites-show .invite-form .input-group {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.login-modal #login-form .input-group input,
.login-modal #login-form .input-group .select-kit-header,
.login-modal .login-form .input-group input,
.login-modal .login-form .input-group .select-kit-header,
.login-modal .invite-form .input-group input,
.login-modal .invite-form .input-group .select-kit-header,
.create-account #login-form .input-group input,
.create-account #login-form .input-group .select-kit-header,
.create-account .login-form .input-group input,
.create-account .login-form .input-group .select-kit-header,
.create-account .invite-form .input-group input,
.create-account .invite-form .input-group .select-kit-header,
.invites-show #login-form .input-group input,
.invites-show #login-form .input-group .select-kit-header,
.invites-show .login-form .input-group input,
.invites-show .login-form .input-group .select-kit-header,
.invites-show .invite-form .input-group input,
.invites-show .invite-form .input-group .select-kit-header {
  padding: 0.75em 0.77em;
  min-width: 250px;
  margin-bottom: 0.25em;
  width: 100%;
}
.login-modal #login-form .input-group input:focus,
.login-modal .login-form .input-group input:focus,
.login-modal .invite-form .input-group input:focus,
.create-account #login-form .input-group input:focus,
.create-account .login-form .input-group input:focus,
.create-account .invite-form .input-group input:focus,
.invites-show #login-form .input-group input:focus,
.invites-show .login-form .input-group input:focus,
.invites-show .invite-form .input-group input:focus {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.login-modal #login-form .input-group input:disabled,
.login-modal .login-form .input-group input:disabled,
.login-modal .invite-form .input-group input:disabled,
.create-account #login-form .input-group input:disabled,
.create-account .login-form .input-group input:disabled,
.create-account .invite-form .input-group input:disabled,
.invites-show #login-form .input-group input:disabled,
.invites-show .login-form .input-group input:disabled,
.invites-show .invite-form .input-group input:disabled {
  background-color: var(--primary-low);
}
.login-modal #login-form .input-group span.more-info,
.login-modal .login-form .input-group span.more-info,
.login-modal .invite-form .input-group span.more-info,
.create-account #login-form .input-group span.more-info,
.create-account .login-form .input-group span.more-info,
.create-account .invite-form .input-group span.more-info,
.invites-show #login-form .input-group span.more-info,
.invites-show .login-form .input-group span.more-info,
.invites-show .invite-form .input-group span.more-info {
  color: var(--primary-medium);
  min-height: 1.4em;
  overflow-wrap: anywhere;
}
.login-modal #login-form .input-group label.alt-placeholder,
.login-modal #login-form .input-group .user-field.text label.control-label,
.login-modal #login-form .input-group .user-field.dropdown label.control-label,
.login-modal #login-form .input-group .user-field.multiselect label.control-label,
.login-modal .login-form .input-group label.alt-placeholder,
.login-modal .login-form .input-group .user-field.text label.control-label,
.login-modal .login-form .input-group .user-field.dropdown label.control-label,
.login-modal .login-form .input-group .user-field.multiselect label.control-label,
.login-modal .invite-form .input-group label.alt-placeholder,
.login-modal .invite-form .input-group .user-field.text label.control-label,
.login-modal .invite-form .input-group .user-field.dropdown label.control-label,
.login-modal .invite-form .input-group .user-field.multiselect label.control-label,
.create-account #login-form .input-group label.alt-placeholder,
.create-account #login-form .input-group .user-field.text label.control-label,
.create-account #login-form .input-group .user-field.dropdown label.control-label,
.create-account #login-form .input-group .user-field.multiselect label.control-label,
.create-account .login-form .input-group label.alt-placeholder,
.create-account .login-form .input-group .user-field.text label.control-label,
.create-account .login-form .input-group .user-field.dropdown label.control-label,
.create-account .login-form .input-group .user-field.multiselect label.control-label,
.create-account .invite-form .input-group label.alt-placeholder,
.create-account .invite-form .input-group .user-field.text label.control-label,
.create-account .invite-form .input-group .user-field.dropdown label.control-label,
.create-account .invite-form .input-group .user-field.multiselect label.control-label,
.invites-show #login-form .input-group label.alt-placeholder,
.invites-show #login-form .input-group .user-field.text label.control-label,
.invites-show #login-form .input-group .user-field.dropdown label.control-label,
.invites-show #login-form .input-group .user-field.multiselect label.control-label,
.invites-show .login-form .input-group label.alt-placeholder,
.invites-show .login-form .input-group .user-field.text label.control-label,
.invites-show .login-form .input-group .user-field.dropdown label.control-label,
.invites-show .login-form .input-group .user-field.multiselect label.control-label,
.invites-show .invite-form .input-group label.alt-placeholder,
.invites-show .invite-form .input-group .user-field.text label.control-label,
.invites-show .invite-form .input-group .user-field.dropdown label.control-label,
.invites-show .invite-form .input-group .user-field.multiselect label.control-label {
  color: var(--primary-medium);
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 1em;
  top: 13px;
  box-shadow: 0 0 0 0 rgba(var(--tertiary-rgb), 0);
  transition: 0.2s ease all;
}
.login-modal #login-form .input-group .user-field.text label.control-label,
.login-modal #login-form .input-group .user-field.dropdown label.control-label,
.login-modal #login-form .input-group .user-field.multiselect label.control-label,
.login-modal .login-form .input-group .user-field.text label.control-label,
.login-modal .login-form .input-group .user-field.dropdown label.control-label,
.login-modal .login-form .input-group .user-field.multiselect label.control-label,
.login-modal .invite-form .input-group .user-field.text label.control-label,
.login-modal .invite-form .input-group .user-field.dropdown label.control-label,
.login-modal .invite-form .input-group .user-field.multiselect label.control-label,
.create-account #login-form .input-group .user-field.text label.control-label,
.create-account #login-form .input-group .user-field.dropdown label.control-label,
.create-account #login-form .input-group .user-field.multiselect label.control-label,
.create-account .login-form .input-group .user-field.text label.control-label,
.create-account .login-form .input-group .user-field.dropdown label.control-label,
.create-account .login-form .input-group .user-field.multiselect label.control-label,
.create-account .invite-form .input-group .user-field.text label.control-label,
.create-account .invite-form .input-group .user-field.dropdown label.control-label,
.create-account .invite-form .input-group .user-field.multiselect label.control-label,
.invites-show #login-form .input-group .user-field.text label.control-label,
.invites-show #login-form .input-group .user-field.dropdown label.control-label,
.invites-show #login-form .input-group .user-field.multiselect label.control-label,
.invites-show .login-form .input-group .user-field.text label.control-label,
.invites-show .login-form .input-group .user-field.dropdown label.control-label,
.invites-show .login-form .input-group .user-field.multiselect label.control-label,
.invites-show .invite-form .input-group .user-field.text label.control-label,
.invites-show .invite-form .input-group .user-field.dropdown label.control-label,
.invites-show .invite-form .input-group .user-field.multiselect label.control-label {
  z-index: 999;
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: var(--font-down-1);
}
.login-modal #login-form .input-group .user-field.text label.control-label,
.login-modal .login-form .input-group .user-field.text label.control-label,
.login-modal .invite-form .input-group .user-field.text label.control-label,
.create-account #login-form .input-group .user-field.text label.control-label,
.create-account .login-form .input-group .user-field.text label.control-label,
.create-account .invite-form .input-group .user-field.text label.control-label,
.invites-show #login-form .input-group .user-field.text label.control-label,
.invites-show .login-form .input-group .user-field.text label.control-label,
.invites-show .invite-form .input-group .user-field.text label.control-label {
  top: 13px;
}
.login-modal #login-form .input-group .user-field.text:focus-within,
.login-modal #login-form .input-group .user-field.dropdown:focus-within,
.login-modal #login-form .input-group .user-field.multiselect:focus-within,
.login-modal .login-form .input-group .user-field.text:focus-within,
.login-modal .login-form .input-group .user-field.dropdown:focus-within,
.login-modal .login-form .input-group .user-field.multiselect:focus-within,
.login-modal .invite-form .input-group .user-field.text:focus-within,
.login-modal .invite-form .input-group .user-field.dropdown:focus-within,
.login-modal .invite-form .input-group .user-field.multiselect:focus-within,
.create-account #login-form .input-group .user-field.text:focus-within,
.create-account #login-form .input-group .user-field.dropdown:focus-within,
.create-account #login-form .input-group .user-field.multiselect:focus-within,
.create-account .login-form .input-group .user-field.text:focus-within,
.create-account .login-form .input-group .user-field.dropdown:focus-within,
.create-account .login-form .input-group .user-field.multiselect:focus-within,
.create-account .invite-form .input-group .user-field.text:focus-within,
.create-account .invite-form .input-group .user-field.dropdown:focus-within,
.create-account .invite-form .input-group .user-field.multiselect:focus-within,
.invites-show #login-form .input-group .user-field.text:focus-within,
.invites-show #login-form .input-group .user-field.dropdown:focus-within,
.invites-show #login-form .input-group .user-field.multiselect:focus-within,
.invites-show .login-form .input-group .user-field.text:focus-within,
.invites-show .login-form .input-group .user-field.dropdown:focus-within,
.invites-show .login-form .input-group .user-field.multiselect:focus-within,
.invites-show .invite-form .input-group .user-field.text:focus-within,
.invites-show .invite-form .input-group .user-field.dropdown:focus-within,
.invites-show .invite-form .input-group .user-field.multiselect:focus-within {
  z-index: 1000;
}
.login-modal #login-form .input-group input:focus + label.alt-placeholder,
.login-modal #login-form .input-group input.value-entered + label.alt-placeholder,
.login-modal .login-form .input-group input:focus + label.alt-placeholder,
.login-modal .login-form .input-group input.value-entered + label.alt-placeholder,
.login-modal .invite-form .input-group input:focus + label.alt-placeholder,
.login-modal .invite-form .input-group input.value-entered + label.alt-placeholder,
.create-account #login-form .input-group input:focus + label.alt-placeholder,
.create-account #login-form .input-group input.value-entered + label.alt-placeholder,
.create-account .login-form .input-group input:focus + label.alt-placeholder,
.create-account .login-form .input-group input.value-entered + label.alt-placeholder,
.create-account .invite-form .input-group input:focus + label.alt-placeholder,
.create-account .invite-form .input-group input.value-entered + label.alt-placeholder,
.invites-show #login-form .input-group input:focus + label.alt-placeholder,
.invites-show #login-form .input-group input.value-entered + label.alt-placeholder,
.invites-show .login-form .input-group input:focus + label.alt-placeholder,
.invites-show .login-form .input-group input.value-entered + label.alt-placeholder,
.invites-show .invite-form .input-group input:focus + label.alt-placeholder,
.invites-show .invite-form .input-group input.value-entered + label.alt-placeholder {
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: var(--font-down-1);
}
.login-modal #login-form .input-group input.alt-placeholder:invalid,
.login-modal .login-form .input-group input.alt-placeholder:invalid,
.login-modal .invite-form .input-group input.alt-placeholder:invalid,
.create-account #login-form .input-group input.alt-placeholder:invalid,
.create-account .login-form .input-group input.alt-placeholder:invalid,
.create-account .invite-form .input-group input.alt-placeholder:invalid,
.invites-show #login-form .input-group input.alt-placeholder:invalid,
.invites-show .login-form .input-group input.alt-placeholder:invalid,
.invites-show .invite-form .input-group input.alt-placeholder:invalid {
  color: var(--primary);
}
.login-modal #login-form .input-group .user-field.dropdown .more-info,
.login-modal #login-form .input-group .user-field.dropdown .instructions,
.login-modal #login-form .input-group .user-field.multiselect .more-info,
.login-modal #login-form .input-group .user-field.multiselect .instructions,
.login-modal .login-form .input-group .user-field.dropdown .more-info,
.login-modal .login-form .input-group .user-field.dropdown .instructions,
.login-modal .login-form .input-group .user-field.multiselect .more-info,
.login-modal .login-form .input-group .user-field.multiselect .instructions,
.login-modal .invite-form .input-group .user-field.dropdown .more-info,
.login-modal .invite-form .input-group .user-field.dropdown .instructions,
.login-modal .invite-form .input-group .user-field.multiselect .more-info,
.login-modal .invite-form .input-group .user-field.multiselect .instructions,
.create-account #login-form .input-group .user-field.dropdown .more-info,
.create-account #login-form .input-group .user-field.dropdown .instructions,
.create-account #login-form .input-group .user-field.multiselect .more-info,
.create-account #login-form .input-group .user-field.multiselect .instructions,
.create-account .login-form .input-group .user-field.dropdown .more-info,
.create-account .login-form .input-group .user-field.dropdown .instructions,
.create-account .login-form .input-group .user-field.multiselect .more-info,
.create-account .login-form .input-group .user-field.multiselect .instructions,
.create-account .invite-form .input-group .user-field.dropdown .more-info,
.create-account .invite-form .input-group .user-field.dropdown .instructions,
.create-account .invite-form .input-group .user-field.multiselect .more-info,
.create-account .invite-form .input-group .user-field.multiselect .instructions,
.invites-show #login-form .input-group .user-field.dropdown .more-info,
.invites-show #login-form .input-group .user-field.dropdown .instructions,
.invites-show #login-form .input-group .user-field.multiselect .more-info,
.invites-show #login-form .input-group .user-field.multiselect .instructions,
.invites-show .login-form .input-group .user-field.dropdown .more-info,
.invites-show .login-form .input-group .user-field.dropdown .instructions,
.invites-show .login-form .input-group .user-field.multiselect .more-info,
.invites-show .login-form .input-group .user-field.multiselect .instructions,
.invites-show .invite-form .input-group .user-field.dropdown .more-info,
.invites-show .invite-form .input-group .user-field.dropdown .instructions,
.invites-show .invite-form .input-group .user-field.multiselect .more-info,
.invites-show .invite-form .input-group .user-field.multiselect .instructions {
  opacity: 1;
}
.login-modal #login-form .input-group #email-login-link,
.login-modal .login-form .input-group #email-login-link,
.login-modal .invite-form .input-group #email-login-link,
.create-account #login-form .input-group #email-login-link,
.create-account .login-form .input-group #email-login-link,
.create-account .invite-form .input-group #email-login-link,
.invites-show #login-form .input-group #email-login-link,
.invites-show .login-form .input-group #email-login-link,
.invites-show .invite-form .input-group #email-login-link {
  transition: opacity 0.5s;
}
.login-modal #login-form .input-group #email-login-link.no-login-filled,
.login-modal .login-form .input-group #email-login-link.no-login-filled,
.login-modal .invite-form .input-group #email-login-link.no-login-filled,
.create-account #login-form .input-group #email-login-link.no-login-filled,
.create-account .login-form .input-group #email-login-link.no-login-filled,
.create-account .invite-form .input-group #email-login-link.no-login-filled,
.invites-show #login-form .input-group #email-login-link.no-login-filled,
.invites-show .login-form .input-group #email-login-link.no-login-filled,
.invites-show .invite-form .input-group #email-login-link.no-login-filled {
  opacity: 0;
  visibility: hidden;
}
.login-modal #login-form .input-group #email-login-link,
.login-modal #login-form .input-group .login__password-links,
.login-modal .login-form .input-group #email-login-link,
.login-modal .login-form .input-group .login__password-links,
.login-modal .invite-form .input-group #email-login-link,
.login-modal .invite-form .input-group .login__password-links,
.create-account #login-form .input-group #email-login-link,
.create-account #login-form .input-group .login__password-links,
.create-account .login-form .input-group #email-login-link,
.create-account .login-form .input-group .login__password-links,
.create-account .invite-form .input-group #email-login-link,
.create-account .invite-form .input-group .login__password-links,
.invites-show #login-form .input-group #email-login-link,
.invites-show #login-form .input-group .login__password-links,
.invites-show .login-form .input-group #email-login-link,
.invites-show .login-form .input-group .login__password-links,
.invites-show .invite-form .input-group #email-login-link,
.invites-show .invite-form .input-group .login__password-links {
  font-size: var(--font-down-1);
  display: flex;
  justify-content: space-between;
}
.login-modal #login-form .input-group .tip:not(:empty) + label.more-info,
.login-modal .login-form .input-group .tip:not(:empty) + label.more-info,
.login-modal .invite-form .input-group .tip:not(:empty) + label.more-info,
.create-account #login-form .input-group .tip:not(:empty) + label.more-info,
.create-account .login-form .input-group .tip:not(:empty) + label.more-info,
.create-account .invite-form .input-group .tip:not(:empty) + label.more-info,
.invites-show #login-form .input-group .tip:not(:empty) + label.more-info,
.invites-show .login-form .input-group .tip:not(:empty) + label.more-info,
.invites-show .invite-form .input-group .tip:not(:empty) + label.more-info {
  display: none;
}
.login-modal #login-form #second-factor input,
.login-modal .login-form #second-factor input,
.login-modal .invite-form #second-factor input,
.create-account #login-form #second-factor input,
.create-account .login-form #second-factor input,
.create-account .invite-form #second-factor input,
.invites-show #login-form #second-factor input,
.invites-show .login-form #second-factor input,
.invites-show .invite-form #second-factor input {
  width: 100%;
  padding: 0.75em 0.5em;
  min-width: 250px;
  box-shadow: none;
}
.login-modal #login-form #second-factor input:focus,
.login-modal .login-form #second-factor input:focus,
.login-modal .invite-form #second-factor input:focus,
.create-account #login-form #second-factor input:focus,
.create-account .login-form #second-factor input:focus,
.create-account .invite-form #second-factor input:focus,
.invites-show #login-form #second-factor input:focus,
.invites-show .login-form #second-factor input:focus,
.invites-show .invite-form #second-factor input:focus {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.login-modal #login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.login-modal #login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.login-modal .login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.login-modal .login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.login-modal .invite-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.login-modal .invite-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.create-account #login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.create-account #login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.create-account .login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.create-account .login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.create-account .invite-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.create-account .invite-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.invites-show #login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.invites-show #login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.invites-show .login-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.invites-show .login-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label,
.invites-show .invite-form .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.invites-show .invite-form .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label {
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: 14px;
  color: var(--primary-medium);
}
.login-modal #login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.login-modal .login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.login-modal .invite-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.create-account #login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.create-account .login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.create-account .invite-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.invites-show #login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.invites-show .login-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label,
.invites-show .invite-form .user-fields .input-group .user-field.text label.alt-placeholder.control-label {
  color: var(--primary-medium);
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  transition: 0.2s ease all;
  max-width: calc(100% - 2em);
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-modal #login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.login-modal #login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.login-modal .login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.login-modal .login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.login-modal .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.login-modal .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.create-account #login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.create-account #login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.create-account .login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.create-account .login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.create-account .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.create-account .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.invites-show #login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.invites-show #login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.invites-show .login-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.invites-show .login-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection,
.invites-show .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.name,
.invites-show .invite-form .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection {
  color: var(--primary-medium);
}
.login-modal #login-form .user-fields .input-group .user-field .select-kit-row span.name,
.login-modal .login-form .user-fields .input-group .user-field .select-kit-row span.name,
.login-modal .invite-form .user-fields .input-group .user-field .select-kit-row span.name,
.create-account #login-form .user-fields .input-group .user-field .select-kit-row span.name,
.create-account .login-form .user-fields .input-group .user-field .select-kit-row span.name,
.create-account .invite-form .user-fields .input-group .user-field .select-kit-row span.name,
.invites-show #login-form .user-fields .input-group .user-field .select-kit-row span.name,
.invites-show .login-form .user-fields .input-group .user-field .select-kit-row span.name,
.invites-show .invite-form .user-fields .input-group .user-field .select-kit-row span.name {
  color: var(--primary);
}
.login-modal #login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.login-modal .login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.login-modal .invite-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.create-account #login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.create-account .login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.create-account .invite-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.invites-show #login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.invites-show .login-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary,
.invites-show .invite-form .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.login-modal #login-form .user-fields .input-group .user-field .controls .checkbox-label,
.login-modal .login-form .user-fields .input-group .user-field .controls .checkbox-label,
.login-modal .invite-form .user-fields .input-group .user-field .controls .checkbox-label,
.create-account #login-form .user-fields .input-group .user-field .controls .checkbox-label,
.create-account .login-form .user-fields .input-group .user-field .controls .checkbox-label,
.create-account .invite-form .user-fields .input-group .user-field .controls .checkbox-label,
.invites-show #login-form .user-fields .input-group .user-field .controls .checkbox-label,
.invites-show .login-form .user-fields .input-group .user-field .controls .checkbox-label,
.invites-show .invite-form .user-fields .input-group .user-field .controls .checkbox-label {
  display: flex;
  align-items: center;
}
.login-modal #login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.login-modal .login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.login-modal .invite-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.create-account #login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.create-account .login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.create-account .invite-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.invites-show #login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.invites-show .login-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox,
.invites-show .invite-form .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox {
  width: 1em !important;
  min-width: unset;
  margin-block: 0;
}

.d-modal.insert-hyperlink-modal .insert-link {
  overflow-y: visible;
}
.d-modal.insert-hyperlink-modal .insert-link input {
  min-width: 300px;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs {
  position: relative;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .spinner {
  position: absolute;
  right: 8px;
  top: -15px;
  width: 10px;
  height: 10px;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results {
  position: absolute;
  top: 70%;
  padding: 5px 10px;
  box-shadow: var(--shadow-card);
  z-index: 5;
  background-color: var(--secondary);
  max-height: 150px;
  width: 90%;
  overflow-y: auto;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link {
  padding: 6px;
  border-bottom: 1px solid var(--primary-low);
  cursor: pointer;
  display: block;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link:hover, .d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link:focus {
  background-color: var(--highlight-bg);
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link .search-category {
  display: flex;
  align-items: center;
}
.d-modal.insert-hyperlink-modal .insert-link .inputs .internal-link-results > .search-link .discourse-tags {
  font-size: var(--font-down-1);
}

.sidebar-section-form-modal .sidebar-section-form-link .select-kit {
  width: 100%;
}

.jump-to-post-modal .d-modal__body {
  overflow-y: visible;
}
.jump-to-post-modal .d-modal__body #post-jump {
  margin: 0;
  width: 100px;
}
.jump-to-post-modal .d-modal__body .date-picker {
  margin: 0;
  width: 180px;
}
.jump-to-post-modal .d-modal__body .input-hint-text {
  color: var(--primary);
}
.jump-to-post-modal .d-modal__body .jump-to-post-control .index {
  color: var(--primary-medium);
}
.jump-to-post-modal .d-modal__body .jump-to-date-control {
  display: flex;
  align-items: center;
}
.jump-to-post-modal .d-modal__body .jump-to-date-control .input-hint-text {
  margin-left: 0;
  margin-right: 0.5em;
}
.jump-to-post-modal .d-modal__body .separator {
  position: relative;
  margin: 0.5em auto;
}
.jump-to-post-modal .d-modal__body .separator hr {
  flex: 1 0 0px;
}
.jump-to-post-modal .d-modal__body .separator .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--secondary);
  padding: 0.25rem 0.5rem;
  color: var(--primary-medium);
}

.d-modal.choose-topic-modal .d-modal__container {
  width: 40em;
}
.d-modal.choose-topic-modal #split-topic-name,
.d-modal.choose-topic-modal #choose-topic-title,
.d-modal.choose-topic-modal #choose-message-title {
  width: 100%;
}
.d-modal.choose-topic-modal .category-chooser {
  margin-bottom: 9px;
}
.d-modal.choose-topic-modal .controls.existing-topic {
  margin-bottom: 0.75em;
}
.d-modal.choose-topic-modal .existing-topic .radio {
  flex-wrap: wrap;
}
.d-modal.choose-topic-modal .existing-topic .topic-title {
  max-width: 90%;
}
.d-modal.choose-topic-modal .existing-topic .topic-categories {
  display: flex;
  font-weight: normal;
  gap: 0.5em;
  width: 100%;
}
.d-modal.choose-topic-modal #choosing-topic form hr {
  margin-bottom: 0.5em;
}

.d-modal.publish-page-modal .d-modal__body p.publish-description {
  margin-top: 0;
}
.d-modal.publish-page-modal .d-modal__body .publish-url {
  margin-bottom: 1em;
}
.d-modal.publish-page-modal .d-modal__body .publish-url .example-url,
.d-modal.publish-page-modal .d-modal__body .publish-url .invalid-slug {
  font-weight: bold;
}
.d-modal.publish-page-modal .d-modal__body .publish-slug:disabled {
  cursor: not-allowed;
}
.d-modal.publish-page-modal .d-modal__body .controls {
  margin-bottom: 1em;
}
.d-modal.publish-page-modal .d-modal__body .controls .description {
  margin: 0;
  display: flex;
  align-items: center;
}
.d-modal.publish-page-modal .d-modal__body .controls .description input[type=checkbox] {
  margin-top: 0;
}
.d-modal.publish-page-modal .d-modal__footer {
  display: flex;
}
.d-modal.publish-page-modal .d-modal__footer .close-publish-page {
  margin-left: auto;
  margin-right: 0;
}

.d-modal.topic-bulk-actions-modal .d-modal__container {
  min-width: 0;
  width: 100%;
}
.d-modal.topic-bulk-actions-modal p {
  margin-top: 0;
}
.d-modal.topic-bulk-actions-modal .bulk-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
  gap: 0.5em;
  max-width: 100%;
  min-width: 0;
}
.d-modal.topic-bulk-actions-modal .bulk-buttons .d-button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.topic-bulk-actions-modal__selection-info {
  margin-bottom: 0.5em;
}

.d-modal.topic-bulk-actions-modal .d-modal__container {
  display: flex;
}
.d-modal.topic-bulk-actions-modal p {
  margin-top: 0;
}
.d-modal.topic-bulk-actions-modal #bulk-topics-cancel {
  margin-left: auto;
}
.d-modal.topic-bulk-actions-modal .bulk-close-note-section {
  margin-top: 1em;
}

.d-modal.edit-slow-mode-modal .slow-mode-label {
  display: inline-flex;
}
.d-modal.edit-slow-mode-modal .alert.alert-info {
  margin-bottom: 0;
}
.d-modal.edit-slow-mode-modal .input-small {
  width: 10%;
}

.d-modal.group-add-members-modal .input-group {
  margin-bottom: 0.5em;
}
.d-modal.group-add-members-modal .input-group:last-child {
  margin-bottom: 0;
}
.d-modal.group-add-members-modal .user-chooser {
  width: 100%;
}

.d-modal.share-topic-modal .d-modal__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.d-modal.share-topic-modal .d-modal__subtitle-text {
  color: var(--primary-med-or-secondary-med);
}
.d-modal.share-topic-modal form {
  margin-bottom: 0;
}

.d-modal.chat-modal-new-message {
  align-items: flex-start;
}
.d-modal.chat-modal-new-message .d-modal__container {
  width: var(--modal-max-width);
  margin-top: 1rem;
}
.d-modal.chat-modal-new-message .d-modal__body {
  padding: 0;
}
.d-modal.chat-modal-new-message .d-modal__body input {
  width: auto;
}
.d-modal.chat-modal-new-message .chat-message-creator__add-members-header-container {
  padding-inline: 1rem 0.5rem;
}
.d-modal.chat-modal-new-message .chat-message-creator__add-members-header {
  align-items: center;
}
.d-modal.chat-modal-new-message .chat-message-creator__members {
  min-height: unset;
  padding: 0.25rem 0.5rem;
}
.d-modal.chat-modal-new-message .chat-message-creator__add-members__close-btn {
  margin-top: 0;
  height: 33px;
}
@media screen and (max-width: 768px) {
  .d-modal.chat-modal-new-message .d-modal__container {
    width: 100%;
    margin-top: 0;
  }
}

.d-modal.fullscreen-table-modal .d-modal__container,
.d-modal.fullscreen-code-modal .d-modal__container {
  max-height: 100vh;
}
.d-modal.fullscreen-table-modal .modal-close,
.d-modal.fullscreen-code-modal .modal-close {
  margin-left: auto;
}

.d-modal.fullscreen-table-modal .d-modal__container {
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.d-modal.fullscreen-table-modal .d-modal__footer {
  justify-content: space-between;
}

.d-modal.fullscreen-code-modal pre {
  margin: 0;
}
.d-modal.fullscreen-code-modal pre code {
  max-width: none;
  max-height: none;
  padding: 1rem;
  white-space: pre;
}

.d-modal.discourse-local-dates-create-modal .advanced-mode-btn {
  margin-left: auto;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration {
  display: flex;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .fake-input {
  display: none;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .timezone-input {
  width: 100%;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .timezone-input .select-kit-header .d-icon {
  margin-right: 1em;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .timezone-input .select-kit-header .caret-icon {
  margin-right: 0;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control {
  position: relative;
  display: flex;
  border: 1px solid var(--primary-low);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.is-filled .date-time, .d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.is-selected .date-time {
  color: var(--primary);
  background: var(--secondary);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.is-filled .d-icon, .d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.is-selected .d-icon {
  color: var(--primary-high);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.from {
  border-radius: 5px 5px 0 0;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.from .date-time {
  border-radius: 5px 5px 0 0;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.from.is-selected {
  border-color: var(--tertiary);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.to {
  border-radius: 0 0 5px 5px;
  margin-bottom: 1em;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.to .date-time {
  border-radius: 0 0 5px 5px;
  padding-right: 3em;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control.to.is-selected {
  border-color: var(--tertiary);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control .date-time {
  color: var(--primary-medium);
  background: var(--primary-very-low);
  padding: 1em 0.5em 1em 2em;
  border: 0;
  outline: none;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  justify-content: flex-start;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control .date-time:focus {
  background-color: var(--tertiary-50);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control .d-icon {
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  left: 0.5em;
  top: 0;
  bottom: 0;
  color: var(--primary-medium);
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .date-time-control .delete-to-date {
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
  width: 30px;
  top: 0;
  bottom: 0;
  color: var(--primary-high);
  border-radius: 0 0 5px 0;
}
.d-modal.discourse-local-dates-create-modal .date-time-configuration .inputs-panel {
  flex: 1;
}
.d-modal.discourse-local-dates-create-modal .preview {
  text-align: center;
  margin-bottom: 0.5em;
  padding: 0.5em;
}
.d-modal.discourse-local-dates-create-modal .preview b {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.d-modal.discourse-local-dates-create-modal .preview b + p {
  margin: 0;
  display: inline-block;
}
.d-modal.discourse-local-dates-create-modal .validation-error {
  margin-bottom: 0.5em;
}
.d-modal.discourse-local-dates-create-modal .format .format-input {
  width: 280px;
}
.d-modal.discourse-local-dates-create-modal .formats {
  list-style: none;
  padding: 0;
  margin: 0;
}
.d-modal.discourse-local-dates-create-modal .formats .format .previewed-format {
  color: var(--primary-medium);
}
.d-modal.discourse-local-dates-create-modal .control-group.recurrence,
.d-modal.discourse-local-dates-create-modal .control-group.format,
.d-modal.discourse-local-dates-create-modal .control-group.timezones {
  margin-top: 1em;
}

@media screen and (max-width: 850px) {
  .d-modal.grant-badge-modal .d-modal__body {
    overflow: visible;
  }
}
@media screen and (max-width: 550px) {
  .d-modal.grant-badge-modal .d-modal__body {
    overflow: auto;
    flex-grow: 1;
  }
}

.user-status.modal .d-modal__footer .delete-status {
  margin-left: auto;
  margin-right: 0;
}
.user-status.modal .d-modal__body .control-group-remove-status {
  margin-top: 25px;
}
.user-status.modal .d-modal__body .pause-notifications {
  margin-top: 1.5em;
}
.user-status.modal .d-modal__body .control-label {
  font-weight: 700;
}
.user-status.modal .d-modal__body .tap-tile:last-child {
  border: 0;
}

@keyframes slidein {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
.popup-tip {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  position: absolute;
  left: 0;
  z-index: 701;
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .popup-tip {
    animation: 0.15s slidein 3;
  }
}
.popup-tip.bad {
  background: var(--danger-medium);
  color: white;
  box-shadow: var(--shadow-dropdown);
}
.popup-tip.hide, .popup-tip.good {
  display: none;
}
.popup-tip .d-icon {
  color: var(--primary);
  opacity: 0.5;
  font-size: var(--font-0);
}
.popup-tip .d-icon:hover {
  opacity: 1;
}

#topic-entrance {
  border: 1px solid var(--primary-low);
  padding: 5px;
  background: var(--secondary);
  box-shadow: var(--shadow-card);
  width: 133px;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
#topic-entrance:not(.--glimmer) {
  z-index: 300;
  position: absolute;
}
#topic-entrance:not(.--glimmer) button.full .d-icon {
  display: block;
  width: 100%;
}
#topic-entrance.--glimmer button.full {
  display: flex;
  flex-direction: column;
}
#topic-entrance button.full {
  width: 100%;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
#topic-entrance button.full .d-icon {
  margin: 2px auto;
  transform: rotate(90deg);
}
#topic-entrance button.btn.jump-bottom, #topic-entrance .d-modal.json-schema-editor-modal .je-ready button.jump-bottom, .d-modal.json-schema-editor-modal .je-ready #topic-entrance button.jump-bottom {
  margin: 5px 0 0 0;
}

@media print {
  /* remove items N/A for print
  ** visual clutter etc. */
  .avatar,
  .topic-avatar,
  header,
  .topic-above-post-stream-outlet.topic-above-post-stream,
  .topic-map,
  .post-menu-area.clearfix,
  .post-menu-area.container,
  div#topic-footer-buttons,
  div.suggested-topics,
  div#progress-topic-wrapper,
  #topic-progress-wrapper,
  div.nums,
  ._flyout,
  #topic-progress,
  .quote-controls,
  .topic-timer-info,
  div.lazy-video-container,
  .post-info.edits,
  .post-action,
  .saving-text,
  .draft-text,
  .discourse-modal,
  div.read-state,
  div.read-state.read,
  .edit-topic,
  a.reply-to-tab,
  a.reply-new,
  div.time-gap,
  #bottom,
  #footer,
  .alert-info,
  .badge-category,
  a[data-clicks]::after,
  .crawler-nav,
  .powered-by-link,
  .timeline-container,
  .poll-info {
    display: none !important;
  }
  /* For readability */
  a,
  a:visited {
    color: #08c !important;
  }
  /* bottom border to help separate posts */
  div.row {
    border-top: 1px solid #aaa;
  }
  .cooked pre code {
    max-height: none;
  }
  #main-outlet {
    padding: 0 !important;
  }
  html,
  body {
    min-width: 0;
    height: auto;
  }
  .lightbox-wrapper img {
    max-width: 500px !important;
    height: auto !important;
  }
  .topic-body {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
  }
  .topic-post > article.boxed .select-posts {
    width: auto;
    left: auto;
    right: 0;
  }
  .gap {
    width: auto;
  }
  /* restyle div#topic-title */
  #topic-title {
    margin: 0;
    padding: 0;
  }
  #topic-title div div h1 {
    margin: 2.5em 0 0 0;
    padding: 0;
    float: left;
    font-weight: normal;
    font-size: normal;
  }
  a,
  a:visited {
    color: #ddd;
    font-weight: bold;
  }
  /* localhost  - MOOT for production */
  .topic-category-outlet.show-topic-category-location,
  div.alert.alert-info.alert-emails-disabled,
  div.profiler-results.profiler-left.profiler-no-controls {
    display: none;
  }
}
.bulk-select-bookmarks-dropdown .select-kit.single-select.dropdown-select-box .select-kit-row .texts .name {
  font-weight: normal;
}
.bulk-select-bookmarks-dropdown .select-kit.single-select.dropdown-select-box .select-kit-row .icons {
  font-size: var(--font-down-2);
  margin-right: 0.75em;
  position: relative;
  top: 0.15em;
}

.list-controls {
  background: var(--d-content-background);
}
.list-controls .combo-box .combo-box-header {
  background: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--primary-medium);
  font-size: var(--font-0);
  height: 100%;
}
.list-controls .combo-box .combo-box-header:focus {
  border-color: var(--tertiary);
}
.list-controls .select-kit .select-kit-collection {
  max-height: 40vh;
}

.navigation-container {
  width: 100%;
  --nav-space: 0.75em;
  display: flex;
  flex-wrap: wrap;
}

.category-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nav-space) 0;
  list-style: none;
  padding: 0;
  margin: 0 0 var(--nav-space) 0;
}
.category-breadcrumb > li {
  display: flex;
  margin-right: 0.5em;
  margin-bottom: 0;
}

#navigation-bar {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: var(--nav-space);
  margin-right: auto;
}

.navigation-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: var(--nav-space);
  gap: var(--nav-space) 0;
}
.navigation-controls > * {
  white-space: nowrap;
}
.navigation-controls > *:not(:last-child) {
  margin-right: 0.4em;
}
.navigation-controls .select-kit-header {
  height: 100%;
}
@media screen and (max-width: 450px) {
  .navigation-controls .edit-category .d-button-label {
    display: none;
  }
  .navigation-controls .edit-category .d-icon {
    margin: 0;
  }
}
.navigation-controls .dismiss-container-top:empty {
  display: none;
}

.category-heading {
  max-width: 100%;
}
.category-heading p {
  margin-top: 0;
  line-height: var(--line-height-large);
  font-size: var(--font-up-3);
}

.category-logo.aspect-image {
  width: auto;
  max-height: 150px;
}

@supports (--custom: property) {
  .category-logo.aspect-image {
    --max-height: 150px;
    max-height: var(--max-height);
    max-width: 100%;
    height: auto;
  }
  .category-logo.aspect-image img {
    width: calc(var(--max-height) * var(--aspect-ratio));
    max-width: 100%;
    height: inherit;
    max-height: var(--max-height);
  }
}
.topic-list.shared-drafts {
  margin-bottom: 1.5em;
}

#header-list-area {
  background: var(--d-content-background);
}

.topic-list-item.visited .topic-list-data a.title:not(.badge-notification),
.latest-topic-list-item.visited a.title:not(.badge-notification),
.category-topic-link.visited a.title:not(.badge-notification) {
  color: var(--primary-medium);
}
.topic-list-item.visited .topic-list-data .badge-category,
.latest-topic-list-item.visited .badge-category,
.category-topic-link.visited .badge-category {
  color: var(--primary-medium);
}
.topic-list-item.visited .topic-list-data .discourse-tag,
.topic-list-item.visited .topic-list-data .discourse-tag:visited,
.latest-topic-list-item.visited .discourse-tag,
.latest-topic-list-item.visited .discourse-tag:visited,
.category-topic-link.visited .discourse-tag,
.category-topic-link.visited .discourse-tag:visited {
  color: var(--primary-medium);
}

.topic-list-item .post-excerpt {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: var(--font-down-2);
  word-break: break-word;
}

.topic-list-main-link, .latest-topic-list-item .main-link, .topic-list .main-link {
  font-size: var(--font-up-1);
}
.topic-list-main-link a.title, .latest-topic-list-item .main-link a.title, .topic-list .main-link a.title {
  padding: 15px 0;
  word-break: break-word;
  color: var(--primary);
}
.anon .topic-list-main-link a.title:visited:not(.badge-notification), .anon .latest-topic-list-item .main-link a.title:visited:not(.badge-notification), .latest-topic-list-item .anon .main-link a.title:visited:not(.badge-notification), .anon .topic-list .main-link a.title:visited:not(.badge-notification), .topic-list .anon .main-link a.title:visited:not(.badge-notification) {
  color: var(--primary-medium);
}
.topic-list-main-link a.title.visited:not(.badge-notification), .latest-topic-list-item .main-link a.title.visited:not(.badge-notification), .topic-list .main-link a.title.visited:not(.badge-notification) {
  color: var(--primary-medium);
}

.sticky-header .topic-list-header {
  position: sticky;
  top: var(--header-offset, 60px);
  background: var(--secondary);
  z-index: 2;
}

.bulk-select-topics-dropdown .select-kit.single-select.dropdown-select-box .select-kit-row .texts .name {
  font-weight: normal;
}
.bulk-select-topics-dropdown .select-kit.single-select.dropdown-select-box .select-kit-row .icons {
  font-size: var(--font-down-2);
  margin-right: 0.75em;
  position: relative;
  top: 0.15em;
}

.topic-list {
  width: 100%;
  border-collapse: collapse;
}
.topic-list > .topic-list-body > .topic-list-item.has-excerpt .star {
  vertical-align: top;
  margin-top: 2px;
}
.topic-list > .topic-list-body > .topic-list-item.last-visit {
  border-bottom: none;
}
.topic-list > .topic-list-body > .topic-list-item .topic-list-separator {
  text-align: center;
}
.topic-list .topic-list-item-separator {
  border: none;
}
.topic-list .topic-list-item-separator .topic-list-data {
  border-top: 1px solid var(--danger-medium);
  line-height: 0em;
  padding: 0;
  text-align: center;
}
.topic-list .topic-list-item-separator .topic-list-data span {
  position: relative;
  background-color: var(--secondary);
  color: var(--danger-medium);
  padding: 0 0.55em;
  font-size: var(--font-down-1);
}
.topic-list .topic-list-data {
  line-height: var(--line-height-large);
  text-align: left;
  vertical-align: middle;
}
.topic-list .btn-flat .d-icon, .topic-list .json-editor-btn-collapse .d-icon, .topic-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse .d-icon, .d-modal.json-schema-editor-modal .je-ready .topic-list .json-editor-btn-collapse .d-icon {
  color: currentcolor;
}
.topic-list td {
  color: var(--primary-medium);
  font-size: var(--font-0);
}
.topic-list .main-link .raw-topic-link > * {
  pointer-events: none;
}
.topic-list .main-link .title:focus {
  outline: none;
}
.topic-list .main-link .title:focus-visible {
  outline: none;
}
.topic-list .unread-indicator.read {
  display: none;
}
.topic-list .unread-indicator .d-icon {
  vertical-align: middle;
  font-size: var(--font-down-5);
}
.topic-list .link-bottom-line {
  font-size: var(--font-down-1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.topic-list .link-bottom-line .discourse-tags {
  flex-wrap: wrap;
}
.topic-list .link-bottom-line a.discourse-tag.box {
  padding-top: 0;
  padding-bottom: 0;
}
.topic-list .link-bottom-line .discourse-tag.box {
  margin-right: 0.25em;
}
.topic-list .link-bottom-line .participant-group-wrapper {
  display: flex;
  margin-left: 0.5em;
}
.topic-list .link-bottom-line .participant-group-wrapper .participant-group {
  padding: 0 5px;
  border: 1px solid var(--primary-low);
  border-radius: 0.25em;
  min-width: 3em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-list .link-bottom-line .participant-group-wrapper .participant-group > a {
  display: flex;
  align-items: center;
  height: 1.25em;
  color: var(--primary-high);
}
.mobile-view .topic-list .link-bottom-line .participant-group-wrapper .participant-group > a {
  height: 1.1em;
}
.topic-list .link-bottom-line .participant-group-wrapper .participant-group > a .d-icon {
  margin-right: 5px;
}
.topic-list .topic-excerpt {
  display: block;
  font-size: var(--font-down-1);
  margin-top: 0.33em;
  color: var(--primary-high);
  word-wrap: break-word;
  line-height: var(--line-height-large);
  padding-right: 20px;
}
.topic-list .num {
  text-align: center;
}
.topic-list .num a {
  color: inherit;
}
.topic-list .num .badge-posts {
  font-weight: 700;
  color: inherit;
  display: inline-block;
  padding: 15px 5px;
}
.topic-list .num.posts a {
  padding: 15px 5px;
}
.topic-list .num.activity a {
  padding: 15px 5px;
}
.topic-list .num.activity a span.relative-date {
  pointer-events: none;
}

.heatmap-high,
.heatmap-high a,
.heatmap-high .d-icon,
.heatmap-high .d-button-label {
  color: #fe7a15 !important;
}

.heatmap-med,
.heatmap-med a,
.heatmap-med .d-icon,
.heatmap-med .d-button-label {
  color: #cf7721 !important;
}

.heatmap-low,
.heatmap-low a,
.heatmap-low .d-icon,
.heatmap-low .d-button-label {
  color: #9b764f !important;
}

.topic-list .heatmap-high {
  font-weight: bold;
}

.loading .topic-list {
  border: 0;
  box-shadow: none;
}
.loading .topic-list .topic-list-item {
  background-color: transparent;
}

#list-area {
  background: var(--d-content-background);
  margin-bottom: 100px;
}
#list-area .empty-topic-list {
  padding: 10px;
}
#list-area .unseen {
  background-color: transparent;
  padding: 0;
  border: 0;
  color: var(--danger-medium);
  font-size: var(--font-0);
  cursor: default;
}

.topic-list .alert {
  margin-bottom: 0;
  font-size: var(--font-0);
}
.topic-list .spinner {
  margin-top: 40px;
}

.d-icon-thumbtack.unpinned {
  transform: rotate(180deg);
}

.top-title-buttons {
  display: flex;
  margin: 0.5em 0;
  flex-wrap: wrap;
  font-size: var(--font-down-1);
  gap: 0.5em;
}

div.education {
  color: var(--primary);
  margin-bottom: 2em;
}
div.education p {
  max-width: 62em;
}
div.education .badge-notification {
  vertical-align: text-bottom;
}

.list-cell, .category-list td,
.category-list th, .table-heading {
  padding: 12px 5px;
  color: var(--primary-med-or-secondary-high);
}

.table-heading {
  border-bottom: 3px solid var(--primary-low);
}

.topic-post-badges {
  white-space: nowrap;
  align-self: center;
  line-height: var(--line-height-medium);
}

.about__main-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  max-width: 1100px;
}
.about__header {
  max-width: 1100px;
}
.about__left-side {
  flex: 1 1 650px;
}
.about__right-side {
  flex: 1 2 200px;
}
.about__stats {
  display: flex;
  border-top: 1px solid var(--primary-low);
  border-bottom: 1px solid var(--primary-low);
  padding: 1em 1em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .about__stats {
    flex-direction: column;
  }
}
.about__stats .d-icon {
  margin-right: 3px;
}
.about__stats-item {
  flex: 1 0 fit-content;
}
@media screen and (max-width: 768px) {
  .about__stats-item {
    margin-bottom: 1em;
  }
  .about__stats-item:last-child {
    margin-bottom: 0;
  }
}
.about__banner {
  margin-bottom: 1em;
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 27.27%;
}
.about__banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__activities-item {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}
.about__activities-item-icon {
  margin-right: 1em;
}
.about__activities-item-period {
  font-size: var(--font-down-2);
}
.about__admins, .about__moderators {
  margin-top: 3em;
}
.about__admins h3, .about__moderators h3 {
  margin-bottom: 1em;
}

.about-page-users-list {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
}
.about-page-users-list__expand-button {
  width: 100%;
}

.account-created-page,
.activate-account-page {
  background: var(--secondary);
}
.account-created-page #main-outlet,
.activate-account-page #main-outlet {
  padding: 0;
  height: 100%;
}
.account-created-page .above-main-container-outlet,
.activate-account-page .above-main-container-outlet {
  display: none;
}

.activate-account-page .alert-error {
  margin: 1em;
}

.account-created,
.activate-account {
  max-width: 500px;
  padding: 2rem 3rem;
  background: var(--secondary);
  margin: 10vh auto 1em auto;
}
@media screen and (max-height: 700px) {
  .account-created,
  .activate-account {
    margin: 1em auto 1em auto;
  }
}

.account-created .ac-message {
  font-size: var(--font-up-1);
  line-height: var(--line-height-large);
}
.account-created .activation-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-top: 1em;
}
.account-created .edit-cancel {
  text-transform: capitalize;
}
.account-created .success-info p:last-child {
  margin-bottom: 0;
}

.activate-account .activate-account-button,
.activate-account .continue-button {
  margin-top: 1em;
  margin-inline: auto;
  display: block;
  width: fit-content;
}
.activate-account .login-welcome-header {
  margin-inline: auto;
  width: fit-content;
}
.activate-account .tada-image {
  width: 150px;
  margin: auto;
  padding-bottom: 1em;
}

.alert {
  padding: 0.5em 2.5em 0.5em 1em;
  background-color: var(--danger-low);
  color: var(--primary);
  position: relative;
  margin-bottom: 1em;
}
.alert .close {
  font-size: var(--font-up-3);
  position: absolute;
  top: 0.265em;
  right: 0.66em;
  padding: 0;
}
.alert .close .d-icon {
  color: var(--primary-medium);
}
.alert.alert-success {
  background-color: var(--success-low);
  color: var(--primary);
}
.alert.alert-error {
  background-color: var(--danger-low);
  color: var(--primary);
}
.alert.alert-warning {
  background-color: var(--highlight-bg);
  color: var(--primary);
}
.alert.alert-info {
  background-color: var(--tertiary-low);
  color: var(--primary);
}
.alert.alert-info.clickable {
  color: var(--tertiary);
  z-index: 1;
}
.alert.-top-margin {
  margin-top: 1em;
}

a.alert.clickable {
  display: flex;
}

span.bbcode-b {
  font-weight: bold;
}
span.bbcode-i {
  font-style: italic;
}
span.bbcode-u {
  text-decoration: underline;
}
span.bbcode-s {
  text-decoration: line-through;
}

.category-list {
  table-layout: fixed;
}
.category-list .category-text-title {
  display: flex;
  align-items: baseline;
}
.category-list .category-name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-top;
  line-height: var(--line-height-medium);
}
.category-list.with-topics .subcategories-with-subcategories .category-description {
  display: none;
}
.category-list.hidden {
  display: none;
}

.navigation-categories .category-list.subcategory-list {
  margin-bottom: 1em;
}

.subcategory-list .parent-category h3 {
  display: inline;
}
.subcategory-list .parent-category .category-text-title {
  display: inline-flex;
}
.subcategory-list .parent-category .stat {
  margin-left: 0.5em;
}

.category-boxes,
.category-boxes-with-topics {
  display: grid;
  gap: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
}
.category-boxes .category-box,
.category-boxes-with-topics .category-box {
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  box-sizing: border-box;
  border-width: 0;
  border-left-width: 6px;
  border-style: solid;
  border-color: var(--category-badge-color, var(--primary-low));
}
.mobile-view .category-boxes .category-box,
.mobile-view .category-boxes-with-topics .category-box {
  width: 100%;
}
.category-boxes .category-box .parent-box-link::before,
.category-boxes-with-topics .category-box .parent-box-link::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.category-boxes .category-box .category-logo.aspect-image img,
.category-boxes-with-topics .category-box .category-logo.aspect-image img {
  display: block;
  width: auto;
  height: 40px;
  margin: 0 auto 1em auto;
}
@supports (--custom: property) {
  .category-boxes .category-box .category-logo.aspect-image img,
  .category-boxes-with-topics .category-box .category-logo.aspect-image img {
    --height: 40px;
    height: var(--height);
    width: calc(var(--height) * var(--aspect-ratio));
    max-width: 100%;
  }
}
.category-boxes .category-box-inner,
.category-boxes-with-topics .category-box-inner {
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  display: flex;
  flex-direction: column;
  border-width: 2px;
  border-left-width: 0;
  border-style: solid;
  border-color: var(--primary-low);
}
.category-boxes.no-logos .category-logo,
.category-boxes-with-topics.no-logos .category-logo {
  display: none;
}

.category-boxes {
  grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
}
.category-boxes .category-box > a {
  width: 100%;
  padding: 0;
}
.category-boxes .category-box .category-box-inner {
  padding: 1em;
}
.category-boxes .category-box .category-box-inner .category-logo {
  float: none;
  margin: 0;
}
.category-boxes.no-logos .category-box .category-box-inner > a {
  padding: 3em 1em;
}
.category-boxes .description {
  margin-bottom: 1em;
  text-align: center;
  font-size: var(--font-0);
  color: var(--primary-med-or-secondary-high);
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  pointer-events: none;
}
.category-boxes .description .overflow {
  max-height: 6em;
}
.category-boxes .description .overflow div a {
  pointer-events: auto;
}
.category-boxes h3 {
  font-size: var(--font-up-2);
  margin-bottom: 0.5em;
  margin-top: 0.25em;
  line-height: var(--line-height-medium);
  text-align: center;
  color: var(--primary);
  overflow: hidden;
}
.category-boxes h4 a {
  color: var(--primary);
}
.category-boxes .subcategory.with-subcategories {
  position: relative;
  border: none;
  border-left-width: 4px;
  border-left-style: solid;
  margin-bottom: 0.25em;
}
.category-boxes .subcategory.with-subcategories .category-title-link {
  display: flex;
}
.category-boxes .subcategory.with-subcategories .category-title-link .category-logo {
  flex: 1 0 auto;
  margin: 0.25em 0.5em 0.5em 0;
  --max-height: 40px;
}
.category-boxes .subcategory.with-subcategories .category-title-link .category-text-title {
  order: 2;
  line-height: var(--line-height-medium);
  overflow: hidden;
  margin-bottom: 0.25em;
  word-wrap: break-word;
}
.category-boxes .subcategory.with-subcategories .category-title-link::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.category-boxes .subcategory.with-subcategories .subcategory-box-inner {
  border: 1px solid var(--primary-low);
  border-left: none;
  padding: 0.5em 0.5em 0.4em 0.5em;
}
.category-boxes .subcategory.with-subcategories:not(:last-of-type) {
  margin-bottom: 0.75em;
}
.category-boxes .subcategory.with-subcategories .subcategory {
  margin-bottom: 0.25em;
}
.category-boxes .subcategories {
  display: flex;
  flex-flow: wrap;
}
.category-boxes .subcategories .subcategory {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.6em;
}
.category-boxes .subcategories .subcategory .badge-category__wrapper {
  overflow: hidden;
}
.category-boxes .subcategories .subcategory .subcategory-image-placeholder {
  display: inline-block;
  margin-right: 0.6em;
  flex: 1 0 auto;
}
.category-boxes .subcategories .subcategory .subcategory-link {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-boxes .subcategories .subcategory .category-logo img {
  display: inline-block;
  --height: 20px;
  height: var(--height);
  width: calc(var(--height) * var(--aspect-ratio));
  margin: 0;
}

.category-boxes-with-topics {
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
}
.category-boxes-with-topics .category-box {
  padding: 0;
}
.category-boxes-with-topics h3 {
  font-size: var(--font-up-2);
  text-align: center;
  overflow: hidden;
}
.category-boxes-with-topics .category-box-heading {
  margin-bottom: 0.5em;
}
.category-boxes-with-topics .category-box-heading a[href] {
  width: 100%;
  color: var(--primary);
}
.category-boxes-with-topics .featured-topics {
  margin-bottom: 1em;
  z-index: 1;
}
.category-boxes-with-topics .featured-topics ul {
  color: var(--primary-medium);
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-boxes-with-topics .featured-topics li {
  padding: 4px 0;
  display: flex;
  align-items: baseline;
}
.category-boxes-with-topics .featured-topics li a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.category-boxes-with-topics .featured-topics li .d-icon {
  margin-right: 0.15em;
  width: 0.76em;
  height: 0.76em;
}

.categories-list .category h3,
.categories-list .category h4 {
  margin-bottom: 0;
}
.categories-list .category h3 .d-icon,
.categories-list .category h4 .d-icon {
  color: var(--primary-high);
  height: 0.76em;
  width: 0.76em;
  vertical-align: baseline;
  margin-right: 0.1em;
}
.categories-list .category .category-description {
  margin-top: 0.5em;
  overflow: hidden;
  color: var(--primary-high);
}
.categories-list .category .category-logo.aspect-image {
  margin-top: 0.5em;
}

.category-boxes-with-topics .category-box h3 .d-icon,
.category-boxes .category-box h3 .d-icon {
  margin-right: 0;
}

.category-list.subcategories-with-subcategories {
  margin-top: 1em;
  margin-bottom: 0;
  border-top: 1px solid var(--primary-low);
}
.category-list.subcategories-with-subcategories .category-description {
  font-size: var(--font-down-1);
}
.category-list.subcategories-with-subcategories .category-logo.aspect-image {
  --max-height: 75px;
}

.category-list .category.muted > h3 a.category-title-link,
.category-list .category.muted > h4 a.category-title-link {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.category-list .category.muted > .category-description,
.category-list .category.muted tr.category-description {
  display: none;
}

.category-list tbody .category.no-category-style {
  border-color: transparent;
  border-left: 0;
  padding-left: 0;
}

.category-box.no-category-boxes-style {
  border-left-width: 2px;
}

.muted-categories-link {
  border: 1px solid var(--primary-low);
  display: flex;
  justify-content: space-between;
  padding: 0.75em;
  border-left-width: 6px;
  border-right: none 0;
  margin-left: -3px;
}
.muted-categories-link .d-icon {
  color: var(--primary-medium);
  margin-top: 0.25em;
}

.muted-categories-heading {
  color: var(--primary-medium);
  margin: 0;
}

.anon .muted-categories-link {
  display: none;
}

.navigation-categories .category-list {
  margin-bottom: 3em;
}
.navigation-categories .category-list .category-list {
  margin-bottom: 0;
}

p > code,
li > code,
strong > code,
em > code {
  padding: 2px 4px;
  background: var(--inline-code-bg);
  white-space: pre-wrap;
  color: var(--primary);
}

a > code {
  padding: 2px 4px;
  background: var(--inline-code-bg);
  white-space: pre-wrap;
  color: var(--tertiary);
}

code {
  color: var(--primary-very-high);
  background: var(--hljs-bg);
  border-radius: var(--d-border-radius);
  font-size: 14px;
  line-height: 1.3076923077;
}

pre > code {
  display: block;
  padding: 12px;
  max-height: 500px;
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
  font-size: inherit;
}

.hljs-comment,
.hljs-doctag,
.hljs-code,
.hljs-meta {
  color: var(--hljs-comment);
  font-style: italic;
}

.hljs-color {
  color: var(--hljs-color);
}

.hljs-keyword,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: var(--hljs-keyword);
}

.hljs-number {
  color: var(--hljs-number);
}

.hljs-string,
.hljs-tag .hljs-string,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type {
  color: var(--hljs-string);
}

.hljs-title {
  color: var(--hljs-title);
}

.hljs-name {
  color: var(--hljs-name);
}

.hljs-quote,
.hljs-operator,
.hljs-selector-pseudo,
.hljs-selector-tag,
.hljs-link {
  color: var(--hljs-string);
}

.hljs-subst {
  font-weight: normal;
}

.hljs-literal,
.hljs-class .hljs-title {
  color: var(--hljs-title);
}

.hljs-tag,
.hljs-tag .hljs-title {
  color: var(--hljs-tag);
  font-weight: normal;
}

.hljs-punctuation {
  color: var(--hljs-punctuation);
}

.hljs-attr {
  color: var(--hljs-attr);
}

.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  color: var(--hljs-attr);
}

.hljs-variable {
  color: var(--hljs-variable);
}

.hljs-attribute {
  color: var(--hljs-attribute);
}

.hljs-regexp {
  color: var(--success);
}

.hljs-symbol,
.hljs-prompt {
  color: var(--hljs-symbol);
}

.hljs-built_in,
.hljs-builtin-name {
  color: var(--hljs-name);
}

.hljs-deletion {
  background: var(--danger-low);
  color: var(--hljs-deletion);
}

.hljs-addition {
  background: var(--success-low);
  color: var(--hljs-addition);
}

.hljs-section {
  color: var(--hljs-name);
}

.hljs-bullet {
  color: var(--hljs-attribute);
}

.hljs-emphasis {
  color: var(--hljs-comment);
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.category-color-editor input {
  width: 5.5em;
  margin-right: 1em;
}
.category-color-editor .color-title {
  display: block;
  margin: 1em 0 0.25em;
}
.category-color-editor .colorpicker-wrapper {
  display: flex;
  align-items: flex-start;
}
.category-color-editor .colors-container {
  display: inline-flex;
  flex-wrap: wrap;
}
.category-color-editor .colors-container .colorpicker {
  position: relative;
  margin: 0 0.125em 0.25em;
  border: 1px solid var(--primary-medium);
  width: 1.25em;
  height: 1.2em;
  padding: 0;
  flex: 0 0 auto;
  color: white;
}
.category-color-editor .colors-container .colorpicker svg {
  display: none;
}
.category-color-editor .colors-container .colorpicker.used-color svg {
  display: inline-flex;
  opacity: 0.8;
  max-width: 70%;
}

html.composer-open #main-outlet {
  padding-bottom: var(--composer-height);
  transition: padding-bottom 250ms ease;
}

#reply-control {
  position: fixed;
  display: flex;
  flex-direction: column;
  bottom: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1475px;
  width: 100%;
  height: 0;
  min-height: 0;
  z-index: 400;
  transition: height 0.2s, max-width 0.2s, padding-bottom 0.2s, top 0.2s, transform 0.2s, min-height 0.2s;
  background-color: var(--secondary);
  box-shadow: var(--shadow-composer);
}
#reply-control.hide-preview {
  max-width: 740px;
}
@media screen and (max-width: 1200px) {
  #reply-control {
    min-width: 0;
  }
}
#reply-control .reply-area {
  display: flex;
  flex-direction: column;
}
#reply-control .with-form-template {
  overflow: auto;
  flex: 1;
}
#reply-control .with-form-template .toggle-preview,
#reply-control .with-form-template #mobile-file-upload,
#reply-control .with-form-template .submit-panel .mobile-preview {
  display: none;
}
#reply-control .with-form-template .d-editor-preview-wrapper {
  display: none;
  flex: 0;
}
#reply-control .saving-text,
#reply-control .draft-text {
  display: none;
  padding-left: 8px;
}
#reply-control .saving-text .spinner,
#reply-control .draft-text .spinner {
  margin-left: 8px;
  border-color: var(--secondary);
  border-right-color: transparent;
}
#reply-control .saving-text .d-icon,
#reply-control .draft-text .d-icon {
  color: var(--secondary);
}
#reply-control.open {
  --min-height: 255px;
  box-sizing: border-box;
  height: var(--composer-height);
  min-height: var(--min-height);
  max-height: calc(100vh - var(--header-offset, 4em));
  padding-bottom: var(--composer-ipad-padding);
}
#reply-control.draft, #reply-control.saving {
  height: 40px !important;
  align-items: center;
  background: var(--tertiary);
  color: var(--secondary);
  flex-direction: row;
  justify-content: space-between;
}
#reply-control.draft .composer-controls, #reply-control.saving .composer-controls {
  display: flex;
  gap: 8px;
  padding-right: 8px;
}
#reply-control.draft .composer-controls .toggle-toolbar, #reply-control.saving .composer-controls .toggle-toolbar {
  display: none;
}
#reply-control.draft .composer-controls .d-icon, #reply-control.saving .composer-controls .d-icon {
  color: var(--secondary);
}
#reply-control.draft {
  cursor: pointer;
  display: flex;
}
#reply-control.draft .draft-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#reply-control.draft .grippie,
#reply-control.draft .saving-text {
  display: none;
}
#reply-control.saving .saving-text {
  display: flex;
}
#reply-control .reply-to {
  color: var(--primary-high);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#reply-control .reply-to .reply-details {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
}
#reply-control .reply-to .reply-details .d-icon {
  color: var(--primary-medium);
}
#reply-control .reply-to .composer-action-title {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
}
#reply-control .reply-to .composer-action-title .action-title {
  display: flex;
  align-items: center;
  line-height: normal;
  min-width: 0;
}
#reply-control .reply-to .composer-action-title .action-title .topic-link,
#reply-control .reply-to .composer-action-title .action-title .user-link,
#reply-control .reply-to .composer-action-title .action-title .post-link {
  margin-right: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#reply-control .reply-to .composer-action-title .username {
  margin-right: 5px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 500px) {
  #reply-control .reply-to .composer-action-title .username {
    display: none;
  }
}
#reply-control .reply-to .composer-action-title .d-icon {
  margin-right: 8px;
}
#reply-control .reply-to .composer-action-title img.avatar {
  margin-right: 3px;
}
#reply-control .reply-to .composer-controls {
  display: flex;
  gap: 8px;
  margin-left: 8px;
}
#reply-control .whisper,
#reply-control .display-edit-reason {
  font-style: italic;
}
#reply-control .whisper {
  margin: 0 0.25em;
}
#reply-control .unlist {
  margin-left: 0.25em;
}
#reply-control .display-edit-reason {
  display: inline-flex;
}
#reply-control .display-edit-reason a {
  display: inline-flex;
}
#reply-control .display-edit-reason .d-icon {
  padding: 0.3em 0.5em;
  color: var(--tertiary);
}
#reply-control #edit-reason {
  margin: 0 4px;
}
#reply-control .user-selector,
#reply-control .title-and-category {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
#reply-control .user-selector {
  margin-bottom: 8px;
}
#reply-control .title-input {
  position: relative;
  display: flex;
  flex: 1 1 50%;
}
#reply-control .title-input input {
  flex-grow: 1;
}
#reply-control .with-tags .title-input {
  flex: 1 1 100%;
}
.archetype-private_message #reply-control .with-tags .mini-tag-chooser {
  width: 100%;
  max-width: 100%;
}
#reply-control .category-input {
  position: relative;
  display: flex;
  flex: 1 0 40%;
  max-width: 40%;
  margin: 0 0 8px 8px;
}
#reply-control .category-input .category-chooser {
  display: flex;
  flex: 1 0 auto;
  max-width: 100%;
  width: auto;
}
#reply-control .category-input .category-chooser.has-selection .name {
  font-size: var(--font-up-1);
}
#reply-control .category-input .category-chooser .select-kit-header {
  color: var(--primary-high);
  white-space: nowrap;
  text-overflow: ellipsis;
}
#reply-control .category-input .category-chooser .select-kit-body {
  max-width: 450px;
}
#reply-control .category-input .category-chooser .selected-name {
  max-width: 100%;
  overflow: hidden;
}
#reply-control .category-input .category-chooser .selected-name .name {
  display: flex;
  max-width: 100%;
  gap: 0 0.5em;
}
#reply-control .category-input .category-chooser .selected-name .name .badge-category {
  overflow: hidden;
}
#reply-control .category-input .category-chooser .selected-name .name > span:last-of-type:not(:first-of-type) {
  flex-shrink: 10;
}
#reply-control .with-tags.with-category .title-and-category {
  flex-wrap: wrap;
}
#reply-control .with-tags.with-category .category-input {
  margin-left: 0;
  margin-bottom: 8px;
  min-width: 0;
  flex-wrap: wrap;
  max-width: calc(50% - 4px);
}
#reply-control .add-warning {
  color: var(--primary-high);
  padding-left: 8px;
  margin-bottom: 0;
  display: flex;
}
#reply-control .add-warning input {
  margin-right: 8px;
}
#reply-control #reply-title {
  margin-bottom: 8px;
  flex-basis: 50%;
  width: unset;
}
#reply-control #reply-title:focus {
  box-shadow: none;
}
#reply-control .category-input + .tags-input {
  margin-left: 8px;
  width: auto;
  max-width: calc(50% - 4px);
}
#reply-control .tags-input {
  position: relative;
  margin: 0 0 8px 0;
  flex-grow: 1;
}
#reply-control .tags-input .mini-tag-chooser {
  z-index: 700;
  width: 100%;
}
#reply-control .tags-input .mini-tag-chooser .select-kit-header {
  color: var(--primary-high);
}
#reply-control .wmd-controls {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
}
#reply-control .submit-panel {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-top: 8px;
}
#reply-control .save-or-cancel {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  margin-right: 1em;
}
#reply-control .save-or-cancel .btn-primary {
  flex: 0 0 auto;
}
#reply-control .save-or-cancel .cancel {
  align-items: center;
  display: flex;
  margin-left: 1em;
  line-height: normal;
  color: var(--primary-high);
  transition: color 250ms;
  padding: 0;
}
#reply-control .save-or-cancel .cancel:hover, #reply-control .save-or-cancel .cancel:focus {
  outline: none;
  color: var(--danger);
}
#reply-control .save-or-cancel .cancel:active {
  background-color: transparent;
  background-image: none;
}
#reply-control .save-or-cancel .preview-template {
  margin-left: 0.5rem;
}
#reply-control #draft-status,
#reply-control #file-uploading {
  color: var(--primary-high);
  margin-right: 0.5em;
}
#reply-control #file-uploading {
  display: flex;
  align-items: center;
  margin-right: auto;
}
#reply-control #file-uploading a {
  margin-left: 0.33em;
  color: var(--primary-high);
}
#reply-control #file-uploading .spinner {
  margin-right: 0.33em;
}
#reply-control #draft-status {
  margin-left: auto;
}
#reply-control #draft-status .d-icon-user-pen {
  color: var(--danger);
  font-size: 20px;
  vertical-align: -5.5px;
}
#reply-control #draft-status + .btn-mini-toggle {
  margin-left: 0;
}
#reply-control .composer-select-form-template {
  margin-bottom: 8px;
  width: 100%;
}
#reply-control .composer-select-form-template .name,
#reply-control .composer-select-form-template .formatted-selection,
#reply-control .composer-select-form-template .d-icon {
  color: var(--primary-high);
}

.autocomplete {
  z-index: 701;
  position: absolute;
  max-width: 370px;
  min-width: 300px;
  background-color: var(--secondary);
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-dropdown);
  border-radius: 8px;
}
.autocomplete ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.autocomplete ul li:first-of-type a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.autocomplete ul li:last-of-type a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.autocomplete ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  color: var(--primary);
  display: flex;
  gap: 0.25em;
  padding: 0.3em 1em;
}
.discourse-no-touch .autocomplete ul li a:hover, .discourse-no-touch .autocomplete ul li a.btn-hover {
  background-color: var(--d-hover);
  text-decoration: none;
}
.autocomplete ul li a.selected {
  background-color: var(--d-selected);
}
.autocomplete ul li a.selected .username,
.autocomplete ul li a.selected .name,
.autocomplete ul li a.selected .emoji-shortname {
  font-weight: bold;
}
.autocomplete ul li a .avatar {
  margin-right: 0.25em;
}
.autocomplete ul li a .name {
  display: contents;
  font-size: var(--font-down-1);
  color: var(--primary-high);
}
.autocomplete ul li a .user-status-message {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.autocomplete ul li a .user-status-message .user-status-message-description {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--font-down-2);
  color: var(--primary-high);
  margin: 0;
}
.autocomplete ul li a .relative-date {
  font-size: var(--font-down-3);
}
.autocomplete ul li .d-icon-users {
  color: var(--primary-medium);
  padding: 0 2px;
}
.autocomplete.ac-user li a {
  padding: 0.5em 1em;
}
.autocomplete.ac-user .emoji {
  height: 0.75em;
  width: 0.75em;
}
.autocomplete.ac-emoji li:last-of-type a {
  color: var(--primary-high);
}
.autocomplete.ac-emoji .emoji {
  margin-right: 0.25em;
}

div.ac-wrap.disabled input {
  display: none;
}
div.ac-wrap.disabled .item a {
  display: none;
}

div.ac-wrap div.item a.remove,
.remove-link {
  margin-left: 4px;
  font-size: var(--font-down-1);
  line-height: var(--line-height-small);
  padding: 1px 3.5px;
  border-radius: 12px;
  box-sizing: border-box;
  border: 1px solid var(--primary-low);
}
div.ac-wrap div.item a.remove:hover,
.remove-link:hover {
  background-color: var(--danger-low);
  border: 1px solid var(--danger-medium);
  text-decoration: none;
  color: var(--danger);
}

div.ac-wrap {
  max-height: 150px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 30px;
  box-sizing: border-box;
}
div.ac-wrap div.item {
  float: left;
  padding: 4px 10px;
  line-height: var(--line-height-large);
}
div.ac-wrap div.item span {
  display: inline-block;
  line-height: var(--line-height-medium);
}
div.ac-wrap .ac-collapsed-button {
  float: left;
  border-radius: 20px;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
div.ac-wrap input[type=text] {
  float: left;
}
div.ac-wrap input[type=text].fullwidth-input {
  width: 100%;
}

.md-table {
  overflow-y: auto;
  margin: 1em 0;
}
.mobile-view .md-table table {
  width: 100%;
}

.toggle-preview {
  margin-left: auto;
  transition: all 0.33s ease-out;
}
.toggle-preview.active {
  transform: rotate(180deg);
}
.toggle-preview .d-icon {
  color: var(--primary-medium);
}

.draft-error {
  color: var(--danger);
}

@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (hover: none) {
  .discourse-touch #reply-control,
  .mobile-device #reply-control {
    box-shadow: 0 150px 0 0 var(--secondary);
  }
  .discourse-touch #reply-control.open,
  .mobile-device #reply-control.open {
    z-index: 1100;
  }
  .discourse-touch #reply-control.draft, .discourse-touch #reply-control.saving,
  .mobile-device #reply-control.draft,
  .mobile-device #reply-control.saving {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .discourse-touch #reply-control .toggle-fullscreen,
  .mobile-device #reply-control .toggle-fullscreen {
    display: none;
  }
  .discourse-touch #reply-control .submit-panel,
  .discourse-touch #reply-control .composer-fields,
  .discourse-touch #reply-control .d-editor-button-bar,
  .mobile-device #reply-control .submit-panel,
  .mobile-device #reply-control .composer-fields,
  .mobile-device #reply-control .d-editor-button-bar {
    touch-action: none;
  }
  .discourse-touch.keyboard-visible #reply-control.open,
  .mobile-device.keyboard-visible #reply-control.open {
    height: calc(var(--composer-vh, 1vh) * 100);
  }
  .discourse-touch.keyboard-visible #reply-control.open .grippie,
  .mobile-device.keyboard-visible #reply-control.open .grippie {
    display: none;
  }
  .discourse-touch.composer-open .with-topic-progress,
  .mobile-device.composer-open .with-topic-progress {
    bottom: calc(var(--composer-height));
  }
}
.mobile-device #reply-control .grippie {
  display: none;
}
.mobile-device #reply-control.open.show-preview {
  height: 70vh;
}

.ios-device #reply-control {
  top: calc(var(--composer-vh, 1vh) * 100);
  transform: translateY(-100%);
  bottom: unset;
}
.ios-device.footer-nav-visible #reply-control.draft,
.ios-device.footer-nav-visible #reply-control.saving {
  margin-top: calc((var(--footer-nav-height) + env(safe-area-inset-bottom)) * -1);
  padding-bottom: 0;
}
.ios-device input:focus,
.ios-device textarea:focus {
  animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;
}

div.ac-wrap.composer-user-selector-limited {
  width: 400px;
  padding: 0 10px;
  margin-bottom: 5px;
}
div.ac-wrap.composer-user-selector-limited .btn-primary {
  margin-left: 0.5em;
  padding: 3px 6px 2px;
  font-size: var(--font-down-1);
  min-height: unset;
}

body.crawler,
body > noscript {
  font-family: serif;
}
body.crawler h1,
body.crawler h2,
body.crawler h3,
body.crawler h4,
body.crawler h5,
body.crawler h6,
body > noscript h1,
body > noscript h2,
body > noscript h3,
body > noscript h4,
body > noscript h5,
body > noscript h6 {
  font-family: serif;
}
body.crawler.browser-update header,
body > noscript.browser-update header {
  height: 50px;
  margin-bottom: 1em;
}
body.crawler.browser-update .buorg,
body > noscript.browser-update .buorg {
  position: absolute;
  top: 50px;
  width: 100%;
  background: #fdf2ab;
  text-align: center;
  font-family: sans-serif;
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}
body.crawler.browser-update #topic-title,
body > noscript.browser-update #topic-title {
  margin-top: 2em;
}
body.crawler::after, body.crawler::before,
body > noscript::after,
body > noscript::before {
  display: none;
}
body.crawler a,
body > noscript a {
  color: var(--tertiary) !important;
  text-decoration: underline !important;
}
body.crawler > header,
body > noscript > header {
  box-sizing: border-box;
  width: 100%;
  top: 0;
  background-color: var(--header_background);
  padding: 10px;
  box-shadow: none;
  border-bottom: 1px solid var(--header_primary-medium);
}
body.crawler .header-buttons,
body > noscript .header-buttons {
  display: none;
}
body.crawler div#main-outlet,
body > noscript div#main-outlet {
  padding: 10px;
}
body.crawler div#main-outlet div.post,
body > noscript div#main-outlet div.post {
  word-break: break-word;
}
body.crawler div#main-outlet div.post img,
body > noscript div#main-outlet div.post img {
  max-width: 100%;
  height: auto;
}
body.crawler .topic-list,
body > noscript .topic-list {
  table-layout: fixed;
  overflow: hidden;
  margin: 2em 0;
}
body.crawler .topic-list thead,
body > noscript .topic-list thead {
  border-bottom: 1px solid var(--primary_low);
}
body.crawler .topic-list thead th,
body > noscript .topic-list thead th {
  padding: 0 0 0.5em;
}
body.crawler .topic-list thead th:nth-child(2),
body > noscript .topic-list thead th:nth-child(2) {
  display: none;
}
body.crawler .topic-list thead th:first-of-type,
body > noscript .topic-list thead th:first-of-type {
  width: 60%;
  padding-left: 0;
}
body.crawler .topic-list thead th:last-of-type,
body.crawler .topic-list thead th.replies,
body.crawler .topic-list thead th.views,
body > noscript .topic-list thead th:last-of-type,
body > noscript .topic-list thead th.replies,
body > noscript .topic-list thead th.views {
  text-align: center;
}
body.crawler .topic-list thead th:last-of-type,
body.crawler .topic-list thead th.replies,
body > noscript .topic-list thead th:last-of-type,
body > noscript .topic-list thead th.replies {
  width: 20%;
}
body.crawler .topic-list thead th.posters,
body > noscript .topic-list thead th.posters {
  display: none;
}
body.crawler .topic-list td,
body > noscript .topic-list td {
  padding: 10px 0;
}
body.crawler .topic-list td.posters,
body > noscript .topic-list td.posters {
  display: none;
}
body.crawler .topic-list td:last-of-type,
body.crawler .topic-list td.replies,
body.crawler .topic-list td.views,
body > noscript .topic-list td:last-of-type,
body > noscript .topic-list td.replies,
body > noscript .topic-list td.views {
  text-align: center;
}
body.crawler .topic-list td:first-of-type,
body > noscript .topic-list td:first-of-type {
  width: 60%;
}
body.crawler .topic-list td:last-of-type,
body.crawler .topic-list td.replies,
body > noscript .topic-list td:last-of-type,
body > noscript .topic-list td.replies {
  width: 20%;
}
@media (max-width: 850px) {
  body.crawler .topic-list,
  body > noscript .topic-list {
    table-layout: auto;
    margin: 0;
  }
  body.crawler .topic-list td,
  body > noscript .topic-list td {
    word-break: break-word;
  }
  body.crawler .topic-list td.posters a:not(:last-of-type),
  body > noscript .topic-list td.posters a:not(:last-of-type) {
    display: none;
  }
  body.crawler .topic-list td.posters a:last-of-type,
  body > noscript .topic-list td.posters a:last-of-type {
    display: block;
  }
  body.crawler .topic-list td.views,
  body.crawler .topic-list th.views,
  body > noscript .topic-list td.views,
  body > noscript .topic-list th.views {
    display: none;
  }
  body.crawler .topic-list .link-top-line a.title,
  body > noscript .topic-list .link-top-line a.title {
    padding: 0;
  }
  body.crawler .topic-list .link-bottom-line,
  body > noscript .topic-list .link-bottom-line {
    margin-top: 0.25em;
  }
}
body.crawler .topic-list .topic-list-item,
body > noscript .topic-list .topic-list-item {
  border-bottom: 1px solid var(--primary-low);
}
body.crawler .topic-list .topic-list-item > *,
body > noscript .topic-list .topic-list-item > * {
  padding: 0.75em 0;
}
body.crawler .topic-list .topic-list-item td.main-link,
body > noscript .topic-list .topic-list-item td.main-link {
  padding-right: 1em;
}
body.crawler .topic-list .topic-list-item p.excerpt,
body > noscript .topic-list .topic-list-item p.excerpt {
  font-size: var(--font-down-1);
}
body.crawler .topic-category,
body > noscript .topic-category {
  display: inline;
}
body.crawler .topic-list-main-link a.title, .latest-topic-list-item body.crawler .main-link a.title, .topic-list body.crawler .main-link a.title,
body.crawler .topic-list .main-link a.title,
body.crawler .latest-topic-list-item .main-link a.title,
body > noscript .topic-list-main-link a.title,
.latest-topic-list-item body > noscript .main-link a.title,
.topic-list body > noscript .main-link a.title,
body > noscript .topic-list .main-link a.title,
body > noscript .latest-topic-list-item .main-link a.title {
  padding: 0;
}
body.crawler .topic-list .link-bottom-line,
body > noscript .topic-list .link-bottom-line {
  margin-top: 0.25em;
}
body.crawler div#main-outlet div.post,
body > noscript div#main-outlet div.post {
  word-break: break-word;
  overflow: auto;
  max-width: 100%;
}
body.crawler div#main-outlet div.post img,
body > noscript div#main-outlet div.post img {
  max-width: 100%;
  height: auto;
}
body.crawler div#main-outlet .topic-body,
body > noscript div#main-outlet .topic-body {
  float: unset;
}
body.crawler .crawler-post,
body > noscript .crawler-post {
  margin-top: 1em;
  margin-bottom: 2em;
  padding-top: 1.5em;
  border-top: 1px solid var(--primary-low);
}
body.crawler .crawler-post-meta,
body > noscript .crawler-post-meta {
  margin-bottom: 1em;
}
body.crawler .crawler-post-meta .creator,
body > noscript .crawler-post-meta .creator {
  word-break: break-all;
}
body.crawler .crawler-post-meta .creator a,
body > noscript .crawler-post-meta .creator a {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  body.crawler .crawler-post-meta .creator,
  body > noscript .crawler-post-meta .creator {
    display: inline-block;
    margin-bottom: 0.25em;
  }
}
body.crawler .crawler-post-infos,
body > noscript .crawler-post-infos {
  color: #666;
  display: inline-block;
}
@media screen and (min-width: calc(768px + 1px)) {
  body.crawler .crawler-post-infos,
  body > noscript .crawler-post-infos {
    float: right;
  }
}
body.crawler .crawler-post-infos [itemprop=position],
body > noscript .crawler-post-infos [itemprop=position] {
  float: left;
  margin-right: 0.5em;
}
body.crawler .crawler-linkback-list,
body > noscript .crawler-linkback-list {
  margin-top: 1em;
}
body.crawler .crawler-linkback-list a,
body > noscript .crawler-linkback-list a {
  display: block;
  padding: 0.5em 0;
  border-top: 1px solid var(--primary-low);
}
body.crawler .tag-crawler .tag-box,
body > noscript .tag-crawler .tag-box {
  margin-bottom: 0.5em;
}
body.crawler #topic-title > *,
body > noscript #topic-title > * {
  display: block;
}
body.crawler #topic-title h1,
body > noscript #topic-title h1 {
  margin-bottom: 0.25em;
}
body.crawler .poll-info,
body > noscript .poll-info {
  display: none;
}
body.crawler pre,
body.crawler code,
body.crawler blockquote,
body.crawler aside.quote .title,
body > noscript pre,
body > noscript code,
body > noscript blockquote,
body > noscript aside.quote .title {
  background: var(--primary-low);
}
body.crawler .md-table tr,
body > noscript .md-table tr {
  border: 1px solid var(--primary-low);
}
body.crawler .md-table th,
body > noscript .md-table th {
  font-weight: bold;
}
body.crawler .md-table td,
body.crawler .md-table th,
body > noscript .md-table td,
body > noscript .md-table th {
  padding: 0.25em;
  border-right: 1px solid var(--primary-low);
}
body.crawler footer,
body > noscript footer {
  margin-top: 2em;
}
body.crawler .noscript-footer-nav,
body > noscript .noscript-footer-nav {
  margin-top: 4em;
}
body.crawler .noscript-footer-nav a,
body > noscript .noscript-footer-nav a {
  margin-right: 0.25em;
  white-space: nowrap;
}
body.crawler #noscript-footer,
body > noscript #noscript-footer {
  padding: 0 10px;
  text-align: center;
}
body.crawler .crawler-nav,
body > noscript .crawler-nav {
  margin: 1em 0;
}
body.crawler .crawler-nav ul,
body > noscript .crawler-nav ul {
  margin: 0;
  list-style-type: none;
}
body.crawler .crawler-nav li,
body > noscript .crawler-nav li {
  display: inline-block;
}
body.crawler .crawler-nav a,
body > noscript .crawler-nav a {
  display: inline-block;
  padding: 0.5em 1em 0.5em 0;
}

.buorg div {
  padding: 8px;
}

.buorg a,
.buorg a:visited {
  color: #e25600;
  text-decoration: underline;
}

@media print {
  .buorg {
    display: none !important;
  }
}
.user-crawler .username {
  margin-left: 5px;
  display: inline-block;
}

.d-icon.d-icon-d-regular,
.d-icon.d-icon-d-muted,
.d-icon.d-icon-d-watching-first,
.d-icon.d-icon-d-watching-first-post {
  color: var(--primary-high);
}

.d-icon.d-icon-d-tracking,
.d-icon.d-icon-d-watching {
  color: var(--tertiary);
}

.d-image-grid:not([data-disabled])[data-columns] {
  display: flex;
  flex-wrap: wrap;
}
.d-image-grid:not([data-disabled])[data-columns="2"] > * {
  flex-basis: calc(50% - 3px);
  margin-right: 6px;
}
.d-image-grid:not([data-disabled])[data-columns="3"] > * {
  flex-basis: calc(33.33% - 4.002px);
  margin-right: 6px;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column .button-wrapper {
  bottom: 0;
  min-width: unset;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column > div,
.d-image-grid:not([data-disabled]) .d-image-grid-column > span {
  flex-grow: 1;
  overflow: hidden;
  max-height: 1200px;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column > div img:not(.thumbnail, .ytp-thumbnail-image, .emoji),
.d-image-grid:not([data-disabled]) .d-image-grid-column > span img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  height: 100%;
  object-fit: cover;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column:last-child {
  margin-right: 0;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column > img,
.d-image-grid:not([data-disabled]) .d-image-grid-column > div {
  margin-bottom: 6px;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column img,
.d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper,
.d-image-grid:not([data-disabled]) .d-image-grid-column > .lightbox-wrapper > .lightbox {
  width: 100%;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column .lightbox-wrapper .meta .informations {
  display: none;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column .lightbox-wrapper .meta .filename {
  flex-grow: 3;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column .lightbox-wrapper > .lightbox {
  height: 100%;
}
.d-image-grid:not([data-disabled]) .d-image-grid-column .image-wrapper {
  display: block;
  margin-bottom: 6px;
  padding-bottom: 0;
}
.d-editor-preview .d-image-grid:not([data-disabled]) .image-wrapper {
  margin-bottom: 6px;
  padding-bottom: 0;
}
.d-editor-preview .d-image-grid:not([data-disabled]) .image-wrapper .button-wrapper .scale-btn-container, .d-editor-preview .d-image-grid:not([data-disabled]) .image-wrapper .button-wrapper[editing] .wrap-image-grid-button {
  display: none;
}

.dialog-container,
.dialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dialog-container {
  z-index: 1700;
  display: flex;
}

/**
 * Ensures the dialog container and all its descendants are not
 * visible and not focusable when it is hidden.
 */
.dialog-container[aria-hidden=true] {
  display: none;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
}
.dialog-overlay {
  background: rgba(var(--always-black-rgb), 0.65);
  animation: fade-in 250ms both;
}
@media (prefers-reduced-motion) {
  .dialog-overlay {
    animation-duration: 0s;
  }
}

.dialog-content {
  margin: auto;
  z-index: 1300;
  position: relative;
  background-color: var(--secondary);
  box-shadow: var(--shadow-card);
  min-width: 40vw;
  animation: fade-in 250ms both;
}
@media (prefers-reduced-motion) {
  .dialog-content {
    animation-duration: 0s;
  }
}

.dialog-body {
  overflow-y: auto;
  max-height: 400px;
  max-width: 800px;
  padding: 1em;
}

.dialog-header {
  display: flex;
  padding: 10px 15px;
  border-bottom: 1px solid var(--primary-low);
  align-items: center;
}
.dialog-header h3 {
  font-size: var(--font-up-3);
  margin-bottom: 0;
}
.dialog-header .dialog-close {
  margin-left: auto;
  flex-basis: content;
  padding-left: 15px;
}
.dialog-header .dialog-close .d-icon {
  color: var(--primary-high);
}

.dialog-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 14px 15px 10px;
  border-top: 1px solid var(--primary-low);
  --btn-bottom-margin: 0.3em;
}
.dialog-footer .btn, .dialog-footer .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .dialog-footer button, .dialog-footer .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dialog-footer .json-editor-btn-add {
  margin: 0 0.75em var(--btn-bottom-margin) 0;
}

.directory-table-top-scroll {
  width: 100%;
  overflow-x: auto;
}

.directory {
  margin-bottom: 100px;
  background: var(--d-content-background);
}
.directory .directory-value-list-item:not(:empty) ~ .directory-value-list-item:not(:empty)::before {
  content: "| ";
}
.directory.users-directory .directory-group-selector {
  vertical-align: top;
}
.directory .user-info {
  margin-bottom: 0;
}
.directory .spinner {
  clear: both;
}
.directory .directory-controls {
  display: flex;
  justify-content: space-between;
}
.directory .directory-controls .total-rows {
  color: var(--primary-medium);
  font-weight: normal;
}
.directory .directory-last-updated {
  margin-bottom: 0.5em;
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}

.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--primary-low);
}
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column .column-name {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column .d-icon-heart {
  color: var(--love);
  margin: 0 0.25em 0 0;
}
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column .move-column-up {
  margin-right: 5px;
}
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column .left-content,
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column .right-content {
  display: flex;
  align-items: center;
}
.edit-user-directory-columns-modal .edit-directory-columns-container .edit-directory-column:last-of-type {
  border-bottom: none;
}
.edit-user-directory-columns-modal .d-modal__footer {
  justify-content: space-between;
}

@container (min-width: 47em) {
  .users-directory .directory-table__value {
    white-space: nowrap;
    font-size: var(--font-up-2);
  }
  .users-directory .directory-table__value, .users-directory .directory-table__value--user-field {
    color: var(--primary-medium);
  }
}
.directory-table-container {
  container-type: inline-size;
  container-name: directory-table;
  transform: translateX(0);
}

.directory-table {
  display: grid;
  gap: 0;
  width: 100%;
  margin-top: 1em;
  overflow-x: auto;
}
.directory-table .me .directory-table__cell, .directory-table .me .directory-table__cell--user-field {
  background-color: var(--highlight-low-or-medium);
}
.directory-table__header, .directory-table__body, .directory-table__row {
  display: contents;
}
@supports (grid-template-rows: subgrid) {
  .directory-table__header, .directory-table__body, .directory-table__row {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
  }
}
.directory-table__column-header, .directory-table__cell, .directory-table__cell--empty, .directory-table__cell--user-field {
  display: flex;
  border-bottom: 1px solid var(--primary-low);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.directory-table__column-header {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: var(--primary-medium);
  padding: 0.5em;
}
.directory-table__column-header .d-icon {
  margin-right: 0.25em;
}
.directory-table__column-header:first-child .header-contents {
  text-align: left;
}
.directory-table__cell, .directory-table__cell--user-field {
  padding: 0.75em 0.5em;
}
.directory-table__value {
  white-space: nowrap;
}
.directory-table__value--user-field {
  max-width: 30em;
}
.directory-table__label {
  display: none;
}
.directory-table .d-icon-heart {
  font-size: var(--font-down-1);
  color: var(--love);
}
.directory-table .user-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.directory-table .user-info {
  display: flex;
  min-width: 0;
  width: 100%;
}
.directory-table .user-info .user-detail {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .directory-table .user-info .user-detail {
    font-size: var(--font-0);
  }
}
@media screen and (max-width: 350px) {
  .directory-table .user-info .user-detail {
    font-size: var(--font-down-1);
  }
}
.directory-table .user-info .title {
  margin: 0;
}
.directory-table .header-contents {
  width: 100%;
  text-align: center;
}

@container (max-width: 47em) {
  .directory-table {
    display: flex;
    flex-direction: column;
  }
  .directory-table .me {
    background-color: var(--highlight-low-or-medium);
  }
  .directory-table__label {
    display: inline-flex;
    color: var(--primary-medium);
    padding-right: 0.5em;
    align-items: baseline;
    align-self: start;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 0 calc(50% - 0.5em + 5%);
  }
  .directory-table__label span {
    flex: 0 1 auto;
    margin-right: 0.25em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .directory-table__label::after {
    flex: 1 1 0;
    color: var(--primary-300);
    min-width: 0;
    overflow: hidden;
    content: "................................................................................................................................................................";
  }
  .directory-table__label .d-icon {
    font-size: 0.8em;
    vertical-align: baseline;
  }
  .directory-table__value {
    font-size: var(--font-0);
    color: var(--primary);
    align-self: start;
  }
  .directory-table__value--user-field {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  .directory-table__row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));
    border-bottom: 1px solid var(--primary-low);
    padding: 0.85em 0.5em 1em;
    gap: 0 10%;
  }
  .directory-table__row:first-child {
    border-top: 1px solid var(--primary-low);
  }
  .directory-table__header {
    display: none;
  }
  .directory-table__cell, .directory-table__cell--user-field {
    padding: 0.25em;
    border: none;
  }
  .directory-table__cell:first-child, .directory-table__cell--user-field:first-child {
    width: 100%;
    padding: 0.5em 0.25em 1em;
    justify-content: start;
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .directory-table__cell--user-field {
    display: flex;
    order: 2;
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .directory-table__cell--user-field .directory-table__label {
    margin-right: 0.25em;
  }
  .directory-table .--empty {
    display: none;
  }
}
:root {
  --d-input-bg-color: var(--secondary);
  --d-input-text-color: var(--primary);
  --d-input-border: 1px solid var(--primary-400);
  --d-input-bg-color--disabled: var(--primary-very-low);
  --d-input-text-color--disabled: var(--primary-medium);
  --d-input-border--disabled: 1px solid var(--primary-low);
  --d-nav-color: var(--primary);
  --d-nav-bg-color: transparent;
  --d-nav-color--hover: var(--primary);
  --d-nav-bg-color--hover: var(--d-hover);
  --d-nav-color--active: var(--tertiary);
  --d-nav-bg-color--active: transparent;
  --d-nav-border-color--active: var(--d-nav-color--active);
  --d-nav-underline-height: 0.125em;
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

@keyframes rotate-forever {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes background-fade-highlight {
  0% {
    background-color: var(--tertiary-low);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1100px 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .placeholder-animation {
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, var(--primary-very-low) 10%, var(--primary-low) 18%, var(--primary-very-low) 33%);
  }
}
html {
  height: 100%;
}

body {
  background-attachment: fixed;
  background-size: cover;
  min-height: 100%;
  box-sizing: border-box;
}
body::before, body::after {
  content: "";
  display: table;
}
body::after {
  clear: both;
}

big {
  font-size: var(--font-up-5);
}

small {
  font-size: var(--font-down-2);
}

blockquote {
  border-left: 5px solid var(--primary-300);
  background-color: var(--blend-primary-secondary-5);
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font-family);
  margin-top: 0;
  margin-bottom: 0.5rem;
}

a.cancel {
  margin-left: 1.25em;
  line-height: normal;
  color: var(--primary-high);
  transition: var(--d-button-transition);
}
a.cancel:hover {
  color: var(--danger);
}

ul.breadcrumb {
  margin: 0 10px 0 10px;
}

a.no-href {
  cursor: pointer;
}

img.avatar {
  border-radius: 50%;
}

span.relative-date {
  white-space: nowrap;
}

legend {
  color: var(--primary-high);
  font-weight: bold;
  font-size: var(--font-down-1-rem);
}

label {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-start;
  color: var(--primary-high);
}
label:not(.checkbox-label) {
  font-weight: bold;
}
label > .d-icon {
  align-self: center;
  margin-right: 4px;
}
label a {
  margin: 0 0.25em;
}

input[type=radio], input[type=checkbox] {
  margin-top: 0.17em;
  margin-right: 0.43em;
  margin-left: 0.1em;
  line-height: var(--line-height-small);
  cursor: pointer;
  flex-shrink: 0;
}
input[type=submit], input[type=reset], input[type=button], input[type=radio], input[type=checkbox] {
  width: auto;
}
input.invalid {
  background-color: var(--danger-low);
}
.radio input[type=radio], .checkbox input[type=checkbox] {
  float: left;
  margin-left: -18px;
}

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
  appearance: none;
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-block;
  margin-bottom: 9px;
  color: var(--d-input-text-color);
  background-color: var(--d-input-bg-color);
  border: var(--d-input-border);
  border-radius: var(--d-input-border-radius);
  color-scheme: var(--scheme-type);
}
input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
input[type=time] {
  max-width: 140px;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  appearance: none;
}

::-webkit-datetime-edit {
  display: inline;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0;
}

::placeholder {
  text-overflow: ellipsis;
}

textarea {
  padding: 0.5em 0.65em;
  box-sizing: border-box;
  height: auto;
  background-color: var(--secondary);
  border: 1px solid var(--primary-400);
  border-radius: 0;
}
textarea:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}

select {
  border: 1px solid var(--primary-low);
}

table th {
  font-weight: normal;
  color: var(--primary-medium);
  text-align: left;
  padding: 0.5em;
}

input,
select,
textarea {
  color: var(--d-input-text-color);
  caret-color: currentcolor;
}
input[disabled], input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
  cursor: not-allowed;
  color: var(--d-input-text-color--disabled);
  background-color: var(--d-input-bg-color--disabled);
  border: var(--d-input-border--disabled);
}
input:focus:required:invalid,
select:focus:required:invalid,
textarea:focus:required:invalid {
  color: var(--danger);
  border-color: var(--danger);
  outline: 1px solid var(--danger);
}

.sortable {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.discourse-no-touch .sortable:hover, .discourse-no-touch .sortable:focus {
  background-color: var(--primary-low);
}
.sortable .d-icon {
  margin-left: 0.25em;
}
.sortable button {
  background: none;
  border: none;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline .radio.inline,
.checkbox.inline .checkbox.inline {
  margin-left: 0.67em;
}

.wrap {
  --d-wrap-padding-h: 0.67em;
  max-width: var(--d-max-width);
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--d-wrap-padding-h);
}
.wrap .contents {
  position: relative;
}

.boxed.white {
  background-color: var(--secondary);
}

.full-width {
  margin-left: 12px;
}

.clear-transitions {
  transition: none !important;
}

.tip {
  display: inline-block;
}
.tip.good {
  color: var(--success);
}
.tip.bad {
  color: var(--danger);
}

.avatar-wrapper {
  background-color: var(--secondary);
  display: inline-block;
  border-radius: 50%;
}

.unread-high-priority-notifications {
  color: var(--secondary);
  background: var(--success);
}
.unread-high-priority-notifications.badge-notification[href] {
  color: var(--secondary);
}

.d-header .header-dropdown-toggle .do-not-disturb-background {
  position: absolute;
  left: 0;
  bottom: -1px;
}

.do-not-disturb-background {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  background-color: var(--secondary);
  border-radius: 50%;
  height: 1em;
  box-shadow: 0 0 0 2px var(--secondary);
}
.do-not-disturb-background .d-icon.d-icon-discourse-dnd {
  color: var(--header_primary-medium) !important;
  font-size: 1em;
  height: 1em;
  width: 1em;
}

.d-header .header-dropdown-toggle .user-status-background {
  position: absolute;
  right: -3px;
  bottom: -1px;
  z-index: 1002;
}

.user-status-background {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  background-color: var(--secondary);
  border-radius: 50%;
}
.user-status-background .emoji {
  width: 14px;
  height: 14px;
  display: block;
}

.user-menu .quick-access-panel li.user-status .relative-date {
  text-align: left;
  font-size: var(--font-down-3);
  padding-top: 0.45em;
  margin-left: 0.75em;
  color: var(--primary-medium);
}

.user-menu .quick-access-panel li.do-not-disturb {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  align-items: center;
  background: var(--secondary);
}
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container {
  display: flex;
  width: 100%;
  align-items: center;
}
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container .do-not-disturb-label {
  display: flex;
  align-items: center;
}
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container .relative-date {
  text-align: left;
  font-size: var(--font-down-3);
  padding-top: 3px;
  margin-left: 0.75em;
  color: var(--primary-medium);
}
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container .d-icon-toggle-off,
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container .d-icon-toggle-on {
  padding-top: 0;
}
.user-menu .quick-access-panel li.do-not-disturb .do-not-disturb-inner-container .d-icon-toggle-on {
  color: var(--tertiary);
}

.do-not-disturb-modal .do-not-disturb-choice {
  display: grid;
  grid-template-columns: 2em 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  cursor: pointer;
  padding: 0.5em 0;
}
.do-not-disturb-modal .do-not-disturb-choice:hover {
  background-color: var(--tertiary-low);
}
.do-not-disturb-modal .do-not-disturb-choice label {
  margin-bottom: 0;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.inline-spinner {
  display: inline-block;
  margin: 0;
}

.spinner {
  margin: 20px auto 20px auto;
  position: relative;
  animation: rotate-forever 1s infinite linear;
  height: 30px;
  width: 30px;
  border: 4px solid var(--primary-low-mid);
  border-right-color: transparent;
  border-radius: 50%;
}
.spinner.small {
  width: 10px;
  height: 10px;
  margin: 0;
  display: inline-block;
}

.content-list h3 {
  color: var(--primary-medium);
  font-size: var(--font-up-1);
  padding-left: 5px;
  margin-bottom: 10px;
}
.content-list ul {
  list-style: none;
  margin: 0;
}
.content-list ul li {
  border-bottom: 1px solid var(--primary-low);
}
.content-list ul li:first-of-type {
  border-top: 1px solid var(--primary-low);
}
.content-list ul li a {
  display: block;
  padding: 10px;
  color: var(--primary);
}
.content-list ul li a:hover {
  background-color: var(--primary-low);
  color: var(--primary);
}
.content-list ul li a.active {
  font-weight: bold;
  color: var(--primary);
  background: var(--d-selected);
}

.form-vertical input,
.form-vertical textarea,
.form-vertical select {
  display: inline-block;
  margin-bottom: 0;
  flex: 0 0 auto;
  max-width: 100%;
}
.form-vertical .control-label:not(.checkbox-label) {
  font-family: var(--heading-font-family);
  font-weight: bold;
  font-size: var(--font-up-2);
  line-height: var(--line-height-large);
}
.form-vertical .control-group,
.form-vertical .controls {
  margin-left: 0;
}
.form-vertical .control-group label,
.form-vertical .controls label {
  font-weight: normal;
}
.form-vertical .radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

#main-outlet-wrapper {
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-areas: "sidebar content" "sidebar below-content";
  grid-template-rows: 1fr auto;
  grid-template-columns: 0 minmax(0, 1fr);
  gap: 0;
}
#main-outlet-wrapper #main-outlet {
  grid-area: content;
}

#main-outlet {
  padding-top: 1.5em;
}

#main img.avatar.header {
  width: 45px;
  height: 45px;
}
#main img.avatar.medium {
  width: 32px;
  height: 32px;
}
#main img.avatar.small {
  width: 25px;
  height: 25px;
}
#main img.avatar.tiny {
  width: 20px;
  height: 20px;
}
#main .user-list .user {
  padding-bottom: 5px;
}

#loading-message {
  position: absolute;
  font-size: var(--font-up-5);
  text-align: center;
  top: 120px;
  left: 500px;
  color: var(--primary);
}

#footer .container {
  height: 50px;
}
#footer .container .contents {
  padding-top: 10px;
}
#footer .container .contents a[href] {
  color: var(--secondary);
}

.inline {
  display: inline;
}

.pref-email {
  display: grid;
  grid-template-areas: "title title" "email email" "instructions controls";
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0 0.5em;
}
.pref-email .control-label {
  grid-area: title;
}
.pref-email .emails {
  grid-area: email;
}
.pref-email .instructions {
  grid-area: instructions;
}
.pref-email .controls {
  margin-top: 0.5em;
  grid-area: controls;
}
.pref-email .resend-email-confirmation {
  background: transparent;
  border: none;
  color: var(--tertiary);
  padding: 0;
  text-align: left;
}
.pref-email .row {
  border-bottom: 1px solid var(--primary-low);
  padding: 0.25em 0;
  display: grid;
  grid-template-areas: "email dropdown" "meta dropdown";
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
}
.pref-email .email-first {
  grid-area: email;
  align-self: center;
  overflow-wrap: break-word;
  min-width: 0;
}
.pref-email .email-second {
  grid-area: meta;
  color: var(--primary-medium);
}
.pref-email .email-second .primary {
  color: var(--success);
}
.pref-email .email-second .unconfirmed {
  font-style: italic;
}
.pref-email .email-dropdown {
  grid-area: dropdown;
  align-self: center;
  justify-self: end;
}
.pref-email .email-dropdown summary {
  background: transparent;
}
.pref-email .email-dropdown summary .d-icon {
  color: var(--primary-high);
}
.pref-email .dropdown-menu {
  width: 120px;
}

.topic-statuses {
  float: left;
}
.topic-statuses .topic-status {
  margin: 0;
  display: inline-flex;
  color: var(--primary-medium);
  margin-right: 0.2em;
}
.topic-statuses .topic-status .d-icon {
  height: 0.74em;
  width: 0.75em;
}
.topic-statuses .topic-status-warning .d-icon-envelope {
  color: var(--danger);
}

.broken-theme-alert-banner {
  font-size: var(--base-font-size);
  font-weight: bold;
  padding: 5px 0;
  background: var(--danger);
  text-align: center;
  z-index: 9999;
  color: var(--secondary);
}
.broken-theme-alert-banner a {
  color: var(--secondary);
  text-decoration: underline;
}
.broken-theme-alert-banner .theme-error-suffix {
  font-weight: normal;
}

.controls .grouped-control {
  display: flex;
  flex-direction: column;
}
.controls .grouped-control .grouped-control-label {
  padding: 0.25em 0;
}
.controls .grouped-control .grouped-control-field {
  flex: 1 0 auto;
  display: flex;
  padding-bottom: 0.25em;
}
.controls .grouped-control .grouped-control-field label {
  margin: 0;
}

a#user-nav-skip-link,
a#skip-link {
  padding: 0.25em 0.5em;
  position: fixed;
  top: -50px;
  left: 1em;
  color: var(--secondary);
  background: var(--tertiary);
  transition: top 0.3s ease-out;
  z-index: 1001;
}
a#user-nav-skip-link:focus,
a#skip-link:focus {
  top: 0;
  transition: top 0.15s ease-in;
}

.scroll-lock {
  overflow: hidden !important;
  margin-right: var(--scroll-gap, 0);
}

.hbr-ember-outlet {
  display: contents;
}

div.edit-category {
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-rows: auto auto auto;
  grid-row-gap: 1em;
  grid-column-gap: 1.5em;
  grid-template-areas: "header header" "sidebar content" "sidebar warning" "sidebar footer";
}
div.edit-category .edit-category-title-bar {
  grid-area: header;
  grid-column: 1/span 2;
  display: flex;
  justify-content: space-between;
  align-self: start;
  background-color: var(--primary-very-low);
  padding: 20px;
}
div.edit-category .edit-category-title-bar .category-back {
  height: 2em;
  align-self: flex-end;
}
div.edit-category .edit-category-nav {
  grid-area: sidebar;
  grid-row: 2/span 3;
}
div.edit-category .edit-category-nav .nav-stacked {
  background-color: var(--secondary);
}
div.edit-category .edit-category-content {
  grid-area: content;
}
#list-area div.edit-category h2 {
  margin: 0;
}
div.edit-category section.field {
  margin-bottom: 1em;
}
div.edit-category .category-name-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
div.edit-category .warning {
  background-color: var(--tertiary-low);
  padding: 0.5em 2.5em 0.5em 1em;
  margin-top: 0;
}
div.edit-category .edit-category-tab-general .category-chooser {
  width: min(340px, 90%);
}
div.edit-category .edit-category-tab-security .permission-selector {
  margin-right: 0.25em;
}
div.edit-category .edit-category-tab-security .pending-permission-change-alert {
  margin-left: auto;
  max-width: 250px;
  background: var(--primary-very-high);
  color: var(--secondary);
  margin-top: 10px;
  padding: 5px 10px;
  position: relative;
}
div.edit-category .edit-category-tab-security .pending-permission-change-alert .arrow-div {
  border: solid transparent;
  content: " ";
  position: absolute;
  border-bottom-color: var(--primary-very-high);
  border-width: 7px;
  top: -13px;
  left: 200px;
}
div.edit-category .edit-category-tab-security .permission-list {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
div.edit-category .edit-category-tab-security .permission-list .name {
  margin-right: 20px;
  display: inline-block;
  min-width: 100px;
}
div.edit-category .edit-category-tab-security .permission-list .permission {
  margin-left: 20px;
}
div.edit-category .edit-category-tab-security .permission-list .d-icon-circle-xmark {
  margin-left: 5px;
  color: var(--danger);
}
div.edit-category .edit-category-tab-security .permission-list li {
  margin-bottom: 10px;
}
div.edit-category .edit-category-tab-settings > section,
div.edit-category .edit-category-tab-tags > section {
  margin-bottom: 1.5em;
}
div.edit-category .edit-category-tab-settings input[type=text],
div.edit-category .edit-category-tab-settings .select-kit,
div.edit-category .edit-category-tab-tags input[type=text],
div.edit-category .edit-category-tab-tags .select-kit {
  width: min(500px, 90%);
}
div.edit-category .edit-category-tab-settings label,
div.edit-category .edit-category-tab-tags label {
  max-width: min(500px, 90%);
}
div.edit-category .edit-category-tab-settings input[type=number],
div.edit-category .edit-category-tab-tags input[type=number] {
  width: 75px;
}
div.edit-category .edit-category-tab-tags #category-min-tags-from-group {
  width: 75px;
  min-height: 36px;
}
div.edit-category .edit-category-tab-tags .select-kit.tag-chooser {
  width: 250px;
}
div.edit-category .edit-category-tab-tags .select-kit.tag-chooser .select-kit-filter,
div.edit-category .edit-category-tab-tags .select-kit.tag-chooser .filter-input {
  min-width: 250px;
}
div.edit-category .edit-category-tab-tags .manage-tag-groups {
  display: block;
}
div.edit-category .edit-category-delete-warning {
  grid-area: warning;
}
div.edit-category .edit-category-footer {
  grid-area: footer;
  display: flex;
  justify-content: space-between;
  align-self: start;
  padding: 0 1.5em 2em 0;
}
div.edit-category .category-topic-auto-close-hours,
div.edit-category .category-default-slow-mode-seconds {
  width: 200px;
}
div.edit-category .required-tag-groups .required-tag-group-row {
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
}
div.edit-category .required-tag-groups .required-tag-group-row > * {
  margin: 0;
}
div.edit-category .required-tag-groups .required-tag-group-row input[type=number] {
  width: 4em;
}
div.edit-category .edit-category-tab-topic-template .select-category-template__info {
  margin-block: 0.25rem;
  font-size: var(--font-down-1);
}

.category-permissions-table {
  max-width: 450px;
  margin-bottom: 2em;
}
.category-permissions-table .permission-row {
  border-bottom: 1px solid var(--primary-low);
  display: flex;
}
.category-permissions-table .permission-row.row-header {
  font-weight: bold;
  border-bottom: 2px solid var(--primary-low);
}
.category-permissions-table .permission-row .group-name,
.category-permissions-table .permission-row .options {
  display: flex;
  box-sizing: border-box;
  text-align: center;
  width: 50%;
  margin: 0;
  align-items: center;
}
.category-permissions-table .permission-row .group-name {
  text-align: left;
  padding: 0.5em;
  padding-left: 0;
}
.category-permissions-table .permission-row .group-name .group-name-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-permissions-table .permission-row .cell,
.category-permissions-table .permission-row .btn-flat,
.category-permissions-table .permission-row .json-editor-btn-collapse,
.category-permissions-table .permission-row .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse,
.d-modal.json-schema-editor-modal .je-ready .category-permissions-table .permission-row .json-editor-btn-collapse {
  width: 33%;
  padding: 0.5em;
}
.category-permissions-table .permission-row .btn-flat:hover, .category-permissions-table .permission-row .json-editor-btn-collapse:hover {
  background-color: transparent;
}
.category-permissions-table .permission-row .btn-flat .d-icon-square-check, .category-permissions-table .permission-row .json-editor-btn-collapse .d-icon-square-check,
.category-permissions-table .permission-row .btn-flat:hover .d-icon-square-check {
  color: var(--success);
}
.category-permissions-table .remove-permission {
  margin-left: 0.5em;
  padding: 0.15em;
}
.category-permissions-table .remove-permission .d-icon {
  color: var(--danger);
}
.category-permissions-table .remove-permission:hover {
  color: var(--danger-hover);
}
.category-permissions-table .row-empty {
  padding: 0.5em 0;
}
.category-permissions-table .row-empty {
  color: var(--primary-medium);
}
.category-permissions-table .add-group {
  margin: 1em 0;
}
.category-permissions-table .add-group .group-name {
  width: 100%;
}

.edit-topic-timer-modal .select-kit.combo-box {
  width: 100%;
}
.edit-topic-timer-modal .radios {
  margin-bottom: 10px;
}
.edit-topic-timer-modal label {
  display: inline-flex;
  padding-right: 5px;
  align-items: center;
}
.edit-topic-timer-modal label input {
  margin-top: 0;
}
.edit-topic-timer-modal .topic-timer-duration {
  width: 100%;
}
.edit-topic-timer-modal .pika-single {
  position: absolute !important; /* inline JS styles */
}
.edit-topic-timer-modal .modal-topic-timer-info {
  margin-top: 1rem;
}
.edit-topic-timer-modal .modal-topic-timer-info .topic-timer-info {
  border-top: 0;
}

.ember-select {
  background-color: var(--secondary);
  color: var(--primary);
}

img.emoji {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}
h1 img.emoji, h2 img.emoji, h3 img.emoji, h4 img.emoji, h5 img.emoji, h6 img.emoji {
  vertical-align: middle;
}

img.emoji.only-emoji {
  width: 32px;
  height: 32px;
  margin: 0.5em 0;
}

a img.emoji.only-emoji,
.md-table img.emoji.only-emoji,
.poll img.emoji.only-emoji {
  width: 20px;
  height: 20px;
  margin: 0;
}

small img.emoji,
sub img.emoji,
sup img.emoji {
  height: 1.1em;
  width: 1.1em;
}

.empty-state {
  color: var(--primary);
  margin: 0;
  padding: 0.5em 1em;
  display: flex;
  flex-direction: column;
}
.empty-state .empty-state-title {
  font-weight: 700;
  padding: 0;
  margin: 0;
  font-size: var(--font-up-1);
}
.empty-state .empty-state-body {
  padding: 0;
  margin: 0;
}

.error-page {
  text-align: center;
  padding-top: 2em;
}
.error-page .face {
  font-size: 4.286em;
}
.error-page .reason {
  font-size: var(--font-up-4);
}
.error-page .url {
  font-style: italic;
  font-size: var(--font-down-1);
}
.error-page .desc {
  margin-top: 16px;
}
.error-page .desc .d-icon-circle-check {
  color: var(--success);
}
.error-page .buttons {
  align-items: center;
  display: inline-flex;
  margin-top: 15px;
}
.error-page .buttons button {
  margin: 0 20px;
}

.explain-reviewable {
  min-width: 500px;
}
.explain-reviewable .thresholds {
  margin-top: 1em;
}
.explain-reviewable table {
  width: 100%;
}
.explain-reviewable table td {
  padding: 0.5em;
}
.explain-reviewable td.sum {
  text-align: right;
}
.explain-reviewable td.sum.total {
  font-weight: bold;
}
.explain-reviewable tr.total td {
  background-color: var(--primary-low);
  font-weight: bold;
}
.explain-reviewable .op {
  font-weight: bold;
}
.explain-reviewable .score-value-type {
  color: var(--primary-medium);
}
.explain-reviewable .op:first-of-type {
  display: none;
}

.body-page {
  /* covers /about, /faq, /guidelines, /tos, /privacy, and login-required */
  max-width: 700px;
  background: var(--d-content-background);
}
.about-page .body-page {
  max-width: unset;
}
.about-page .body-page section:not(.admins,
.moderators,
.category-moderators,
.about__admins,
.about__moderators,
.about__header) {
  max-width: 700px;
}
.about-page .body-page .about.category-moderators .badge-category__wrapper .badge-category {
  color: var(--primary);
}
.mobile-view .body-page {
  font-size: var(--font-0);
}
.body-page li {
  margin-bottom: 8px;
}
.body-page .nav-pills {
  margin: 0 0 2em;
}
.body-page ul:not(.nav-pills),
.body-page ol:not(.nav-pills) {
  margin-left: 40px;
}

.body-page-button-container {
  display: flex;
}
.body-page-button-container button {
  margin-right: 0.75em;
}

.container.group {
  background: var(--d-content-background);
}

.group-details-container {
  background: var(--primary-very-low);
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}

.group-delete-tooltip {
  background-color: var(--tertiary-low);
  padding: 0.1em 2.5em 0.1em 1em;
  margin-bottom: 10px;
}

.group-outlet {
  position: relative;
}

.group-members-actions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5em 0;
}
.group-members-actions .bulk-select + input {
  margin-left: 0.5em;
}
.group-members-actions input {
  margin: 0 auto 0 0;
}
.group-members-actions .bulk-select-buttons-wrap {
  margin-right: 0.5em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.group-members-manage {
  display: flex;
  gap: 0.5em;
}

.group-info {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}
.group-info .group-info-names {
  flex-grow: 1;
}
.group-info .group-info-name {
  font-size: var(--font-up-3);
  font-weight: bold;
  color: var(--primary);
}
.group-info .group-info-full-name {
  font-size: var(--font-up-2);
  color: var(--primary-high-or-secondary-low);
}
.group-info .avatar-flair-image {
  width: 50px;
}
.group-info .avatar-flair {
  background-size: 50px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
}
.group-info .avatar-flair .d-icon {
  height: 27.7777777778px;
  width: 27.7777777778px;
}
.group-info .group-details-button {
  display: flex;
  flex-wrap: wrap;
}
.group-info .group-details-button button:not(:last-child) {
  margin-right: 0.5em;
}

.group-nav .count {
  margin-left: 5px;
}

.group-manage-logs-filter {
  margin-right: 10px;
}
.group-manage-logs-filter:hover {
  background-color: var(--danger);
}

table.group-manage-logs {
  width: 100%;
}
table.group-manage-logs td {
  padding: 0.5em;
}
table.group-manage-logs .group-manage-logs-expand-details {
  cursor: pointer;
}
table.group-manage-logs .group-manage-logs-expand-details .d-icon {
  color: var(--primary-medium);
}

.group-members {
  grid-template-columns: 3fr repeat(3, minmax(min-content, 1fr));
}
.group-members--can-manage {
  grid-template-columns: 3fr repeat(4, minmax(min-content, 1fr)) 3em;
}
@container (max-width: 47em) {
  .group-members--can-manage .group-member,
  .group-members--can-manage .member-settings {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .group-members--can-manage .member-settings {
    margin-left: auto;
  }
  .group-members--can-manage .user-info {
    padding-right: 3.5em;
  }
}
.group-members.group-members__requests {
  grid-template-columns: 3fr repeat(3, minmax(max-content, 1fr));
}
.group-members .directory-table__value {
  font-size: var(--font-0);
  color: var(--primary);
}
.group-members .group-accept-deny-buttons {
  gap: 0.5em;
}
.group-members [class*=group-request-reason__] {
  justify-content: start;
}
.group-members .group-request-reason__content .directory-table__value {
  white-space: normal;
  max-width: 30em;
}
@container (max-width: 47em) {
  .group-members .directory-table__cell {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .group-members .group-accept-deny-buttons {
    justify-content: start;
  }
  .group-members .directory-table__cell.group-owner {
    order: 2;
  }
}

.group-owner-label {
  color: var(--primary);
}

.group-flair-inputs {
  display: inline-block;
}
.group-flair-inputs .avatar-flair-preview {
  position: relative;
  width: 45px;
}
.group-flair-inputs .avatar-flair-preview .avatar-wrapper {
  background-color: var(--primary-very-low);
}
.group-flair-inputs .radios {
  margin-bottom: 5px;
}
.group-flair-inputs .radio-label {
  display: inline-flex;
  padding-right: 10px;
  margin-bottom: 0;
  align-items: center;
}
.group-flair-inputs .uploaded-image-preview {
  height: 75px;
  width: 275px;
}

.group-form-save {
  margin-right: 20px;
}

.group-add-members .ac-wrap {
  overflow: hidden;
}
.group-add-members .group-add-members-make-owner label {
  display: inline;
  vertical-align: middle;
}
.group-add-members .group-add-members-make-owner input[type=checkbox] {
  vertical-align: middle;
}

label.group-category-permissions-desc {
  font-size: 1.15em;
  margin-bottom: 1em;
}

table.group-category-permissions {
  width: 100%;
}
table.group-category-permissions tr {
  line-height: 3em;
  width: 100%;
}
table.group-category-permissions tr .category-name {
  font-size: 1.25em;
}

.group-smtp-prefill-options ul {
  display: inline;
  margin: 0;
}
.group-smtp-prefill-options ul li {
  display: inline-block;
}
.group-smtp-prefill-options ul li::before {
  content: "|";
}
.group-smtp-prefill-options ul li:first-child::before {
  content: "";
}

.group-smtp-email-settings,
.group-imap-email-settings {
  background-color: var(--primary-very-low);
  padding: 1em;
  margin: 1em 0;
  border: 1px solid var(--primary-low);
}
.group-smtp-email-settings .groups-form,
.group-imap-email-settings .groups-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
  margin-bottom: 0;
  gap: 0 1em;
}
.group-smtp-email-settings .groups-form details,
.group-smtp-email-settings .groups-form .ember-text-field,
.group-imap-email-settings .groups-form details,
.group-imap-email-settings .groups-form .ember-text-field {
  width: 100%;
}

.group-manage-email-additional-settings-wrapper {
  margin-top: 1em;
}

.groups-form .control-group.buttons {
  margin-bottom: 0;
  padding: 1em 0;
}

.groups-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.groups-header .groups-header-new {
  order: 2;
  margin-bottom: 0.5em;
}

.groups-header-filters {
  display: flex;
  flex-wrap: wrap;
}
.groups-header-filters .groups-header-filters-name,
.groups-header-filters .groups-header-filters-type {
  margin: 0 0.5em 0.5em 0;
}
.groups-header-filters:last-child {
  margin-right: auto;
}
.groups-header-filters .select-kit-header {
  height: 100%;
}

.container.groups-index {
  background: var(--d-content-background);
}

.groups-boxes {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
  margin: 1em 0;
  width: 100%;
}
.groups-boxes .group-box {
  display: flex;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid var(--primary-low);
  color: var(--primary);
}
.discourse-no-touch .groups-boxes .group-box:hover {
  box-shadow: var(--shadow-card);
  border-color: var(--primary-low-mid-or-secondary-high);
}
.groups-boxes .group-box .group-membership {
  color: var(--primary-medium);
  margin-top: auto;
  padding-top: 1em;
}
.groups-boxes .group-box .group-membership .is-group-owner,
.groups-boxes .group-box .group-membership .is-group-member {
  color: var(--success);
}
.groups-boxes .group-box .group-box-inner {
  padding: 1em;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 8em;
}
.groups-boxes .group-box .group-box-inner .group-info-wrapper {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  margin-bottom: 0.25em;
  min-height: 40px;
  overflow: hidden;
}
.groups-boxes .group-box .group-box-inner .group-info-wrapper .group-avatar-flair {
  margin-right: 0.5em;
}
.groups-boxes .group-box .group-box-inner .group-info-wrapper .group-info {
  flex: 1 1 auto;
}
.groups-boxes .group-box .group-box-inner .group-info-wrapper .group-info span {
  width: 100%;
  word-break: break-word;
  line-height: var(--line-height-medium);
}
.groups-boxes .group-box .group-box-inner .group-user-count {
  display: flex;
  align-items: center;
  color: var(--primary-high);
}
.groups-boxes .group-box .group-box-inner .group-user-count .d-icon {
  margin-right: 0.25em;
  font-size: 0.8em;
  color: var(--primary-medium);
}
.groups-boxes .group-box .group-box-inner .group-description {
  color: var(--primary-high);
  word-wrap: break-word;
}
.groups-boxes .group-box .group-avatar-flair {
  display: inline-block;
  color: var(--primary);
}
.groups-boxes .group-box .group-avatar-flair .avatar-flair {
  background-size: 40px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
}
.groups-boxes .group-box .group-avatar-flair .avatar-flair .d-icon {
  height: 22.2222222222px;
  width: 22.2222222222px;
}
.groups-boxes .group-box .avatar-flair-image {
  width: 40px;
}

.groups-form .control-group-inline {
  display: inline;
}
.groups-form.groups-notifications-form {
  max-width: 33em;
}
.groups-form.groups-notifications-form .control-instructions {
  color: var(--primary-medium);
  margin-bottom: 10px;
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
}
.groups-form.groups-notifications-form .category-selector,
.groups-form.groups-notifications-form .tag-chooser {
  width: 100%;
}
.groups-form .groups-form-incoming-email {
  margin-bottom: 1em;
}

.group-manage-logs-controls button .d-icon {
  order: 2;
  margin: 0 0 0 0.45em;
}

.group-automatic-tooltip {
  align-items: center;
  font-size: var(--font-down-2);
  padding: 0.2em 1em;
  background-color: var(--primary-low);
  border-radius: var(--d-button-border-radius);
}
.group-automatic-tooltip .fk-d-tooltip__trigger-container {
  align-items: center;
}
.group-automatic-tooltip .fk-d-tooltip__trigger-container .d-icon {
  margin-right: 0.25em;
}

.d-header-wrap {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.d-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background-color: var(--header_background);
  box-shadow: var(--shadow-header);
  backface-visibility: hidden; /** do magic for scrolling performance **/
}
.d-header > .wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.d-header > .wrap .contents {
  display: flex;
  align-items: center;
  height: 100%;
}
.d-header > .wrap .contents .header-row {
  width: 100%;
}
.d-header > .wrap .contents .header-row .logo-wrapper {
  float: left;
}
.d-header > .wrap .contents .header-row .auth-buttons {
  float: right;
  margin-top: 0.4em;
}
.d-header > .wrap .contents .header-row .auth-buttons .login-button,
.d-header > .wrap .contents .header-row .auth-buttons .signup-button {
  padding: 8px 14px;
}
.d-header .title {
  --d-logo-height: 2.667em;
  display: flex;
  align-items: center;
  height: 100%;
  animation: fadein 0.5s;
  min-width: var(--d-logo-height);
}
@media (prefers-reduced-motion) {
  .d-header .title {
    animation-duration: 0s;
  }
}
.d-header .title a,
.d-header .title a:visited {
  min-width: 0;
  color: var(--header_primary);
}
.d-header .title:not(.title--minimized) {
  overflow: hidden;
}
.d-header #site-logo {
  height: var(--d-logo-height);
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.d-header .home-logo-wrapper-outlet {
  overflow: hidden;
}
.d-header #site-text-logo {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-header .d-icon-house {
  font-size: var(--font-up-6);
}
.d-header .panel {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
  align-items: center;
}
.d-header .hamburger-panel,
.d-header .user-menu,
.d-header .search-menu {
  width: 0;
}
.d-header .header-buttons {
  display: flex;
  align-items: center;
  margin-top: 0.2em;
  white-space: nowrap;
}
.d-header .header-buttons .auth-buttons {
  display: flex;
}
.d-header .login-button,
.d-header .sign-up-button {
  padding: 6px 10px;
}
.d-header .login-button .fa,
.d-header .sign-up-button .fa {
  margin-right: 3px;
}
.d-header .login-button {
  margin-left: 7px;
}

.header-dropdown-toggle .flagged-posts,
.header-dropdown-toggle .reviewables,
.drop-down .flagged-posts,
.drop-down .reviewables,
.panel-body .flagged-posts,
.panel-body .reviewables {
  background: var(--danger);
  min-width: 6px;
}

.d-header-icons {
  display: flex;
  margin: 0 0 0 0.5em;
  list-style: none;
}
.d-header-icons .icon {
  box-sizing: content-box;
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2857em;
  height: 2.2857em;
  padding: 0.2143em;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  outline: none;
}
.d-header-icons .icon img.avatar {
  width: 2.1333em;
  height: 2.1333em;
}
.discourse-no-touch .d-header-icons .icon:hover, .discourse-no-touch .d-header-icons .icon:focus {
  background-color: var(--primary-low);
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.discourse-no-touch .d-header-icons .icon:hover > .d-icon, .discourse-no-touch .d-header-icons .icon:focus > .d-icon {
  color: var(--primary-medium);
}
.d-header-icons .icon:active {
  color: var(--primary);
  background-color: var(--primary-low);
}
.drop-down-mode .d-header-icons .active .icon {
  position: relative;
  background-color: var(--secondary);
  cursor: default;
  border-top: 1px solid var(--primary-low);
  border-left: 1px solid var(--primary-low);
  border-right: 1px solid var(--primary-low);
}
.drop-down-mode .d-header-icons .active .icon > .d-icon {
  color: var(--primary-medium);
}
.drop-down-mode .d-header-icons .active .icon::after {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 0;
  content: "";
  border-top: 1px solid var(--secondary);
}
.drop-down-mode .d-header-icons .active .icon:hover {
  border-bottom: none;
}
.d-header-icons .d-icon {
  width: 100%;
  font-size: var(--font-up-4);
  line-height: var(--line-height-large);
  display: inline-block;
  color: var(--header_primary-low-mid);
}
.d-header-icons .notifications {
  position: relative;
}
.d-header-icons .header-dropdown-toggle {
  position: relative;
}
.d-header-icons .badge-notification {
  border: 2px solid var(--header_background);
  position: absolute;
  z-index: 1;
  top: -4px;
  min-width: 0.6em;
  left: auto;
  right: -3px;
}
.d-header-icons .badge-notification.with-icon.new-pms {
  background-color: var(--success);
}
.d-header-icons .badge-notification.with-icon.new-reviewables {
  background-color: var(--danger);
}
.d-header-icons .badge-notification.with-icon .d-icon {
  color: var(--secondary);
  font-size: var(--font-down-1);
  width: 1em;
}
.d-header-icons .unread-notifications {
  background-color: var(--tertiary-med-or-tertiary);
}
.d-header-icons .unread-high-priority-notifications {
  left: auto;
  right: 25px;
}

.header-sidebar-toggle button {
  margin-right: 1em;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  width: 2.2857em;
  height: 2.2857em;
  padding: 0.2143em;
}
.header-sidebar-toggle button:focus:hover, .discourse-no-touch .header-sidebar-toggle button:hover {
  background-color: var(--primary-low);
}
.header-sidebar-toggle button .d-icon {
  width: 100%;
  font-size: var(--font-up-4);
  line-height: var(--line-height-large);
  display: inline-block;
  color: var(--header_primary-low-mid);
}

.extra-info-wrapper {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: var(--line-height-medium);
  padding: 0 1.5em 0 0.5em;
  overflow: hidden;
}
.extra-info-wrapper .extra-info {
  overflow: hidden;
  width: 100%;
  animation: fadein 0.5s;
}
@media (prefers-reduced-motion) {
  .extra-info-wrapper .extra-info {
    animation-duration: 0s;
  }
}
.extra-info-wrapper .title-wrapper {
  display: grid;
  grid-template-areas: "title title" "categories extra";
  grid-template-columns: auto minmax(2em, 1fr);
  align-items: baseline;
  gap: 0 0.5em;
}
.extra-info-wrapper .title-wrapper .header-title {
  grid-area: title;
}
.extra-info-wrapper .title-wrapper .categories-wrapper {
  grid-area: categories;
}
.extra-info-wrapper .title-wrapper .topic-header-extra {
  grid-area: extra;
}
.archetype-private_message .extra-info-wrapper .title-wrapper .topic-header-extra {
  grid-area: categories;
}
.extra-info-wrapper .topic-link {
  color: var(--header_primary);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.extra-info-wrapper .topic-statuses .d-icon {
  color: var(--header_primary-medium);
}
.extra-info-wrapper .topic-statuses .d-icon-envelope {
  color: var(--danger);
}
.extra-info-wrapper .header-title {
  padding: 0;
  margin: 0;
  font-size: var(--font-up-3);
  width: 100%;
}
.extra-info-wrapper .categories-wrapper {
  display: inline-flex;
  flex: 0 1 auto;
  gap: 0 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.extra-info-wrapper .badge-category__wrapper {
  min-width: 2.75em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.extra-info-wrapper .badge-category__wrapper .badge-category {
  color: var(--header_primary-high);
}
.extra-info-wrapper .topic-header-extra {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  gap: 0.5em;
}
.extra-info-wrapper .topic-header-extra .discourse-tags {
  display: inline;
  color: var(--header_primary-high);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.extra-info-wrapper .topic-header-extra .discourse-tags .discourse-tag {
  display: inline;
  vertical-align: unset;
}
.extra-info-wrapper .topic-header-extra .topic-featured-link {
  align-self: baseline;
}
.extra-info-wrapper .topic-header-extra .topic-featured-link .d-icon {
  font-size: var(--font-down-2);
}

.topic-header-participants {
  display: flex;
  align-items: center;
  font-size: var(--font-down-1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-header-participants:not(:first-child) {
  margin-left: 5px;
}
.topic-header-participants .trigger-user-card:not(:last-of-type),
.topic-header-participants .trigger-group-card:not(:last-of-type) {
  margin-right: 5px;
}
.topic-header-participants .trigger-user-card .icon {
  height: 1.641em;
  display: inline-block;
}
.mobile-view .topic-header-participants .trigger-user-card .icon {
  height: 1.532em;
}
.topic-header-participants .trigger-user-card .icon img {
  height: 100%;
  width: auto;
}
.topic-header-participants .trigger-group-card {
  padding: 0 5px;
  border: 1px solid var(--primary-low);
  border-radius: 0.25em;
  min-width: 3em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-header-participants .trigger-group-card .icon {
  display: flex;
  align-items: center;
  height: 1.641em;
  color: var(--primary-high);
}
.mobile-view .topic-header-participants .trigger-group-card .icon {
  height: 1.532em;
}
.topic-header-participants .trigger-group-card .icon .d-icon {
  margin-right: 5px;
}
.topic-header-participants .trigger-group-card span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.topic-header-participants .more-participants {
  color: var(--header_primary-high);
  margin-left: 5px;
}

.d-header-mode .bootstrap-mode {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
  margin-left: 1em;
  padding: 0.15em 0.5em;
}
.d-header-mode .bootstrap-mode:focus {
  background-color: var(--primary-medium);
  color: var(--secondary);
}
.d-header-mode .fk-d-button-tooltip .fk-d-tooltip__trigger {
  color: var(--header_primary-high);
  background: transparent;
}

#additional-panel-wrapper {
  position: absolute;
  top: 100%;
  right: -10px;
  max-height: 80vh;
  border-radius: var(--d-border-radius-large);
  overflow: auto;
}

.modal.history-modal .d-modal__footer {
  justify-content: space-between;
}
.modal.history-modal #revision-numbers {
  display: inline-block;
  min-width: 7em;
  text-align: center;
}
.modal.history-modal #revision {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5em 0;
  align-items: center;
  padding-bottom: 0.5em;
  overflow: auto;
  border-bottom: 3px solid var(--primary-low);
}
@media screen and (max-width: 768px) {
  .modal.history-modal #revision {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 450px) {
  .modal.history-modal #revision {
    padding-bottom: 0.5em;
  }
}
.modal.history-modal #revision-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.modal.history-modal #display-modes .nav {
  margin: 0;
  padding: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .modal.history-modal #display-modes {
    width: 100%;
    margin-top: 0.5em;
  }
  .modal.history-modal #display-modes .nav-pills {
    width: 100%;
  }
  .modal.history-modal #display-modes .nav-pills li {
    margin: 0;
    flex: 1 1 auto;
  }
  .modal.history-modal #display-modes .nav-pills a {
    width: 100%;
    justify-content: center;
  }
}
.modal.history-modal .revision-details__user {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.modal.history-modal .revision__title,
.modal.history-modal .body-diff,
.modal.history-modal table.markdown > tbody > tr,
.modal.history-modal .-tag-revisions {
  --gap-width: 1rem;
  display: flex;
  gap: 0 var(--gap-width);
}
.mobile-view .modal.history-modal .-tag-revisions {
  display: block;
}
.mobile-view .modal.history-modal .discourse-tags {
  display: inline;
  font-size: var(--font-down-1);
}
.modal.history-modal .inline-diff {
  width: 100%;
  max-width: var(--modal-max-width);
}
.modal.history-modal pre {
  display: flex;
}
.modal.history-modal pre code {
  word-wrap: anywhere;
  min-width: 0;
  overflow: auto;
  flex: 0 1 auto;
}
.modal.history-modal .revision__title {
  margin: 0;
  line-height: var(--line-height-medium);
}
.modal.history-modal:not(.--mode-inline) .-tag-revisions span {
  flex: 0 1 50%;
  min-width: 0;
  align-self: start;
}
.modal.history-modal .revision-content {
  flex: 0 1 50%;
  min-width: 0;
}
.modal.history-modal .markdown {
  font-family: var(--d-font-family--monospace);
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.modal.history-modal .markdown td {
  word-wrap: anywhere;
  white-space: pre-wrap;
  flex: 0 1 50%;
}
.modal.history-modal .markdown tbody {
  border: none;
}
.modal.history-modal #revision-controls {
  display: flex;
  align-items: center;
}
.modal.history-modal #revision-controls .btn, .modal.history-modal #revision-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .modal.history-modal #revision-controls button, .modal.history-modal #revision-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .modal.history-modal #revision-controls .json-editor-btn-add {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .modal.history-modal #revision-controls {
    width: 100%;
    justify-content: space-between;
  }
}
.modal.history-modal [class^=revision-controls--] {
  display: flex;
  gap: 0 1em;
}
.modal.history-modal #revisions {
  word-wrap: break-word;
}
.modal.history-modal #revisions table {
  margin-top: 10px;
}
.modal.history-modal #revisions table tr {
  border: none;
}
.modal.history-modal #revisions .row:first-of-type {
  margin-top: 10px;
}
.modal.history-modal #revisions .revision-content table thead th {
  padding-bottom: 2px;
  font-weight: bold;
  color: var(--primary);
}
.modal.history-modal #revisions .revision-content table td {
  padding: 3px 3px 3px 0.5em;
}
.modal.history-modal #revisions .revision-content table td img {
  max-width: none;
}
.modal.history-modal #revision-footer-buttons {
  display: flex;
  gap: 0.5em;
}
.modal.history-modal #revision-footer-buttons button {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.modal.history-modal #revision-footer-buttons button .d-button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .modal.history-modal #revision-footer-buttons {
    width: 100%;
    flex: 1 1 100%;
  }
  .modal.history-modal #revision-footer-buttons button {
    font-size: var(--font-down-1);
  }
}
.modal.history-modal img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}
.modal.history-modal ins,
.modal.history-modal .diff-ins,
.modal.history-modal del,
.modal.history-modal .diff-del {
  color: var(--primary);
}
.modal.history-modal ins:not(s, .bbcode-u, .bbcode-s),
.modal.history-modal .diff-ins:not(s, .bbcode-u, .bbcode-s),
.modal.history-modal del:not(s, .bbcode-u, .bbcode-s),
.modal.history-modal .diff-del:not(s, .bbcode-u, .bbcode-s) {
  text-decoration: none;
}
.modal.history-modal ins code,
.modal.history-modal ins img,
.modal.history-modal .diff-ins code,
.modal.history-modal .diff-ins img,
.modal.history-modal del code,
.modal.history-modal del img,
.modal.history-modal .diff-del code,
.modal.history-modal .diff-del img {
  border: 2px solid;
}
.modal.history-modal ins a,
.modal.history-modal .diff-ins a,
.modal.history-modal del a,
.modal.history-modal .diff-del a {
  text-decoration: none;
}
.modal.history-modal ins,
.modal.history-modal .diff-ins {
  background: var(--success-low);
}
.modal.history-modal ins code,
.modal.history-modal ins img,
.modal.history-modal .diff-ins code,
.modal.history-modal .diff-ins img {
  border-color: var(--success);
}
.modal.history-modal ins img,
.modal.history-modal .diff-ins img {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.modal.history-modal ins a,
.modal.history-modal .diff-ins a {
  color: var(--success);
}
.modal.history-modal del,
.modal.history-modal .diff-del {
  background: var(--danger-low);
}
.modal.history-modal del code,
.modal.history-modal del img,
.modal.history-modal .diff-del code,
.modal.history-modal .diff-del img {
  border-color: var(--danger);
}
.modal.history-modal del img,
.modal.history-modal .diff-del img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal.history-modal del a,
.modal.history-modal .diff-del a {
  color: var(--danger);
}
.modal.history-modal span.date {
  font-weight: bold;
}
.modal.history-modal span.edit-reason {
  background-color: var(--highlight-bg);
}
.modal.history-modal .d-icon-ban {
  color: var(--danger);
}
.modal.history-modal .hidden-revision-either {
  opacity: 0.5;
}
.modal.history-modal .hidden-revision-previous .row div:nth-of-type(1),
.modal.history-modal .hidden-revision-previous .row td:nth-of-type(1) {
  opacity: 0.5;
}
.modal.history-modal .hidden-revision-current .row div:nth-of-type(2),
.modal.history-modal .hidden-revision-current .row td:nth-of-type(2) {
  opacity: 0.5;
}

.d-modal.json-schema-editor-modal {
  --modal-max-width: 95vw;
  --modal-width: unset;
  --space-1: 0.25em;
  --space-2: calc(0.25em * 2);
  --space-3: calc(0.25em * 3);
  --space-4: calc(0.25em * 4);
  --space-5: calc(0.25em * 5);
  --space-6: calc(0.25em * 6);
}
.d-modal.json-schema-editor-modal .d-modal__container {
  width: unset;
}
.d-modal.json-schema-editor-modal .je-ready .je-object__container {
  padding: 0;
  border: none;
  margin-bottom: var(--space-4);
}
.d-modal.json-schema-editor-modal .je-ready .je-object__container > span:not(.je-object__controls) {
  display: flex;
  padding: var(--space-1) 0 var(--space-4) var(--space-6);
}
.d-modal.json-schema-editor-modal .je-ready .je-object__container > span:not(.je-object__controls) .json-editor-btn-delete {
  order: 2;
  margin-left: auto;
  margin-right: 0;
}
.d-modal.json-schema-editor-modal .je-ready .je-object__controls {
  margin: 0;
}
.d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add {
  gap: var(--space-1);
}
.d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add span {
  display: inline;
}
.d-modal.json-schema-editor-modal .je-ready button span {
  display: none;
}
.d-modal.json-schema-editor-modal .je-ready [class*=json-editor-btn] {
  margin-right: var(--space-2);
}
.d-modal.json-schema-editor-modal .je-ready select {
  appearance: none;
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--primary);
  background-color: var(--secondary);
  border: 1px solid var(--primary-400);
  border-radius: var(--d-input-border-radius);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' height='.75em' viewBox='0 0 448 512'%3E%3Cpath d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 98%;
}
.d-modal.json-schema-editor-modal .je-ready select:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.d-modal.json-schema-editor-modal .je-ready select,
.d-modal.json-schema-editor-modal .je-ready input {
  width: 100%;
  margin: 0;
}
.d-modal.json-schema-editor-modal .je-ready .row:not(:first-child) .form-control {
  margin: var(--space-4) 0;
}
.d-modal.json-schema-editor-modal .je-ready .form-control p {
  color: var(--primary-medium);
  margin-top: var(--space-1);
  font-size: var(--font-down-1);
}
.d-modal.json-schema-editor-modal .je-ready h3 {
  display: flex;
  align-items: center;
  margin: 0;
}
.d-modal.json-schema-editor-modal .je-ready h3 button.json-editor-btn-collapse.json-editor-btntype-toggle {
  background: transparent;
  margin: 0 0 0 calc(var(--space-2) * -1);
  padding: var(--space-1) var(--space-2);
  font-size: var(--font-down-2);
}
.d-modal.json-schema-editor-modal .je-ready h3 button.json-editor-btn-collapse.json-editor-btntype-toggle .d-icon {
  color: var(--primary-medium);
}
.d-modal.json-schema-editor-modal .je-ready h3 label {
  margin: 0 0 0 0.1em;
  font-weight: normal;
  font-size: var(--font-up-1);
  color: var(--primary);
}
.d-modal.json-schema-editor-modal .je-ready .je-indented-panel {
  margin: 0;
  padding: var(--space-4) 0 0 var(--space-6);
  border-left: none;
}
.d-modal.json-schema-editor-modal .je-ready [data-schemaid=root] {
  position: relative;
}
.d-modal.json-schema-editor-modal .je-ready [data-schemaid=root] > .je-header label,
.d-modal.json-schema-editor-modal .je-ready [data-schemaid=root] > .je-header .json-editor-btn-collapse {
  display: none;
}
.d-modal.json-schema-editor-modal .je-ready [data-schemaid=root] > .je-header button {
  position: absolute;
  right: 0;
  margin-right: 0;
  font-size: var(--font-down-1);
  z-index: 2;
}
.d-modal.json-schema-editor-modal .je-ready [data-schemaid=root] > .je-indented-panel {
  margin: 0;
  padding: 0;
  border: none;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--top {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  gap: 0 var(--space-3);
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: var(--space-1);
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--top .je-tab--top {
  border: none;
  padding: 0;
  color: var(--primary);
  background: var(--secondary) !important;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear {
  padding-top: var(--space-3);
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear .je-object__title {
  display: none;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear .je-object__container > span:not(.je-object__controls) {
  padding: 0;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear h3 label {
  margin: 0;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear .je-indented-panel--top {
  margin: 0;
  padding: 0;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear .json-editor-btn-collapse {
  display: none;
}
.d-modal.json-schema-editor-modal .je-ready .je-tabholder--clear .je-indented-panel {
  padding-left: 0;
}
.d-modal.json-schema-editor-modal .je-ready table {
  width: 100%;
  margin-bottom: 1em;
}
.d-modal.json-schema-editor-modal .je-ready table td:not(:first-child, :last-child),
.d-modal.json-schema-editor-modal .je-ready table th:not(:first-child, :last-child) {
  padding: var(--space-2);
}
.d-modal.json-schema-editor-modal .je-ready table td:first-child, .d-modal.json-schema-editor-modal .je-ready table td:last-child,
.d-modal.json-schema-editor-modal .je-ready table th:first-child,
.d-modal.json-schema-editor-modal .je-ready table th:last-child {
  padding: var(--space-2) 0;
}
.d-modal.json-schema-editor-modal .je-ready table td {
  vertical-align: top;
}
.d-modal.json-schema-editor-modal .je-ready table td select {
  background-position: center right var(--space-2);
  padding-right: var(--space-6);
}
.d-modal.json-schema-editor-modal .je-ready table td:last-child span {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.d-modal.json-schema-editor-modal .je-ready table td:last-child span button {
  margin: 0;
}
.d-modal.json-schema-editor-modal .je-ready table td:last-child span .delete {
  order: 2;
}
.d-modal.json-schema-editor-modal .je-ready div[data-schematype=boolean] label {
  display: flex;
  align-items: center;
}
.d-modal.json-schema-editor-modal .je-ready div[data-schematype=boolean] label input[type=checkbox] {
  margin-right: var(--space-1);
}
.d-modal.json-schema-editor-modal .je-ready select option {
  color: var(--primary);
  background: var(--secondary);
}

.lightbox-wrapper .lightbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.lightbox-wrapper .lightbox:hover .meta {
  opacity: 0.9;
  transition: opacity 0.5s;
}

.d-lazyload-hidden {
  box-sizing: border-box;
}

.onebox img.d-lazyload-hidden:not(.ytp-thumbnail-image) {
  border: 1px solid var(--primary-low);
}

.cooked img.d-lazyload:not(.animated) {
  transition: opacity 0.4s 0.75s ease;
}

.lightbox-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.lightbox-wrapper img {
  object-fit: cover;
  object-position: top;
}
.lightbox-wrapper,
.lightbox-wrapper * {
  outline: 0;
}

.meta {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: var(--secondary);
  background: var(--primary);
  opacity: 0;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
}
.meta .filename {
  margin: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.meta .d-icon {
  margin: 6px;
  opacity: 0.8;
  color: var(--secondary);
}
.meta .d-icon + .filename {
  margin-left: 0;
}
.meta .informations {
  margin: 6px;
  padding-right: 20px;
  color: var(--secondary-high);
  font-size: var(--font-0);
  flex-shrink: 0;
  flex-grow: 3;
}

.mfp-preloader .spinner {
  margin: auto;
}

.discourse-no-touch a.lightbox {
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.discourse-no-touch a.lightbox:hover {
  box-shadow: 0 2px 5px 0 rgba(var(--always-black-rgb), 0.2), 0 2px 10px 0 rgba(var(--always-black-rgb), 0.2);
}

body.invite-page {
  font-family: system-ui, Arial, sans-serif;
}
body.invite-page #main-outlet-wrapper {
  padding: 0;
}

.invites-show #modal-alert,
.admin-invite-page #modal-alert {
  box-sizing: border-box;
  display: inline-block;
  padding: 1em 3.5em 1em 1em;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  min-height: 35px;
}
.invites-show #modal-alert:empty,
.admin-invite-page #modal-alert:empty {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  display: inline;
}

#login-link,
#new-account-link {
  cursor: pointer;
  text-align: left;
}

.password-reset-page .change-password-form {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: 400px;
}
.password-reset-page .change-password-form input {
  padding: 0.75em 0.77em;
  min-width: 250px;
  margin-bottom: 0.25em;
  width: 100%;
}
.password-reset-page .change-password-form .input {
  position: relative;
  margin-bottom: 1em;
}
.password-reset-page .change-password-form .tip {
  display: block;
}

.signup-fullpage .input-group input[type=password] {
  padding-right: 3em;
}

.toggle-password-mask {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.75em 0.77em;
}
.ios-device .toggle-password-mask {
  padding: 0.7em;
  font-size: var(--font-0);
}

.auth-message {
  padding: 0 15px 15px 15px;
}
.auth-message:empty {
  padding: 0;
}

#security-key {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#security-key p {
  margin: 0;
  font-size: var(--font-0);
}
#security-key a {
  display: inline-block;
  padding: 1em 0.5em 1em 0;
  color: var(--tertiary);
}
#security-key button {
  margin-right: 1em;
}

.email-login {
  border-radius: 10px;
  background-color: var(--secondary);
  padding: 20px;
  margin: 0 auto;
}
.email-login .content-wrapper {
  padding: 1em 2.5em 1em 2.5em;
}
.email-login .content-wrapper .image-wrapper {
  text-align: center;
  padding-bottom: 1em;
}
.email-login .content-wrapper .image-wrapper img {
  max-width: 200px;
}
.email-login .content-wrapper .email-login-form {
  text-align: center;
}
.email-login .content-wrapper .email-login-form .btn-primary {
  margin-top: 10px;
}
.email-login .content-wrapper .email-login-form #security-key {
  justify-content: center;
}

.login-fullpage,
.signup-fullpage {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

body.login-page .powered-by-discourse,
body.login-page .above-main-container-outlet,
body.login-page .before-header-panel-outlet,
body.login-page .below-site-header-outlet,
body.signup-page .powered-by-discourse,
body.signup-page .above-main-container-outlet,
body.signup-page .before-header-panel-outlet,
body.signup-page .below-site-header-outlet,
body.invite-page .powered-by-discourse,
body.invite-page .above-main-container-outlet,
body.invite-page .before-header-panel-outlet,
body.invite-page .below-site-header-outlet,
body.password-reset-page .powered-by-discourse,
body.password-reset-page .above-main-container-outlet,
body.password-reset-page .before-header-panel-outlet,
body.password-reset-page .below-site-header-outlet,
body.activate-account-page .powered-by-discourse,
body.activate-account-page .above-main-container-outlet,
body.activate-account-page .before-header-panel-outlet,
body.activate-account-page .below-site-header-outlet {
  display: none;
}
body.login-page #main-outlet,
body.signup-page #main-outlet,
body.invite-page #main-outlet,
body.password-reset-page #main-outlet,
body.activate-account-page #main-outlet {
  padding: 0;
}
body.login-page .d-header,
body.signup-page .d-header,
body.invite-page .d-header,
body.password-reset-page .d-header,
body.activate-account-page .d-header {
  box-shadow: none;
  border: none;
  background-color: var(--secondary);
}
body.login-page .d-header .home-logo-wrapper-outlet,
body.signup-page .d-header .home-logo-wrapper-outlet,
body.invite-page .d-header .home-logo-wrapper-outlet,
body.password-reset-page .d-header .home-logo-wrapper-outlet,
body.activate-account-page .d-header .home-logo-wrapper-outlet {
  width: 100%;
}
body.login-page .d-header .title a,
body.signup-page .d-header .title a,
body.invite-page .d-header .title a,
body.password-reset-page .d-header .title a,
body.activate-account-page .d-header .title a {
  margin: 0 auto;
}

body.login-page,
body.signup-page {
  background-color: var(--secondary);
}

.login-fullpage .signup-body,
.login-fullpage .login-body,
.signup-fullpage .signup-body,
.signup-fullpage .login-body,
.invites-show .signup-body,
.invites-show .login-body,
.password-reset-page .signup-body,
.password-reset-page .login-body {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}
.login-fullpage .alert,
.signup-fullpage .alert,
.invites-show .alert,
.password-reset-page .alert {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  margin: 0;
}
.login-fullpage .login-page-cta,
.login-fullpage .signup-page-cta,
.signup-fullpage .login-page-cta,
.signup-fullpage .signup-page-cta,
.invites-show .login-page-cta,
.invites-show .signup-page-cta,
.password-reset-page .login-page-cta,
.password-reset-page .signup-page-cta {
  display: flex;
  flex-direction: column;
}
.login-fullpage .login-page-cta__existing-account, .login-fullpage .login-page-cta__no-account-yet,
.login-fullpage .signup-page-cta__existing-account,
.login-fullpage .signup-page-cta__no-account-yet,
.signup-fullpage .login-page-cta__existing-account,
.signup-fullpage .login-page-cta__no-account-yet,
.signup-fullpage .signup-page-cta__existing-account,
.signup-fullpage .signup-page-cta__no-account-yet,
.invites-show .login-page-cta__existing-account,
.invites-show .login-page-cta__no-account-yet,
.invites-show .signup-page-cta__existing-account,
.invites-show .signup-page-cta__no-account-yet,
.password-reset-page .login-page-cta__existing-account,
.password-reset-page .login-page-cta__no-account-yet,
.password-reset-page .signup-page-cta__existing-account,
.password-reset-page .signup-page-cta__no-account-yet {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.login-fullpage .login-page-cta__disclaimer,
.login-fullpage .signup-page-cta__disclaimer,
.signup-fullpage .login-page-cta__disclaimer,
.signup-fullpage .signup-page-cta__disclaimer,
.invites-show .login-page-cta__disclaimer,
.invites-show .signup-page-cta__disclaimer,
.password-reset-page .login-page-cta__disclaimer,
.password-reset-page .signup-page-cta__disclaimer {
  color: var(--primary-medium);
  margin-bottom: 1rem;
}
.login-fullpage .login-left-side,
.signup-fullpage .login-left-side,
.invites-show .login-left-side,
.password-reset-page .login-left-side {
  box-sizing: border-box;
  padding: 3rem;
  overflow: auto;
  width: 100%;
  max-width: 500px;
}
.login-fullpage .login-right-side,
.signup-fullpage .login-right-side,
.invites-show .login-right-side,
.password-reset-page .login-right-side {
  padding: 3rem;
  position: relative;
}
.login-fullpage .login-right-side::before,
.signup-fullpage .login-right-side::before,
.invites-show .login-right-side::before,
.password-reset-page .login-right-side::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 80%;
  transform: translateY(-50%);
  background-color: var(--primary-low);
}
.login-fullpage .input-group,
.signup-fullpage .input-group,
.invites-show .input-group,
.password-reset-page .input-group {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.login-fullpage .input-group input,
.login-fullpage .input-group .select-kit-header,
.signup-fullpage .input-group input,
.signup-fullpage .input-group .select-kit-header,
.invites-show .input-group input,
.invites-show .input-group .select-kit-header,
.password-reset-page .input-group input,
.password-reset-page .input-group .select-kit-header {
  padding: 0.75em 0.77em;
  min-width: 250px;
  margin-bottom: 0.25em;
  width: 100%;
}
.login-fullpage .input-group input:focus,
.signup-fullpage .input-group input:focus,
.invites-show .input-group input:focus,
.password-reset-page .input-group input:focus {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.login-fullpage .input-group input:disabled,
.signup-fullpage .input-group input:disabled,
.invites-show .input-group input:disabled,
.password-reset-page .input-group input:disabled {
  background-color: var(--primary-low);
}
.login-fullpage .input-group span.more-info,
.signup-fullpage .input-group span.more-info,
.invites-show .input-group span.more-info,
.password-reset-page .input-group span.more-info {
  color: var(--primary-medium);
  min-height: 1.4em;
  overflow-wrap: anywhere;
}
.login-fullpage .input-group label.alt-placeholder,
.login-fullpage .input-group .user-field.text label.control-label,
.login-fullpage .input-group .user-field.dropdown label.control-label,
.login-fullpage .input-group .user-field.multiselect label.control-label,
.signup-fullpage .input-group label.alt-placeholder,
.signup-fullpage .input-group .user-field.text label.control-label,
.signup-fullpage .input-group .user-field.dropdown label.control-label,
.signup-fullpage .input-group .user-field.multiselect label.control-label,
.invites-show .input-group label.alt-placeholder,
.invites-show .input-group .user-field.text label.control-label,
.invites-show .input-group .user-field.dropdown label.control-label,
.invites-show .input-group .user-field.multiselect label.control-label,
.password-reset-page .input-group label.alt-placeholder,
.password-reset-page .input-group .user-field.text label.control-label,
.password-reset-page .input-group .user-field.dropdown label.control-label,
.password-reset-page .input-group .user-field.multiselect label.control-label {
  color: var(--primary-medium);
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 1em;
  top: 13px;
  box-shadow: 0 0 0 0 rgba(var(--tertiary-rgb), 0);
  transition: 0.2s ease all;
}
.login-fullpage .input-group .user-field.text label.control-label,
.login-fullpage .input-group .user-field.dropdown label.control-label,
.login-fullpage .input-group .user-field.multiselect label.control-label,
.signup-fullpage .input-group .user-field.text label.control-label,
.signup-fullpage .input-group .user-field.dropdown label.control-label,
.signup-fullpage .input-group .user-field.multiselect label.control-label,
.invites-show .input-group .user-field.text label.control-label,
.invites-show .input-group .user-field.dropdown label.control-label,
.invites-show .input-group .user-field.multiselect label.control-label,
.password-reset-page .input-group .user-field.text label.control-label,
.password-reset-page .input-group .user-field.dropdown label.control-label,
.password-reset-page .input-group .user-field.multiselect label.control-label {
  z-index: 999;
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: var(--font-down-1);
}
.login-fullpage .input-group .user-field.text label.control-label,
.signup-fullpage .input-group .user-field.text label.control-label,
.invites-show .input-group .user-field.text label.control-label,
.password-reset-page .input-group .user-field.text label.control-label {
  top: 13px;
}
.login-fullpage .input-group .user-field.text:focus-within,
.login-fullpage .input-group .user-field.dropdown:focus-within,
.login-fullpage .input-group .user-field.multiselect:focus-within,
.signup-fullpage .input-group .user-field.text:focus-within,
.signup-fullpage .input-group .user-field.dropdown:focus-within,
.signup-fullpage .input-group .user-field.multiselect:focus-within,
.invites-show .input-group .user-field.text:focus-within,
.invites-show .input-group .user-field.dropdown:focus-within,
.invites-show .input-group .user-field.multiselect:focus-within,
.password-reset-page .input-group .user-field.text:focus-within,
.password-reset-page .input-group .user-field.dropdown:focus-within,
.password-reset-page .input-group .user-field.multiselect:focus-within {
  z-index: 1000;
}
.login-fullpage .input-group input:focus + label.alt-placeholder,
.login-fullpage .input-group input.value-entered + label.alt-placeholder,
.signup-fullpage .input-group input:focus + label.alt-placeholder,
.signup-fullpage .input-group input.value-entered + label.alt-placeholder,
.invites-show .input-group input:focus + label.alt-placeholder,
.invites-show .input-group input.value-entered + label.alt-placeholder,
.password-reset-page .input-group input:focus + label.alt-placeholder,
.password-reset-page .input-group input.value-entered + label.alt-placeholder {
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: var(--font-down-1);
}
.login-fullpage .input-group input.alt-placeholder:invalid,
.signup-fullpage .input-group input.alt-placeholder:invalid,
.invites-show .input-group input.alt-placeholder:invalid,
.password-reset-page .input-group input.alt-placeholder:invalid {
  color: var(--primary);
}
.login-fullpage .input-group .user-field.dropdown .more-info,
.login-fullpage .input-group .user-field.dropdown .instructions,
.login-fullpage .input-group .user-field.multiselect .more-info,
.login-fullpage .input-group .user-field.multiselect .instructions,
.signup-fullpage .input-group .user-field.dropdown .more-info,
.signup-fullpage .input-group .user-field.dropdown .instructions,
.signup-fullpage .input-group .user-field.multiselect .more-info,
.signup-fullpage .input-group .user-field.multiselect .instructions,
.invites-show .input-group .user-field.dropdown .more-info,
.invites-show .input-group .user-field.dropdown .instructions,
.invites-show .input-group .user-field.multiselect .more-info,
.invites-show .input-group .user-field.multiselect .instructions,
.password-reset-page .input-group .user-field.dropdown .more-info,
.password-reset-page .input-group .user-field.dropdown .instructions,
.password-reset-page .input-group .user-field.multiselect .more-info,
.password-reset-page .input-group .user-field.multiselect .instructions {
  opacity: 1;
}
.login-fullpage .input-group #email-login-link,
.signup-fullpage .input-group #email-login-link,
.invites-show .input-group #email-login-link,
.password-reset-page .input-group #email-login-link {
  transition: opacity 0.5s;
}
.login-fullpage .input-group #email-login-link.no-login-filled,
.signup-fullpage .input-group #email-login-link.no-login-filled,
.invites-show .input-group #email-login-link.no-login-filled,
.password-reset-page .input-group #email-login-link.no-login-filled {
  opacity: 0;
  visibility: hidden;
}
.login-fullpage .input-group #email-login-link,
.login-fullpage .input-group .login__password-links,
.signup-fullpage .input-group #email-login-link,
.signup-fullpage .input-group .login__password-links,
.invites-show .input-group #email-login-link,
.invites-show .input-group .login__password-links,
.password-reset-page .input-group #email-login-link,
.password-reset-page .input-group .login__password-links {
  font-size: var(--font-down-1);
  display: flex;
  justify-content: space-between;
}
.login-fullpage .input-group .tip:not(:empty) + label.more-info,
.signup-fullpage .input-group .tip:not(:empty) + label.more-info,
.invites-show .input-group .tip:not(:empty) + label.more-info,
.password-reset-page .input-group .tip:not(:empty) + label.more-info {
  display: none;
}
.login-fullpage #login-form,
.signup-fullpage #login-form,
.invites-show #login-form,
.password-reset-page #login-form {
  margin-block: 2em 1.2em;
  display: flex;
  flex-direction: column;
}
.login-fullpage #login-form .create-account-associate-link,
.signup-fullpage #login-form .create-account-associate-link,
.invites-show #login-form .create-account-associate-link,
.password-reset-page #login-form .create-account-associate-link {
  order: 1;
}
.login-fullpage #login-buttons,
.signup-fullpage #login-buttons,
.invites-show #login-buttons,
.password-reset-page #login-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  white-space: nowrap;
}
.login-fullpage #login-buttons .btn-social,
.signup-fullpage #login-buttons .btn-social,
.invites-show #login-buttons .btn-social,
.password-reset-page #login-buttons .btn-social {
  border: 1px solid var(--primary-low);
  padding: 0.75em 0.77em;
}
.login-fullpage .login-welcome-header,
.signup-fullpage .login-welcome-header,
.invites-show .login-welcome-header,
.password-reset-page .login-welcome-header {
  width: 100%;
}
.login-fullpage .btn-social-title,
.signup-fullpage .btn-social-title,
.invites-show .btn-social-title,
.password-reset-page .btn-social-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.login-fullpage .tip,
.signup-fullpage .tip,
.invites-show .tip,
.password-reset-page .tip {
  font-size: var(--font-down-1);
  min-height: 1.4em;
  display: block;
}
.login-fullpage .tip.bad,
.signup-fullpage .tip.bad,
.invites-show .tip.bad,
.password-reset-page .tip.bad {
  color: var(--danger);
}
.login-fullpage .toggle-password-mask span,
.signup-fullpage .toggle-password-mask span,
.invites-show .toggle-password-mask span,
.password-reset-page .toggle-password-mask span {
  font-size: var(--font-down-1-rem);
}
.login-fullpage .more-info,
.login-fullpage .instructions,
.signup-fullpage .more-info,
.signup-fullpage .instructions,
.invites-show .more-info,
.invites-show .instructions,
.password-reset-page .more-info,
.password-reset-page .instructions {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  overflow-wrap: anywhere;
}
.login-fullpage .caps-lock-warning,
.signup-fullpage .caps-lock-warning,
.invites-show .caps-lock-warning,
.password-reset-page .caps-lock-warning {
  color: var(--danger);
  font-size: var(--font-down-1);
}
.login-fullpage .create-account__password-info,
.signup-fullpage .create-account__password-info,
.invites-show .create-account__password-info,
.password-reset-page .create-account__password-info {
  display: flex;
  justify-content: space-between;
}
.login-fullpage .create-account__password-info .create-account__password-tip-validation,
.signup-fullpage .create-account__password-info .create-account__password-tip-validation,
.invites-show .create-account__password-info .create-account__password-tip-validation,
.password-reset-page .create-account__password-info .create-account__password-tip-validation {
  display: flex;
}
.login-fullpage .inline-spinner,
.signup-fullpage .inline-spinner,
.invites-show .inline-spinner,
.password-reset-page .inline-spinner {
  display: inline-flex;
}
.login-fullpage .invitation-cta,
.signup-fullpage .invitation-cta,
.invites-show .invitation-cta,
.password-reset-page .invitation-cta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.login-fullpage .invitation-cta__accept,
.signup-fullpage .invitation-cta__accept,
.invites-show .invitation-cta__accept,
.password-reset-page .invitation-cta__accept {
  width: 100%;
}
.login-fullpage .invitation-cta__info,
.signup-fullpage .invitation-cta__info,
.invites-show .invitation-cta__info,
.password-reset-page .invitation-cta__info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  line-height: 1rem;
  color: var(--primary-medium);
}
.login-fullpage .invitation-cta__sign-in,
.signup-fullpage .invitation-cta__sign-in,
.invites-show .invitation-cta__sign-in,
.password-reset-page .invitation-cta__sign-in {
  padding: 0;
  height: 100%;
  font-size: 1rem;
}

.login-fullpage #second-factor input {
  width: 100%;
  padding: 0.75em 0.5em;
  min-width: 250px;
  box-shadow: none;
}
.login-fullpage #second-factor input:focus {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}

.signup-fullpage .password-confirmation {
  display: none;
}
.signup-fullpage .user-fields .input-group .user-field.text.value-entered label.alt-placeholder.control-label,
.signup-fullpage .user-fields .input-group .user-field.text input:focus + label.alt-placeholder.control-label {
  top: -8px;
  left: 0.75em;
  background-color: var(--secondary);
  padding: 0 0.25em 0 0.25em;
  font-size: 14px;
  color: var(--primary-medium);
}
.signup-fullpage .user-fields .input-group .user-field.text label.alt-placeholder.control-label {
  color: var(--primary-medium);
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  top: 12px;
  transition: 0.2s ease all;
  max-width: calc(100% - 2em);
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.signup-fullpage .user-fields .input-group .user-field details:not(.has-selection) span.name,
.signup-fullpage .user-fields .input-group .user-field details:not(.has-selection) span.formatted-selection {
  color: var(--primary-medium);
}
.signup-fullpage .user-fields .input-group .user-field .select-kit-row span.name {
  color: var(--primary);
}
.signup-fullpage .user-fields .input-group .user-field .select-kit.combo-box.is-expanded summary {
  outline: none;
  border: 1px solid var(--tertiary);
  box-shadow: 0 0 0 2px rgba(var(--tertiary-rgb), 0.25);
}
.signup-fullpage .user-fields .input-group .user-field .controls .checkbox-label {
  display: flex;
  align-items: center;
}
.signup-fullpage .user-fields .input-group .user-field .controls .checkbox-label input[type=checkbox].ember-checkbox {
  width: 1em !important;
  min-width: unset;
  margin-block: 0;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  overflow: hidden;
  position: fixed;
  background: #000;
  animation: fade 0.3s alternate;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1501;
  position: fixed;
  outline: 0 !important;
  backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: var(--line-height-large);
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: var(--font-up-5);
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  outline: 0;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: var(--font-down-1);
  line-height: var(--line-height-medium);
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  top: 50%;
  margin: -55px 0 0;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  outline: 0;
  opacity: 1;
}
.mfp-arrow::before, .mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow::after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow::before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left::after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left::before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right::before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure::after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: linear-gradient(45deg, #111 0%, #333 100%);
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: var(--font-down-1);
  line-height: var(--line-height-medium);
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: var(--line-height-medium);
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
  max-width: 100%;
}
.mfp-title a.image-source-link .d-icon {
  padding-right: 5px;
}
.mfp-title a {
  color: var(--tertiary-medium);
}

.mfp-ready .mfp-content {
  min-width: 300px;
}

.mfp-title,
.mfp-title .image-source-link {
  display: inline-block;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media all and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }
  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: var(--line-height-large);
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-content {
  opacity: 0;
  transform: scale(0.8);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .mfp-zoom-in .mfp-content {
    transition: all 0.2s;
  }
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.7;
}
.mfp-zoom-in.mfp-removing .mfp-content {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-force-scrollbars.mfp-wrap {
  overflow-y: auto !important;
  overflow-x: auto !important;
}
.mfp-force-scrollbars .mfp-figure {
  overflow: auto;
}
.mfp-force-scrollbars .mfp-img {
  max-width: none;
}

.menu-panel.slide-in {
  position: fixed;
  right: 0;
  box-shadow: var(--shadow-header);
}
.menu-panel.slide-in .panel-body {
  width: 100%;
}

.header-cloak {
  display: none;
}

.menu-panel.drop-down {
  position: absolute;
  top: 100%;
  right: -10px;
  max-height: calc(100dvh - var(--header-offset) - 1em);
  border-radius: var(--d-border-radius-large);
}

.menu-panel {
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-menu-panel);
  background-color: var(--secondary);
  z-index: 1000;
  padding: 0.5em;
  width: 320px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.menu-panel hr {
  margin: 3px 0;
}
.menu-panel .panel-header {
  position: absolute;
  right: 20px;
}
.menu-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-panel .panel-body {
  display: flex;
  touch-action: pan-y pinch-zoom;
  overflow: hidden;
  height: 100%;
}
.menu-panel .panel-body-contents {
  max-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.menu-panel .panel-body-bottom {
  display: flex;
  flex: 1 0 0%;
  margin-top: 0.5em;
  flex-wrap: wrap;
}
.menu-panel .panel-body-bottom .show-all {
  display: flex;
  flex: 1 1 auto;
}
.menu-panel .panel-body-bottom .show-all button {
  width: 100%;
}
.menu-panel .panel-body-bottom .notifications-dismiss {
  margin-left: 0.5em;
}
.menu-panel .panel-body-bottom .btn, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom .json-editor-btn-add, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom button {
  background-color: var(--primary-very-low);
  color: var(--primary-high);
}
.menu-panel .panel-body-bottom .btn:hover, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom .json-editor-btn-add:hover, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom button:hover, .menu-panel .panel-body-bottom .btn:focus-visible, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus-visible, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom .json-editor-btn-add:focus-visible, .menu-panel .panel-body-bottom .d-modal.json-schema-editor-modal .je-ready button:focus-visible, .d-modal.json-schema-editor-modal .je-ready .menu-panel .panel-body-bottom button:focus-visible {
  background: var(--primary-low);
  color: var(--primary);
}
.menu-panel .badge-notification {
  vertical-align: text-bottom;
}
.menu-panel .sidebar-filter {
  width: 100%;
}

.search-menu .menu-panel {
  width: 500px;
}

.user-menu.revamped {
  right: 0;
  width: 320px;
  padding: 0;
  border-top-right-radius: 0;
}
.user-menu.revamped .panel-body-bottom {
  flex: 0;
}
.user-menu.revamped .menu-tabs-container {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--primary-low);
  padding: 0.75em 0 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.user-menu.revamped .tabs-list {
  display: flex;
  flex-direction: column;
}
.user-menu.revamped .tabs-list .btn, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button {
  display: flex;
  position: relative;
  border-radius: 0;
  padding: 0.857em;
}
@media screen and (max-height: 400px) {
  .user-menu.revamped .tabs-list .btn, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button {
    font-size: var(--font-down-1);
    padding: 0.5em 0.875em;
  }
}
.user-menu.revamped .tabs-list .btn .d-icon, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add .d-icon, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button .d-icon {
  color: var(--primary-medium);
}
.user-menu.revamped .tabs-list .btn .badge-notification, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .badge-notification, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add .badge-notification, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button .badge-notification, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button .badge-notification {
  background-color: var(--tertiary-med-or-tertiary);
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: var(--font-down-3);
}
@media screen and (max-height: 400px) {
  .user-menu.revamped .tabs-list .btn .badge-notification, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .badge-notification, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add .badge-notification, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button .badge-notification, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button .badge-notification {
    right: 0;
    top: 0;
  }
}
.user-menu.revamped .tabs-list .btn.active, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .active.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .active.json-editor-btn-add, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button.active, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button.active {
  background-color: var(--d-selected);
}
.user-menu.revamped .tabs-list .btn:hover, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list .json-editor-btn-add:hover, .user-menu.revamped .tabs-list .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .user-menu.revamped .tabs-list button:hover {
  background-color: var(--d-hover);
}
.user-menu.revamped .bottom-tabs {
  border-top: 1px solid var(--primary-low);
}
.user-menu.revamped .panel-body-contents {
  display: flex;
  flex-direction: row-reverse;
}
.user-menu.revamped .quick-access-panel {
  width: 320px;
  padding: 0.75em;
  padding-bottom: max(env(safe-area-inset-bottom), 0.75em);
  justify-content: space-between;
  box-sizing: border-box;
  min-width: 0;
}
.user-menu.revamped #quick-access-profile {
  display: inline;
  max-height: 99%;
}
.user-menu.revamped #quick-access-profile ul {
  flex-wrap: nowrap;
  height: 100%;
  align-items: center;
  overflow-y: auto;
}
.user-menu.revamped #quick-access-profile li {
  flex: 1 1 auto;
  max-height: 3em;
}
.user-menu.revamped #quick-access-profile li > * {
  height: 100%;
  align-items: center;
  margin: 0;
  padding: 0 0.5em;
}
.user-menu.revamped #quick-access-profile li img.emoji {
  height: 1em;
  width: 1em;
  padding-top: 0.2em;
  margin-right: 0.5em;
}
.user-menu.revamped #quick-access-profile li .d-icon {
  padding-top: 0;
}
.user-menu.revamped #quick-access-profile li.enabled .d-icon {
  color: var(--tertiary);
}
.user-menu.revamped #quick-access-profile .set-user-status .emoji {
  padding-top: 0;
}
.user-menu.revamped #quick-access-profile .profile-tab-btn {
  justify-content: unset;
  line-height: var(--line-height-large);
  width: 100%;
}
.user-menu.revamped #quick-access-profile .profile-tab-btn .relative-date {
  font-size: var(--font-down-3);
  color: var(--primary-medium);
}
.user-menu.revamped #quick-access-profile .profile-tab-btn .d-icon {
  padding: 0;
}
.user-menu.revamped #quick-access-profile .do-not-disturb .d-icon-toggle-on {
  color: var(--tertiary);
}
.user-menu.revamped #quick-access-profile hr {
  border-top: 1px solid var(--primary-low);
  width: 100%;
}

.hamburger-panel .panel-body {
  overflow-y: auto;
}

.menu-links.columned li {
  width: 50%;
  float: left;
}

.menu-panel .widget-link,
.menu-panel .categories-link {
  padding: 0.25em 0.5em;
  display: block;
  color: var(--primary);
}
.menu-panel .widget-link:hover, .menu-panel .widget-link:focus,
.menu-panel .categories-link:hover,
.menu-panel .categories-link:focus {
  background-color: var(--d-hover);
  outline: none;
}
.menu-panel .widget-link .d-icon,
.menu-panel .categories-link .d-icon {
  color: var(--primary-medium);
}
.menu-panel .widget-link .new,
.menu-panel .categories-link .new {
  font-size: var(--font-down-1);
  margin-left: 0.5em;
  color: var(--primary-med-or-secondary-med);
}
.menu-panel .widget-link.show-help, .menu-panel .widget-link.filter,
.menu-panel .categories-link.show-help,
.menu-panel .categories-link.filter {
  color: var(--tertiary);
}
.menu-panel .search-link,
.menu-panel .categories-link {
  padding: 0.25em 0.5em;
  display: block;
  color: var(--primary);
}
.menu-panel .search-link:hover, .menu-panel .search-link:focus,
.menu-panel .categories-link:hover,
.menu-panel .categories-link:focus {
  background-color: var(--d-hover);
  outline: none;
}
.menu-panel .search-link .d-icon,
.menu-panel .categories-link .d-icon {
  color: var(--primary-medium);
}
.menu-panel .search-link .new,
.menu-panel .categories-link .new {
  font-size: var(--font-down-1);
  margin-left: 0.5em;
  color: var(--primary-med-or-secondary-med);
}
.menu-panel .search-link.show-help, .menu-panel .search-link.filter,
.menu-panel .categories-link.show-help,
.menu-panel .categories-link.filter {
  color: var(--tertiary);
}
.menu-panel li.category-link {
  float: left;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.5em;
  width: 50%;
  box-sizing: border-box;
}
.menu-panel li.category-link a {
  display: inline-flex;
}
.menu-panel li.category-link a:hover, .menu-panel li.category-link a:focus {
  background: transparent;
}
.menu-panel li.category-link a:hover .category-name, .menu-panel li.category-link a:focus .category-name {
  color: var(--primary);
}
.menu-panel li.category-link .badge-notification {
  color: var(--primary-med-or-secondary-med);
  background-color: transparent;
  display: inline;
  padding: 0;
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
}
.menu-panel b.topics-count {
  color: var(--primary-med-or-secondary-med);
  font-weight: normal;
  font-size: var(--font-down-1);
}
.menu-panel div.discourse-tags {
  font-size: var(--font-down-1);
}
.menu-panel .sidebar-panel-header__row {
  width: 100%;
}
.menu-panel .sidebar-sections__back-to-forum {
  color: var(--d-sidebar-link-color);
  display: flex;
  align-items: center;
}
.menu-panel .sidebar-sections__back-to-forum svg {
  margin-right: var(--d-sidebar-section-link-prefix-margin-right);
  height: 0.75em;
  width: 0.75em;
  color: var(--d-sidebar-link-icon-color);
}

.user-menu .quick-access-panel,
.user-notifications-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  border-top: 1px solid var(--primary-low);
  padding-top: 0.75em;
  margin-top: -1px;
  /* as a big ol' click target, don't let text inside be selected */
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.user-menu .quick-access-panel:focus,
.user-notifications-list:focus {
  outline: none;
}
.user-menu .quick-access-panel .double-user,
.user-menu .quick-access-panel .multi-user,
.user-notifications-list .double-user,
.user-notifications-list .multi-user {
  white-space: unset;
}
.user-menu .quick-access-panel .item-label,
.user-notifications-list .item-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary);
}
.user-menu .quick-access-panel h3,
.user-notifications-list h3 {
  padding: 0 0.4em;
  font-weight: bold;
  margin: 0.5em 0;
}
.user-menu .quick-access-panel .d-icon, .user-menu .quick-access-panel:hover .d-icon,
.user-notifications-list .d-icon,
.user-notifications-list:hover .d-icon {
  color: var(--primary-medium);
}
.user-menu .quick-access-panel .icon,
.user-notifications-list .icon {
  color: var(--primary-high);
}
.user-menu .quick-access-panel .btn-primary .d-icon,
.user-notifications-list .btn-primary .d-icon {
  color: var(--secondary);
}
.user-menu .quick-access-panel ul,
.user-notifications-list ul {
  display: flex;
  flex-flow: column wrap;
  overflow: hidden;
  max-height: 100%;
}
.user-menu .quick-access-panel li,
.user-notifications-list li {
  background-color: var(--secondary);
  box-sizing: border-box;
  list-style-type: none;
}
.user-menu .quick-access-panel li.unread, .user-menu .quick-access-panel li.pending,
.user-notifications-list li.unread,
.user-notifications-list li.pending {
  background-color: var(--tertiary-low);
}
.user-menu .quick-access-panel li:hover,
.user-notifications-list li:hover {
  background-color: var(--d-hover);
  outline: none;
}
.user-menu .quick-access-panel li:focus-within,
.user-notifications-list li:focus-within {
  background: var(--d-hover);
}
.user-menu .quick-access-panel li:focus-within a,
.user-notifications-list li:focus-within a {
  outline: 0;
}
.user-menu .quick-access-panel li div .fa,
.user-notifications-list li div .fa {
  display: none;
}
.user-menu .quick-access-panel li span.double-user,
.user-menu .quick-access-panel li span.multi-user,
.user-notifications-list li span.double-user,
.user-notifications-list li span.multi-user {
  display: inline;
  max-width: 100%;
  align-items: baseline;
  white-space: nowrap;
}
.user-menu .quick-access-panel li span.multi-user span.multi-username:nth-of-type(2),
.user-notifications-list li span.multi-user span.multi-username:nth-of-type(2) {
  margin-right: 0.25em;
}
.user-menu .quick-access-panel li span.multi-username,
.user-notifications-list li span.multi-username {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 1.2em;
  max-width: 10em;
}
.user-menu .quick-access-panel li span.multi-username:nth-of-type(2),
.user-notifications-list li span.multi-username:nth-of-type(2) {
  margin-left: 0.25em;
}
.user-menu .quick-access-panel li:hover,
.user-notifications-list li:hover {
  background-color: var(--d-hover);
  outline: none;
}
.user-menu .quick-access-panel li:focus-within,
.user-notifications-list li:focus-within {
  background: var(--d-hover);
}
.user-menu .quick-access-panel li:focus-within a,
.user-notifications-list li:focus-within a {
  outline: 0;
}
.user-menu .quick-access-panel li:focus-within .btn-flat:focus, .user-menu .quick-access-panel li:focus-within .json-editor-btn-collapse:focus,
.user-notifications-list li:focus-within .btn-flat:focus,
.user-notifications-list li:focus-within .json-editor-btn-collapse:focus {
  background: transparent;
}
.user-menu .quick-access-panel li a,
.user-menu .quick-access-panel li .profile-tab-btn,
.user-notifications-list li a,
.user-notifications-list li .profile-tab-btn {
  display: flex;
  margin: 0.25em;
  padding: 0 0.25em;
}
.user-menu .quick-access-panel li button,
.user-notifications-list li button {
  padding: 0.25em 0.5em;
}
.user-menu .quick-access-panel li a > div,
.user-menu .quick-access-panel li button > div,
.user-notifications-list li a > div,
.user-notifications-list li button > div {
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
@supports not (overflow-wrap: anywhere) {
  .user-menu .quick-access-panel li a > div,
  .user-menu .quick-access-panel li button > div,
  .user-notifications-list li a > div,
  .user-notifications-list li button > div {
    word-break: break-word;
  }
}
.user-menu .quick-access-panel li p,
.user-notifications-list li p {
  margin: 0;
  overflow: hidden;
}
.user-menu .quick-access-panel li:not(.show-all),
.user-notifications-list li:not(.show-all) {
  padding: 0;
  align-self: flex-start;
  width: 100%;
}
.user-menu .quick-access-panel li:not(.show-all) .d-icon,
.user-notifications-list li:not(.show-all) .d-icon {
  padding-top: 0.2em;
  margin-right: 0.5em;
}
.user-menu .quick-access-panel .is-warning .d-icon-envelope,
.user-notifications-list .is-warning .d-icon-envelope {
  color: var(--danger);
}
.user-menu .quick-access-panel .read,
.user-notifications-list .read {
  background-color: var(--secondary);
}
.user-menu .quick-access-panel .none,
.user-notifications-list .none {
  padding-top: 5px;
}
.user-menu .quick-access-panel .spinner-container,
.user-notifications-list .spinner-container {
  min-height: 2em;
}
.user-menu .quick-access-panel .spinner,
.user-notifications-list .spinner {
  width: 20px;
  height: 20px;
  border-width: 2px;
  margin: 0 auto;
}
.user-menu .quick-access-panel .show-all a,
.user-notifications-list .show-all a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  color: var(--primary-med-or-secondary-high);
  background: var(--blend-primary-secondary-5);
}
.user-menu .quick-access-panel .show-all a:hover,
.user-notifications-list .show-all a:hover {
  color: var(--primary);
  background: var(--primary-low);
}

.user-menu.show-avatars li.notification a,
.user-menu.show-avatars li.bookmark a,
.user-menu.show-avatars li.reviewable a,
.user-menu.show-avatars li.message a,
.user-notifications-list.show-avatars li.notification a,
.user-notifications-list.show-avatars li.bookmark a,
.user-notifications-list.show-avatars li.reviewable a,
.user-notifications-list.show-avatars li.message a {
  color: var(--primary);
  align-items: center;
  padding: 0.15em 0;
}
.user-menu.show-avatars li.notification a .item-label,
.user-menu.show-avatars li.bookmark a .item-label,
.user-menu.show-avatars li.reviewable a .item-label,
.user-menu.show-avatars li.message a .item-label,
.user-notifications-list.show-avatars li.notification a .item-label,
.user-notifications-list.show-avatars li.bookmark a .item-label,
.user-notifications-list.show-avatars li.reviewable a .item-label,
.user-notifications-list.show-avatars li.message a .item-label {
  font-weight: bold;
}
.user-menu.show-avatars li.notification a .item-description,
.user-menu.show-avatars li.bookmark a .item-description,
.user-menu.show-avatars li.reviewable a .item-description,
.user-menu.show-avatars li.message a .item-description,
.user-notifications-list.show-avatars li.notification a .item-description,
.user-notifications-list.show-avatars li.bookmark a .item-description,
.user-notifications-list.show-avatars li.reviewable a .item-description,
.user-notifications-list.show-avatars li.message a .item-description {
  color: var(--primary);
}
.user-menu.show-avatars li.notification a .icon-avatar,
.user-menu.show-avatars li.bookmark a .icon-avatar,
.user-menu.show-avatars li.reviewable a .icon-avatar,
.user-menu.show-avatars li.message a .icon-avatar,
.user-notifications-list.show-avatars li.notification a .icon-avatar,
.user-notifications-list.show-avatars li.bookmark a .icon-avatar,
.user-notifications-list.show-avatars li.reviewable a .icon-avatar,
.user-notifications-list.show-avatars li.message a .icon-avatar {
  display: flex;
  position: relative;
  overflow: visible;
  margin-right: 0.5em;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  margin: 0.3em 1em 0 0;
}
.user-menu.show-avatars li.notification a .icon-avatar .avatar,
.user-menu.show-avatars li.bookmark a .icon-avatar .avatar,
.user-menu.show-avatars li.reviewable a .icon-avatar .avatar,
.user-menu.show-avatars li.message a .icon-avatar .avatar,
.user-notifications-list.show-avatars li.notification a .icon-avatar .avatar,
.user-notifications-list.show-avatars li.bookmark a .icon-avatar .avatar,
.user-notifications-list.show-avatars li.reviewable a .icon-avatar .avatar,
.user-notifications-list.show-avatars li.message a .icon-avatar .avatar {
  width: 100%;
  height: 100%;
}
.user-menu.show-avatars li.notification a .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.bookmark a .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.reviewable a .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.message a .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.notification a .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.bookmark a .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.reviewable a .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.message a .icon-avatar__icon-wrapper {
  position: absolute;
  right: -0.65em;
  top: -0.45em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background: var(--secondary);
}
.user-menu.show-avatars li.notification a .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.bookmark a .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.reviewable a .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.message a .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.notification a .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.bookmark a .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.reviewable a .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.message a .icon-avatar__icon-wrapper .d-icon {
  display: block;
  margin: 0;
  padding: 0;
  font-size: var(--font-down-1);
  color: var(--primary);
}
.user-menu.show-avatars li.notification a + div,
.user-menu.show-avatars li.bookmark a + div,
.user-menu.show-avatars li.reviewable a + div,
.user-menu.show-avatars li.message a + div,
.user-notifications-list.show-avatars li.notification a + div,
.user-notifications-list.show-avatars li.bookmark a + div,
.user-notifications-list.show-avatars li.reviewable a + div,
.user-notifications-list.show-avatars li.message a + div {
  padding: 0.25em 0;
}
.user-menu.show-avatars li.notification.unread .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.bookmark.unread .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.reviewable.unread .icon-avatar__icon-wrapper,
.user-menu.show-avatars li.message.unread .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.notification.unread .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.bookmark.unread .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.reviewable.unread .icon-avatar__icon-wrapper,
.user-notifications-list.show-avatars li.message.unread .icon-avatar__icon-wrapper {
  background: var(--tertiary);
}
.user-menu.show-avatars li.notification.unread .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.bookmark.unread .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.reviewable.unread .icon-avatar__icon-wrapper .d-icon,
.user-menu.show-avatars li.message.unread .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.notification.unread .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.bookmark.unread .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.reviewable.unread .icon-avatar__icon-wrapper .d-icon,
.user-notifications-list.show-avatars li.message.unread .icon-avatar__icon-wrapper .d-icon {
  color: var(--secondary);
}

.hamburger-panel .menu-panel.slide-in {
  left: 0;
}
.hamburger-panel .menu-panel.slide-in .panel-body {
  display: block;
}
.hamburger-panel .menu-panel.slide-in .panel-body-contents {
  max-height: unset;
  min-height: 100%;
}

.header-cloak {
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: none;
  touch-action: pan-y pinch-zoom;
}

.menu-panel.slide-in {
  top: 0;
  box-sizing: border-box;
  max-width: 90vw;
  --100dvh: 100%;
  box-shadow: 0 0 30px -2px rgba(0, 0, 0, 0.5);
  height: var(--100dvh);
}
@supports (height: 100dvh) {
  .menu-panel.slide-in {
    --100dvh: 100dvh;
  }
}

.d-modal {
  pointer-events: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1300;
  overflow: auto;
}
.d-modal.-inline {
  position: relative;
}
.d-modal__container {
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: var(--secondary);
  box-shadow: var(--shadow-modal);
  max-height: var(--modal-max-height, 80vh);
}
.d-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  border-bottom: 1px solid var(--primary-low);
}
.d-modal__header .modal-close {
  margin-left: auto;
  align-self: start;
}
.d-modal__header .modal-close .d-icon {
  font-size: var(--font-up-2);
  color: var(--primary-high);
}
.d-modal__header .modal-close:focus-visible .d-icon {
  color: var(--primary);
}
.d-modal .d-modal__primary-action .btn, .d-modal.json-schema-editor-modal .d-modal__primary-action .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .d-modal__primary-action .json-editor-btn-add, .d-modal.json-schema-editor-modal .d-modal__primary-action .je-ready button, .d-modal.json-schema-editor-modal .je-ready .d-modal__primary-action button,
.d-modal .d-modal__dismiss-action .btn,
.d-modal.json-schema-editor-modal .d-modal__dismiss-action .je-ready .json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready .d-modal__dismiss-action .json-editor-btn-add,
.d-modal.json-schema-editor-modal .d-modal__dismiss-action .je-ready button,
.d-modal.json-schema-editor-modal .je-ready .d-modal__dismiss-action button {
  text-transform: capitalize;
}
.d-modal__title-text {
  font-size: var(--font-up-3);
  line-height: var(--line-height-medium);
}
.d-modal__title-text, .d-modal__subtitle-text {
  margin: 0;
}
.d-modal__body {
  overflow-y: auto;
  padding: 1rem 1.5rem;
  box-sizing: border-box;
}
.d-modal__body.empty {
  display: none;
}
.d-modal__body input {
  width: auto;
}
.d-modal__body input[type=text] {
  width: 100%;
}
.d-modal__body textarea {
  width: 100%;
  height: 80px;
}
.d-modal__body .password-confirmation {
  display: none;
}
.d-modal__body section.field {
  padding: 0.25em 0;
  margin-bottom: 5px;
}
.d-modal__body section.field.with-items {
  display: flex;
  align-items: flex-start;
}
.d-modal__body section.field .field-item {
  display: inline-block;
  margin-right: 10px;
}
.d-modal__body pre code {
  white-space: pre-wrap;
  max-width: 100%;
}
.d-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--primary-low);
  gap: 0.5rem;
}
.d-modal__backdrop {
  -webkit-user-select: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1200;
  background-color: #000;
  animation: fade 0.3s forwards;
}
@media (prefers-reduced-motion) {
  .d-modal__backdrop {
    animation-duration: 0s;
  }
}
.d-modal #modal-alert {
  padding-left: 1.5rem;
}

.input-hint-text {
  margin-left: 0.5em;
  color: var(--secondary-high);
}

.modal-backdrop {
  -webkit-user-select: none;
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1200;
  background-color: #111;
}
.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  animation: fade 0.3s;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
@media (prefers-reduced-motion) {
  .modal-backdrop,
  .modal-backdrop.fade.in {
    animation-duration: 0s;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.6;
  }
}
.modal-form {
  margin-bottom: 0;
}

.modal .nav {
  padding: 10px 30px 10px 15px;
  background-color: var(--secondary);
  border-bottom: 1px solid var(--primary-low);
}
.modal .nav li > a {
  font-size: var(--font-0);
}
.modal.hidden {
  display: none;
}
.modal pre code {
  white-space: pre-wrap;
  max-width: var(--modal-max-width);
}

.reply-where-modal .dialog-content {
  width: 100%;
  min-width: unset;
  max-width: 30em;
}
.reply-where-modal .dialog-footer {
  display: block;
}
.reply-where-modal .btn, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button {
  display: block;
  text-align: left;
  margin-bottom: 0.75em;
  margin-right: 0;
  overflow: hidden;
  width: 100%;
}
.reply-where-modal .btn.dialog-close, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .dialog-close.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .dialog-close.json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.dialog-close, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button.dialog-close {
  display: none;
}
.reply-where-modal .btn.btn-reply-on-original, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .btn-reply-on-original.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .btn-reply-on-original.json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.btn-reply-on-original, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button.btn-reply-on-original {
  --text-color: var(--secondary);
}
.reply-where-modal .btn.btn-reply-where__cancel, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .btn-reply-where__cancel.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .btn-reply-where__cancel.json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.btn-reply-where__cancel, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button.btn-reply-where__cancel {
  padding-left: 0;
  margin: 0;
}
.reply-where-modal .btn.btn-reply-here, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .btn-reply-here.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .btn-reply-here.json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.btn-reply-here, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button.btn-reply-here {
  --text-color: var(--primary);
}
.discourse-no-touch .reply-where-modal .btn.btn-reply-here:hover, .discourse-no-touch .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .btn-reply-here.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .reply-where-modal .btn-reply-here.json-editor-btn-add:hover, .discourse-no-touch .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.btn-reply-here:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .reply-where-modal button.btn-reply-here:hover {
  --text-color: var(--secondary);
}
.reply-where-modal .btn.btn-reply-where, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .btn-reply-where.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .btn-reply-where.json-editor-btn-add, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button.btn-reply-where, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button.btn-reply-where {
  min-height: 3em;
}
.reply-where-modal .btn .fancy-title, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .fancy-title, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .fancy-title, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .fancy-title, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .fancy-title {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reply-where-modal .btn .topic-title__top-line, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__top-line, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__top-line, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__top-line, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__top-line {
  display: flex;
  align-items: baseline;
  color: var(--text-color);
  font-size: var(--font-up-1);
}
.reply-where-modal .btn .topic-title__top-line .d-icon, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__top-line .d-icon, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__top-line .d-icon, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__top-line .d-icon, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__top-line .d-icon {
  color: var(--text-color);
  margin: 0;
}
.reply-where-modal .btn .topic-statuses, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-statuses, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-statuses, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-statuses, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-statuses {
  display: flex;
  font-size: 0.95em;
}
.reply-where-modal .btn .topic-title__bottom-line, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__bottom-line, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__bottom-line, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__bottom-line, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__bottom-line {
  margin-top: 0.15em;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
.reply-where-modal .btn .topic-title__bottom-line .discourse-tags, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__bottom-line .discourse-tags, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__bottom-line .discourse-tags, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__bottom-line .discourse-tags, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__bottom-line .discourse-tags {
  font-size: var(--font-down-1);
}
.reply-where-modal .btn .topic-title__bottom-line .badge-category__name, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__bottom-line .badge-category__name, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__bottom-line .badge-category__name, .reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__bottom-line .badge-category__name, .d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__bottom-line .badge-category__name,
.reply-where-modal .btn .topic-title__bottom-line .discourse-tag,
.reply-where-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .topic-title__bottom-line .discourse-tag,
.d-modal.json-schema-editor-modal .je-ready .reply-where-modal .json-editor-btn-add .topic-title__bottom-line .discourse-tag,
.reply-where-modal .d-modal.json-schema-editor-modal .je-ready button .topic-title__bottom-line .discourse-tag,
.d-modal.json-schema-editor-modal .je-ready .reply-where-modal button .topic-title__bottom-line .discourse-tag {
  color: var(--text-color);
}

.admin-delete-user-posts-progress-modal .progress-bar {
  height: 15px;
  position: relative;
  background: var(--primary-low-mid);
  border-radius: 25px;
  overflow: hidden;
  margin: 30px 0 20px;
}
.admin-delete-user-posts-progress-modal .progress-bar span {
  display: block;
  width: 0%;
  height: 100%;
  background-color: var(--tertiary);
  position: relative;
  transition: width 0.6s linear;
}

.incoming-email-modal {
  max-height: 80vh;
}
.incoming-email-modal .btn, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal .json-editor-btn-add, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal button {
  background-color: transparent;
  margin-right: 5px;
}
.incoming-email-modal .btn:hover, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal .json-editor-btn-add:hover, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal button:hover, .incoming-email-modal .btn.active, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready .active.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal .active.json-editor-btn-add, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready button.active, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal button.active {
  color: var(--primary);
}
.incoming-email-modal .btn.active, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready .active.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal .active.json-editor-btn-add, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready button.active, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal button.active {
  font-weight: bold;
}
.incoming-email-modal .btn:focus, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal .json-editor-btn-add:focus, .incoming-email-modal .d-modal.json-schema-editor-modal .je-ready button:focus, .d-modal.json-schema-editor-modal .je-ready .incoming-email-modal button:focus {
  outline: 2px solid var(--primary-low);
}
.incoming-email-modal .incoming-email-tabs {
  margin-bottom: 15px;
}
.incoming-email-modal .incoming-email-content {
  height: 300px;
  max-width: 100%;
  width: 90vw;
}
.incoming-email-modal .incoming-email-content textarea,
.incoming-email-modal .incoming-email-content .incoming-email-html-part {
  height: 95%;
  border: none;
  border-top: 1px solid var(--primary-low);
  padding-top: 10px;
  width: 100%;
}
.incoming-email-modal .incoming-email-content textarea {
  font-family: var(--d-font-family--monospace);
  resize: none;
  border-radius: 0;
  box-shadow: none;
}
.incoming-email-modal .incoming-email-content .incoming-email-html-part {
  width: calc(100% - 36px);
  padding: 10px 4px 4px 4px;
}
@media screen and (max-width: 760px) {
  .incoming-email-modal .incoming-email-content .incoming-email-html-part {
    width: calc(100% - 10px);
  }
}

.change-timestamp {
  width: 28em;
  max-width: 90vw;
}

.change-timestamp #date-container .pika-single {
  position: relative !important;
  display: inline-block;
  margin-top: 0.5em;
}
.change-timestamp .date-picker-wrapper {
  min-width: 130px;
  margin-right: 0.5em;
}
.change-timestamp input[type=time] {
  width: 130px;
}
.change-timestamp form {
  margin: 0;
}

.flag-modal-body form {
  margin: 0;
}
.flag-modal-body .flag-action-type .controls .checkbox-label {
  margin-bottom: 0.25em;
}
.flag-modal-body .flag-action-type-details {
  width: 100%;
  line-height: var(--line-height-large);
}
.flag-modal-body .flag-action-type-details a {
  margin: 0;
}
.flag-modal-body .flag-confirmation {
  margin-top: 0.5em;
  padding-left: 1.125em;
}

.flag-message {
  margin: 0;
}

.custom-message-length {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}

.ignore-duration-with-username-modal .future-date-input {
  margin-top: 1em;
}

.modal:not(.has-tabs) .modal-tab {
  position: absolute;
  width: 95%;
}

.modal.has-tabs .modal-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
  margin: 0;
}
.modal.has-tabs .modal-tabs .modal-tab {
  list-style: none;
  padding: 4px 8px;
  margin-right: 4px;
  cursor: pointer;
}
.modal.has-tabs .modal-tabs .modal-tab.is-active {
  color: var(--secondary);
  background: var(--danger);
}
.modal.has-tabs .modal-tabs .modal-tab.is-active.single-tab {
  background: none;
  color: var(--primary);
  padding: 0;
  font-size: var(--font-up-3);
  font-weight: bold;
}

.bulk-notification-list {
  margin-bottom: 1.5em;
}

.notification-level-radio {
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.notification-level-radio .description {
  width: 100%;
  margin-top: 0.25em;
}

.confirm-session__instructions {
  margin-bottom: 0.5em;
}
.confirm-session form {
  margin: 1.5em 0;
}
.confirm-session__passkey {
  margin-top: 1em;
}
.confirm-session__fine-print {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  max-width: 600px;
}
.confirm-session__reset {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}

.rename-passkey__message {
  max-width: 500px;
  margin-bottom: 2em;
}

.new-user-wrapper .user-navigation {
  --user-navigation__border-width: 4px;
  border-bottom: 1px solid var(--primary-low);
}
.new-user-wrapper .user-navigation .nav-pills {
  width: 100%;
  margin: 0;
}
.new-user-wrapper .user-navigation .nav-pills .d-icon {
  font-size: var(--font-down-1);
}
@media screen and (max-width: 850px) {
  .new-user-wrapper .user-navigation .nav-pills.main-nav li .d-icon {
    font-size: var(--font-up-1);
    margin: 0;
  }
  .new-user-wrapper .user-navigation .nav-pills.main-nav li span {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .has-sidebar-page .new-user-wrapper .user-navigation .nav-pills.main-nav span {
    display: none;
  }
}
.new-user-wrapper .user-navigation .nav-pills li {
  flex: 1 1 auto;
  margin: 0;
  display: flex;
}
.new-user-wrapper .user-navigation .nav-pills li a {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1140px) {
  .new-user-wrapper .user-navigation .nav-pills li a {
    font-size: var(--font-0);
  }
}
.new-user-wrapper .user-navigation .nav-pills li a span {
  line-height: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-user-wrapper .user-navigation-primary [class*=horizontal-overflow-nav__scroll] {
  font-size: var(--font-up-1);
}
.new-user-wrapper .user-navigation-primary [class*=horizontal-overflow-nav__scroll] .d-icon {
  margin-top: 0.15em;
}
.new-user-wrapper .user-navigation-secondary {
  position: relative;
  display: flex;
  min-width: 0;
  gap: 0 0.5em;
  font-size: var(--font-down-1);
}
.new-user-wrapper .user-navigation-secondary .select-kit .select-kit-header {
  height: 100%;
  padding: 0.5em 1em;
}
.new-user-wrapper .user-navigation-secondary .select-kit-collection {
  font-size: var(--font-up-1);
}
.new-user-wrapper .user-navigation-secondary .user-nav-messages-dropdown {
  max-width: 20vw;
  min-width: 7em;
}
.new-user-wrapper .user-navigation-secondary .user-nav-messages-dropdown .select-kit-selected-name,
.new-user-wrapper .user-navigation-secondary .user-nav-messages-dropdown .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-user-wrapper .user-navigation-secondary .user-nav-messages-dropdown .name {
  min-width: 0;
}
.new-user-wrapper .user-navigation-secondary .category-breadcrumb {
  width: auto;
  padding-top: var(--navigation-secondary-padding-top);
}
@media screen and (max-width: 1140px) {
  .new-user-wrapper .user-navigation-secondary .category-breadcrumb {
    font-size: var(--font-down-1);
  }
}
.new-user-wrapper .user-navigation-secondary .category-breadcrumb > li {
  margin: 0;
}
.new-user-wrapper .user-navigation-secondary .navigation-controls {
  padding-top: var(--navigation-secondary-padding-top);
  flex-wrap: nowrap;
}
@media screen and (max-width: 1140px) {
  .new-user-wrapper .user-navigation-secondary .navigation-controls {
    font-size: var(--font-down-1);
  }
}
.new-user-wrapper .user-navigation-secondary .navigation-controls span {
  display: inline-flex;
}
.new-user-wrapper .user-navigation-secondary .nav-pills {
  flex: 1 1 auto;
  justify-content: flex-start;
  height: 100%;
}
.new-user-wrapper .user-navigation-secondary .nav-pills li {
  flex: 1 0 auto;
}
.new-user-wrapper .user-navigation-secondary .nav-pills li a span {
  text-overflow: unset;
}
.new-user-wrapper .empty-state {
  padding: 0;
  margin: 1em 0;
}
.new-user-wrapper .solo-preference {
  grid-column-start: 1;
  grid-column-end: -1;
}

.user-preferences-tracking-page .user-preferences .form-vertical {
  width: 100%;
}

.user-preferences__tracking-topics-wrapper {
  margin-bottom: 3em;
}
.user-preferences__tracking-topics-wrapper .control-label {
  margin-bottom: 1em;
}

.user-preferences__tracking-categories-tags-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
  gap: 2em;
}
.user-preferences__tracking-categories-tags-wrapper .control-group {
  width: 100%;
  min-width: 16em;
}

.not-found-container {
  background: var(--d-content-background);
}

.page-not-found {
  margin: 0 0 40px 0;
}
.page-not-found h1.title {
  font-size: var(--font-up-5);
  line-height: var(--line-height-medium);
}
.page-not-found-search {
  margin-top: 20px;
}

.page-not-found-topics {
  display: flex;
}
@media screen and (max-width: 600px) {
  .page-not-found-topics {
    flex-wrap: wrap;
  }
}

.popular-topics,
.recent-topics {
  box-sizing: border-box;
  width: 50%;
  max-width: 400px;
  margin-bottom: 40px;
  padding-right: 20px;
}
@media screen and (max-width: 600px) {
  .popular-topics,
  .recent-topics {
    width: 100%;
  }
}
.popular-topics h2,
.recent-topics h2 {
  margin-bottom: 10px;
}

.not-found-topic {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
  .not-found-topic:nth-of-type(n + 6) {
    display: none;
  }
}
.not-found-topic a:not(.badge-category__wrapper) {
  flex-basis: 100%;
}

.page-not-found-search label {
  color: var(--primary);
  font-size: var(--font-up-3);
  margin-bottom: 0.5em;
}

a.loading-onebox::before {
  content: "";
  display: inline-flex;
  float: left;
  margin: 3px 5px 0 0;
  position: relative;
  height: 10px;
  width: 10px;
  border: 2px solid var(--primary-low-mid);
  border-right-color: transparent;
  border-radius: 50%;
  animation: rotate-forever 1s infinite linear;
}

.onebox-result {
  border-left: 5px solid var(--primary-300);
  background-color: var(--blend-primary-secondary-5);
  margin-top: 15px;
  padding: 12px;
  font-size: var(--font-0);
}
.onebox-result > .source {
  margin-bottom: 12px;
  margin-right: 10px;
  display: block;
  color: var(--primary);
  position: relative;
  height: 20px;
}
.onebox-result > .source .info {
  position: absolute;
  font-size: var(--font-0);
}
.onebox-result > .source .info a {
  color: black;
  text-decoration: none;
  padding-right: 10px;
}
.onebox-result > .source .info img.favicon {
  margin-right: 3px;
}
.onebox-result .onebox-result-body {
  padding-top: 5px;
}
.onebox-result .onebox-result-body img {
  max-height: 80%;
  max-width: 25%;
  height: auto;
  float: left;
  margin-right: 1em;
}
.onebox-result .onebox-result-body h3,
.onebox-result .onebox-result-body h4 {
  margin: 0;
}
.onebox-result .onebox-result-body code {
  max-height: 400px;
}
.onebox-result .onebox-result-body .metrics {
  clear: both;
  padding-bottom: 25px;
}
.onebox-result .onebox-result-body .metrics .metric {
  padding-left: 33px;
  float: left;
}

.onebox-result .onebox-result-body img.verdict {
  float: none;
  margin-right: 7px;
}
.onebox-result .onebox-result-body img.popcorn {
  float: none;
  margin-left: 20px;
  margin-right: 5px;
}

aside.onebox {
  border: 5px solid var(--primary-low);
  margin: 1em 0;
  padding: 1em;
  font-size: var(--font-0);
  background: var(--secondary);
}
aside.onebox header {
  align-items: center;
  display: flex;
  line-height: var(--line-height-medium);
  margin-bottom: 1em;
}
aside.onebox header .d-icon {
  margin-right: 5px;
  margin-top: 2px;
}
aside.onebox header .d-icon.d-icon-fab-twitter {
  color: var(--twitter);
}
aside.onebox header a[href] {
  color: var(--primary-med-or-secondary-med);
  text-decoration: none;
}
aside.onebox.stackexchange .source {
  background: url(/favicons/stackexchange.png) no-repeat 0% 50%;
  background-size: 16px 16px;
  padding-left: 20px;
}
aside.onebox.instagram .source {
  background: url(/favicons/instagram.png) no-repeat 0% 50%;
  background-size: 16px 16px;
  padding-left: 20px;
}
aside.onebox.googledocs .source {
  background: url(/favicons/google_branding/logo_drive_48px.png) no-repeat 0% 50%;
  background-size: 16px 16px;
  padding-left: 20px;
}
aside.onebox.googledrive .source {
  background: url(/favicons/google_branding/logo_drive_48px.png) no-repeat 0% 50%;
  background-size: 16px 16px;
  padding-left: 20px;
}
aside.onebox .onebox-body {
  clear: both;
}
aside.onebox .onebox-body h3,
aside.onebox .onebox-body h4 {
  font-size: var(--font-up-1);
  margin: 0 0 10px 0;
  line-height: var(--line-height-medium);
}
aside.onebox .onebox-body a[href] {
  color: var(--tertiary);
  text-decoration: none;
}
aside.onebox .onebox-body a[href]:visited {
  color: var(--tertiary);
}
aside.onebox .onebox-body img:not(.avatar, .onebox-avatar-inline) {
  max-height: 170px;
  max-width: 20%;
  height: auto;
  float: left;
  margin-right: 1em;
}
@media all and (max-width: 600px) {
  aside.onebox .onebox-body img:not(.avatar, .onebox-avatar-inline) {
    max-width: 35%;
  }
}
aside.onebox .onebox-body img:not(.avatar, .onebox-avatar-inline).onebox-full-image {
  max-height: none;
  max-width: none;
}
aside.onebox .onebox-body [style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
aside.onebox .onebox-body [style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom: property) {
  aside.onebox .onebox-body .aspect-image {
    max-height: 170px;
    --magic-ratio: calc(var(--aspect-ratio) + 0.15);
    width: calc(128px * var(--magic-ratio));
    max-width: 20%;
    float: left;
    margin-right: 1em;
    height: auto;
  }
  aside.onebox .onebox-body .aspect-image img {
    width: 100%;
    height: inherit;
    max-width: initial;
    max-height: initial;
    float: none;
  }
  aside.onebox .onebox-body .aspect-image-full-size {
    margin: 0.5em 0;
    max-height: 100%;
    width: calc(500px * var(--aspect-ratio));
    max-width: 100%;
  }
  aside.onebox .onebox-body .aspect-image-full-size img {
    width: 100%;
    height: inherit;
    max-width: initial;
    max-height: initial;
    float: none;
  }
  aside.onebox .onebox-body [style*="--aspect-ratio"] {
    position: relative;
  }
  aside.onebox .onebox-body [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  aside.onebox .onebox-body [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
aside.onebox .onebox-body p:last-child {
  margin-bottom: 0;
}
aside.onebox .onebox-body .tweet-images {
  display: block;
  clear: both;
}
aside.onebox .onebox-body .tweet-images img.tweet-image {
  margin-top: 1em;
  max-width: 100%;
  max-height: 100%;
  float: none;
}
@media screen and (max-width: 550px) {
  aside.onebox .onebox-body .tweet-images iframe {
    max-height: 70vh;
  }
}
aside.onebox .onebox-body.user-onebox .fa {
  margin-right: 5px;
}
aside.onebox .onebox-body.user-onebox .full-name,
aside.onebox .onebox-body.user-onebox .location {
  margin-right: 10px;
}
aside.onebox .onebox-body.user-onebox .user-onebox--joined {
  color: var(--primary-medium);
  margin-top: 10px;
}
aside.onebox .onebox-body.user-onebox .aspect-image {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 1em;
}
aside.onebox .onebox-body .instagram-images,
aside.onebox .onebox-body .scale-images {
  clear: both;
  position: relative;
}
aside.onebox .onebox-body .instagram-images .instagram-image,
aside.onebox .onebox-body .instagram-images .scale-image,
aside.onebox .onebox-body .scale-images .instagram-image,
aside.onebox .onebox-body .scale-images .scale-image {
  padding: 5px 5px 5px 5px;
  max-width: 100%;
  max-height: 100%;
  float: none;
}
aside.onebox .onebox-body .image-wrapper {
  display: block;
  position: relative;
}
aside.onebox .onebox-body .video-icon {
  bottom: 15px;
  right: 10px;
  position: absolute;
}
aside.onebox .onebox-body .video-icon::before {
  opacity: 0.8;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'%3E%3C/path%3E%3C/svg%3E");
}

.googledocs-onebox-logo {
  width: 60px;
  height: 50px;
  float: left;
}
.googledocs-onebox-logo.g-docs-logo {
  background: url(/favicons/google_branding/logo_docs_48px.png) no-repeat;
}
.googledocs-onebox-logo.g-forms-logo {
  background: url(/favicons/google_branding/logo_forms_48px.png) no-repeat;
}
.googledocs-onebox-logo.g-sheets-logo {
  background: url(/favicons/google_branding/logo_sheets_48px.png) no-repeat;
}
.googledocs-onebox-logo.g-slides-logo {
  background: url(/favicons/google_branding/logo_slides_48px.png) no-repeat;
}
.googledocs-onebox-logo.g-calendar-logo {
  background: url(/favicons/google_branding/logo_calendar_48px.png) no-repeat;
}
.googledocs-onebox-logo.g-drive-logo {
  background: url(/favicons/google_branding/logo_drive_48px.png) no-repeat;
}

.gdocs-onebox-splash {
  background-color: var(--primary-low-mid);
  color: var(--primary);
  border: 1px inset var(--primary);
}
.gdocs-onebox-splash .gdocs-onebox-logo {
  display: inline-block;
  width: 128px;
  height: 128px;
}
.gdocs-onebox-splash .gdocs-onebox-logo.g-calendar-logo {
  background: url(/favicons/google_branding/logo_calendar_128px.png) no-repeat;
}

aside.onebox .onebox-body .onebox-avatar {
  max-height: none;
  max-width: none;
  height: 60px;
  width: 60px;
}

blockquote aside.onebox {
  border-left: 5px solid var(--primary-300);
  background-color: var(--blend-primary-secondary-5);
}

pre.onebox {
  margin-bottom: 0;
}

pre.onebox code ol.lines li::before {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  width: 3.5em;
  left: calc(-3em + 1px);
  color: var(--primary-600);
  text-align: right;
  padding-right: 0.5em;
  font-size: var(--font-down-1);
  line-height: 1.7230769231;
  content: counter(li-counter);
  counter-increment: li-counter;
}

pre.onebox code ol.lines li.selected::before {
  background-color: var(--highlight-bg);
}

.onebox.githubblob .onebox-body h4,
.onebox.gitlabblob .onebox-body h4 {
  word-break: break-all;
  margin-bottom: 5px;
  font-size: 1rem;
}
.onebox.githubblob .git-blob-info,
.onebox.gitlabblob .git-blob-info {
  font-size: var(--font-down-1);
  line-height: var(--line-height-small);
}
.onebox.githubblob pre,
.onebox.gitlabblob pre {
  margin-bottom: 0;
}

pre.onebox code ol {
  margin-left: 0;
  line-height: var(--line-height-large);
}

pre.onebox code {
  background-color: var(--primary-very-low);
}

pre.onebox code li {
  padding-left: 0.5em;
}

pre.onebox code ol.lines {
  position: relative;
  margin: 0 0 0 2.5em;
  padding-left: 0.5em;
}

pre.onebox code ol.lines li {
  list-style-type: none;
  padding-left: 0.5em;
  margin-left: 0;
  border-left: 1px solid var(--primary-300);
  min-height: 1.5em;
  white-space: pre;
  width: max-content;
}

pre.onebox code ol.lines li.selected {
  background-color: var(--highlight-bg);
  border-left-color: rgba(var(--primary-rgb), 0.2);
}

pre.onebox code {
  white-space: normal;
}

.onebox-warning-message {
  margin-top: 5px;
  color: var(--primary-med-or-secondary-med);
}
.onebox-warning-message img.emoji {
  width: 20px;
  height: 20px;
  float: none;
}

.onebox.githubpullrequest .onebox-body,
.onebox.githubcommit .onebox-body,
.onebox.githubissue .onebox-body {
  display: grid;
  grid-template-areas: "icon title" "icon branches" "icon info" "body body";
  grid-template-columns: 2.5em minmax(0, 1fr);
  gap: 0.25em 0.75em;
}
@media screen and (max-width: 550px) {
  .onebox.githubpullrequest .onebox-body,
  .onebox.githubcommit .onebox-body,
  .onebox.githubissue .onebox-body {
    gap: 0.25em 0.5em;
    grid-template-columns: 1.5em minmax(0, 1fr);
    grid-template-areas: "icon title" "branches branches" "info info" "body body";
  }
}
.onebox.githubpullrequest .onebox-body h4,
.onebox.githubcommit .onebox-body h4,
.onebox.githubissue .onebox-body h4 {
  margin-bottom: 0;
}
.onebox.githubpullrequest .onebox-body > .github-icon,
.onebox.githubcommit .onebox-body > .github-icon,
.onebox.githubissue .onebox-body > .github-icon {
  float: left;
  margin-right: 5px;
}
.onebox.githubpullrequest .github-row,
.onebox.githubcommit .github-row,
.onebox.githubissue .github-row {
  display: contents;
}
.onebox.githubpullrequest .github-icon-container,
.onebox.githubpullrequest .github-info-container,
.onebox.githubcommit .github-icon-container,
.onebox.githubcommit .github-info-container,
.onebox.githubissue .github-icon-container,
.onebox.githubissue .github-info-container {
  display: contents;
}
.onebox.githubpullrequest .github-icon,
.onebox.githubcommit .github-icon,
.onebox.githubissue .github-icon {
  grid-area: icon;
  align-self: stretch;
  max-width: 1.8em;
  height: auto;
  justify-self: center;
  fill: var(--primary-high);
}
.onebox.githubpullrequest .branches,
.onebox.githubcommit .branches,
.onebox.githubissue .branches {
  grid-area: branches;
  font-size: var(--font-down-1);
  line-height: var(--line-height-medium);
}
.onebox.githubpullrequest .branches code,
.onebox.githubcommit .branches code,
.onebox.githubissue .branches code {
  word-break: break-all;
}
.onebox.githubpullrequest .github-info-container,
.onebox.githubcommit .github-info-container,
.onebox.githubissue .github-info-container {
  width: 100%;
  overflow-x: hidden;
}
.onebox.githubpullrequest .github-info-container > span,
.onebox.githubcommit .github-info-container > span,
.onebox.githubissue .github-info-container > span {
  grid-area: info;
}
.onebox.githubpullrequest .github-info,
.onebox.githubcommit .github-info,
.onebox.githubissue .github-info {
  grid-area: info;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.15em 0.75em;
}
.onebox.githubpullrequest .github-info .lines,
.onebox.githubcommit .github-info .lines,
.onebox.githubissue .github-info .lines {
  font-weight: bold;
}
.onebox.githubpullrequest .github-info .lines .added,
.onebox.githubcommit .github-info .lines .added,
.onebox.githubissue .github-info .lines .added {
  color: var(--success);
}
.onebox.githubpullrequest .github-info .lines .removed,
.onebox.githubcommit .github-info .lines .removed,
.onebox.githubissue .github-info .lines .removed {
  color: var(--danger);
}
.onebox.githubpullrequest .github-info .discourse-local-date,
.onebox.githubcommit .github-info .discourse-local-date,
.onebox.githubissue .github-info .discourse-local-date {
  white-space: nowrap;
}
.onebox.githubpullrequest .github-body-container,
.onebox.githubcommit .github-body-container,
.onebox.githubissue .github-body-container {
  grid-area: body;
  margin: 1em 0 0 0;
  color: var(--primary-very-high);
  max-height: 400px;
  white-space: pre-wrap;
  overflow-y: auto;
  word-break: break-word;
  font-family: var(--d-font-family--monospace);
  font-size: 0.875em;
  line-height: 1.3076923077;
  box-sizing: border-box;
}
.onebox.githubpullrequest .github-body-container .show-more,
.onebox.githubcommit .github-body-container .show-more,
.onebox.githubissue .github-body-container .show-more {
  font-family: var(--font-family);
  padding: 0.5em 1em 0 0.2em;
}
.onebox.githubpullrequest .onebox-avatar-inline,
.onebox.githubcommit .onebox-avatar-inline,
.onebox.githubissue .onebox-avatar-inline {
  border-radius: 2px;
  vertical-align: text-bottom;
}
.onebox.githubpullrequest .labels span,
.onebox.githubcommit .labels span,
.onebox.githubissue .labels span {
  background-color: var(--primary-medium) !important;
  color: var(--secondary) !important;
  padding: 2px 4px !important;
}
.onebox.githubpullrequest .emoji,
.onebox.githubcommit .emoji,
.onebox.githubissue .emoji {
  max-height: 15px;
  margin: 0.2em;
  min-width: 15px;
}

.onebox.githubactions h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.onebox.githubactions .github-row {
  display: flex;
}
.onebox.githubactions .github-icon-container {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.onebox.githubactions .github-icon {
  fill: var(--primary-medium);
  width: var(--font-up-3);
  height: var(--font-up-3);
}
.onebox.githubactions .github-icon-success {
  fill: var(--success);
}
.onebox.githubactions .github-icon-failure {
  fill: var(--danger);
}
.onebox.githubactions .github-icon-pending {
  fill: #dbab0a;
}
.onebox.githubactions .github-info {
  color: var(--primary-high);
}
.onebox.githubactions .github-run-number {
  color: var(--primary-medium);
}

.onebox-body .github-commit-status {
  background: #f5f5f5;
  border-radius: 5px;
  margin: 0 0 5px 100px;
  padding: 10px;
}

.onebox-body .status_tag {
  display: inline-block;
  color: #fff;
  padding: 1px 4px;
  border-radius: 3px;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.onebox-body .build_status {
  padding: 2px;
  font-size: var(--font-down-1);
}

.onebox-body .status_tag.open {
  background-color: #6cc644;
}

.onebox-body .status_tag.merged {
  background-color: #6e5494;
}

.onebox-body .status_tag.closed {
  background-color: #bd2c00;
}

aside.onebox.twitterstatus .onebox-body h4 {
  margin-bottom: 0;
}

.onebox.twitterstatus .thumbnail,
.onebox.twitterstatus .thumbnail.onebox-avatar {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
.onebox.twitterstatus .twitter-screen-name {
  font-size: var(--font-down-1);
}
.onebox.twitterstatus .tweet .tweet-description {
  white-space: pre-line;
}
.onebox.twitterstatus p,
.onebox.twitterstatus .tweet {
  clear: left;
  padding: 1em 0;
}
.onebox.twitterstatus p .quoted,
.onebox.twitterstatus .tweet .quoted {
  border: 1px solid var(--primary-low);
  padding: 0.5em 1em;
  margin-top: 1em;
  white-space: normal;
}
.onebox.twitterstatus p .quoted .quoted-link,
.onebox.twitterstatus .tweet .quoted .quoted-link {
  color: inherit;
}
.onebox.twitterstatus p .quoted .quoted-title,
.onebox.twitterstatus .tweet .quoted .quoted-title {
  font-weight: bold;
  margin: 0.5em 0;
  padding: 0;
}
.onebox.twitterstatus p .quoted .quoted-title span,
.onebox.twitterstatus .tweet .quoted .quoted-title span {
  font-weight: lighter;
  color: var(--primary-medium);
}
.onebox.twitterstatus p .quoted div,
.onebox.twitterstatus .tweet .quoted div {
  margin-bottom: 5px;
}
.onebox.twitterstatus .date {
  display: flex;
  line-height: var(--line-height-small);
}
.onebox.twitterstatus .date .timestamp {
  color: var(--primary-medium);
}
.onebox.twitterstatus .like,
.onebox.twitterstatus .retweet {
  align-items: center;
  color: var(--primary-medium);
  display: flex;
  margin-left: 0.75em;
  white-space: nowrap;
}
.onebox.twitterstatus .like svg,
.onebox.twitterstatus .retweet svg {
  fill: currentcolor;
  margin-right: 0.25em;
}
.onebox.twitterstatus .is-reply {
  color: var(--primary-medium);
  margin-right: 0.25em;
}

.onebox.imgur-album .outer-box, .onebox.google-photos-album .outer-box,
.onebox.flickr-album .outer-box {
  position: absolute;
  z-index: 1;
  font-size: var(--font-down-1);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 0;
}
.onebox.imgur-album .outer-box .inner-box, .onebox.google-photos-album .outer-box .inner-box,
.onebox.flickr-album .outer-box .inner-box {
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.onebox.imgur-album .outer-box .inner-box .album-title, .onebox.google-photos-album .outer-box .inner-box .album-title,
.onebox.flickr-album .outer-box .inner-box .album-title {
  width: 100%;
  font-size: var(--font-up-1);
  line-height: var(--line-height-large);
  color: #ccc;
  text-decoration: none;
}

aside.onebox.stackexchange .onebox-body img:not(.onebox-avatar) {
  max-height: 60%;
  max-width: 10%;
}
aside.onebox.stackexchange .onebox-body .tags {
  color: gray;
}

.onebox-metadata {
  color: var(--primary-med-or-secondary-med);
}

aside.onebox.xkcd .onebox-body img {
  float: none;
  max-height: unset;
}

.onebox.pdf .onebox-body .pdf-onebox-logo {
  width: 60px;
  height: 50px;
  float: left;
  background: url(/favicons/pdf_64px.png) no-repeat;
  background-size: 48px 48px;
}
.onebox.pdf .onebox-body .filesize {
  color: gray;
}

.onebox.allowlistedgeneric .label1,
.onebox.allowlistedgeneric .label2,
.onebox.whitelistedgeneric .label1,
.onebox.whitelistedgeneric .label2,
.onebox.discoursetopic .label1,
.onebox.discoursetopic .label2 {
  color: var(--primary-med-or-secondary-med);
}
.onebox.allowlistedgeneric .label1,
.onebox.whitelistedgeneric .label1,
.onebox.discoursetopic .label1 {
  float: left;
}
.onebox.allowlistedgeneric .label2,
.onebox.whitelistedgeneric .label2,
.onebox.discoursetopic .label2 {
  float: right;
}

.onebox .site-icon {
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
}
.onebox.category-onebox {
  border: 1px solid var(--primary-low);
  padding-left: calc(1em - 5px);
  margin-left: 5px;
}
.onebox .badge-category-bg {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
}

.onebox.discoursetopic h3 {
  width: 100%;
  margin-bottom: 0.2rem !important;
}
.onebox.discoursetopic .topic-category {
  color: var(--primary-high);
  line-height: var(--line-height-medium);
}
.onebox.discoursetopic .discourse-tags {
  vertical-align: bottom;
}
.onebox.discoursetopic .discourse-tags .d-icon-tag {
  font-size: var(--font-down-1);
  margin-right: 0.35em;
  margin-top: 0.15em;
  color: var(--primary-medium);
  align-self: center;
}

.onebox.gfycat p span.label1 a {
  white-space: nowrap;
}

.onebox.instagram div.instagram-description {
  color: var(--primary-med-or-secondary-med);
  padding-top: 10px;
}

.onebox.reddit div.aspect-image-full-size {
  position: relative;
}
.onebox.reddit div.description {
  color: var(--primary-med-or-secondary-med);
}

.onebox.githubfolder .thumbnail {
  width: 60px;
  height: 60px;
}
.onebox.githubfolder .thumbnail.onebox-full-image {
  max-height: 60px;
  max-width: 60px;
}
.onebox.githubfolder .label1 {
  color: var(--primary-med-or-secondary-med);
}

.onebox.githubcommit pre.message {
  padding: 0;
}

.mobile-view article.onebox-body {
  border-top: none;
}

aside.onebox.mixcloud-preview {
  padding: 0;
  border: 0;
  height: 120px;
  background-color: #1c1f21;
}
aside.onebox.mixcloud-preview article.onebox-body img {
  padding: 0;
  max-height: 120px;
}
aside.onebox.mixcloud-preview .onebox-body a[href],
aside.onebox.mixcloud-preview .onebox-body a[href]:visited,
aside.onebox.mixcloud-preview .onebox-body a[href]:hover {
  color: #d1d1d1;
}
aside.onebox.mixcloud-preview .onebox-body .video-icon {
  position: relative;
  top: 17px;
  height: 100%;
  float: left;
  padding-left: 6px;
}
aside.onebox.mixcloud-preview .onebox-body .mixcloud-text {
  padding-left: 170px;
  font-family: sans-serif;
  color: gray;
}
aside.onebox.mixcloud-preview .onebox-body .mixcloud-text h3 {
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding-top: 15px;
  height: 20px;
}
aside.onebox.mixcloud-preview .onebox-body .mixcloud-text h4 {
  font-size: 12px;
  font-weight: 200;
}

@supports (aspect-ratio: 1) {
  .youtube-onebox {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.onebox.video-onebox,
.video-container {
  position: relative;
  padding: 0 0 56.25% 0;
  width: 100%;
  background-color: black;
}
.onebox.video-onebox video,
.video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-placeholder-container {
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 0 0 56.25% 0;
  width: 100%;
  background-color: black;
}
.video-placeholder-container .video-placeholder-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  padding: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-placeholder-container .video-placeholder-overlay .d-icon-play {
  border-radius: var(--d-border-radius);
  color: #fff;
  display: flex;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.25));
  height: 2.3rem;
  transition: transform 0.15s;
  width: 2.3rem;
}
@media (prefers-reduced-motion) {
  .video-placeholder-container .video-placeholder-overlay .d-icon-play {
    transition: transform 0s;
  }
}
.video-placeholder-container .video-placeholder-overlay .spinner {
  border-color: #fff;
  border-right-color: rgba(0, 0, 0, 0);
  margin: 0;
}
.discourse-no-touch .video-placeholder-container:hover .video-placeholder-overlay .d-icon-play, .discourse-no-touch .video-placeholder-container.btn-hover .video-placeholder-overlay .d-icon-play {
  transform: scale(1.2);
}

iframe.vimeo-onebox,
iframe.loom-onebox {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: auto) {
  iframe.vimeo-onebox,
  iframe.loom-onebox {
    width: 690px;
    height: 388px;
  }
}
.video-container .notice {
  background-color: var(--highlight-bg);
  padding: 10px 20px;
  position: absolute;
  width: calc(100% - 40px);
  animation: 0.5s fadeIn;
}
@media (prefers-reduced-motion) {
  .video-container .notice {
    animation-duration: 0s;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.onebox-placeholder-container {
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  padding: 0 0 48.25% 0;
  background-color: var(--primary-low);
}
.onebox-placeholder-container .placeholder-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.onebox-placeholder-container .placeholder-icon.image::before {
  opacity: 0.8;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg width='128px' height='128px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='grey' d='M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z'%3E%3C/path%3E%3C/svg%3E");
}
.onebox-placeholder-container .placeholder-icon.video::before {
  opacity: 0.8;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg width='128px' height='128px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='white' d='M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z'%3E%3C/path%3E%3C/svg%3E");
}
.onebox-placeholder-container .placeholder-icon.audio::before {
  opacity: 0.4;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg width='128px' height='128px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M511.99 32.01c0-21.71-21.1-37.01-41.6-30.51L150.4 96c-13.3 4.2-22.4 16.5-22.4 30.5v261.42c-10.05-2.38-20.72-3.92-32-3.92-53.02 0-96 28.65-96 64s42.98 64 96 64 96-28.65 96-64V214.31l256-75.02v184.63c-10.05-2.38-20.72-3.92-32-3.92-53.02 0-96 28.65-96 64s42.98 64 96 64 96-28.65 96-64l-.01-351.99z'%3E%3C/path%3E%3C/svg%3E");
}
.onebox-placeholder-container .placeholder-icon.map::before {
  opacity: 0.4;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg width='128px' height='128px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M288 0c-69.59 0-126 56.41-126 126 0 56.26 82.35 158.8 113.9 196.02 6.39 7.54 17.82 7.54 24.2 0C331.65 284.8 414 182.26 414 126 414 56.41 357.59 0 288 0zm0 168c-23.2 0-42-18.8-42-42s18.8-42 42-42 42 18.8 42 42-18.8 42-42 42zM20.12 215.95A32.006 32.006 0 0 0 0 245.66v250.32c0 11.32 11.43 19.06 21.94 14.86L160 448V214.92c-8.84-15.98-16.07-31.54-21.25-46.42L20.12 215.95zM288 359.67c-14.07 0-27.38-6.18-36.51-16.96-19.66-23.2-40.57-49.62-59.49-76.72v182l192 64V266c-18.92 27.09-39.82 53.52-59.49 76.72-9.13 10.77-22.44 16.95-36.51 16.95zm266.06-198.51L416 224v288l139.88-55.95A31.996 31.996 0 0 0 576 426.34V176.02c0-11.32-11.43-19.06-21.94-14.86z'%3E%3C/path%3E%3C/svg%3E");
}
.onebox-placeholder-container .placeholder-icon.generic::before {
  opacity: 0.4;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg width='128px' height='128px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z'%3E%3C/path%3E%3C/svg%3E");
}

aside.onebox.preview-error .site-icon {
  width: 16px;
  height: 16px;
  margin-right: 0.5em;
}

.onebox.threadsstatus .onebox-body .thumbnail,
.onebox.threadsstatus .onebox-body .thumbnail.onebox-avatar {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
.onebox.threadsstatus .onebox-body .threads-screen-name {
  font-size: var(--font-down-1);
}
.onebox.threadsstatus .onebox-body h4 {
  margin-bottom: 0;
}
.onebox.threadsstatus .onebox-body .thread-contents .thread-description {
  white-space: pre-line;
}
.onebox.threadsstatus .onebox-body p,
.onebox.threadsstatus .onebox-body .thread-contents {
  clear: left;
  padding: 1em 0;
}
.onebox.threadsstatus .onebox-body p .quoted,
.onebox.threadsstatus .onebox-body .thread-contents .quoted {
  border: 1px solid var(--primary-low);
  padding: 0.5em 1em;
  margin-top: 1em;
  white-space: normal;
}
.onebox.threadsstatus .onebox-body p .quoted .quoted-link,
.onebox.threadsstatus .onebox-body .thread-contents .quoted .quoted-link {
  color: inherit;
}
.onebox.threadsstatus .onebox-body p .quoted .quoted-title,
.onebox.threadsstatus .onebox-body .thread-contents .quoted .quoted-title {
  font-weight: bold;
  margin: 0.5em 0;
  padding: 0;
}
.onebox.threadsstatus .onebox-body p .quoted .quoted-title span,
.onebox.threadsstatus .onebox-body .thread-contents .quoted .quoted-title span {
  font-weight: lighter;
  color: var(--primary-medium);
}
.onebox.threadsstatus .onebox-body p .quoted div,
.onebox.threadsstatus .onebox-body .thread-contents .quoted div {
  margin-bottom: 5px;
}
.onebox.threadsstatus .onebox-body .date {
  display: flex;
  line-height: var(--line-height-small);
}
.onebox.threadsstatus .onebox-body .date .timestamp {
  color: var(--primary-medium);
}
.onebox.threadsstatus .onebox-body .like,
.onebox.threadsstatus .onebox-body .replies {
  align-items: center;
  color: var(--primary-medium);
  display: flex;
  margin-left: 0.75em;
}
.onebox.threadsstatus .onebox-body .like svg,
.onebox.threadsstatus .onebox-body .replies svg {
  fill: currentcolor;
  margin-right: 0.25em;
}
.onebox.threadsstatus .onebox-body .is-reply {
  color: var(--primary-medium);
  margin-right: 0.25em;
}

.archetype-private_message {
  --pm-border-radius: 0;
  --pm-padding: 1.25em;
}
.archetype-private_message .topic-post {
  margin-bottom: 0.5em;
}
.archetype-private_message .topic-post:last-child {
  margin-bottom: 1.5em;
}
.archetype-private_message .regular.contents {
  border-radius: 0 var(--pm-border-radius) var(--pm-border-radius) var(--pm-border-radius);
  border: 1px solid var(--primary-low);
  padding-left: var(--pm-padding);
}
.desktop-view .archetype-private_message .regular.contents {
  margin-left: calc(var(--pm-padding) * -1);
}
.archetype-private_message .topic-avatar,
.archetype-private_message .topic-body {
  border: none;
}
.archetype-private_message .topic-body .cooked {
  box-sizing: border-box;
  margin-top: 0.25em;
  padding-right: calc(var(--topic-body-width-padding) * 2);
}
.archetype-private_message .post-menu-area {
  padding-right: calc(var(--topic-body-width-padding) * 2);
  margin: 0.5em 0 var(--topic-body-width-padding);
}
.archetype-private_message .who-liked {
  box-sizing: border-box;
  padding-right: var(--topic-body-width-padding);
}
.archetype-private_message .post-notice {
  box-sizing: border-box;
  border-radius: var(--pm-border-radius);
  background-color: var(--tertiary-very-low);
  border-color: var(--tertiary-very-low);
  margin-bottom: 1em;
  margin-left: 1.65em;
  padding: var(--pm-padding) 2em;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width) - 1.65em);
}
.archetype-private_message .post-notice.old {
  border: 1px solid var(--primary-low);
}
.archetype-private_message .topic-map {
  border: none;
  padding-block: var(--pm-padding);
  padding-left: calc(48px - var(--pm-padding));
  display: grid;
  grid-template-areas: "contents additional" "pm-map pm-map";
  grid-template-columns: 1fr auto;
}
.archetype-private_message .topic-map section {
  border: none;
  background: var(--primary-very-low);
  padding-inline: var(--pm-padding);
}
.archetype-private_message .topic-map .map {
  padding-top: var(--pm-padding);
}
.archetype-private_message .topic-map__contents, .archetype-private_message .topic-map__additional-contents {
  padding-top: var(--pm-padding);
}
.archetype-private_message .topic-map__contents {
  grid-area: contents;
}
.archetype-private_message .topic-map__additional-contents {
  grid-area: additional;
}
.archetype-private_message .topic-map__private-message-map {
  grid-area: pm-map;
  padding: 0.5em var(--pm-padding) var(--pm-padding);
}
.archetype-private_message .topic-map .participants {
  margin-bottom: 1.5em;
}
.archetype-private_message .topic-map .participants .user {
  border: none;
  background: var(--primary-low);
  padding: 2px 4px;
  border-radius: var(--pm-border-radius);
}
.archetype-private_message .map:first-of-type .buttons .btn, .archetype-private_message .map:first-of-type .buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .archetype-private_message .map:first-of-type .buttons .json-editor-btn-add, .archetype-private_message .map:first-of-type .buttons .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .archetype-private_message .map:first-of-type .buttons button {
  border: none;
  border-radius: var(--pm-border-radius);
}
.archetype-private_message .embedded-posts {
  border: none;
}
.archetype-private_message .embedded-posts .topic-body {
  overflow: visible;
  width: 100%;
}
.archetype-private_message .embedded-posts .topic-avatar {
  padding-left: 0;
}
.archetype-private_message .embedded-posts .collapse-down,
.archetype-private_message .embedded-posts .collapse-up {
  display: none;
}
.archetype-private_message .embedded-posts.bottom {
  margin-bottom: 0;
  margin-right: calc(var(--topic-body-width-padding) * 2);
}
.archetype-private_message .embedded-posts.top .cooked {
  border: 1px solid var(--primary-low);
  border-radius: var(--pm-border-radius);
  margin-left: calc(var(--pm-padding) * -1);
  padding-left: 2.15em;
}
.archetype-private_message .embedded-posts.top .row .topic-body,
.archetype-private_message .embedded-posts.top .row .topic-avatar {
  border: none;
}
.archetype-private_message .timeline-replies {
  display: flex;
  align-items: baseline;
  margin-right: 0.15em;
}
.archetype-private_message .current-user-post .regular.contents {
  background: var(--tertiary-very-low);
  border-color: var(--tertiary-very-low);
}
.archetype-private_message .current-user-post .embedded-posts .topic-body .cooked {
  background: transparent;
}
.archetype-private_message .moderator .topic-body.highlighted .regular.contents {
  animation: none;
}
.archetype-private_message .moderator .regular.contents {
  background: var(--highlight-low);
  border-color: var(--highlight-low);
}
.archetype-private_message .moderator .regular.contents .cooked {
  background: transparent;
}
.archetype-private_message .whisper .topic-body .regular.contents {
  background: transparent;
  border: 2px dashed var(--primary-low);
}
.archetype-private_message .whisper.current-user-post .topic-body .regular.contents {
  border: 2px dashed var(--tertiary-low);
}
.archetype-private_message .deleted .topic-body .regular.contents {
  background: var(--danger-low);
  border-color: transparent;
}
.archetype-private_message .deleted .topic-body .regular.contents .cooked {
  background: transparent;
}
.archetype-private_message .deleted.whisper .topic-body .regular.contents {
  border-color: var(--danger-low-mid);
}

.popup-menu {
  background-color: var(--secondary);
  width: 14em;
  border: 1px solid var(--primary-low);
  z-index: 300;
  box-shadow: var(--shadow-card);
}
.popup-menu ul {
  margin: 0;
  list-style: none;
}
.popup-menu ul li {
  border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
}
.popup-menu ul li:last-child {
  border: none;
}
.popup-menu .btn, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add, .popup-menu .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .popup-menu button {
  justify-content: left;
  text-align: left;
  background: none;
  width: 100%;
  padding: 0.5em;
  border-radius: 0;
  margin: 0;
}
.popup-menu .btn .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button .d-icon {
  color: var(--primary-medium);
  align-self: flex-start;
  margin-right: 0.75em;
  margin-top: 0.1em;
}
.popup-menu .btn:focus, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add:focus, .popup-menu .d-modal.json-schema-editor-modal .je-ready button:focus, .d-modal.json-schema-editor-modal .je-ready .popup-menu button:focus, .popup-menu .btn:hover, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add:hover, .popup-menu .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .popup-menu button:hover {
  color: var(--primary);
  background: var(--d-hover);
}
.popup-menu .btn:focus .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add:focus .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button:focus .d-icon, .popup-menu .btn:hover .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .json-editor-btn-add:hover .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button:hover .d-icon {
  color: var(--primary-medium);
}
.popup-menu .btn.popup-menu-btn-danger .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger .d-icon {
  color: var(--danger);
}
.popup-menu .btn.popup-menu-btn-danger .d-button-label, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add .d-button-label, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add .d-button-label, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger .d-button-label, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger .d-button-label {
  color: var(--primary);
}
.popup-menu .btn.popup-menu-btn-danger:focus, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:focus, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:focus, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:focus, .popup-menu .btn.popup-menu-btn-danger:hover, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:hover, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:hover, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:hover {
  background: var(--danger-low);
}
.popup-menu .btn.popup-menu-btn-danger:focus .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:focus .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:focus .d-icon,
.popup-menu .btn.popup-menu-btn-danger:focus .d-button-label,
.popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:focus .d-button-label,
.d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:focus .d-button-label,
.popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:focus .d-button-label,
.d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:focus .d-button-label, .popup-menu .btn.popup-menu-btn-danger:hover .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:hover .d-icon, .popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:hover .d-icon,
.popup-menu .btn.popup-menu-btn-danger:hover .d-button-label,
.popup-menu .d-modal.json-schema-editor-modal .je-ready .popup-menu-btn-danger.json-editor-btn-add:hover .d-button-label,
.d-modal.json-schema-editor-modal .je-ready .popup-menu .popup-menu-btn-danger.json-editor-btn-add:hover .d-button-label,
.popup-menu .d-modal.json-schema-editor-modal .je-ready button.popup-menu-btn-danger:hover .d-button-label,
.d-modal.json-schema-editor-modal .je-ready .popup-menu button.popup-menu-btn-danger:hover .d-button-label {
  color: var(--danger);
}

.redirection-warning {
  margin: 0 auto;
  text-align: center;
  font-size: var(--font-up-4);
  line-height: var(--line-height-medium);
}

.reorder-categories thead th {
  padding-bottom: 0.5em;
}
.reorder-categories input[type=number] {
  margin: 0;
  max-width: 4em;
}
.reorder-categories table {
  width: 100%;
  padding-bottom: 150px;
  margin: 0 0.667em;
}
.reorder-categories table td {
  padding: 0.5em 0.5em 0.5em 0;
  min-width: 10em;
}
@media screen and (min-width: calc( + 1px)) {
  .reorder-categories table td {
    min-width: 15em;
  }
}
.reorder-categories .badge-category__wrapper .badge-category {
  max-width: 20em;
}
@media screen and (max-width: 550px) {
  .reorder-categories .badge-category__wrapper .badge-category {
    max-width: 30vw;
  }
}
.reorder-categories__header-position {
  text-align: right;
}

.reorder-categories-actions {
  display: flex;
  justify-content: end;
  gap: 0.5rem;
}

.reorder-categories-depth-1 {
  margin-left: 20px;
}

.reorder-categories-depth-2 {
  margin-left: 40px;
}

.reviewable {
  background: var(--d-content-background);
}
.reviewable .flagged-post-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.reviewable .status {
  color: var(--primary-medium);
}
.reviewable .status span.approved {
  color: var(--success);
}
.reviewable .status span.approved .d-icon {
  color: currentcolor;
}
.reviewable .status span.rejected {
  color: var(--danger);
}
.reviewable .status span.rejected .d-icon {
  color: currentcolor;
}
.reviewable .explain {
  margin-left: 0.5em;
}
.reviewable .nav-pills {
  margin: 0 0 1em;
}
.reviewable .reviewable-container {
  display: flex;
  flex-direction: row;
  margin-top: 1em;
}
.reviewable .reviewable-container .reviewable-list {
  flex: 1;
  box-sizing: border-box;
  max-width: 760px;
  min-width: 0;
  margin-right: auto;
}
.reviewable .reviewable-container .reviewable-filters {
  width: 250px;
  height: 100%;
  box-sizing: border-box;
}
.reviewable .reviewable-container .reviewable-list + .reviewable-filters {
  margin-left: 1em;
}

.reviewable-settings h4 {
  margin-top: 1em;
  margin-bottom: 1em;
}
.reviewable-settings .saved {
  margin-left: 0.5em;
}
.reviewable-settings .reviewable-score-type {
  display: flex;
  margin-bottom: 0.5em;
}
.reviewable-settings .reviewable-score-type .select-kit {
  min-width: 10em;
}
.reviewable-settings .reviewable-score-type .title {
  width: 30%;
}

.reviewable-user-info {
  max-width: 100%;
  margin: 0.5em 0;
}
.reviewable-user-info .reviewable-user-fields {
  margin-bottom: 2em;
}
.reviewable-user-info .reviewable-user-details {
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: 0.25em;
  display: flex;
  margin-bottom: 0.5em;
}
.reviewable-user-info .reviewable-user-details .name {
  width: 8em;
  font-weight: bold;
  margin-right: 1em;
}
.reviewable-user-info .reviewable-user-details .value {
  max-width: calc(100% - 8em - 1em);
  word-wrap: break-word;
}

.no-review {
  margin-top: 1em;
}

.reviewable-filters {
  background-color: var(--primary-very-low);
  padding: 1em;
  margin-bottom: 1em;
}
.reviewable-filters .reviewable-filter {
  display: flex;
  flex-direction: column;
  margin: 0 0 1em 0;
}
.reviewable-filters .reviewable-filter .filter-label {
  margin: 0 0 0.5em 0;
}
.reviewable-filters .reviewable-filter .score-filter {
  margin: 0;
  width: 100%;
}
.reviewable-filters .reviewable-filter .category-chooser {
  width: 100%;
}

.reviewable-claimed-topic {
  display: flex;
  align-items: center;
}
.reviewable-claimed-topic .btn-small, .reviewable-claimed-topic .json-editor-btn-collapse {
  margin-left: 0.5em;
}

.claimed-actions {
  display: flex;
  flex: 1 1 100%;
  margin-right: 0;
  align-items: center;
  margin-bottom: 0.5em;
}

.claimed-by {
  display: flex;
  align-items: center;
}
.claimed-by .claimed-username {
  margin-left: 0.5em;
}

.reviewable-topics {
  width: 100%;
}
.reviewable-topics tbody td {
  padding: 0.5em;
}
.reviewable-topics .reviewable-details {
  display: flex;
  justify-content: flex-end;
}
.reviewable-topics .reviewable-details .btn, .reviewable-topics .reviewable-details .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reviewable-topics .reviewable-details .json-editor-btn-add, .reviewable-topics .reviewable-details .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .reviewable-topics .reviewable-details button {
  display: flex;
  align-items: center;
  margin-left: 1em;
}

.reviewable-filters .topic-filter .btn, .reviewable-filters .topic-filter .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .reviewable-filters .topic-filter .json-editor-btn-add, .reviewable-filters .topic-filter .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .reviewable-filters .topic-filter button {
  display: flex;
  width: auto;
}
.reviewable-filters .score-filter {
  width: 5em;
}

.user-flag-percentage {
  display: flex;
  align-items: center;
  margin-left: 0.5em;
}
.user-flag-percentage .percentage-label {
  margin-right: 0.25em;
}
.user-flag-percentage .percentage-label.agreed {
  color: var(--success);
}
.user-flag-percentage .percentage-label.agreed + .d-icon {
  color: var(--success);
}
.user-flag-percentage .percentage-label.disagreed {
  color: var(--danger);
}
.user-flag-percentage .percentage-label.disagreed + .d-icon {
  color: var(--danger);
}
.user-flag-percentage .percentage-label.ignored {
  color: var(--primary-medium);
}
.user-flag-percentage .d-icon {
  font-size: 0.9em;
}

.reviewable-item, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post {
  background: var(--primary-very-low);
  padding: 1.5rem;
  padding-bottom: 1em;
}
.reviewable-item .topic-statuses, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .topic-statuses {
  font-size: var(--font-up-2);
}
.reviewable-item .reviewable-meta-data, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data {
  color: var(--primary-med-or-secondary-med);
  display: flex;
  width: 100%;
  margin-bottom: 0.5em;
  font-size: var(--font-down-1);
  align-items: baseline;
}
.reviewable-item .reviewable-meta-data .reviewable-type, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type {
  margin-right: 0.25em;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
  font-size: var(--font-down-2);
  color: var(--secondary);
  border-radius: 8px;
  background-color: var(--secondary-high);
}
.reviewable-item .reviewable-meta-data .reviewable-type.-flagged-post, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type.-flagged-post, .reviewable-item .reviewable-meta-data .reviewable-type.-flagged-chat-message, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type.-flagged-chat-message {
  background-color: var(--danger);
}
.reviewable-item .reviewable-meta-data .reviewable-type.-queued-post, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type.-queued-post, .reviewable-item .reviewable-meta-data .reviewable-type.-queued-topic, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type.-queued-topic, .reviewable-item .reviewable-meta-data .reviewable-type.-user, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reviewable-type.-user {
  background-color: var(--tertiary);
}
.reviewable-item .reviewable-meta-data .reply-count, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .reply-count {
  margin-left: 1em;
}
.reviewable-item .reviewable-meta-data .created-at, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .created-at {
  margin-left: 1em;
  margin-right: auto;
}
.reviewable-item .reviewable-meta-data .created-at a, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .created-at a {
  color: var(--primary-med-or-secondary-med);
}
.reviewable-item .reviewable-meta-data .score, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-meta-data .score {
  font-size: var(--font-down-1);
}
.reviewable-item .reviewable-contents, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-contents {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5rem 0 1rem;
  background: var(--secondary);
  padding: 1rem;
}
.reviewable-item .reviewable-actions, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.reviewable-item .reviewable-actions button, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions button {
  white-space: nowrap;
}
.reviewable-item .reviewable-actions .approve-post, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .approve-post,
.reviewable-item .reviewable-actions .approve-post > summary,
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .approve-post > summary {
  background-color: var(--success);
  color: var(--secondary);
}
.reviewable-item .reviewable-actions .reject-post, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .reject-post,
.reviewable-item .reviewable-actions .reject-post > summary,
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .reject-post > summary {
  background-color: var(--danger);
  color: var(--secondary);
}
.reviewable-item .reviewable-actions .reviewable-action, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .reviewable-action,
.reviewable-item .reviewable-actions .reviewable-action-dropdown,
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-actions .reviewable-action-dropdown {
  margin-right: 0.5em;
}

.reviewable-stale {
  opacity: 0.7;
}

.reviewable-deleted .reviewable-contents .post-contents .post-body {
  background-color: var(--danger-low-mid);
  padding: 0.5em;
}

.blur-images img:not(.avatar, .emoji) {
  filter: blur(10px);
  transition: 0.2s ease-in-out;
}
.blur-images img:not(.avatar, .emoji):hover {
  filter: blur(0);
  transition: 0.2s ease-in-out;
}

.reviewable-histories {
  margin-top: 1em;
}

.reviewable-scores {
  margin-top: 1rem;
  min-width: 50%;
  color: var(--primary-high);
}
.reviewable-scores__table-wrapper {
  overflow-x: scroll;
}
.reviewable-scores th {
  white-space: nowrap;
}
.reviewable-scores .reviewed-by .date {
  margin-left: 0.5em;
}
.reviewable-scores .user,
.reviewable-scores .reviewed-by {
  display: flex;
  align-items: center;
}
.reviewable-scores .user-flag-percentage {
  margin-left: 0.5em;
}
.reviewable-scores .d-icon {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.reviewable-scores .badge-notification {
  line-height: var(--line-height-medium);
  vertical-align: text-top;
}
.reviewable-scores .approved,
.reviewable-scores .approved svg {
  color: var(--success);
}
.reviewable-scores .rejected,
.reviewable-scores .rejected svg {
  color: var(--danger);
}
.reviewable-scores tbody {
  border-width: 1px;
}
.reviewable-scores tbody td {
  white-space: nowrap;
  vertical-align: baseline;
}
.reviewable-scores tbody td.user a, .reviewable-scores tbody td.reviewed-by a {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reviewable-scores tbody > tr > th {
  text-align: left;
}
.reviewable-scores tbody > tr > th:not(:empty),
.reviewable-scores tbody > tr > td:not(:empty) {
  padding: 0.5em;
}
@media screen and (max-width: 450px) {
  .reviewable-scores tbody > tr > th,
  .reviewable-scores tbody > tr > td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 0.5em;
  }
}

.reviewable-score-reason {
  margin: 0.5em 0;
  max-width: var(--topic-body-width);
  margin-bottom: 0.5em;
}

.reviewable-conversation {
  margin: 0.5em 0;
}
.reviewable-conversation .reviewable-conversation-post {
  max-width: var(--topic-body-width);
  margin-bottom: 0.5em;
}
.reviewable-conversation .reviewable-conversation-post .username {
  font-weight: bold;
  margin-right: 0.25em;
}
.reviewable-conversation .controls {
  margin-top: 0.25em;
}

.reviewable-item, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post {
  margin-block: 3rem;
}
.reviewable-item .show-raw-email, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .show-raw-email {
  color: var(--primary-medium);
  font-size: var(--font-down-2);
}
.reviewable-item .post-title, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-title {
  background-color: yellow;
}
.reviewable-item .created-by, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .created-by {
  margin-right: 1em;
  padding-top: 0.35em;
}
@media screen and (max-width: 450px) {
  .reviewable-item .created-by, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .created-by {
    float: left;
    margin-bottom: 1em;
  }
}
.reviewable-item .names, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .names {
  font-weight: bold;
}
.reviewable-item .post-contents-wrapper, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-contents-wrapper {
  width: 100%;
  margin-top: 1em;
  min-width: 275px;
  word-break: break-word;
}
@media screen and (min-width: calc(450px + 1px)) {
  .reviewable-item .post-contents-wrapper, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-contents-wrapper {
    display: flex;
  }
}
.reviewable-item .reviewable-post-header, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-post-header {
  display: flex;
  justify-content: space-between;
  width: var(--topic-body-width);
  align-items: center;
  max-width: 100%;
}
.reviewable-item .reviewable-post-header .reviewable-reply-to, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-post-header .reviewable-reply-to {
  display: flex;
  align-items: center;
  color: var(--primary-medium);
  font-size: 0.9em;
}
.reviewable-item .reviewable-post-header .reviewable-reply-to .d-icon, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .reviewable-post-header .reviewable-reply-to .d-icon {
  margin-right: 0.5em;
}
.reviewable-item .post-contents, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-contents {
  width: 100%;
  min-width: 0;
}
.reviewable-item .post-body, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body {
  position: relative;
  max-width: var(--topic-body-width);
  margin-top: 0.5em;
}
.reviewable-item .post-body.is-collapsed, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body.is-collapsed {
  max-height: 50vh;
  overflow: hidden;
}
.reviewable-item .post-body.is-collapsed::after, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 25%;
  width: 100%;
  background: linear-gradient(to bottom, transparent, var(--secondary));
}
.reviewable-item .post-body.is-collapsed + .post-body__toggle-btn, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body.is-collapsed + .post-body__toggle-btn {
  transform: translateX(-50%) translateY(-50%);
}
.reviewable-item .post-body p, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body p {
  margin-bottom: 0;
}
.reviewable-item .post-body__toggle-btn, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body__toggle-btn {
  background: var(--primary-very-low);
  color: var(--primary-high);
  font-size: var(--font-down-2);
  box-shadow: var(--shadow-dropdown);
  margin-left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
}
.reviewable-item .post-body__toggle-btn .d-icon, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body__toggle-btn .d-icon {
  color: var(--primary-high);
}
.reviewable-item .post-body__toggle-btn:hover, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body__toggle-btn:hover {
  background: var(--primary-very-low);
  color: var(--tertiary);
}
.reviewable-item .post-body__toggle-btn:hover .d-icon, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body__toggle-btn:hover .d-icon {
  color: var(--tertiary);
}
.reviewable-item .post-body aside, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body aside {
  margin: 0 0 1em 0;
}
.reviewable-item .post-body img, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body img {
  max-width: 100%;
  height: auto;
}
.reviewable-item .post-body pre, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body pre,
.reviewable-item .post-body code,
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body code {
  word-break: break-all;
}
.reviewable-item .post-topic, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-topic {
  width: 100%;
  color: var(--primary-medium);
  margin-bottom: 0.75em;
}
.reviewable-item .post-topic .title-text, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-topic .title-text {
  font-weight: bold;
  color: var(--primary);
  display: block;
  font-size: var(--font-up-2);
  margin-right: 0.75em;
}
.reviewable-item .post-topic .badge-category__wrapper, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-topic .badge-category__wrapper {
  margin-left: 0.25em;
}
.reviewable-item .post-topic .discourse-tag, .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-topic .discourse-tag {
  vertical-align: bottom;
  padding-left: 0.1em;
}
.reviewable-item__context-question {
  margin-block: 1rem;
}

.editable-fields {
  width: 100%;
}
.editable-fields .editable-created-by {
  display: flex;
  margin-bottom: 0.5em;
}
.editable-fields .editable-created-by .avatar {
  margin-right: 0.25em;
}
.editable-fields .editable-field {
  margin-bottom: 0.5em;
}
.editable-fields .editable-field .mini-tag-chooser {
  margin: 0;
}
.editable-fields .editable-field .reviewable-input-text {
  width: 100%;
  margin-bottom: 0;
}
.editable-fields .editable-field .reviewable-input-textarea {
  width: 100%;
  height: 10em;
}

.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__optional {
  margin-left: 0.5em;
  color: var(--primary-low-mid);
}
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__custom-reason {
  width: 100%;
}
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post {
  padding: 1em;
  margin: 0 0 1em 0;
}
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-topic .title-text {
  font-size: var(--font-up-1);
}
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body {
  margin: 0;
}
.modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body p {
  margin: 0;
}

.rtl .d-icon-align-right,
.rtl .d-icon-angles-right,
.rtl .d-icon-angle-right,
.rtl .d-icon-arrow-right,
.rtl .d-icon-caret-right,
.rtl .d-icon-chevron-right,
.rtl .d-icon-hand-point-right,
.rtl .d-icon-quote-right {
  transform: rotate(180deg);
}
.rtl .d-icon-align-left,
.rtl .d-icon-angles-left,
.rtl .d-icon-angle-left,
.rtl .d-icon-arrow-left,
.rtl .d-icon-caret-left,
.rtl .d-icon-chevron-left,
.rtl .d-icon-hand-point-left,
.rtl .d-icon-quote-left {
  transform: rotate(180deg);
}

html:not(.rtl) .cooked ul[dir=rtl],
html:not(.rtl) .d-editor-preview ul[dir=rtl],
.rtl .cooked ul[dir=ltr],
.rtl .d-editor-preview ul[dir=ltr] {
  padding-left: 0;
  padding-right: 1.25em;
  margin-right: 1.25em;
}

.rtl .ace_placeholder {
  direction: rtl !important;
  text-align: right !important;
}
.rtl .ace_placeholder [dir=ltr] {
  text-align: left !important;
}

.search-highlight {
  font-weight: bold;
}

.search-container {
  background: var(--d-content-background);
}
.search-container .search-cta {
  flex: 1 1 0;
}
.search-container .search-header {
  padding: 1rem 10%;
  background: var(--primary-very-low);
}
@media screen and (max-width: 850px) {
  .search-container .search-header {
    padding: 1rem;
  }
}
.search-container .warning {
  background-color: var(--danger-medium);
  padding: 5px 8px;
  margin-block: 0.5rem;
  color: var(--secondary);
}
.search-container .search-page-heading {
  font-size: var(--font-up-3);
}
.search-container .search-page-heading span + span {
  margin-left: 0.25em;
}
.search-container .search-page-heading span.term {
  background: var(--tertiary-low);
}
.search-container .search-bar {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background: var(--primary-very-low);
  gap: 0.5em 1em;
}
.search-container .search-bar input.search-query {
  width: auto;
  flex: 1 1 60%;
  margin: 0;
}
.search-container .search-bar .select-kit {
  flex: 1 1 20%;
}
.search-container .search-bar .select-kit .name {
  white-space: nowrap;
}
@media screen and (max-width: 550px) {
  .search-container .search-bar {
    flex-direction: column;
  }
  .search-container .search-bar input.search-query,
  .search-container .search-bar .select-kit {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
.search-container .search-advanced {
  position: relative;
}
.search-container .search-advanced .search-actions,
.search-container .search-advanced .search-title,
.search-container .search-advanced .search-bar {
  margin-bottom: 1em;
}
.search-container .search-advanced .search-results {
  padding: 1rem 10%;
}
@media screen and (max-width: 850px) {
  .search-container .search-advanced .search-results {
    padding: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .search-container .search-advanced .search-results {
    padding: 1rem 0.5rem 1rem 0.25rem;
  }
}
.search-container .search-advanced .search-info {
  display: flex;
  flex-wrap: wrap;
  padding: 1em 10%;
  background-color: var(--secondary);
  border-bottom: 1px solid var(--primary-low);
}
@media screen and (max-width: 850px) {
  .search-container .search-advanced .search-info {
    padding: 0.5em 0;
  }
}
.search-container .search-advanced .search-info.bulk-select-visible {
  position: sticky;
  top: 60px;
  z-index: 10;
}
.search-container .search-advanced .search-info .sort-by {
  margin-left: auto;
}
.search-container .search-advanced .search-info button {
  margin: 0 0.5em 0 0;
}
@media screen and (max-width: 850px) {
  .search-container .search-advanced .search-info button {
    margin: 0 0.5em 0.5em 0;
  }
}
.search-container .search-advanced .search-info #bulk-select {
  position: relative;
  right: unset;
  margin: 0;
  padding: 0;
  display: inline;
}
.search-container .search-advanced .search-info #bulk-select button {
  margin-right: 0.5em;
}
.search-container .search-advanced .search-info .sort-by.inline-form label {
  margin-bottom: 0;
}
.search-container .search-advanced .search-info #search-sort-by {
  margin-bottom: 0;
}
.search-container .search-notice .fps-invalid {
  padding: 0.5em;
  background-color: var(--danger-low);
  border: 1px solid var(--danger-medium);
  color: var(--danger);
}
.search-container .search-context {
  margin-top: 1em;
}
.search-container .user-items {
  display: grid;
  gap: 2em 1em;
  grid: auto-flow/repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 850px) {
  .search-container .user-items {
    grid: auto-flow/repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .search-container .user-items {
    grid: auto-flow/1fr 1fr;
  }
}
@media screen and (max-width: 450px) {
  .search-container .user-items {
    grid: auto-flow/1fr;
  }
}
.search-container .search-filters {
  background: var(--primary-very-low);
  display: flex;
  flex-direction: column;
}
.search-container .search-filters details.advanced-filters > summary,
.search-container .search-filters details.search-advanced-additional-options > summary {
  margin-top: 1em;
  color: var(--tertiary);
  cursor: pointer;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.search-container .search-filters details.advanced-filters > summary:focus-visible,
.search-container .search-filters details.search-advanced-additional-options > summary:focus-visible {
  outline: 2px solid transparent;
  background-color: var(--tertiary-very-low);
}
.search-container .search-filters details.advanced-filters[open] > summary,
.search-container .search-filters details.search-advanced-additional-options[open] > summary {
  color: var(--primary);
  margin-bottom: 1em;
}
.search-container .search-filters details.advanced-filters[open] > summary:focus-visible,
.search-container .search-filters details.search-advanced-additional-options[open] > summary:focus-visible {
  background-color: var(--tertiary-very-low);
}
.search-container .search-filters details.advanced-filters .control-label,
.search-container .search-filters details.search-advanced-additional-options .control-label {
  font-weight: bold;
  color: var(--primary-high);
}
.search-container .search-filters details.search-advanced-additional-options > summary {
  font-size: var(--font-down-1);
}
.search-container .search-filters .combo-box:not(#postTime),
.search-container .search-filters .control-group,
.search-container .search-filters .multi-select {
  width: 100%;
  min-width: 100%;
}
.search-container .search-filters .search-advanced-filters {
  background: var(--primary-very-low);
}
.search-container .search-filters .search-advanced-filters .second-search-button {
  display: flex;
  margin-top: 1em;
}
@media screen and (min-width: calc(550px + 1px)) {
  .search-container .search-filters .search-advanced-filters .search-advanced-options {
    column-count: 2;
    column-gap: 2em;
  }
  .search-container .search-filters .search-advanced-filters .search-advanced-options .control-group {
    break-inside: avoid;
  }
}
@media screen and (min-width: calc(850px + 1px)) {
  .search-container .search-filters .search-advanced-filters .search-advanced-options {
    column-gap: 5em;
  }
}
@media screen and (max-width: 850px) {
  .search-container .search-filters .search-advanced-filters .choices,
  .search-container .search-filters .search-advanced-filters .select-kit.multi-select {
    width: 100% !important;
  }
  .search-container .search-filters .search-advanced-filters .select-kit {
    min-width: unset;
  }
}
.search-container .search-filters .search-advanced-filters .control-group {
  margin-bottom: 1em;
}
.search-container .search-filters .search-advanced-filters .count-group input[type=number] {
  width: 8em;
}
.search-container .search-filters .search-advanced-filters .count-group .d-icon {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.fps-invalid {
  margin-top: 1em;
  margin-bottom: 1em;
}

.search-category .badge-category__wrapper,
.search-category .discourse-tags {
  margin-left: 0.5em;
}
.search-category .badge-category__wrapper:first-child,
.search-category .discourse-tags:first-child {
  margin-left: 0;
}

.fps-result {
  display: flex;
  padding: 0;
  margin-bottom: 2em;
  max-width: 100%;
  word-break: break-word;
  position: relative;
}
.fps-result.bulk-select-enabled {
  padding-left: 3em;
}
.fps-result .author {
  display: inline-block;
  vertical-align: top;
  padding-top: 0.15em;
  padding-left: 0.15em;
  margin-right: 1em;
}
.fps-result .topic {
  padding-bottom: 0.25em;
  display: grid;
  grid-template-areas: "bulk-select title" "meta meta";
  grid-template-columns: auto 1fr;
}
.fps-result .topic .bulk-select {
  position: absolute;
  left: 0.5em;
  top: 0.75em;
  padding: 0.25em 0.5em;
  background-color: var(--tertiary-low);
}
.fps-result .topic .bulk-select input[type=checkbox] {
  margin: 0;
}
.fps-result .topic .search-link {
  align-items: baseline;
  display: flex;
  grid-area: title;
}
.fps-result .topic .search-category {
  grid-area: meta;
}
.fps-result .search-category {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.25em;
  gap: 0 0.5em;
}
.fps-result .search-category .badge-category__wrapper {
  max-width: 100%;
}
.fps-result .discourse-tags {
  flex-wrap: wrap;
  display: inline-flex;
  font-weight: normal;
}
.fps-result .discourse-tags .discourse-tag.simple {
  font-size: var(--font-down-1);
}
.fps-result .blurb {
  font-size: var(--font-0);
  line-height: var(--line-height-large);
  color: var(--primary-medium);
}
.fps-result .blurb .date {
  color: var(--primary-high);
}
.fps-result .blurb .search-highlight {
  color: var(--primary-high);
}
.fps-result .like-count {
  display: block;
  color: var(--primary-high);
  margin-top: 0.25em;
}
.fps-result .like-count .d-icon {
  color: var(--love);
  font-size: var(--font-down-1);
}
.fps-result a.search-link.visited .topic-title {
  color: var(--primary-medium);
}
.fps-result .search-link .topic-title {
  font-size: var(--font-up-1);
  line-height: var(--line-height-medium);
  color: var(--primary);
}
.fps-result .search-link .topic-statuses {
  display: inline-block;
  flex-shrink: 0;
  font-size: 1.1em;
  line-height: var(--line-height-medium);
  color: var(--primary-medium);
}
.fps-result .search-link .topic-statuses span {
  line-height: 1;
}
.fps-result .discourse-tag.simple {
  font-size: var(--font-down-1);
}

.no-results-suggestion,
.google-search-form {
  margin-top: 1em;
}

.search-results .fps-user-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-results .fps-user-item .avatar {
  margin-right: 0.5em;
  min-width: 25px;
  flex: 0 0 auto;
}
.search-results .fps-user-item .user-titles {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  overflow: hidden;
}
.search-results .fps-user-item .user-titles .name {
  color: var(--primary-high-or-secondary-low);
  font-size: var(--font-0);
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-results .fps-user-item .user-titles .username {
  color: var(--primary-high-or-secondary-low);
  font-size: var(--font-down-1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-results .category-items,
.search-results .tag-items {
  margin-bottom: 1.5em;
}
.search-results .category-items .fps-category-item,
.search-results .category-items .fps-tag-item,
.search-results .tag-items .fps-category-item,
.search-results .tag-items .fps-tag-item {
  margin-bottom: 1.5em;
  display: block;
}

.search-menu .menu-panel .panel-body-contents,
.search-menu-container .menu-panel .panel-body-contents {
  overflow-y: auto;
}
.search-menu .search-input,
.search-menu-container .search-input {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--d-input-bg-color);
  border: var(--d-input-border);
  border-radius: var(--d-input-border-radius);
  margin: 1px;
  padding: 0.25rem;
}
.search-menu .search-input input#search-term,
.search-menu-container .search-input input#search-term {
  background: none;
  border: 0;
  margin-bottom: 0;
  width: auto;
  flex-grow: 1;
}
.search-menu .search-input input#search-term:focus,
.search-menu-container .search-input input#search-term:focus {
  outline: none;
}
.search-menu .search-input .btn.search-context, .search-menu .search-input .d-modal.json-schema-editor-modal .je-ready .search-context.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .search-menu .search-input .search-context.json-editor-btn-add, .search-menu .search-input .d-modal.json-schema-editor-modal .je-ready button.search-context, .d-modal.json-schema-editor-modal .je-ready .search-menu .search-input button.search-context,
.search-menu-container .search-input .btn.search-context,
.search-menu-container .search-input .d-modal.json-schema-editor-modal .je-ready .search-context.json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready .search-menu-container .search-input .search-context.json-editor-btn-add,
.search-menu-container .search-input .d-modal.json-schema-editor-modal .je-ready button.search-context,
.d-modal.json-schema-editor-modal .je-ready .search-menu-container .search-input button.search-context {
  margin: 2px;
  margin-right: 0;
  white-space: nowrap;
  background-color: var(--primary-200);
}
.search-menu .search-input .btn.search-context:hover, .search-menu .search-input .d-modal.json-schema-editor-modal .je-ready .search-context.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .search-menu .search-input .search-context.json-editor-btn-add:hover, .search-menu .search-input .d-modal.json-schema-editor-modal .je-ready button.search-context:hover, .d-modal.json-schema-editor-modal .je-ready .search-menu .search-input button.search-context:hover,
.search-menu-container .search-input .btn.search-context:hover,
.search-menu-container .search-input .d-modal.json-schema-editor-modal .je-ready .search-context.json-editor-btn-add:hover,
.d-modal.json-schema-editor-modal .je-ready .search-menu-container .search-input .search-context.json-editor-btn-add:hover,
.search-menu-container .search-input .d-modal.json-schema-editor-modal .je-ready button.search-context:hover,
.d-modal.json-schema-editor-modal .je-ready .search-menu-container .search-input button.search-context:hover {
  background-color: var(--primary-medium);
}
.search-menu .search-input:focus-within,
.search-menu-container .search-input:focus-within {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.search-menu .heading,
.search-menu-container .heading {
  padding: 5px 0 5px 5px;
}
.search-menu .heading .filter,
.search-menu-container .heading .filter {
  padding: 0 5px;
}
.search-menu .menu-panel,
.search-menu-container .menu-panel {
  border: 0;
  box-shadow: var(--shadow-dropdown);
  padding: 1rem;
}
.search-menu.menu-panel-results,
.search-menu-container.menu-panel-results {
  position: relative;
}
.search-menu.menu-panel-results .menu-panel,
.search-menu-container.menu-panel-results .menu-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: unset;
  width: unset;
}
.search-menu .results,
.search-menu-container .results {
  display: flex;
  flex-direction: column;
  padding-top: 0.25em;
}
.search-menu .results .list,
.search-menu-container .results .list {
  min-width: 100px;
}
.search-menu .results .list .item .blurb,
.search-menu-container .results .list .item .blurb {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  margin-top: 0.25em;
}
.search-menu .results .search-result-topic .first-line,
.search-menu-container .results .search-result-topic .first-line {
  display: block;
  line-height: var(--line-height-medium);
}
.search-menu .results .search-result-topic .second-line,
.search-menu-container .results .search-result-topic .second-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.5em;
}
.search-menu .results .search-result-post .blurb,
.search-menu-container .results .search-result-post .blurb {
  font-size: var(--font-down-1);
}
.search-menu .results .search-result-category .badge-category__wrapper,
.search-menu-container .results .search-result-category .badge-category__wrapper {
  font-size: var(--font-0);
}
.search-menu .results .search-result-category .widget-link,
.search-menu-container .results .search-result-category .widget-link {
  margin-bottom: 0;
}
.search-menu .results .search-result-group .group-result .search-link,
.search-menu .results .search-result-user .search-link,
.search-menu-container .results .search-result-group .group-result .search-link,
.search-menu-container .results .search-result-user .search-link {
  display: flex;
  align-items: center;
}
.search-menu .results .search-result-group .group-result .search-link img.avatar,
.search-menu .results .search-result-user .search-link img.avatar,
.search-menu-container .results .search-result-group .group-result .search-link img.avatar,
.search-menu-container .results .search-result-user .search-link img.avatar {
  margin-right: 10px;
}
.search-menu .results .search-result-group .group-result .user-titles,
.search-menu .results .search-result-user .user-titles,
.search-menu-container .results .search-result-group .group-result .user-titles,
.search-menu-container .results .search-result-user .user-titles {
  display: flex;
  flex-direction: column;
  line-height: var(--line-height-medium);
  color: var(--primary-high-or-secondary-low);
}
.search-menu .results .search-result-group .group-result .user-titles .name,
.search-menu .results .search-result-user .user-titles .name,
.search-menu-container .results .search-result-group .group-result .user-titles .name,
.search-menu-container .results .search-result-user .user-titles .name {
  font-weight: 700;
}
.search-menu .results .search-result-group .group-result .user-titles .username,
.search-menu .results .search-result-group .group-result .user-titles .name,
.search-menu .results .search-result-group .group-result .user-titles .custom-field,
.search-menu .results .search-result-user .user-titles .username,
.search-menu .results .search-result-user .user-titles .name,
.search-menu .results .search-result-user .user-titles .custom-field,
.search-menu-container .results .search-result-group .group-result .user-titles .username,
.search-menu-container .results .search-result-group .group-result .user-titles .name,
.search-menu-container .results .search-result-group .group-result .user-titles .custom-field,
.search-menu-container .results .search-result-user .user-titles .username,
.search-menu-container .results .search-result-user .user-titles .name,
.search-menu-container .results .search-result-user .user-titles .custom-field {
  color: var(--primary-high-or-secondary-low);
}
.search-menu .results .search-result-group .group-result .user-titles .custom-field,
.search-menu .results .search-result-user .user-titles .custom-field,
.search-menu-container .results .search-result-group .group-result .user-titles .custom-field,
.search-menu-container .results .search-result-user .user-titles .custom-field {
  font-size: var(--font-down-2);
}
.search-menu .results .search-result-group .group-result .user-result,
.search-menu .results .search-result-user .user-result,
.search-menu-container .results .search-result-group .group-result .user-result,
.search-menu-container .results .search-result-user .user-result {
  display: flex;
  align-items: center;
  font-size: var(--font-down-1);
}
.search-menu .results .search-result-group .group-result,
.search-menu-container .results .search-result-group .group-result {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.search-menu .results .search-result-group .group-result:not(.--with-flair) svg,
.search-menu-container .results .search-result-group .group-result:not(.--with-flair) svg {
  padding: 0.43em;
  background: var(--primary-200);
  border-radius: 50%;
}
.search-menu .results .search-result-group .group-result .d-icon,
.search-menu-container .results .search-result-group .group-result .d-icon {
  font-size: var(--font-down-1);
}
.search-menu .results .search-result-group .group-result .avatar-flair,
.search-menu-container .results .search-result-group .group-result .avatar-flair {
  width: 1.62em;
  height: 1.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary-200);
  color: var(--primary-medium);
}
.search-menu .results .search-result-group .group-result .avatar-flair .d-icon,
.search-menu-container .results .search-result-group .group-result .avatar-flair .d-icon {
  font-size: var(--font-down-2);
  color: currentcolor;
}
.search-menu .results .search-result-group .group-result .avatar-flair,
.search-menu-container .results .search-result-group .group-result .avatar-flair {
  border-radius: 50%;
}
.search-menu .results .search-result-group .group-result .avatar-flair.avatar-flair-image,
.search-menu-container .results .search-result-group .group-result .avatar-flair.avatar-flair-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.search-menu .results .search-result-group .group-result .group-names,
.search-menu-container .results .search-result-group .group-result .group-names {
  display: flex;
  flex-direction: column;
  line-height: var(--line-height-medium);
  color: var(--primary-high-or-secondary-low);
  min-width: 0;
}
.search-menu .results .search-result-group .group-result .group-names .name,
.search-menu .results .search-result-group .group-result .group-names .slug,
.search-menu-container .results .search-result-group .group-result .group-names .name,
.search-menu-container .results .search-result-group .group-result .group-names .slug {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-menu .results .search-result-group .group-result .group-names.--group-with-slug .name,
.search-menu-container .results .search-result-group .group-result .group-names.--group-with-slug .name {
  font-weight: 700;
}
.search-menu .results .search-result-category + .search-result-user,
.search-menu .results .search-result-category + .search-result-group,
.search-menu .results .search-result-tag + .search-result-user,
.search-menu .results .search-result-tag + .search-result-group,
.search-menu-container .results .search-result-category + .search-result-user,
.search-menu-container .results .search-result-category + .search-result-group,
.search-menu-container .results .search-result-tag + .search-result-user,
.search-menu-container .results .search-result-tag + .search-result-group {
  border-top: 1px solid var(--primary-low);
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.search-menu .results .search-result-user .user-result img.avatar,
.search-menu .results .search-item-user,
.search-menu-container .results .search-result-user .user-result img.avatar,
.search-menu-container .results .search-item-user {
  display: flex;
  align-self: center;
}
.search-menu .results .search-result-user .user-result img.avatar img.avatar,
.search-menu .results .search-item-user img.avatar,
.search-menu-container .results .search-result-user .user-result img.avatar img.avatar,
.search-menu-container .results .search-item-user img.avatar {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
}
.search-menu .results .search-result-user .user-result img.avatar .username,
.search-menu .results .search-item-user .username,
.search-menu-container .results .search-result-user .user-result img.avatar .username,
.search-menu-container .results .search-item-user .username {
  margin-right: 0.33em;
}
.search-menu .results .label-suffix,
.search-menu-container .results .label-suffix {
  color: var(--primary-medium);
  margin-right: 0.33em;
}
.search-menu .results .badge-category__wrapper + .search-item-tag,
.search-menu-container .results .badge-category__wrapper + .search-item-tag {
  display: flex;
  align-items: baseline;
  margin-left: 0.33em;
}
.search-menu .results .search-item-tag,
.search-menu-container .results .search-item-tag {
  color: var(--primary-high);
}
.search-menu .results .extra-hint,
.search-menu-container .results .extra-hint {
  color: var(--primary-low-mid);
  font-size: var(--font-down-1);
}
.search-menu .results .search-item-slug,
.search-menu-container .results .search-item-slug {
  overflow-wrap: anywhere;
  white-space: wrap;
  min-width: 0;
}
.search-menu .results .search-item-slug .keyword,
.search-menu-container .results .search-item-slug .keyword {
  margin-right: 0.33em;
}
.search-menu .results .search-item-slug .badge-wrapper,
.search-menu-container .results .search-item-slug .badge-wrapper {
  font-size: var(--font-0);
  margin-left: 2px;
}
.search-menu .results .search-menu-initial-options + .search-result-tag,
.search-menu .results .search-menu-initial-options + .search-result-category,
.search-menu .results .search-menu-initial-options + .search-result-user,
.search-menu .results .search-menu-initial-options + .search-result-group,
.search-menu-container .results .search-menu-initial-options + .search-result-tag,
.search-menu-container .results .search-menu-initial-options + .search-result-category,
.search-menu-container .results .search-menu-initial-options + .search-result-user,
.search-menu-container .results .search-menu-initial-options + .search-result-group {
  border-top: 1px solid var(--primary-low);
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.search-menu .results .search-menu-initial-options .search-item-prefix,
.search-menu .results .search-result-tag .search-item-prefix,
.search-menu .results .search-menu-assistant .search-item-prefix,
.search-menu-container .results .search-menu-initial-options .search-item-prefix,
.search-menu-container .results .search-result-tag .search-item-prefix,
.search-menu-container .results .search-menu-assistant .search-item-prefix {
  margin-right: 0.33em;
}
.search-menu .results .search-menu-initial-options .badge-category__wrapper,
.search-menu .results .search-result-tag .badge-category__wrapper,
.search-menu .results .search-menu-assistant .badge-category__wrapper,
.search-menu-container .results .search-menu-initial-options .badge-category__wrapper,
.search-menu-container .results .search-result-tag .badge-category__wrapper,
.search-menu-container .results .search-menu-assistant .badge-category__wrapper {
  font-size: var(--font-0);
}
.search-menu .results .search-menu-initial-options .search-link,
.search-menu .results .search-result-tag .search-link,
.search-menu .results .search-menu-assistant .search-link,
.search-menu-container .results .search-menu-initial-options .search-link,
.search-menu-container .results .search-result-tag .search-link,
.search-menu-container .results .search-menu-assistant .search-link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-menu .results .search-menu-initial-options .search-link .d-icon,
.search-menu .results .search-result-tag .search-link .d-icon,
.search-menu .results .search-menu-assistant .search-link .d-icon,
.search-menu-container .results .search-menu-initial-options .search-link .d-icon,
.search-menu-container .results .search-result-tag .search-link .d-icon,
.search-menu-container .results .search-menu-assistant .search-link .d-icon {
  margin-right: 0.33em;
  vertical-align: middle;
}
.search-menu .results .search-menu-initial-options .search-link .d-icon-tag,
.search-menu .results .search-result-tag .search-link .d-icon-tag,
.search-menu .results .search-menu-assistant .search-link .d-icon-tag,
.search-menu-container .results .search-menu-initial-options .search-link .d-icon-tag,
.search-menu-container .results .search-result-tag .search-link .d-icon-tag,
.search-menu-container .results .search-menu-assistant .search-link .d-icon-tag {
  font-size: 0.7em;
}
.search-menu .results .search-menu-initial-options .search-link .d-icon-magnifying-glass,
.search-menu .results .search-result-tag .search-link .d-icon-magnifying-glass,
.search-menu .results .search-menu-assistant .search-link .d-icon-magnifying-glass,
.search-menu-container .results .search-menu-initial-options .search-link .d-icon-magnifying-glass,
.search-menu-container .results .search-result-tag .search-link .d-icon-magnifying-glass,
.search-menu-container .results .search-menu-assistant .search-link .d-icon-magnifying-glass {
  font-size: var(--font-down-1);
}
.search-menu .browser-search-tip,
.search-menu .search-random-quick-tip,
.search-menu-container .browser-search-tip,
.search-menu-container .search-random-quick-tip {
  padding: 0.25em 1px;
  font-size: var(--font-down-2);
  color: var(--primary-medium);
}
.search-menu .browser-search-tip .tip-label,
.search-menu .search-random-quick-tip .tip-label,
.search-menu-container .browser-search-tip .tip-label,
.search-menu-container .search-random-quick-tip .tip-label {
  background-color: rgba(var(--tertiary-rgb), 0.1);
  margin-right: 4px;
  padding: 2px 4px;
  display: inline-block;
  border: none;
}
.search-menu .browser-search-tip .tip-label.tip-clickable,
.search-menu .search-random-quick-tip .tip-label.tip-clickable,
.search-menu-container .browser-search-tip .tip-label.tip-clickable,
.search-menu-container .search-random-quick-tip .tip-label.tip-clickable {
  cursor: pointer;
}
.search-menu .search-menu-recent,
.search-menu-container .search-menu-recent {
  border-top: 1px solid var(--primary-low);
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.search-menu .search-menu-recent .search-menu-assistant-item .search-link,
.search-menu-container .search-menu-recent .search-menu-assistant-item .search-link {
  flex-wrap: nowrap;
}
.search-menu .search-menu-recent .heading,
.search-menu-container .search-menu-recent .heading {
  display: flex;
  justify-content: space-between;
}
.search-menu .search-menu-recent .heading h4,
.search-menu-container .search-menu-recent .heading h4 {
  color: var(--primary-medium);
  font-weight: normal;
  margin-bottom: 0;
}
.search-menu .search-menu-recent .heading .clear-recent-searches,
.search-menu-container .search-menu-recent .heading .clear-recent-searches {
  cursor: pointer;
  color: var(--primary-low-mid);
}
.search-menu .browser-search-tip,
.search-menu-container .browser-search-tip {
  padding-top: 0.5em;
}
.search-menu .searching,
.search-menu-container .searching {
  display: flex;
  align-items: center;
}
.search-menu .searching .spinner,
.search-menu-container .searching .spinner {
  width: 12px;
  height: 12px;
  border-width: 2px;
  margin: 0;
  margin-top: 2px;
}
.search-menu .searching .show-advanced-search,
.search-menu .searching a.clear-search,
.search-menu-container .searching .show-advanced-search,
.search-menu-container .searching a.clear-search {
  padding: 0 3px;
  display: inline-block;
  background-color: transparent;
}
.search-menu .searching .show-advanced-search .d-icon,
.search-menu .searching a.clear-search .d-icon,
.search-menu-container .searching .show-advanced-search .d-icon,
.search-menu-container .searching a.clear-search .d-icon {
  color: var(--primary-medium);
}
.search-menu .searching .show-advanced-search:focus .d-icon, .search-menu .searching .show-advanced-search:hover .d-icon,
.search-menu .searching a.clear-search:focus .d-icon,
.search-menu .searching a.clear-search:hover .d-icon,
.search-menu-container .searching .show-advanced-search:focus .d-icon,
.search-menu-container .searching .show-advanced-search:hover .d-icon,
.search-menu-container .searching a.clear-search:focus .d-icon,
.search-menu-container .searching a.clear-search:hover .d-icon {
  color: var(--primary-high);
}
.search-menu .searching a.clear-search,
.search-menu-container .searching a.clear-search {
  margin-right: 3px;
}
.search-menu .no-results,
.search-menu-container .no-results {
  padding: 0.25em 0.5em;
}
.search-menu .search-link,
.search-menu-container .search-link {
  display: block;
  padding: 0.25em 0.5em;
}
.search-menu .search-link:focus, .search-menu .search-link:hover,
.search-menu-container .search-link:focus,
.search-menu-container .search-link:hover {
  background-color: var(--highlight-bg);
}
.search-menu .search-link .topic,
.search-menu-container .search-link .topic {
  display: block;
}
.search-menu .search-link .topic-title,
.search-menu-container .search-link .topic-title {
  color: var(--tertiary);
  overflow-wrap: anywhere;
  margin-right: 0.25em;
}
@supports not (overflow-wrap: anywhere) {
  .search-menu .search-link .topic-title,
  .search-menu-container .search-link .topic-title {
    word-break: break-word;
  }
}
.search-menu .search-result-topic .search-link,
.search-menu .search-result-post .search-link,
.search-menu-container .search-result-topic .search-link,
.search-menu-container .search-result-post .search-link {
  padding: 0.5em;
}

.link-share-container,
.notify-user-input {
  display: flex;
  gap: 0.5em;
}
.link-share-container input,
.link-share-container .select-kit,
.notify-user-input input,
.notify-user-input .select-kit {
  cursor: auto;
  width: 100%;
  margin-bottom: 0;
}

.link-share-container .invite-link {
  flex: 1 0;
}
.mobile-view .link-share-container {
  flex-direction: column;
}

.link-share-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.link-share-actions button {
  margin-top: 0.5em;
  margin-right: 0.5em;
}
.link-share-actions .sources {
  display: flex;
}
.link-share-actions .new-topic {
  margin-right: 0;
}

.share-twitter .d-icon {
  color: var(--twitter);
}

.share-facebook .d-icon {
  color: var(--facebook);
}

.shared-draft-controls {
  margin-bottom: 1em;
  background-color: var(--tertiary-low);
  padding: 1em;
}
.shared-draft-controls .publish-field {
  margin-top: 1em;
}

:root {
  --d-sidebar-width: 17em;
  --d-sidebar-row-horizontal-padding: 1rem;
  --d-sidebar-row-height: 2.2em;
  --d-sidebar-animation-time: 0.25s;
  --d-sidebar-animation-ease: ease-in-out;
  --d-sidebar-background: var(--secondary);
  --d-sidebar-admin-background: var(--primary-very-low);
  --d-sidebar-footer-fade: rgba(var(--secondary-rgb), 1);
  --d-sidebar-header-color: var(--primary-medium);
  --d-sidebar-header-icon-color: var(--primary-medium);
  --d-sidebar-border-color: var(--primary-low);
  --d-sidebar-link-color: var(--primary-high);
  --d-sidebar-link-icon-color: var(--primary-500);
  --d-sidebar-link-badge-color: var(--primary-700);
  --d-sidebar-prefix-background: var(--primary-low);
  --d-sidebar-prefix-color: var(--d-sidebar-link-color);
  --d-sidebar-suffix-color: var(--tertiary-med-or-tertiary);
  --d-sidebar-highlight-background: var(--primary-low);
  --d-sidebar-highlight-color: var(--primary-high);
  --d-sidebar-highlight-prefix-background: var(--primary-300);
  --d-sidebar-highlight-prefix-color: var(--d-sidebar-highlight-color);
  --d-sidebar-highlight-suffix-color: var(--tertiary-med-or-tertiary);
  --d-sidebar-highlight-hover-background: var(
    --primary-medium
  );
  --d-sidebar-highlight-hover-icon: var(
    --primary-very-low
  );
  --d-sidebar-active-background: var(--d-selected);
  --d-sidebar-active-color: var(--d-sidebar-link-color);
  --d-sidebar-active-icon-color: var(--d-sidebar-link-color);
  --d-sidebar-active-prefix-background: var(--primary-200);
  --d-sidebar-active-suffix-color: var(--tertiary-med-or-tertiary);
}
@media screen and (max-width: 1000px) {
  :root {
    --d-sidebar-width: 14em;
  }
}

.sidebar-row {
  box-sizing: border-box;
  height: var(--d-sidebar-row-height);
  padding: 0 var(--d-sidebar-row-horizontal-padding);
  align-items: center;
}

.sidebar-wrapper {
  display: flex;
  grid-area: sidebar;
  position: sticky;
  top: var(--main-outlet-offset);
  background: var(--d-sidebar-background);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  --1dvh: 1vh;
  height: calc(var(--composer-vh, var(--1dvh)) * 100 - var(--main-outlet-offset, 0px));
  align-self: start;
  overflow-y: auto;
}
@supports (height: 1dvh) {
  .sidebar-wrapper {
    --1dvh: 1dvh;
  }
}
.sidebar-wrapper .sidebar-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  border-right: 1px solid var(--primary-low);
  overflow-x: hidden;
  height: calc(100% - var(--composer-height, 0px));
}
html:not(.composer-has-preview) .sidebar-wrapper .sidebar-container {
  height: 100%;
}
.sidebar-wrapper .sidebar-sections {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex: 1;
  padding: 1.5rem 1rem 1rem;
  overflow-x: hidden;
  overflow-y: overlay;
  --scrollbarBg: transparent;
  --scrollbarThumbBg: var(--primary-low);
  --scrollbarWidth: 0.5em;
  scrollbar-color: transparent var(--scrollbarBg);
  transition: scrollbar-color 0.25s ease-in-out;
  transition-delay: 0.5s;
}
.sidebar-wrapper .sidebar-sections > .sidebar-section-wrapper:last-child {
  border-bottom: 0;
}
.sidebar-wrapper .sidebar-sections::-webkit-scrollbar {
  width: var(--scrollbarWidth);
}
.sidebar-wrapper .sidebar-sections::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: calc(var(--scrollbarWidth) / 2);
}
.sidebar-wrapper .sidebar-sections::-webkit-scrollbar-track {
  background-color: transparent;
}
.sidebar-wrapper .sidebar-sections:hover {
  scrollbar-color: var(--scrollbarThumbBg) var(--scrollbarBg);
  transition-delay: 0s;
}
.sidebar-wrapper .sidebar-sections:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbarThumbBg);
}
.sidebar-wrapper .sidebar-sections__back-to-forum {
  color: var(--d-sidebar-link-color);
  display: flex;
  align-items: center;
}
.sidebar-wrapper .sidebar-sections__back-to-forum svg {
  margin-right: var(--d-sidebar-section-link-prefix-margin-right);
  height: 0.75em;
  width: 0.75em;
  color: var(--d-sidebar-link-icon-color);
}

.sidebar-section-form-modal .draggable {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: var(--primary-medium);
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  cursor: move;
  -webkit-user-drag: element;
}
.sidebar-section-form-modal .dragging {
  opacity: 0.4;
}
.sidebar-section-form-modal form {
  margin-bottom: 0;
}
.sidebar-section-form-modal .input-group input {
  width: 100%;
  margin-bottom: 0;
}
.sidebar-section-form-modal input.warning {
  border: 1px solid var(--danger);
}
.sidebar-section-form-modal .icon.warning,
.sidebar-section-form-modal .value.warning {
  position: absolute;
}
.sidebar-section-form-modal .sidebar-section-form__input-wrapper {
  margin-bottom: 1em;
}
.sidebar-section-form-modal .sidebar-section-form__input-wrapper input {
  width: 100%;
}
.sidebar-section-form-modal .row-wrapper {
  display: grid;
  grid-template-columns: 2em 4.5em repeat(2, 1fr) 2em;
  padding: 0.55em 0 0.7em;
  -webkit-user-drag: none;
  cursor: default;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
.sidebar-section-form-modal .row-wrapper.header {
  padding-bottom: 0;
}
.sidebar-section-form-modal .row-wrapper.header label {
  margin-bottom: 0;
}
.sidebar-section-form-modal .row-wrapper.drag-above {
  border-top: 2px solid var(--tertiary);
}
.sidebar-section-form-modal .row-wrapper.drag-below {
  border-bottom: 2px solid var(--tertiary);
}
.sidebar-section-form-modal .row-wrapper .link-icon {
  grid-column: 2;
}
.sidebar-section-form-modal .row-wrapper .input-group {
  margin: 0 0.5em;
}
@media screen and (max-width: 450px) {
  .sidebar-section-form-modal .row-wrapper .input-group {
    margin: 0 0.25em;
  }
}
.sidebar-section-form-modal .always-public-tooltip {
  padding-right: 0.5rem;
}
.sidebar-section-form-modal .btn-flat.add-link, .sidebar-section-form-modal .d-modal.json-schema-editor-modal .je-ready .add-link.json-editor-btn-collapse, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-form-modal .add-link.json-editor-btn-collapse, .sidebar-section-form-modal .add-link.json-editor-btn-collapse {
  margin-top: 0.5em;
  margin-left: -0.5em;
}
.sidebar-section-form-modal .btn-flat.add-link:active, .sidebar-section-form-modal .add-link.json-editor-btn-collapse:active, .sidebar-section-form-modal .btn-flat.add-link:focus, .sidebar-section-form-modal .add-link.json-editor-btn-collapse:focus {
  background: none;
}
.sidebar-section-form-modal .btn-flat.add-link svg, .sidebar-section-form-modal .d-modal.json-schema-editor-modal .je-ready .add-link.json-editor-btn-collapse svg, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-form-modal .add-link.json-editor-btn-collapse svg, .sidebar-section-form-modal .add-link.json-editor-btn-collapse svg {
  color: var(--tertiary);
  width: 0.75em;
  height: 0.75em;
}
.sidebar-section-form-modal .btn-flat.add-link:hover svg, .sidebar-section-form-modal .add-link.json-editor-btn-collapse:hover svg {
  color: var(--tertiary-hover);
}
.sidebar-section-form-modal .d-modal__footer {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.5em 1em;
}
@media screen and (max-width: 550px) {
  .sidebar-section-form-modal .d-modal__footer {
    grid-template-columns: auto 1fr;
    justify-items: left;
  }
  .sidebar-section-form-modal .d-modal__footer .mark-public-wrapper {
    grid-row: 1;
    grid-column: 1/span 2;
  }
  .sidebar-section-form-modal .d-modal__footer .checkbox-label {
    padding: 0 0 0.5em 0;
  }
}
.sidebar-section-form-modal .d-modal__footer .reset-link,
.sidebar-section-form-modal .d-modal__footer .delete {
  margin: 0;
  justify-self: right;
}
.sidebar-section-form-modal .d-modal__footer .mark-public-wrapper.-disabled label {
  cursor: not-allowed;
}
.sidebar-section-form-modal .d-modal__footer .mark-public-wrapper .checkbox-label {
  margin: 0;
}
.sidebar-section-form-modal .select-kit.multi-select .multi-select-header .formatted-selection {
  display: none;
}
.sidebar-section-form-modal .select-kit.is-expanded .select-kit-body {
  min-width: 220px;
}
.sidebar-section-form-modal .reset-link {
  margin-right: 0;
}
.discourse-no-touch .sidebar-section-form-modal .reset-link:hover .d-icon {
  color: var(--tertiary-hover);
}
.sidebar-section-form-modal .reset-link .d-icon {
  font-size: var(--font-down-1);
  color: var(--tertiary);
}
.sidebar-section-form-modal .delete-link .d-icon {
  color: var(--primary-medium);
}
.discourse-no-touch .sidebar-section-form-modal .delete-link:hover .d-icon {
  color: var(--danger);
}

.sidebar__panel-switch-button {
  margin: 1em 1.3em 0 1.3em;
}
.sidebar__panel-switch-button:last-of-type {
  margin-bottom: 1em;
}

.sidebar-filter {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid var(--primary-400);
  border-radius: var(--d-input-border-radius);
  background: var(--secondary);
  width: calc(var(--d-sidebar-width) - 2 * var(--d-sidebar-row-horizontal-padding));
}
.sidebar-filter:focus-within {
  border-color: var(--tertiary);
  outline: 1px solid var(--tertiary);
  outline-offset: -1px;
}
.sidebar-filter__input-container {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--secondary);
  border-radius: var(--d-input-border-radius);
}
.sidebar-filter__shortcut-hint {
  background-color: rgba(var(--tertiary-rgb), 0.1);
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
  font-size: var(--font-down-3);
  color: var(--primary-medium);
}
.sidebar-filter__input[type=text] {
  border: 0;
  background: none;
  margin-bottom: 0;
  height: 2em;
  width: 100%;
}
.sidebar-filter__input[type=text]:focus-within {
  outline: 0;
}
.sidebar-filter__clear {
  width: 2em;
  height: 2em;
  color: var(--primary-medium);
  background-color: var(--secondary);
}

.sidebar-no-results {
  margin: 0.5em var(--d-sidebar-row-horizontal-padding) 0 var(--d-sidebar-row-horizontal-padding);
}
.sidebar-no-results__title {
  font-weight: bold;
}

.sidebar-no-results {
  display: block;
}

.sidebar-panel-header__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  color: var(--d-sidebar-link-color);
  width: calc(var(--d-sidebar-width) * var(--d-sidebar-row-horizontal-padding) + 2px);
}

.sidebar-toggle-all-sections.btn-transparent {
  padding-right: 0;
  color: var(--d-sidebar-link-color);
}
.sidebar-toggle-all-sections.btn-transparent svg {
  width: 0.75em;
  height: 0.85em;
}

.sidebar-custom-sections .sidebar-section-wrapper {
  padding-bottom: 0;
}
.sidebar-custom-sections .sidebar-section-header {
  display: flex;
}
.sidebar-custom-sections .sidebar-section[data-section-name=community] .sidebar-section-link-prefix.icon {
  cursor: pointer;
}
.sidebar-custom-sections a {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  cursor: pointer;
}
.sidebar-custom-sections .sidebar-section-wrapper.disabled a {
  pointer-events: none;
}
.sidebar-custom-sections .sidebar-section-wrapper.disabled .sidebar-section-link-wrapper .sidebar-section-link-prefix.icon,
.sidebar-custom-sections .sidebar-section-wrapper.disabled .sidebar-section-link-wrapper .sidebar-section-link {
  background: none;
  color: var(--primary-low-mid);
}
.sidebar-custom-sections .sidebar-section-wrapper.disabled .sidebar-section-link-wrapper .sidebar-section-link.drag {
  font-weight: bold;
  color: var(--primary-high);
}
.sidebar-custom-sections .sidebar-section-wrapper.disabled .sidebar-section-link-wrapper .sidebar-section-link.drag .sidebar-section-link-prefix.icon {
  color: var(--primary-high);
}

.discourse-touch .sidebar-custom-sections a:hover {
  background: none !important;
}

.sidebar-footer-wrapper {
  box-sizing: border-box;
  background: var(--d-sidebar-background);
  width: 100%;
  position: sticky;
  bottom: 0;
}
.sidebar-footer-wrapper .sidebar-footer-container {
  display: flex;
  align-items: stretch;
  position: relative;
  padding: 0.5em 0.8em;
  padding-bottom: max(env(safe-area-inset-bottom), 0.5em);
}
.sidebar-footer-wrapper .sidebar-footer-container::before {
  position: absolute;
  content: "";
  display: block;
  height: 1.5em;
  top: -1.5em;
  left: -0.5em;
  right: -0.5em;
  width: calc(100% + 0.5em);
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--d-sidebar-footer-fade));
}
.sidebar-footer-wrapper .sidebar-footer-link {
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-size: var(--font-down-1);
  color: var(--d-sidebar-link-color);
  padding: 0 0.5em;
}
.sidebar-footer-wrapper .sidebar-footer-link:hover, .sidebar-footer-wrapper .sidebar-footer-link:focus {
  background: var(--d-sidebar-highlight-background);
}
.sidebar-footer-wrapper .sidebar-footer-actions {
  margin-left: auto;
}
.sidebar-footer-wrapper .sidebar-footer-actions-button.btn, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button {
  background: transparent;
  border: none;
  padding: 0.25em 0.4em;
}
.sidebar-footer-wrapper .sidebar-footer-actions-button.btn .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button .d-icon {
  font-size: var(--font-down-1);
  color: var(--d-sidebar-link-icon-color);
}
.sidebar-footer-wrapper .sidebar-footer-actions-button.btn:focus, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add:focus, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button:focus, .sidebar-footer-wrapper .sidebar-footer-actions-button.btn:hover, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add:hover, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button:hover, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button:hover {
  background: var(--d-sidebar-highlight-background);
}
.sidebar-footer-wrapper .sidebar-footer-actions-button.btn:focus .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add:focus .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button:focus .d-icon, .sidebar-footer-wrapper .sidebar-footer-actions-button.btn:hover .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-actions-button.json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper .sidebar-footer-actions-button.json-editor-btn-add:hover .d-icon, .sidebar-footer-wrapper .d-modal.json-schema-editor-modal .je-ready button.sidebar-footer-actions-button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-footer-wrapper button.sidebar-footer-actions-button:hover .d-icon {
  color: var(--d-sidebar-highlight-color);
}

.sidebar-more-section-content {
  z-index: 1400;
}
.sidebar-more-section-content .sidebar-row {
  padding: 0.33rem calc(var(--d-sidebar-row-horizontal-padding) / 3);
}

.sidebar-more-section-trigger {
  justify-content: flex-start;
}
.sidebar-more-section-trigger .d-icon {
  color: var(--d-sidebar-link-icon-color);
}

.sidebar-section-wrapper .sidebar-section-header-wrapper {
  display: flex;
}
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper:hover .d-icon-globe {
  color: var(--d-sidebar-highlight-color);
}
.sidebar-section-wrapper .sidebar-section-header-wrapper:focus-within {
  background: var(--d-sidebar-highlight-background);
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button {
  font-size: var(--font-down-1);
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button > * {
  pointer-events: none;
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header,
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button {
  background: transparent;
  border: none;
  margin-right: calc(var(--d-sidebar-row-horizontal-padding) / 3 * -1);
  padding: calc(var(--d-sidebar-row-horizontal-padding) / 5) calc(var(--d-sidebar-row-horizontal-padding) / 3);
}
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header,
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button {
  transition: all 0.25s;
  opacity: 0;
}
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header:focus, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add:focus, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header:focus, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header:focus,
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button:focus {
  opacity: 1;
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header .d-icon, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add .d-icon, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header .d-icon,
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button .d-icon {
  font-size: var(--font-down-1);
  color: var(--d-sidebar-header-icon-color);
  margin: 0;
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header:focus, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add:focus, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header:focus, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header:focus,
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button:focus {
  outline: none;
  background: var(--d-sidebar-highlight-hover-background);
}
.sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header:focus .d-icon, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add:focus .d-icon, .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header:focus .d-icon,
.sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button:focus .d-icon {
  color: var(--d-sidebar-highlight-hover-icon);
}
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header:hover, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add:hover, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header:hover,
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button:hover {
  background: var(--d-sidebar-highlight-hover-background);
}
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .btn.dropdown-select-box-header:hover .d-icon, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add:hover .d-icon, .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper button.dropdown-select-box-header:hover .d-icon,
.discourse-no-touch .sidebar-section-wrapper .sidebar-section-header-wrapper .sidebar-section-header-button:hover .d-icon {
  color: var(--d-sidebar-highlight-hover-icon);
}
.sidebar-section-wrapper .sidebar-section-header {
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  padding: 0;
  font-size: var(--font-down-2-rem);
  color: var(--d-sidebar-header-color);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.sidebar-section-wrapper .sidebar-section-header.sidebar-section-header-collapsable {
  justify-content: flex-start;
}
.sidebar-section-wrapper .sidebar-section-header.sidebar-section-header-collapsable:hover {
  color: var(--d-sidebar-header-color);
}
.sidebar-section-wrapper .sidebar-section-header.sidebar-section-header-collapsable:hover .d-icon {
  color: var(--d-sidebar-header-icon-color);
}
.sidebar-section-wrapper .sidebar-section-header.sidebar-section-header-collapsable:focus {
  background: transparent;
}
.sidebar-section-wrapper .sidebar-section-header-text {
  line-height: normal;
  margin-right: 0.25em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-section-wrapper .sidebar-section-header-global-indicator {
  margin: 0 0.75em 0 0.25em;
  font-size: var(--font-down-2);
}
.sidebar-section-wrapper .sidebar-section-header-global-indicator .d-icon {
  margin-top: -0.125em;
}
.sidebar-section-wrapper .sidebar-section-header-caret {
  display: flex;
  flex: 0 0 auto;
  width: var(--d-sidebar-section-link-prefix-width);
  height: var(--d-sidebar-section-link-prefix-width);
  margin-right: var(--d-sidebar-section-link-prefix-margin-right);
  align-items: center;
  justify-content: center;
}
.sidebar-section-wrapper .sidebar-section-header-caret .d-icon {
  color: var(--d-sidebar-header-icon-color);
}
.sidebar-section-wrapper .select-kit-collection .texts {
  font-size: var(--font-0);
  text-transform: none;
  line-height: var(--line-height-medium);
}
.sidebar-section-wrapper .select-kit-collection .texts .name {
  font-size: var(--font-0);
}
.sidebar-section-wrapper .sidebar-section-message-wrapper {
  display: flex;
  padding-top: 0;
  height: initial;
}
.sidebar-section-wrapper .sidebar-section-message {
  color: var(--primary);
  padding-left: calc(var(--d-sidebar-section-link-prefix-width) + var(--d-sidebar-section-link-prefix-margin-right));
}
.sidebar-section-wrapper .sidebar-section-content {
  margin: 0;
}

.sidebar-section-header-global-indicator__content .d-icon-shield-halved {
  padding-right: 0.25rem;
}

:root {
  --d-sidebar-section-link-prefix-margin-right: 0.75em;
  --d-sidebar-section-link-prefix-width: 1.35rem;
  --d-sidebar-section-link-icon-size: 0.8em;
}

.sidebar-section-link-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.sidebar-section-link-wrapper[data-list-item-name=all-categories], .sidebar-section-link-wrapper[data-list-item-name=all-tags], .sidebar-section-link-wrapper[data-list-item-name=configure-default-navigation-menu-tags] {
  font-size: var(--font-down-1-rem);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-image {
  border: 1px solid transparent;
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.active .prefix-image {
  box-shadow: 0 0 0 1px var(--success);
}
.sidebar-section-link-wrapper .sidebar-section-link {
  display: inline-flex;
  width: 100%;
  align-items: center;
  color: var(--d-sidebar-link-color);
  transition: background-color 0.25s;
}
.sidebar-section-link-wrapper .sidebar-section-link:focus, .sidebar-section-link-wrapper .sidebar-section-link:hover {
  background: var(--d-sidebar-highlight-background);
  color: var(--d-sidebar-highlight-color);
  outline: none;
}
.sidebar-section-link-wrapper .sidebar-section-link:focus .prefix-text, .sidebar-section-link-wrapper .sidebar-section-link:hover .prefix-text {
  background: var(--d-sidebar-highlight-prefix-background);
}
.sidebar-section-link-wrapper .sidebar-section-link:focus .sidebar-section-link-suffix.icon.unread svg, .sidebar-section-link-wrapper .sidebar-section-link:hover .sidebar-section-link-suffix.icon.unread svg {
  color: var(--d-sidebar-highlight-suffix-color);
}
.sidebar-section-link-wrapper .sidebar-section-link--active, .sidebar-section-link-wrapper .sidebar-section-link.active {
  background: var(--d-sidebar-active-background);
  color: var(--d-sidebar-active-color);
  font-weight: bold;
}
.sidebar-section-link-wrapper .sidebar-section-link--active .sidebar-section-link-prefix.icon, .sidebar-section-link-wrapper .sidebar-section-link.active .sidebar-section-link-prefix.icon {
  color: var(--d-sidebar-active-color);
}
.sidebar-section-link-wrapper .sidebar-section-link--active .prefix-text, .sidebar-section-link-wrapper .sidebar-section-link.active .prefix-text {
  background: var(--d-sidebar-active-prefix-background);
}
.sidebar-section-link-wrapper .sidebar-section-link--active .sidebar-section-link-content-badge, .sidebar-section-link-wrapper .sidebar-section-link.active .sidebar-section-link-content-badge {
  color: var(--d-sidebar-active-color);
}
.sidebar-section-link-wrapper .sidebar-section-link--active .sidebar-section-link-suffix.icon.unread svg, .sidebar-section-link-wrapper .sidebar-section-link.active .sidebar-section-link-suffix.icon.unread svg {
  color: var(--d-sidebar-active-suffix-color);
}
.sidebar-section-link-wrapper .sidebar-section-link--active .sidebar-section-link-hover:hover .sidebar-section-hover-button, .sidebar-section-link-wrapper .sidebar-section-link.active .sidebar-section-link-hover:hover .sidebar-section-hover-button {
  background-color: var(--d-sidebar-active-background);
}
.sidebar-section-link-wrapper .sidebar-section-link--muted {
  opacity: 0.5;
}
.sidebar-section-link-wrapper .sidebar-section-link--muted .sidebar-section-link-prefix.icon .d-icon {
  color: var(--primary-medium);
}
.sidebar-section-link-wrapper .sidebar-section-link--muted.active .sidebar-section-link-prefix.icon .d-icon {
  color: var(--primary-high);
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-content-badge {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 0.5em;
  padding-right: 0.1em;
  text-align: right;
  color: var(--d-sidebar-link-badge-color);
  font-size: var(--font-down-2);
  font-weight: normal;
  margin-left: auto;
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-suffix {
  margin-left: 1em;
  font-size: var(--font-down-4);
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-suffix.icon.urgent svg {
  color: var(--success);
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-suffix.icon.unread svg {
  color: var(--d-sidebar-suffix-color);
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-content-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-content-text .emoji {
  width: 15px;
  height: 15px;
  vertical-align: baseline;
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-content-text .badge-category__wrapper {
  font-size: 100%;
  width: 100%;
}
.sidebar-section-link-wrapper .sidebar-section-link .sidebar-section-link-content-text .badge-category__wrapper .badge-category__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-section-link-wrapper .--link-button {
  border: none;
  background: inherit;
}
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=personal-messages-sent] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=personal-messages-new] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=personal-messages-archive] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=personal-messages-unread] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=group-messages-new] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=group-messages-unread] .sidebar-section-link-content-text,
.sidebar-section-link-wrapper .sidebar-section-link[data-link-name=group-messages-archive] .sidebar-section-link-content-text {
  margin-left: calc(var(--d-sidebar-section-link-prefix-margin-right) + var(--d-sidebar-section-link-prefix-width));
}
.sidebar-section-link-wrapper .sidebar-section-link-review .sidebar-section-link-content-badge {
  color: var(--danger);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--d-sidebar-section-link-prefix-width);
  height: var(--d-sidebar-section-link-prefix-width);
  margin-right: var(--d-sidebar-section-link-prefix-margin-right);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.image img {
  border-radius: 100%;
  aspect-ratio: auto 20/20;
  width: calc(var(--d-sidebar-section-link-prefix-width) - 2px);
  height: calc(var(--d-sidebar-section-link-prefix-width) - 2px);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.text {
  text-align: center;
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.icon, .sidebar-section-link-wrapper .sidebar-section-link-prefix.span {
  position: relative;
  color: var(--d-sidebar-link-icon-color);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.icon svg, .sidebar-section-link-wrapper .sidebar-section-link-prefix.span svg {
  font-size: var(--d-sidebar-section-link-icon-size);
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix.icon .prefix-badge, .sidebar-section-link-wrapper .sidebar-section-link-prefix.span .prefix-badge {
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  padding: 2px 2px 3px;
  color: var(--d-sidebar-link-color);
  height: 0.5rem;
  width: 0.5rem;
  top: -0.2em;
  right: 0;
  margin-right: -0.2em;
}
.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {
  width: 0.8em;
  height: 0.8em;
}
.sidebar-section-link-wrapper .prefix-text {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--d-sidebar-prefix-background);
  color: var(--d-sidebar-prefix-color);
  width: calc(var(--d-sidebar-section-link-prefix-width) - 2px);
  height: calc(var(--d-sidebar-section-link-prefix-width) - 2px);
  font-size: var(--font-down-2);
}
.sidebar-section-link-wrapper .sidebar-section-link-hover {
  margin-left: auto;
}
.sidebar-section-link-wrapper .sidebar-section-link-hover .sidebar-section-hover-button {
  display: none;
  color: var(--d-sidebar-highlight-color);
  border: none;
  background: transparent;
  padding: 0 0 0 0.5em;
  height: 100%;
  transition: background-color 0.25s;
}
.sidebar-section-link-wrapper .sidebar-section-link-hover .sidebar-section-hover-button:focus:hover, .discourse-no-touch .sidebar-section-link-wrapper .sidebar-section-link-hover .sidebar-section-hover-button:hover {
  color: var(--d-sidebar-highlight-color);
}
.sidebar-section-link-wrapper .sidebar-section-link-hover .sidebar-section-hover-button svg {
  font-size: var(--font-down-1);
}
.sidebar-section-link-wrapper .sidebar-section-link-hover:hover .sidebar-section-hover-button {
  background: var(--d-sidebar-highlight-background);
}
.sidebar-section-link-wrapper:hover .sidebar-section-hover-button {
  display: block;
}

body.static-login {
  background-color: var(--primary-very-low);
}
body.static-login .d-header {
  display: none;
}
body.static-login .body-page {
  margin: 15% auto;
}
body.static-login .logo-container {
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: 1em;
  margin-bottom: 1em;
  display: block;
}
body.static-login .site-logo {
  width: auto;
  object-fit: contain;
  max-width: 60%;
  max-height: 150px;
}
body.static-login .waving-hand {
  width: 35px;
  height: 35px;
  margin-bottom: 1em;
}
body.static-login .login-welcome {
  background-color: var(--secondary);
  border: 1px solid var(--primary-low);
  text-align: center;
  padding: 2em;
  box-shadow: var(--shadow-card);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.static-login .login-welcome__text {
  order: 4;
  color: var(--primary-medium);
}
body.static-login .login-welcome .body-page-button-container {
  order: 3;
}

.container.tags-index {
  background: var(--d-content-background);
}

.topic-title-outlet.choose-tags {
  margin-left: 25px;
  margin-top: 3px;
}

.tags-list {
  margin-top: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--primary-low);
}

#list-area .tags-list h3 {
  margin-bottom: 20px;
}

.tags-list .tag-box {
  width: 300px;
  margin-bottom: 1em;
  float: left;
  vertical-align: middle;
}
.tags-list .tag-box .discourse-tag {
  font-size: var(--font-0);
}
.tags-list .tag-box .tag-count {
  font-size: var(--font-down-1);
  vertical-align: middle;
  line-height: var(--line-height-small);
}

.topic-category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5em;
}
.topic-category .topic-header-extra {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.topic-category .badge-wrapper {
  margin-top: 0;
}

.discourse-tag-count {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}

.discourse-tag {
  max-width: 14em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.discourse-tag {
  margin: 0;
  color: var(--primary-medium);
}
.discourse-tag:visited, .discourse-tag:hover {
  color: var(--primary-medium);
}
.extra-info-wrapper .discourse-tag {
  color: var(--header_primary-high) !important;
}
.discourse-tag.large {
  font-size: var(--font-up-3);
}
.discourse-tag.box {
  background-color: var(--primary-low);
  color: var(--primary-high);
  padding: 2px 8px;
}
.extra-info-wrapper .discourse-tag.box {
  background-color: var(--header_primary-low);
  color: var(--header_primary-medium);
}
.discourse-tag.simple, .discourse-tag.simple:visited, .discourse-tag.simple:hover {
  color: var(--primary-high);
}
.discourse-tag.bullet {
  margin-right: 0.5em;
  display: inline-flex;
  align-items: center;
}
.discourse-tag.bullet::before {
  flex-shrink: 0;
  background: var(--primary-low-mid);
  margin-right: 5px;
  position: relative;
  width: 9px;
  height: 9px;
  display: inline-block;
  content: "";
}
.discourse-tag.bullet.large::before {
  width: 13px;
  height: 13px;
}

.discourse-tags .discourse-tag.simple:not(:last-child)::after,
.list-tags .discourse-tag.simple:not(:last-child)::after,
.search-category .discourse-tag.simple:not(:last-child)::after {
  content: ", ";
  margin-left: 1px;
}

.d-header .topic-header-extra .discourse-tags {
  font-size: var(--font-down-1);
}

.discourse-tags {
  display: inline-flex;
  flex-wrap: wrap;
}

.fps-result .add-full-page-tags {
  display: inline-block;
}

.topic-list-item .discourse-tags {
  font-weight: normal;
  font-size: var(--font-down-1);
}

header .discourse-tag {
  color: var(--primary-medium);
}

.list-tags {
  display: inline-block;
  font-size: var(--font-down-1);
}

.tag-chooser {
  width: 100%;
  max-width: 100%;
}

#topic-title .discourse-tags .discourse-tag.box {
  margin-right: 0.35em;
}

.title-wrapper .tag-chooser {
  width: 500px;
}

.tag-sort-options {
  margin-bottom: 20px;
}
.tag-sort-options a {
  text-decoration: underline;
  display: inline-flex;
}
.tag-sort-options span.active a {
  font-weight: bold;
}

.autocomplete.ac-category-or-tag a {
  color: var(--primary-medium);
}
.autocomplete.ac-category-or-tag .d-icon-tag {
  padding-right: 5px;
  vertical-align: middle;
  height: 0.9em;
}

.tags-admin-menu {
  margin-top: 20px;
}
.tags-admin-menu ul {
  width: 320px;
}

.tag-groups-container {
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-rows: auto auto;
  grid-template-areas: "header header" "sidebar content" "fullwidth fullwidth";
  padding-bottom: 5em;
}
.tag-groups-container > h2 {
  grid-area: header;
  background: var(--primary-very-low);
  padding: 20px;
  margin: 1em 0;
}
.tag-groups-container .tag-groups-sidebar {
  grid-area: sidebar;
  width: auto;
  float: none;
}
.tag-groups-container .tag-groups-sidebar ul li:last-child {
  margin-bottom: 1em;
}
.tag-groups-container .tag-groups-sidebar + .tag-group-content {
  grid-area: content;
}
.tag-groups-container .tag-group-content {
  grid-area: fullwidth;
}
.tag-groups-container .tag-group-content section {
  margin-bottom: 1.5em;
}
.tag-groups-container .tag-group-content h3,
.tag-groups-container .tag-group-content section,
.tag-groups-container .tag-group-content .tag-group-controls {
  padding-left: 20px;
}
.tag-groups-container .tag-group-content label {
  font-size: var(--font-0);
  display: inline-block;
  margin-right: 5px;
}
.tag-groups-container .tag-group-content label.radio {
  padding-left: 0;
  margin-right: 0;
}
.tag-groups-container .tag-group-content .group-visibility-option {
  grid-gap: 0.5rem;
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-template-areas: "input label" "empty dropdown";
}
.tag-groups-container .tag-group-content .group-visibility-option input {
  grid-area: input;
}
.tag-groups-container .tag-group-content .group-visibility-option label {
  grid-area: label;
}
.tag-groups-container .tag-group-content .btn, .tag-groups-container .tag-group-content .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .tag-groups-container .tag-group-content .json-editor-btn-add, .tag-groups-container .tag-group-content .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .tag-groups-container .tag-group-content button {
  margin-right: 10px;
}
.tag-groups-container .tag-group-content .group-access-control {
  margin-bottom: 1em;
  grid-area: dropdown;
  grid-row: 2;
}
.tag-groups-container .tag-group-content input[type=radio] ~ .group-access-control {
  display: none;
}
.tag-groups-container .tag-group-content input[type=radio]:checked ~ .group-access-control {
  display: block;
}
@media screen and (max-width: 768px) {
  .tag-groups-container .select-kit.multi-select {
    width: 100%;
  }
  .tag-groups-container .tag-groups-sidebar {
    max-width: 90px;
  }
  .tag-groups-container .tag-groups-sidebar ul li a {
    word-break: break-word;
    max-width: 90px;
    font-size: var(--font-down-1);
  }
}
.tag-groups-container .tag-group-controls {
  display: flex;
  justify-content: space-between;
}
.tag-groups-container .saving {
  margin-left: 20px;
}
.tag-groups-container .parent-tag-section .tag-chooser {
  width: 210px;
}
.tag-groups-container .parent-tag-section .description {
  color: var(--primary-medium);
  margin-top: 0.5em;
  font-size: var(--font-down-1);
}

section.tag-info {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin: 1em 0;
  padding: 2em;
  border: 1px solid var(--primary-low);
}
section.tag-info .edit-tag-wrapper {
  display: flex;
  flex-direction: column;
}
section.tag-info .edit-tag-wrapper #edit-name,
section.tag-info .edit-tag-wrapper #edit-description {
  width: 100%;
  margin-bottom: 0.5em;
}
section.tag-info .edit-tag-wrapper #edit-description {
  height: 120px;
}
section.tag-info .edit-tag-wrapper .edit-controls {
  display: flex;
  gap: 0.5em;
}
section.tag-info .tag-name-wrapper {
  display: flex;
  font-size: var(--font-up-4);
  align-items: baseline;
}
section.tag-info .tag-name-wrapper button {
  font-size: var(--font-down-1);
}
section.tag-info .tag-name-wrapper button .d-icon {
  color: var(--primary-high);
}
.discourse-no-touch section.tag-info .tag-name-wrapper button:hover {
  background: transparent;
}
section.tag-info .tag-name-wrapper .edit-tag {
  color: var(--primary-high);
  font-size: var(--font-down-2);
  margin-left: 0.5em;
}
section.tag-info .tag-description-wrapper {
  display: flex;
  font-size: var(--font-up-1);
}
section.tag-info .tag-box {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
}
section.tag-info .tag-box a {
  margin-left: 0.5em;
}
section.tag-info .tag-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
section.tag-info .tag-associations:empty {
  display: none;
}
section.tag-info .add-synonyms__controls {
  display: flex;
  gap: 0.5em;
}
section.tag-info .tag-list {
  margin: 0.5em 0 0;
  padding: 0;
  border: none;
}
section.tag-info .tag-list a {
  color: var(--primary-medium);
}

.tag-navigation .mini-tag-chooser.tags-intersection-chooser {
  margin: 0 0.5em 0 0;
}

body.tags-intersection .category-breadcrumb {
  margin-right: auto;
}

.tags-controls {
  display: flex;
  margin: 0;
}
.tags-controls h2 {
  order: -1;
  margin-right: auto;
}

#discourse-tooltip {
  --d-tooltip-background: var(--secondary);
  --d-tooltip-border: var(--primary-medium);
  background-color: var(--d-tooltip-background);
  position: absolute;
  z-index: 600;
  border: 1px solid var(--d-tooltip-border);
  max-width: 400px;
  margin-top: 25px;
  overflow-wrap: break-word;
  display: none;
  font-size: var(--font-0);
  font-weight: 500;
}
#discourse-tooltip.retina {
  border: 0.5px solid var(--d-tooltip-border);
}
#discourse-tooltip .tooltip-pointer {
  position: relative;
  background: var(--d-tooltip-background);
}
#discourse-tooltip .tooltip-pointer::before,
#discourse-tooltip .tooltip-pointer::after {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  width: 0;
}
#discourse-tooltip .tooltip-pointer::after {
  border-bottom-color: var(--d-tooltip-background);
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
  margin-bottom: -0.5px;
}
#discourse-tooltip .tooltip-pointer::before {
  border-bottom-color: var(--d-tooltip-border);
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
  margin-bottom: -0.5px;
}
#discourse-tooltip .tooltip-content {
  padding: 1em;
  max-width: 250px;
  font-size: var(--font-down-1);
  color: var(--primary);
  box-shadow: var(--shadow-dropdown);
  line-height: 1.4em;
}

#main-outlet {
  --below-topic-margin: 0.75em;
}

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}
.container.posts > .row {
  grid-area: posts;
  max-width: calc(100vw - 20px);
  min-width: 0;
}
.container.posts .timeline-container {
  margin-left: unset !important;
  /* This is a temporary override to ease the transition
  to the sticky position timeline for themes with custom timeline positioning.
  Without this those themes would render topics unreadable. */
}
.container.posts .topic-navigation {
  overflow-anchor: none;
}
@media screen and (min-width: 925px) {
  .container.posts .topic-navigation {
    grid-area: timeline;
    align-self: start;
    position: sticky;
    top: calc(var(--header-offset, 60px) + 2em);
    margin-left: 1em;
    z-index: 100;
  }
  .container.posts .topic-navigation.with-topic-progress {
    align-self: end;
  }
  .container.posts .topic-navigation.topic-progress-expanded {
    z-index: 1150;
  }
  .container.posts .topic-navigation-popup {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    overflow-y: auto;
    z-index: 100;
    padding: 10px 10px 35px 10px;
    box-shadow: var(--shadow-dropdown);
    background: var(--tertiary-low);
  }
  .container.posts .topic-navigation-popup .close {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 8px;
    color: var(--primary);
    opacity: 0.5;
    font-size: var(--font-up-1);
  }
}
@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
  .container.posts .topic-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-area: posts;
    grid-row: 3;
    width: auto;
  }
  .container.posts .timeline-container:not(.timeline-fullscreen) {
    display: none;
  }
  .container.posts .timeline-container .timeline-scroller-content {
    position: relative;
  }
}

.progress-back-container {
  z-index: 300;
  text-align: center;
  margin-bottom: 0;
  margin-right: 0.5em;
  position: absolute;
  right: 0;
  bottom: 100%;
}
.progress-back-container .btn, .progress-back-container .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .progress-back-container .json-editor-btn-add, .progress-back-container .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .progress-back-container button {
  margin: 0;
}

.topic-status-info,
.topic-timer-info {
  border-top: 1px solid var(--primary-low);
  margin: 0;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
}
.topic-status-info:empty,
.topic-timer-info:empty {
  padding: 0;
}
.topic-status-info span .d-icon,
.topic-timer-info span .d-icon {
  font-size: var(--font-down-1);
}
.topic-status-info .topic-timer-heading,
.topic-status-info .slow-mode-heading,
.topic-timer-info .topic-timer-heading,
.topic-timer-info .slow-mode-heading {
  display: flex;
  align-items: center;
  margin: 0;
  padding: var(--below-topic-margin) 0;
}
.topic-status-info .slow-mode-remove,
.topic-status-info .topic-timer-modify,
.topic-timer-info .slow-mode-remove,
.topic-timer-info .topic-timer-modify {
  display: flex;
  margin-left: auto;
  align-self: flex-start;
}
.topic-status-info button,
.topic-timer-info button {
  font-size: var(--font-down-2);
  background: transparent;
}

.title-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.title-wrapper .topic-statuses {
  line-height: 1.2;
}
.title-wrapper .topic-statuses .d-icon {
  color: var(--primary-medium);
}
.title-wrapper .header-title .private-message-glyph-wrapper {
  float: left;
  margin-right: 0.25em;
}

#topic-title .title-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 925px) {
  #topic-title .title-wrapper {
    width: 90%;
  }
}
#topic-title h1 {
  margin-bottom: 0;
  width: 100%;
}
#topic-title a.edit-topic .d-icon {
  font-size: 0.8em;
}
#topic-title .edit-topic-title {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  gap: 0.5em;
  width: 100%;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
}
#topic-title .edit-topic-title .select-kit .category-row {
  max-width: unset;
}
#topic-title .edit-title__wrapper {
  flex: 1 1 100%;
}
#topic-title .edit-title__wrapper #edit-title {
  width: 100%;
  margin: 0;
}
#topic-title .edit-category__wrapper {
  flex: 1 1 5%;
}
@media screen and (max-width: 768px) {
  #topic-title .edit-category__wrapper {
    min-width: 0;
  }
}
#topic-title .edit-category__wrapper .select-kit.combo-box.category-chooser {
  width: 100%;
}
#topic-title .edit-tags__wrapper {
  flex: 1 1 33%;
}
@media screen and (max-width: 768px) {
  #topic-title .edit-tags__wrapper {
    flex: 1 1 100%;
  }
}
#topic-title .edit-tags__wrapper .mini-tag-chooser {
  width: 100%;
}
#topic-title .edit-tags__wrapper .select-kit-header--filter {
  flex-wrap: nowrap;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  #topic-title .edit-tags__wrapper .select-kit-header--filter {
    flex-wrap: wrap;
  }
}
#topic-title .edit-tags__wrapper .select-kit-header--filter button {
  min-width: 0;
}
#topic-title .edit-tags__wrapper .multi-select-filter {
  flex-shrink: 0;
  min-width: 2em;
}
#topic-title .edit-controls {
  display: flex;
  width: 100%;
  gap: 0.5em;
}

.private-message-glyph {
  color: var(--primary-medium);
  height: 0.95em;
}

.private_message {
  background: var(--d-content-background);
}
.private_message #topic-title .edit-topic-title {
  position: relative;
  min-width: 0;
}
.private_message #topic-title .edit-topic-title .private-message-glyph {
  position: absolute;
  z-index: 1;
  left: 0.75em;
  top: 1.2em;
}
.mobile-view .private_message #topic-title .edit-topic-title .private-message-glyph {
  top: 1.1em;
}
.private_message #topic-title .edit-topic-title #edit-title {
  padding-left: 2.25em;
}
.private_message #topic-title .edit-topic-title .mini-tag-chooser {
  margin-left: 0;
}
@media screen and (min-width: calc(450px + 1px)) {
  .private_message #topic-title .edit-topic-title .mini-tag-chooser .selected-name {
    max-width: 500px;
  }
}

.topic-title-outlet {
  clear: both;
}

.has-pending-posts {
  display: flex;
  justify-content: space-between;
  padding: 0.5em;
  background-color: var(--highlight-bg);
  margin-top: 1em;
  max-width: 757px;
}

.post-links-container {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  clear: both;
}
.post-links-container .post-links {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--primary-low);
}
.post-links-container .post-links li:last-of-type {
  margin-bottom: 1em;
}
.post-links-container .expand-links {
  color: var(--primary-med-or-secondary-med);
}
.post-links-container .track-link {
  display: flex;
  align-items: center;
}
.post-links-container .track-link span:not(.badge) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post-links-container ul {
  margin: 0;
  list-style: none;
}
.post-links-container ul li {
  margin-bottom: 0.5em;
}
.post-links-container ul li a[href] {
  color: var(--primary-med-or-secondary-med);
}
.post-links-container ul li .d-icon {
  font-size: var(--font-down-2);
  margin: 0 0.5em 0 0;
}
.post-links-container a.reply-new .d-icon {
  background: var(--secondary);
  border-radius: 20px;
  transition: all linear 0.15s;
}
.post-links-container a.reply-new:hover {
  color: var(--tertiary);
}
.post-links-container a.reply-new:hover .d-icon {
  background: var(--tertiary-low);
}

a.topic-featured-link {
  display: inline-flex;
  align-items: center;
  text-transform: lowercase;
  color: var(--primary-med-or-secondary-med);
  font-size: 0.875rem;
}
a.topic-featured-link .d-icon {
  font-size: var(--font-down-1);
  margin-right: 0.25em;
}

.topic-area .pending-posts {
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
}
.topic-area .pending-posts .reviewable-item .post-body, .topic-area .pending-posts .modal.revise-and-reject-reviewable .revise-and-reject-reviewable__queued-post .post-body, .modal.revise-and-reject-reviewable .topic-area .pending-posts .revise-and-reject-reviewable__queued-post .post-body {
  max-height: unset;
}

.published-page-notice {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1em;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
  align-items: center;
}
.published-page-notice .is-public {
  padding: 0.25em 0.5em;
  font-size: var(--font-down-2);
  background: var(--tertiary);
  color: var(--secondary);
  border-radius: 3px;
  text-transform: lowercase;
}

a[data-clicks]::after {
  content: attr(data-clicks);
  font-weight: normal;
  background-color: var(--primary-low);
  color: var(--primary-medium);
  position: relative;
  top: -1px;
  padding: 0.21em 0.42em;
  min-width: 0.5em;
  line-height: var(--line-height-small);
  font-size: var(--font-down-2);
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
  display: inline-block;
  margin: 0.15em;
}

.topic-admin-popup-menu ul {
  margin: 0;
  list-style: none;
}
.topic-admin-popup-menu ul li {
  border: none;
}
.topic-admin-popup-menu ul li:not(:last-of-type) {
  margin-bottom: 2px;
}
.topic-admin-popup-menu ul ul {
  padding: 0.5em;
}
.topic-admin-popup-menu ul ul:not(:last-of-type) {
  border-bottom: 1px solid var(--primary-low);
}
.topic-admin-popup-menu ul .btn, .topic-admin-popup-menu ul .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .topic-admin-popup-menu ul .json-editor-btn-add, .topic-admin-popup-menu ul .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .topic-admin-popup-menu ul button {
  justify-content: left;
  text-align: left;
  width: 100%;
  padding: 0.5em;
}

.fk-d-menu .topic-admin-popup-menu {
  width: 14em;
}

.selected-posts {
  border: 1px solid var(--tertiary-medium);
  background-color: var(--tertiary-low);
}
.selected-posts .btn, .selected-posts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .selected-posts .json-editor-btn-add, .selected-posts .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .selected-posts button {
  border: none;
  color: var(--secondary);
  font-weight: normal;
  margin-bottom: 10px;
}
.selected-posts .btn:not(.btn-danger):not(.json-editor-btn-delete), .selected-posts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete), .d-modal.json-schema-editor-modal .je-ready .selected-posts .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete), .selected-posts .d-modal.json-schema-editor-modal .je-ready button:not(.btn-danger):not(.json-editor-btn-delete), .d-modal.json-schema-editor-modal .je-ready .selected-posts button:not(.btn-danger):not(.json-editor-btn-delete) {
  background: var(--tertiary);
  border-color: var(--tertiary);
}
.selected-posts .btn:not(.btn-danger):not(.json-editor-btn-delete)[href], .selected-posts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete)[href], .d-modal.json-schema-editor-modal .je-ready .selected-posts .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete)[href], .selected-posts .d-modal.json-schema-editor-modal .je-ready button:not(.btn-danger):not(.json-editor-btn-delete)[href], .d-modal.json-schema-editor-modal .je-ready .selected-posts button:not(.btn-danger):not(.json-editor-btn-delete)[href] {
  color: var(--secondary);
}
.selected-posts .btn:not(.btn-danger):not(.json-editor-btn-delete):hover, .selected-posts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete):hover, .d-modal.json-schema-editor-modal .je-ready .selected-posts .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete):hover, .selected-posts .d-modal.json-schema-editor-modal .je-ready button:not(.btn-danger):not(.json-editor-btn-delete):hover, .d-modal.json-schema-editor-modal .je-ready .selected-posts button:not(.btn-danger):not(.json-editor-btn-delete):hover {
  color: var(--secondary);
  background: var(--tertiary-high);
}
.selected-posts .btn:not(.btn-danger):not(.json-editor-btn-delete):active, .selected-posts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete):active, .d-modal.json-schema-editor-modal .je-ready .selected-posts .json-editor-btn-add:not(.btn-danger):not(.json-editor-btn-delete):active, .selected-posts .d-modal.json-schema-editor-modal .je-ready button:not(.btn-danger):not(.json-editor-btn-delete):active, .d-modal.json-schema-editor-modal .je-ready .selected-posts button:not(.btn-danger):not(.json-editor-btn-delete):active {
  background-color: var(--tertiary-hover);
  background-image: linear-gradient(to bottom, var(--tertiary-hover), var(--tertiary));
  color: var(--secondary);
}
.selected-posts .btn[disabled], .selected-posts .d-modal.json-schema-editor-modal .je-ready [disabled].json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .selected-posts [disabled].json-editor-btn-add, .selected-posts .d-modal.json-schema-editor-modal .je-ready button[disabled], .d-modal.json-schema-editor-modal .je-ready .selected-posts button[disabled] {
  text-shadow: 0 1px 0 rgba(var(--primary-rgb), 0.2);
  background-color: var(--tertiary);
  background-image: linear-gradient(to bottom, var(--tertiary), var(--tertiary-hover));
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.33);
}

#topic-footer-buttons {
  display: flex;
  max-width: calc(var(--topic-avatar-width) + var(--topic-body-width) + var(--topic-body-width-padding) * 2);
}
html.anon #topic-footer-buttons {
  justify-content: end;
}
#topic-footer-buttons .topic-footer-main-buttons {
  display: flex;
  gap: 0.5rem;
}
#topic-footer-buttons .topic-footer-main-buttons__actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#topic-footer-buttons .topic-footer-main-buttons .bookmark.bookmarked .d-icon-discourse-bookmark-clock,
#topic-footer-buttons .topic-footer-main-buttons .bookmark.bookmarked .d-icon-bookmark {
  color: var(--tertiary);
}
#topic-footer-buttons .topic-footer-main-buttons .create {
  align-self: flex-start;
}
#topic-footer-buttons .pinned-button .text,
#topic-footer-buttons .topic-notifications-button .text {
  color: var(--primary-high);
}

.with-topic-progress {
  position: sticky;
  bottom: calc(env(safe-area-inset-bottom) + var(--composer-height, 0px));
  z-index: 100;
  pointer-events: none;
}
.with-topic-progress > * {
  pointer-events: auto;
}

#topic-progress-wrapper {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
#topic-progress-wrapper.docked .toggle-admin-menu {
  display: none;
}
#topic-progress-wrapper .btn, #topic-progress-wrapper .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready #topic-progress-wrapper .json-editor-btn-add, #topic-progress-wrapper .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready #topic-progress-wrapper button {
  border: 0;
}
#topic-progress-wrapper #topic-progress {
  position: relative;
  background-color: var(--secondary);
  color: var(--tertiary);
  padding: 0.5rem 1em;
  border: 1px solid var(--tertiary-low);
  /* as a big ol' click target, don't let text inside be selected */
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
#topic-progress-wrapper #topic-progress .nums {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1;
  font-size: var(--font-up-1);
  font-weight: bold;
}
#topic-progress-wrapper #topic-progress .d-icon {
  position: absolute;
  right: 8px;
  bottom: 9px;
  z-index: 1;
}
#topic-progress-wrapper #topic-progress .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--progress-bg-width, 0);
  background-color: var(--tertiary-low);
}

#main-outlet > .regular {
  background: var(--d-content-background);
}

.button-count.has-pending span {
  background-color: var(--danger);
  color: var(--secondary);
  padding: 0.15em 0.3em 0.2em;
  display: inline-block;
  font-size: var(--font-down-2);
  border-radius: var(--d-button-border-radius);
}

.placeholder-avatar {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.placeholder-avatar::before {
  position: absolute;
  left: 0;
  content: "";
  background: linear-gradient(to right, var(--primary-very-low) 10%, var(--primary-low) 28%, var(--primary-very-low) 43%);
  height: 45px;
  width: 700px;
}
@media (prefers-reduced-motion: no-preference) {
  .placeholder-avatar::before {
    animation: placeHolderShimmer 4s linear infinite forwards;
  }
}

.placeholder-text {
  margin-left: var(--topic-body-width-padding);
  display: inline-block;
  width: calc(100% - var(--topic-body-width-padding));
  height: 1.5em;
  margin-bottom: 0.6em;
}

.post-stream .placeholder .row {
  display: flex;
}

.names {
  flex: 1 1 auto;
  overflow: hidden;
}
.names span.first {
  display: flex;
  align-items: baseline;
  font-weight: bold;
}
.names > span {
  font-size: var(--font-0);
  margin-right: 0.33em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.names > span a {
  color: var(--primary-high-or-secondary-low);
  outline-offset: -1px;
}
.names .fa {
  font-size: var(--font-down-1);
  color: var(--primary-med-or-secondary-med);
}
.names .svg-icon-title {
  margin-left: 3px;
  margin-right: 0;
}
.names .new_user a,
.names .user-title,
.names .user-title a {
  color: var(--primary-med-or-secondary-med);
}

.cooked,
.d-editor-preview {
  word-wrap: break-word;
  line-height: 1.5;
}
.cooked > *:first-child,
.d-editor-preview > *:first-child {
  margin-top: 0;
}
.cooked h1,
.cooked h2,
.cooked h3,
.cooked h4,
.cooked h5,
.cooked h6,
.d-editor-preview h1,
.d-editor-preview h2,
.d-editor-preview h3,
.d-editor-preview h4,
.d-editor-preview h5,
.d-editor-preview h6 {
  margin: 2rem 0 0.67rem;
  line-height: var(--line-height-medium);
}
.cooked h1 a.anchor,
.cooked h2 a.anchor,
.cooked h3 a.anchor,
.cooked h4 a.anchor,
.cooked h5 a.anchor,
.cooked h6 a.anchor,
.d-editor-preview h1 a.anchor,
.d-editor-preview h2 a.anchor,
.d-editor-preview h3 a.anchor,
.d-editor-preview h4 a.anchor,
.d-editor-preview h5 a.anchor,
.d-editor-preview h6 a.anchor {
  opacity: 0;
  transition: opacity 0.25s;
}
.cooked h1 a.anchor:focus-visible,
.cooked h2 a.anchor:focus-visible,
.cooked h3 a.anchor:focus-visible,
.cooked h4 a.anchor:focus-visible,
.cooked h5 a.anchor:focus-visible,
.cooked h6 a.anchor:focus-visible,
.d-editor-preview h1 a.anchor:focus-visible,
.d-editor-preview h2 a.anchor:focus-visible,
.d-editor-preview h3 a.anchor:focus-visible,
.d-editor-preview h4 a.anchor:focus-visible,
.d-editor-preview h5 a.anchor:focus-visible,
.d-editor-preview h6 a.anchor:focus-visible {
  outline: 0;
  opacity: 1;
}
.cooked h1 a.anchor::before,
.cooked h2 a.anchor::before,
.cooked h3 a.anchor::before,
.cooked h4 a.anchor::before,
.cooked h5 a.anchor::before,
.cooked h6 a.anchor::before,
.d-editor-preview h1 a.anchor::before,
.d-editor-preview h2 a.anchor::before,
.d-editor-preview h3 a.anchor::before,
.d-editor-preview h4 a.anchor::before,
.d-editor-preview h5 a.anchor::before,
.d-editor-preview h6 a.anchor::before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 512 512' fill='%23919191'%3E%3Cpath d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z'%3E%3C/path%3E%3C/svg%3E");
  line-height: 1.4;
  margin-left: -20px;
  padding-right: 4px;
  position: absolute;
  z-index: 2;
}
.cooked h1:has(a.anchor:focus-visible),
.cooked h2:has(a.anchor:focus-visible),
.cooked h3:has(a.anchor:focus-visible),
.cooked h4:has(a.anchor:focus-visible),
.cooked h5:has(a.anchor:focus-visible),
.cooked h6:has(a.anchor:focus-visible),
.d-editor-preview h1:has(a.anchor:focus-visible),
.d-editor-preview h2:has(a.anchor:focus-visible),
.d-editor-preview h3:has(a.anchor:focus-visible),
.d-editor-preview h4:has(a.anchor:focus-visible),
.d-editor-preview h5:has(a.anchor:focus-visible),
.d-editor-preview h6:has(a.anchor:focus-visible) {
  color: var(--tertiary);
}
.discourse-no-touch .cooked h1 a.anchor:hover, .discourse-no-touch .cooked h1:hover a.anchor,
.discourse-no-touch .cooked h2 a.anchor:hover,
.discourse-no-touch .cooked h2:hover a.anchor,
.discourse-no-touch .cooked h3 a.anchor:hover,
.discourse-no-touch .cooked h3:hover a.anchor,
.discourse-no-touch .cooked h4 a.anchor:hover,
.discourse-no-touch .cooked h4:hover a.anchor,
.discourse-no-touch .cooked h5 a.anchor:hover,
.discourse-no-touch .cooked h5:hover a.anchor,
.discourse-no-touch .cooked h6 a.anchor:hover,
.discourse-no-touch .cooked h6:hover a.anchor,
.discourse-no-touch .d-editor-preview h1 a.anchor:hover,
.discourse-no-touch .d-editor-preview h1:hover a.anchor,
.discourse-no-touch .d-editor-preview h2 a.anchor:hover,
.discourse-no-touch .d-editor-preview h2:hover a.anchor,
.discourse-no-touch .d-editor-preview h3 a.anchor:hover,
.discourse-no-touch .d-editor-preview h3:hover a.anchor,
.discourse-no-touch .d-editor-preview h4 a.anchor:hover,
.discourse-no-touch .d-editor-preview h4:hover a.anchor,
.discourse-no-touch .d-editor-preview h5 a.anchor:hover,
.discourse-no-touch .d-editor-preview h5:hover a.anchor,
.discourse-no-touch .d-editor-preview h6 a.anchor:hover,
.discourse-no-touch .d-editor-preview h6:hover a.anchor {
  opacity: 1;
}
.cooked h1,
.d-editor-preview h1 {
  font-size: var(--font-up-3-rem);
}
.cooked h2,
.d-editor-preview h2 {
  font-size: var(--font-up-2-rem);
}
.cooked h3,
.d-editor-preview h3 {
  font-size: var(--font-up-1-rem);
}
.cooked h4,
.d-editor-preview h4 {
  font-size: var(--font-0-rem);
}
.cooked h5,
.d-editor-preview h5 {
  font-size: var(--font-down-1-rem);
}
.cooked h6,
.d-editor-preview h6 {
  font-size: var(--font-down-2-rem);
}
.cooked a,
.d-editor-preview a {
  word-wrap: break-word;
}
.cooked mark,
.d-editor-preview mark {
  text-decoration: none;
}
.cooked ins,
.d-editor-preview ins {
  background-color: var(--success-low);
  text-decoration: underline;
}
.cooked del,
.d-editor-preview del {
  background-color: var(--danger-low);
  text-decoration: line-through;
}
.cooked mark,
.d-editor-preview mark {
  background-color: var(--highlight);
}
.cooked big,
.d-editor-preview big {
  font-size: 1.5rem;
}
.cooked small,
.d-editor-preview small {
  font-size: 0.75rem;
}
.cooked small small,
.d-editor-preview small small {
  font-size: 0.75em;
}
.cooked big big,
.d-editor-preview big big {
  font-size: 1em;
}
.cooked sub sub sub,
.d-editor-preview sub sub sub {
  bottom: 0;
}
.cooked sup sup sup,
.d-editor-preview sup sup sup {
  top: 0;
}

.cooked video,
.d-editor-preview video {
  max-width: 100%;
}
.cooked sup sup,
.d-editor-preview sup sup {
  top: 0;
}
.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji),
.d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
@supports not (aspect-ratio: 1) {
  .cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji),
  .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
    height: var(--calculated-height);
  }
}
.cooked svg,
.d-editor-preview svg {
  max-height: 2000px;
}

.cooked-selection-barrier {
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  opacity: 0;
}

.moderator .regular > .cooked {
  background-color: var(--highlight-bg);
}
.moderator .clearfix > .topic-meta-data > .names span.user-title, .moderator .container > .topic-meta-data > .names span.user-title {
  color: var(--primary-high-or-secondary-low);
}
.moderator .clearfix > .topic-meta-data > .names span.user-title a, .moderator .container > .topic-meta-data > .names span.user-title a {
  background-color: var(--highlight-bg);
  padding-left: 4px;
  padding-right: 4px;
}

.topic-meta-data {
  display: flex;
  align-items: flex-start;
}
.topic-meta-data .names {
  margin-right: auto;
}
.topic-meta-data .names .first {
  flex-shrink: 0;
}
.topic-meta-data .user-badge-buttons {
  display: flex;
  flex-shrink: 0;
}
.topic-meta-data .user-badge-buttons a {
  background: none;
}
.topic-meta-data .user-badge-buttons .user-badge, .topic-meta-data .user-badge-buttons .user-card .badge-section .more-user-badges a, .user-card .badge-section .more-user-badges .topic-meta-data .user-badge-buttons a {
  background: none;
  border: none;
}
.topic-meta-data .post-infos {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.topic-meta-data .user-status-message-wrap {
  display: flex;
  flex-shrink: 0;
}
.topic-meta-data .user-status-message-wrap img.emoji {
  width: 1em;
  height: 1em;
}

:root {
  --d-post-control-border-radius: var(--d-button-border-radius);
  --d-post-control-text-color: var(--primary-low-mid);
  --d-post-control-text-color--hover: var(--primary);
  --d-post-control-icon-color: var(--primary-low-mid);
  --d-post-control-icon-color--hover: var(--primary);
  --d-post-control-background--hover: var(--primary-low);
  --d-post-control-create-text-color: var(--primary-high);
  --d-post-control-create-icon-color: var(--primary-high);
  --d-post-control-sibling-text-color--hover: var(--primary-medium);
}

nav.post-controls {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--d-post-control-text-color);
  -webkit-user-select: none;
  user-select: none;
}
nav.post-controls .actions {
  display: inline-flex;
  text-align: right;
  margin-left: auto;
}
nav.post-controls .actions .double-button {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: stretch;
  white-space: nowrap;
}
.discourse-no-touch nav.post-controls .actions .double-button:hover button {
  background: var(--d-post-control-background--hover);
  color: var(--d-post-control-sibling-text-color--hover);
}
nav.post-controls .actions .double-button button {
  margin-inline: 0;
}
nav.post-controls .actions .double-button button:first-child {
  border-radius: var(--d-post-control-border-radius) 0 0 var(--d-post-control-border-radius);
}
nav.post-controls .actions .double-button button:last-child {
  border-radius: 0 var(--d-post-control-border-radius) var(--d-post-control-border-radius) 0;
}
nav.post-controls .actions .double-button button:first-child:last-child {
  border-radius: var(--d-post-control-border-radius);
}
nav.post-controls .actions .double-button button.like.d-hover, nav.post-controls .actions .double-button button.like:hover {
  background: var(--love-low);
}
nav.post-controls .actions .double-button button.like.d-hover .d-icon, nav.post-controls .actions .double-button button.like:hover .d-icon {
  color: var(--love);
}
nav.post-controls .actions .double-button button.has-like .d-icon {
  color: var(--love);
}
.discourse-no-touch nav.post-controls .actions .double-button button.has-like.d-hover, .discourse-no-touch nav.post-controls .actions .double-button button.has-like:hover {
  background: var(--primary-low);
}
.discourse-no-touch nav.post-controls .actions .double-button button.has-like.d-hover .d-icon, .discourse-no-touch nav.post-controls .actions .double-button button.has-like:hover .d-icon {
  color: var(--primary-medium);
}
.discourse-no-touch nav.post-controls .actions .double-button button.button-count.d-hover, .discourse-no-touch nav.post-controls .actions .double-button button.button-count:hover {
  color: var(--primary);
}
.discourse-no-touch nav.post-controls .actions .double-button button.button-count + .toggle-like.d-hover, .discourse-no-touch nav.post-controls .actions .double-button button.button-count + .toggle-like:hover {
  background: var(--primary-low);
}
nav.post-controls .actions .double-button button.my-likes .d-icon, nav.post-controls .actions .double-button button.read-indicator .d-icon, nav.post-controls .actions .double-button button.regular-likes .d-icon {
  color: var(--d-post-control-icon-color);
  padding-left: 0.45em;
}
nav.post-controls .actions .double-button button[disabled] {
  cursor: not-allowed;
  opacity: 1;
}
nav.post-controls .actions .double-button button.button-count:not(.my-likes) {
  padding-right: 0;
}
nav.post-controls .actions .double-button button.button-count + .toggle-like {
  padding-left: 0.45em;
}
nav.post-controls .actions a,
nav.post-controls .actions button {
  display: inline-flex;
  color: var(--d-post-control-text-color);
}
nav.post-controls .actions button {
  flex: 0 1 auto;
  font-size: var(--font-up-1);
  padding: 8px 10px;
  vertical-align: top;
  background: transparent;
  border: none;
  border-radius: var(--d-post-control-border-radius);
}
nav.post-controls .actions button .d-icon {
  pointer-events: none;
}
.discourse-no-touch nav.post-controls .actions button.d-hover, .discourse-no-touch nav.post-controls .actions button:hover, .discourse-no-touch nav.post-controls .actions button:focus-visible, .discourse-no-touch nav.post-controls .actions button:active {
  outline: none;
  background: var(--d-post-control-background--hover);
  color: var(--d-post-control-text-color--hover);
}
nav.post-controls .actions button.hidden {
  display: none;
}
nav.post-controls .actions button.admin {
  position: relative;
}
.discourse-no-touch nav.post-controls .actions button.delete.d-hover, .discourse-no-touch nav.post-controls .actions button.delete:hover, .discourse-no-touch nav.post-controls .actions button.delete:active, .discourse-no-touch nav.post-controls .actions button.delete:focus {
  background: var(--danger);
  color: var(--secondary);
}
.discourse-no-touch nav.post-controls .actions button.delete.d-hover .d-icon, .discourse-no-touch nav.post-controls .actions button.delete:hover .d-icon, .discourse-no-touch nav.post-controls .actions button.delete:active .d-icon, .discourse-no-touch nav.post-controls .actions button.delete:focus .d-icon {
  color: var(--secondary);
}
nav.post-controls .actions button.bookmarked .d-icon {
  color: var(--tertiary);
}
nav.post-controls .actions button.create {
  margin-right: 0;
  color: var(--d-post-control-create-text-color);
}
nav.post-controls .actions button.create .d-icon {
  color: var(--d-post-control-create-icon-color);
}
nav.post-controls .btn.show-replies, nav.post-controls .d-modal.json-schema-editor-modal .je-ready .show-replies.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready nav.post-controls .show-replies.json-editor-btn-add, nav.post-controls .d-modal.json-schema-editor-modal .je-ready button.show-replies, .d-modal.json-schema-editor-modal .je-ready nav.post-controls button.show-replies {
  font-size: inherit;
  padding: 10px;
  color: var(--primary-medium);
}
.discourse-no-touch nav.post-controls .btn.show-replies:hover, .discourse-no-touch nav.post-controls .d-modal.json-schema-editor-modal .je-ready .show-replies.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch nav.post-controls .show-replies.json-editor-btn-add:hover, .discourse-no-touch nav.post-controls .d-modal.json-schema-editor-modal .je-ready button.show-replies:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch nav.post-controls button.show-replies:hover, .discourse-no-touch nav.post-controls .btn.show-replies:focus-visible, .discourse-no-touch nav.post-controls .d-modal.json-schema-editor-modal .je-ready .show-replies.json-editor-btn-add:focus-visible, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch nav.post-controls .show-replies.json-editor-btn-add:focus-visible, .discourse-no-touch nav.post-controls .d-modal.json-schema-editor-modal .je-ready button.show-replies:focus-visible, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch nav.post-controls button.show-replies:focus-visible {
  outline: none;
  color: var(--d-post-control-text-color--hover);
  background: var(--d-post-control-background--hover);
}
nav.post-controls .btn.show-replies .d-icon, nav.post-controls .d-modal.json-schema-editor-modal .je-ready .show-replies.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready nav.post-controls .show-replies.json-editor-btn-add .d-icon, nav.post-controls .d-modal.json-schema-editor-modal .je-ready button.show-replies .d-icon, .d-modal.json-schema-editor-modal .je-ready nav.post-controls button.show-replies .d-icon {
  font-size: var(--font-down-1);
}
nav.post-controls .btn.show-replies .d-button-label + .d-icon, nav.post-controls .d-modal.json-schema-editor-modal .je-ready .show-replies.json-editor-btn-add .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready nav.post-controls .show-replies.json-editor-btn-add .d-button-label + .d-icon, nav.post-controls .d-modal.json-schema-editor-modal .je-ready button.show-replies .d-button-label + .d-icon, .d-modal.json-schema-editor-modal .je-ready nav.post-controls button.show-replies .d-button-label + .d-icon {
  margin-left: 0.45em;
  margin-right: 0;
}

.deleted .regular > .cooked {
  background-color: var(--danger-low-mid);
}
.deleted .topic-meta-data:not(.embedded-reply) {
  color: var(--danger);
}
.deleted .topic-meta-data:not(.embedded-reply) .post-info a,
.deleted .topic-meta-data:not(.embedded-reply) a {
  color: currentcolor;
}
.deleted .topic-meta-data:not(.embedded-reply) .d-icon {
  color: currentcolor;
}
.deleted nav.post-controls {
  color: var(--danger);
}
.deleted nav.post-controls .show-replies,
.deleted nav.post-controls button.reply.create {
  color: var(--danger);
}
.deleted nav.post-controls .show-replies .d-icon,
.deleted nav.post-controls button.reply.create .d-icon {
  color: var(--danger);
}
.deleted nav.post-controls .widget-button:hover {
  color: currentcolor;
  background: var(--danger-low);
}
.deleted nav.post-controls .widget-button:hover .d-icon {
  color: currentcolor;
}
.deleted nav.post-controls .widget-button[disabled]:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.deleted nav.post-controls .widget-button.fade-out {
  opacity: 1;
}
.deleted nav.post-controls .d-icon {
  color: var(--danger);
}
.deleted .post-action {
  color: var(--danger);
}

@keyframes heartBump {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .has-like .d-icon.heart-animation,
  .toggle-like.heart-animation .d-icon {
    animation: heartBump 0.4s;
  }
}

@keyframes slideout {
  from {
    max-height: 60px;
  }
  to {
    max-height: 9999px;
  }
}
aside.quote {
  margin-top: 1em;
  margin-bottom: 1em;
}
aside.quote .title {
  border-left: 5px solid var(--primary-300);
  background-color: var(--blend-primary-secondary-5);
  color: var(--primary-high-or-secondary-low);
  padding: 0.8em 0.8em 0 0.8em;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
aside.quote .title .avatar {
  margin-right: 0.5em;
}
aside.quote .title img {
  margin-top: -0.26em;
}
aside.quote blockquote {
  margin-top: 0;
}
aside.quote blockquote .expanded-quote {
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  aside.quote blockquote .expanded-quote {
    animation: slideout 1s ease-in-out;
  }
}
aside.quote blockquote .expanded-quote.icon-only {
  text-align: center;
  font-size: var(--font-up-4);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: var(--primary-medium);
}

.quote-controls,
.quote-controls .d-icon {
  color: var(--primary-low-mid-or-secondary-high);
}

.quote-controls .quote-toggle {
  padding: 0;
}

.cooked .highlight {
  background-color: var(--tertiary-low);
  padding: 0.15em;
  margin: -0.15em;
}

.post-ignored {
  font-style: italic;
}

.post-action {
  color: var(--primary-medium);
}
.post-action .undo-action,
.post-action .act-action {
  margin-left: 5px;
}

.small-user-list .small-user-list-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
}
.small-user-list .unknown {
  display: inline-block;
  background-color: var(--primary-low);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.25em;
}

.post-hidden .topic-avatar,
.post-hidden .cooked,
.post-hidden .topic-meta-data,
.post-hidden .post-actions {
  opacity: 0.5;
}

.topic-post.staged {
  opacity: 0.4;
}

.quote-controls {
  float: right;
  display: flex;
  align-items: center;
}
.quote-controls a {
  margin-left: 0.3em;
}

.quote-button {
  flex-direction: column;
}
.quote-button.visible {
  display: flex;
}
.quote-button .buttons {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 420px) {
  .quote-button .buttons {
    flex-direction: column;
    align-items: flex-start;
  }
  .quote-button .buttons .btn, .quote-button .buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .quote-button .buttons .json-editor-btn-add, .quote-button .buttons .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .quote-button .buttons button,
  .quote-button .buttons .ai-post-helper {
    width: 100%;
    justify-content: flex-start;
  }
}
.quote-button .extra {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.quote-button .fast-edit-container {
  display: flex;
  padding: 0.5em;
  padding-top: 0;
  flex-direction: column;
  align-items: flex-start;
}
.quote-button .fast-edit-container #fast-edit-input {
  margin: 0;
  width: 300px;
  height: 90px;
}
.quote-button .fast-edit-container .save-fast-edit {
  margin-top: 0.5em;
}
.quote-button .insert-quote + .quote-sharing {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.quote-button .btn-flat:hover .d-icon, .quote-button .json-editor-btn-collapse:hover .d-icon {
  color: var(--tertiary);
}
.quote-button .btn-flat .d-button-label, .quote-button .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-collapse .d-button-label, .d-modal.json-schema-editor-modal .je-ready .quote-button .json-editor-btn-collapse .d-button-label, .quote-button .json-editor-btn-collapse .d-button-label {
  white-space: nowrap;
}
.quote-button .quote-sharing {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}
.quote-button .quote-sharing .btn, .quote-button .quote-sharing .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .quote-button .quote-sharing .json-editor-btn-add, .quote-button .quote-sharing .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .quote-button .quote-sharing button {
  display: inline-flex;
  align-items: center;
}
.quote-button .quote-sharing .quote-share-label {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.quote-button .quote-sharing:hover .quote-share-label {
  background: transparent;
  opacity: 0;
  max-width: 0;
  padding: 0;
  overflow: hidden;
}
.quote-button .quote-sharing:hover .quote-share-label + .quote-share-buttons {
  max-width: 10em;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.quote-button .quote-sharing:hover::after {
  content: "";
  position: absolute;
  display: block;
  background: transparent;
  height: 100%;
  padding: 0.5em 4em;
  z-index: -1;
}
.quote-button .quote-sharing .quote-share-label + .quote-share-buttons {
  opacity: 0;
  overflow: hidden;
  max-width: 0;
  display: inline-flex;
  transition: opacity 0.3s ease-in-out;
}

.post-avatar,
.topic-avatar,
.user-card-avatar {
  position: relative;
}

.topic-avatar .avatar-flair,
.avatar-flair-preview .avatar-flair,
.user-card-avatar .avatar-flair,
.user-profile-avatar .avatar-flair,
.user-image .avatar-flair,
.latest-topic-list-item .avatar-flair {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: -6px;
}

.topic-avatar .avatar-flair,
.avatar-flair-preview .avatar-flair,
.collapsed-info .user-profile-avatar .avatar-flair,
.user-image .avatar-flair,
.latest-topic-list-item .avatar-flair {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.topic-avatar .avatar-flair.rounded,
.avatar-flair-preview .avatar-flair.rounded,
.collapsed-info .user-profile-avatar .avatar-flair.rounded,
.user-image .avatar-flair.rounded,
.latest-topic-list-item .avatar-flair.rounded {
  background-size: 18px 18px;
  border-radius: 12px;
  width: 24px;
  height: 24px;
  bottom: -2px;
  right: -8px;
}

.user-card-avatar .avatar-flair,
.user-profile-avatar .avatar-flair {
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
}
.user-card-avatar .avatar-flair.rounded,
.user-profile-avatar .avatar-flair.rounded {
  background-size: 30px 30px;
  border-radius: 24px;
  width: 40px;
  height: 40px;
  bottom: -2px;
  right: -4px;
}
.user-card-avatar .avatar-flair .fa,
.user-profile-avatar .avatar-flair .fa {
  font-size: var(--font-up-4);
}

.topic-body .cooked {
  overflow: hidden;
}
.topic-body .cooked .button-wrapper {
  display: none;
}
.topic-body .group-request {
  border-top: 1px solid var(--primary-low);
  padding-top: 0.5em;
}

.small-action-desc:focus-visible,
.topic-body:focus-visible {
  outline: none;
}

.post-info {
  flex: 0 0 auto;
  margin-right: 0.5em;
}
.post-info.post-date {
  margin-right: 0;
}
.post-info.via-email .d-icon, .post-info.whisper .d-icon, .post-info.post-locked .d-icon {
  font-size: var(--font-0);
}
.post-info .wiki,
.post-info .last-wiki-edit {
  color: var(--wiki);
}
.post-info.via-email {
  color: var(--primary-low-mid-or-secondary-high);
}
.post-info.raw-email {
  cursor: pointer;
}
.post-info.edits .widget-button {
  display: flex;
  align-items: center;
}
.post-info.edits .widget-button .d-button-label {
  order: 0;
  padding-right: 0.25em;
  color: var(--primary-med-or-secondary-med);
}
.post-info.edits .widget-button .d-icon {
  order: 1;
  color: var(--primary-med-or-secondary-med);
}
.discourse-no-touch .post-info.edits .widget-button:hover .d-button-label {
  color: var(--primary-high);
}
.discourse-no-touch .post-info.edits .widget-button:hover .d-icon {
  color: var(--primary-high);
}
.post-info.edits .widget-button:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
  background: transparent;
}

pre {
  max-height: 2000px;
}
pre .bidi-warning,
pre .bidi-warning span {
  font-style: normal;
  background-color: var(--highlight);
  color: var(--danger);
  cursor: help;
}

.codeblock-buttons {
  display: block;
  position: relative;
  overflow: visible;
}
.codeblock-buttons .codeblock-button-wrapper {
  position: absolute;
  display: flex;
}
.codeblock-buttons .copy-cmd,
.codeblock-buttons .fullscreen-cmd {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  top: 0;
  min-height: 0;
  font-size: var(--font-down-2);
  opacity: 0.7;
  cursor: pointer;
}
.codeblock-buttons .copy-cmd.action-complete,
.codeblock-buttons .fullscreen-cmd.action-complete {
  cursor: auto;
}
.codeblock-buttons .copy-cmd.action-complete .d-icon,
.codeblock-buttons .fullscreen-cmd.action-complete .d-icon {
  color: var(--tertiary);
}
.codeblock-buttons .copy-cmd .d-icon,
.codeblock-buttons .fullscreen-cmd .d-icon {
  pointer-events: none;
  margin-right: 0;
}

kbd {
  align-items: center;
  border: 1px solid var(--primary-low-mid);
  background: var(--primary-very-low);
  border-bottom-width: 2px;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-flex;
  gap: 0 0.5em;
  font-size: var(--font-down-1);
  justify-content: center;
  line-height: var(--line-height-large);
  margin: 0 0.15em;
  min-width: 24px;
  padding: 0.15em 0.6em;
}
kbd * * * {
  display: none;
}

blockquote > *:first-child {
  margin-top: 0 !important;
}

blockquote > *:last-child {
  margin-bottom: 0 !important;
}

.gap {
  padding: 0.25em 0 0.5em calc(var(--topic-avatar-width) + var(--topic-body-width-padding));
  color: var(--primary-med-or-secondary-high);
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  font-size: var(--font-down-1);
}

.who-liked,
.who-read {
  transition: height 0.5s;
}
.who-liked a,
.who-read a {
  margin: 0 0.25em 0.5em 0;
  display: inline-block;
}

.reviewable .post-body thead th,
.cooked table thead th,
.d-editor-preview table thead th {
  text-align: left;
  padding-bottom: 2px;
  font-weight: bold;
  color: var(--primary);
}
.reviewable .post-body td,
.cooked table td,
.d-editor-preview table td {
  padding: 3px 3px 3px 0.5em;
}

.small-action {
  display: flex;
  align-items: center;
}
.small-action:focus-visible {
  outline: none;
}
.small-action.deleted .topic-avatar,
.small-action.deleted .small-action-desc {
  background-color: var(--danger-low-mid);
}
.small-action .topic-avatar,
.small-action .small-action-desc {
  border-top: 1px solid var(--primary-low);
}
.small-action .topic-avatar {
  display: flex;
  align-self: stretch;
  flex: 0 0 auto;
  margin: 0;
  padding-top: 1em;
  width: var(--topic-avatar-width);
  justify-content: center;
  height: auto;
}
.small-action .topic-avatar .d-icon {
  font-size: var(--font-up-3);
  width: var(--topic-avatar-width);
  color: var(--primary-low-mid);
}
.small-action .small-action-desc {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  color: var(--primary-700);
  padding: 1em 0 1em var(--topic-body-width-padding);
  width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2);
  min-width: 0;
}
.small-action .small-action-desc .avatar {
  margin-right: 0.5em;
  float: left;
}
.small-action .small-action-desc p {
  margin: 0;
  padding: 0.15em 0.5em 0 0;
}
.small-action .small-action-contents {
  flex: 1 1 auto;
}
.small-action .small-action-buttons {
  margin-left: auto;
}
.small-action .small-action-custom-message {
  flex: 1 1 100%;
  font-weight: normal;
  margin-top: 0.5em;
  word-break: break-word;
  min-width: 0;
  color: var(--primary);
}
.small-action .small-action-custom-message p {
  margin-bottom: 0;
}
.small-action button {
  background: transparent;
  font-size: var(--font-down-1);
}
.small-action button .d-icon {
  color: var(--primary-500);
}
.discourse-no-touch .small-action button:hover, .discourse-no-touch .small-action button:focus {
  background: var(--primary-200);
}
.discourse-no-touch .small-action button:hover .d-icon, .discourse-no-touch .small-action button:focus .d-icon {
  color: var(--primary);
}
.small-action.topic-post-visited .topic-post-visited-line {
  text-align: center;
  border-bottom: 1px solid var(--danger-medium);
  z-index: 3;
  line-height: 0;
  margin: 0;
  margin-bottom: -1px;
  color: var(--danger-medium);
  font-size: var(--font-down-1);
  width: calc(var(--topic-body-width) + var(--topic-avatar-width) + var(--topic-body-width-padding) * 2);
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
  background-color: var(--secondary);
  padding: 0 0.5em;
}

.whisper .post-info.whisper {
  margin-left: 0.5em;
}
.whisper .topic-body .cooked {
  font-style: italic;
  color: var(--primary-medium);
}

a.mention,
a.mention-group {
  display: inline;
  font-size: 0.93em;
  font-weight: normal;
  color: var(--primary);
  padding: 0.14em 0.34em 0.19em;
  background: var(--primary-low);
  border-radius: 0.6em;
  text-decoration: none;
  text-wrap: nowrap;
}
a.mention.--bot,
a.mention-group.--bot {
  background: var(--success-low);
}
a.mention.--wide,
a.mention-group.--wide {
  background: var(--highlight-low-or-medium);
}
a.mention.--current,
a.mention-group.--current {
  background: var(--tertiary-400);
}
a.mention .user-status-message,
a.mention-group .user-status-message {
  -webkit-user-select: none;
  user-select: none;
}

.mention .emoji {
  margin-left: 0.3em;
  width: 15px;
  height: 15px;
}

span.mention {
  color: var(--primary-high);
}

.suggested-topics .topics {
  padding-bottom: 15px;
}

.large-image-placeholder > a.link {
  margin-right: 10px;
}
.large-image-placeholder > a > * {
  overflow: hidden;
  vertical-align: middle;
}
.large-image-placeholder > a > .d-icon {
  color: var(--primary-med-or-secondary-med);
  margin-right: 6px;
  font-size: var(--font-0);
  line-height: var(--line-height-large);
}
.large-image-placeholder > a > span.url {
  display: inline-block;
  max-width: 300px;
  margin-right: 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.large-image-placeholder > a > span.help {
  display: inline-block;
  color: var(--primary-med-or-secondary-med);
  font-size: var(--font-down-1);
  font-style: italic;
  line-height: var(--line-height-large);
  margin-bottom: 1px;
}
.large-image-placeholder > a > span.badge-notification {
  vertical-align: unset;
}

.broken-image,
.blocked-hotlinked-placeholder {
  display: inline-flex;
  flex-direction: column;
  border: 1px solid var(--primary-low);
  align-items: center;
  justify-content: center;
}
.broken-image:not(a),
.blocked-hotlinked-placeholder:not(a) {
  color: var(--primary-low-mid-or-secondary-high);
}
.broken-image .d-icon,
.blocked-hotlinked-placeholder .d-icon {
  margin: 16px;
  font-size: var(--font-up-5);
}
.broken-image .notice,
.blocked-hotlinked-placeholder .notice {
  margin: 0 0.5em 0.5em 0.5em;
}

/* below standard tablet portrait ----------- */
.reply-to-tab {
  display: flex;
  align-items: center;
  margin-right: 2em;
  max-width: 400px;
  overflow: hidden;
}
.reply-to-tab img {
  margin: 0 0.25em;
}

.topic-post.selected article.boxed .select-posts button.select-post {
  background-color: var(--tertiary);
  color: var(--secondary);
  border-color: var(--tertiary);
}
.topic-post.selected article.boxed .topic-body .contents::after {
  display: none;
}
.topic-post article.boxed {
  position: relative;
}
.topic-post article.boxed .select-posts {
  position: absolute;
  right: 7em;
  z-index: 300;
  top: 0.5em;
  height: 100px;
}
.topic-post article.boxed .select-posts button {
  margin-left: 8px;
  background-color: var(--primary-low);
  color: var(--primary);
  box-shadow: var(--shadow-dropdown);
}

@media all and (max-width: 767px) {
  .reply-to-tab span {
    display: none;
  }
  .user-title {
    float: left;
    clear: left;
  }
}
.signup-cta {
  box-sizing: border-box;
  max-width: calc(var(--topic-body-width) + 4.5em);
  padding: 3em 5em 2em calc(var(--topic-avatar-width) + var(--topic-body-width-padding));
}
@media screen and (max-width: 550px) {
  .signup-cta {
    padding: 1.5em 1.5em 0.25em;
  }
}
.signup-cta h3 {
  margin-bottom: 0.5em;
}
.signup-cta a {
  text-decoration: underline;
}
.signup-cta .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1.5em 0 1em;
}
.signup-cta .buttons > * {
  margin-bottom: 0.5em;
}
.signup-cta .buttons .btn, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons .json-editor-btn-add, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons button {
  margin-right: 0.5em;
  white-space: nowrap;
}
.signup-cta .buttons .btn .d-icon, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons .json-editor-btn-add .d-icon, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons button .d-icon {
  color: inherit;
}
.signup-cta .buttons .btn.btn-remind, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .btn-remind.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons .btn-remind.json-editor-btn-add, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button.btn-remind, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons button.btn-remind {
  background: var(--primary-very-low);
  margin-right: auto;
}
.discourse-no-touch .signup-cta .buttons .btn.btn-remind:hover, .discourse-no-touch .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .btn-remind.json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .signup-cta .buttons .btn-remind.json-editor-btn-add:hover, .discourse-no-touch .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button.btn-remind:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .signup-cta .buttons button.btn-remind:hover, .discourse-no-touch .signup-cta .buttons .btn.btn-remind.btn-hover, .discourse-no-touch .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .btn-remind.btn-hover.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .signup-cta .buttons .btn-remind.btn-hover.json-editor-btn-add, .discourse-no-touch .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button.btn-remind.btn-hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .signup-cta .buttons button.btn-remind.btn-hover {
  background: var(--primary-medium);
}
@media screen and (max-width: 550px) {
  .signup-cta .buttons .btn.btn-primary, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready .btn-primary.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons .btn-primary.json-editor-btn-add, .signup-cta .buttons .d-modal.json-schema-editor-modal .je-ready button.btn-primary, .d-modal.json-schema-editor-modal .je-ready .signup-cta .buttons button.btn-primary {
    margin-right: 100%;
  }
}

.post-notice {
  box-sizing: border-box;
  align-items: center;
  background-color: var(--tertiary-low);
  border-top: 1px solid var(--primary-low);
  display: flex;
  width: 100%;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
  padding: var(--topic-body-width-padding);
  padding-left: 0;
}
.post-notice.old {
  background-color: unset;
  color: var(--primary-medium);
}
.post-notice.old .d-icon {
  color: var(--primary-medium);
}
.post-notice .post-notice-message p {
  display: inline;
}
.post-notice p {
  margin: 0;
}
.post-notice .d-icon {
  font-size: 2em;
  width: var(--topic-avatar-width);
  color: var(--primary-high);
  margin-right: var(--topic-body-width-padding);
}

iframe {
  max-width: 100%;
  max-height: min(1000px, 200vh);
}

.post-admin-menu {
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  width: auto;
  max-width: 320px;
  position: absolute;
  text-align: left;
  bottom: -2px;
  right: 15px;
}

.posts-filtered-notice {
  position: sticky;
  background-color: var(--tertiary-low);
  bottom: 0;
  padding: 1em;
  margin-top: 0.5em;
  text-align: center;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width));
}
.posts-filtered-notice .filtered-avatar {
  margin: 0 0.5em;
}
.posts-filtered-notice .filtered-avatar + .names {
  flex: inherit;
}
.posts-filtered-notice .filtered-replies-show-all {
  margin-left: 1em;
}
.posts-filtered-notice .filtered-user-row {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pausable-animated-image {
  position: relative;
  display: inline-block;
}
.pausable-animated-image > canvas,
.pausable-animated-image > .animated-image-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pausable-animated-image > canvas {
  background-color: var(--primary-very-low);
}
.pausable-animated-image > .animated-image-overlay {
  pointer-events: none;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.pausable-animated-image > .animated-image-overlay > .d-icon {
  padding: 0.5em;
  margin: 0.5em;
  background-color: rgba(var(--always-black-rgb), 0.25);
  color: var(--secondary-or-primary);
  cursor: pointer;
  display: none;
}
.pausable-animated-image img.animated {
  cursor: pointer;
}
html.no-touch .pausable-animated-image:not(.paused-animated-image) .animated:hover + .animated-image-overlay .d-icon-pause {
  display: initial;
}
.pausable-animated-image.paused-animated-image .animated.manually-paused + .animated-image-overlay .d-icon-play {
  display: initial;
}

.paused-animated-image img.animated {
  opacity: 0;
}

.open-popup-link {
  display: inline;
  margin-inline: 0.25em;
  position: sticky;
  left: 1rem;
  opacity: 0%;
  white-space: nowrap;
  transition: 0.25s ease-in-out opacity;
}

.fullscreen-table-wrapper {
  display: block;
  position: relative;
}
html.discourse-no-touch .fullscreen-table-wrapper {
  transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fullscreen-code-modal pre code {
  max-width: none;
}

.fullscreen-table-modal .d-modal__container {
  width: auto;
}
.fullscreen-table-modal .d-modal__body {
  padding-top: 0;
}
.fullscreen-table-modal .d-modal__body thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--secondary);
}
.fullscreen-table-modal .d-modal__body td {
  padding: 5px 6px 5px 3px;
}

html.discourse-no-touch .fullscreen-table-wrapper:hover {
  border-radius: 5px;
}
html.discourse-no-touch .fullscreen-table-wrapper:hover .open-popup-link {
  opacity: 100%;
}
html.discourse-no-touch .fullscreen-table-wrapper:hover.--has-overflow, html.discourse-no-touch .fullscreen-table-wrapper:hover.--editable {
  box-shadow: 0 2px 5px 0 rgba(var(--always-black-rgb), 0.1), 0 2px 10px 0 rgba(var(--always-black-rgb), 0.1);
}

.read-state {
  position: absolute;
  align-self: center;
  color: var(--tertiary-medium);
  right: 0;
  font-size: 0.571em;
}
.read-state.read {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity ease-out 1s;
}

.uploaded-image-preview {
  background: var(--primary-medium) center;
  background-size: cover;
  position: relative;
  max-width: 400px;
  width: 100%;
  height: 150px;
  margin-bottom: 0.5em;
  box-sizing: border-box;
}
.uploaded-image-preview.uppy-is-drag-over .d-icon-far-image {
  color: var(--success);
}
.uploaded-image-preview .meta {
  display: none;
}
.uploaded-image-preview .placeholder-overlay {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.uploaded-image-preview .image-upload-controls {
  position: relative;
  display: flex;
  padding: 10px;
  gap: 0.5em;
}
.uploaded-image-preview .image-upload-controls .image-uploader-lightbox-btn {
  margin-left: auto;
}

.image-uploader.no-repeat .uploaded-image-preview {
  background-repeat: no-repeat;
}

.image-uploader.contain-image .uploaded-image-preview {
  background-size: contain;
}

.hidden-upload-field {
  visibility: hidden;
  position: absolute;
}

.user-content-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-rows: auto auto 1fr auto;
  grid-gap: 20px;
}
.user-content-wrapper .user-primary-navigation {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.user-content-wrapper .user-primary-navigation .nav-pills {
  flex-wrap: wrap;
}
.user-content-wrapper .user-secondary-navigation {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.user-content-wrapper .solo-preference,
.user-content-wrapper .user-content,
.user-content-wrapper .spinner {
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
}
.user-content-wrapper .user-content {
  min-width: 100%;
}
.user-content-wrapper .user-additional-controls + .user-content,
.user-content-wrapper .user-secondary-navigation + .user-content {
  grid-column-start: 2;
  grid-column-end: 3;
}
.user-content-wrapper .user-additional-controls {
  grid-row-start: 3;
  align-self: start;
  justify-self: start;
}

.user-content .list-actions {
  display: flex;
  margin-bottom: 12px;
}
.user-content .list-actions .btn, .user-content .list-actions .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-content .list-actions .json-editor-btn-add, .user-content .list-actions .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-content .list-actions button {
  margin-right: 12px;
}
.user-content .paginated-topics-list {
  position: relative;
}
.user-content .show-mores {
  width: 100%;
}
.user-content .show-mores .alert-info.clickable {
  gap: 0.5em;
}
.user-content .show-mores .alert-info.clickable.loading {
  color: var(--primary-medium);
  cursor: default;
}
.user-content .d-icon-heart {
  color: var(--love);
}
.user-content .user-notifications-filter {
  display: block;
  width: 100%;
  border-bottom: 0.5px solid var(--primary-low);
}

.user-main {
  background: var(--d-content-background);
}
.user-main .about {
  width: 100%;
  margin-bottom: 0;
}
.user-main .about.has-background .user-profile-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.user-main .about.has-background .staff-counters {
  margin-bottom: 0;
}
.user-main .about .secondary {
  display: inline-block;
  width: 100%;
  border-top: 1px solid var(--primary-low);
}
.user-main .about .secondary .btn, .user-main .about .secondary .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-main .about .secondary .json-editor-btn-add, .user-main .about .secondary .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-main .about .secondary button {
  padding: 4px 12px;
}
.user-main .about .secondary dl {
  margin: 0;
  padding: 0.25em 0;
}
.user-main .about .secondary dl div {
  display: inline-flex;
  align-items: baseline;
  margin-right: 15px;
  margin: 4px 0;
}
.user-main .about .secondary dt,
.user-main .about .secondary dd {
  display: inline-flex;
  align-items: center;
}
.user-main .about .secondary dd {
  padding: 0;
  margin: 0 15px 0 0;
  color: var(--primary);
}
.user-main .about .secondary dd.groups span:not(:last-of-type) {
  margin-right: 0.25em;
}
.user-main .about .secondary dd.groups span::after {
  content: ",";
}
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: "";
}
.user-main .about .secondary dt {
  color: var(--secondary-medium);
  margin-right: 5px;
  display: inline-block;
}
.user-main .about .details {
  background: rgba(var(--secondary-rgb), 0.8);
  border-bottom: 1px solid var(--primary-low);
}
.user-main .about .details .groups {
  display: inline;
}
.user-main .about .details img.avatar {
  float: left;
}
.user-main .about .details .suspended {
  color: var(--danger);
}
.user-main .about .details .primary {
  width: 100%;
  position: relative;
  display: flex;
}
.user-main .about .details .primary .bio {
  max-height: 300px;
  overflow: auto;
}
.user-main .about .details .primary .bio img {
  max-width: 100%;
}
.user-main .about .details .user-profile-avatar {
  position: relative;
  align-self: flex-start;
}
.user-main .about .details .user-profile-avatar .avatar-flair {
  bottom: 8px;
  right: 16px;
}
.user-main .about .controls ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  list-style-type: none;
  margin: 0 0 0.5em 0;
}
.user-main .about.collapsed-info .details {
  margin-top: 0;
  background: rgba(var(--secondary-rgb), 0.8);
}
.user-main .about.collapsed-info .details .bio {
  display: none;
}
.user-main .about.collapsed-info .details .primary {
  width: 100%;
}
.user-main .about.collapsed-info .details .primary .avatar {
  margin-right: 10px;
  width: 45px;
  height: 45px;
}
.user-main .about.collapsed-info .details .primary .user-profile-names__primary {
  font-size: var(--font-up-3);
}
.user-main .about.collapsed-info .details .primary .user-profile-names__secondary {
  font-size: var(--font-up-1);
}
.user-main .about.collapsed-info .details .primary .user-profile-names__title,
.user-main .about.collapsed-info .details .primary .user-profile__location-and-website,
.user-main .about.collapsed-info .details .primary .user-profile__featured-topic {
  display: none;
}
.user-main .about.collapsed-info .user-profile-avatar .avatar-flair {
  bottom: 8px;
  right: 2px;
}
.user-main .about.collapsed-info .user-profile-avatar .avatar-flair .d-icon {
  font-size: var(--font-0);
}
.user-main .staff-counters {
  background: var(--primary);
  color: var(--secondary);
  display: flex;
  padding: 10px;
  margin-bottom: 16px;
}
.user-main .staff-counters > div,
.user-main .staff-counters > div a {
  display: flex;
  align-items: baseline;
  flex: 0 1 auto;
  margin: 0 10px 0 0;
  color: var(--secondary);
}
.user-main .staff-counters > div span,
.user-main .staff-counters > div a span {
  padding: 0 7px 1px;
  border-radius: 10px;
  margin-right: 5px;
}
.user-main .staff-counters .active {
  font-weight: bold;
}
.user-main .helpful-flags {
  background-color: var(--success);
}
.user-main .flagged-posts {
  background-color: #e49735;
}
.user-main .warnings-received {
  background-color: var(--danger-medium);
}
.user-main .deleted-posts {
  background-color: var(--danger-medium);
}
.user-main .suspensions {
  background-color: var(--danger);
}
.user-main .user-field {
  margin-bottom: 10px;
}
.user-main .user-field .controls label:not(.checkbox-label) {
  width: auto;
  text-align: left;
  font-weight: bold;
}
.user-main .user-field .controls .instructions {
  color: var(--primary-medium);
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: var(--font-down-1);
}
.user-main .user-content .admin-controls nav {
  margin: 0;
}
.user-main .user-content .admin-controls nav .nav-pills {
  overflow-x: auto;
}

.login-form .required,
.user-field .required,
.invites-show .required {
  vertical-align: top;
  color: var(--danger);
  font-weight: bold;
  margin-left: 0.25em;
}

.public-user-fields {
  margin-top: 8px;
  margin-bottom: 8px;
}
.public-user-fields .user-field-name {
  font-weight: bold;
}
.collapsed-info .public-user-fields {
  display: none;
}
.public-user-fields .user-field-value-list-item:not(:last-of-type)::after {
  content: ",";
}

.avatar-selector {
  --label-max-width: 300px;
}
.avatar-selector .avatar-choice {
  display: grid;
  grid-template-columns: 2em 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
}
.avatar-selector .avatar-choice:not(:last-of-type) {
  margin-bottom: 0.75em;
}
.avatar-selector .avatar-choice span {
  word-break: break-word;
}
.avatar-selector .avatar-choice input[type=radio] {
  margin-top: 0;
}
.avatar-selector .avatar-choice button {
  margin-left: auto;
}
.avatar-selector .avatar-choice label a {
  margin: 0;
}
.avatar-selector label.radio {
  display: flex;
  align-items: center;
  max-width: var(--label-max-width);
  margin: 0 0.5em 0 0;
  padding: 0;
}
.avatar-selector label.radio .avatar {
  flex: 0 0 auto;
  margin: 0 0.75em 0 0;
}
.avatar-selector .error {
  color: var(--danger);
  margin: 0;
  max-width: calc(var(--label-max-width) - 20px);
  grid-column-start: 2;
  grid-column-end: 3;
}

.top-section::before, .top-section::after {
  content: "";
  display: table;
}
.top-section::after {
  clear: both;
}
.top-section ul {
  list-style: none;
  margin: 0;
}

.top-section,
.top-sub-section {
  margin-bottom: 20px;
}
.top-section.badges-section,
.top-sub-section.badges-section {
  display: flex;
  flex-wrap: wrap;
}

.user-badges {
  margin-bottom: 2em;
}

.stats-title {
  text-transform: uppercase;
  margin-bottom: 10px;
  width: 100%;
}

.stats-section ul {
  margin: 10px 0;
}
.stats-section li {
  display: inline-block;
  padding: 10px 14px 10px 0;
  margin: 0 10px 10px 0;
}
.stats-section li.linked-stat {
  padding: 0;
}
.stats-section li.linked-stat a {
  padding: 10px 14px 10px 0;
  width: 100%;
  height: 100%;
  display: block;
  color: var(--primary);
}
.stats-section .value {
  font-weight: bold;
  font-size: var(--font-up-2);
}
.stats-section .label {
  color: var(--primary-medium);
}

.top-sub-section {
  width: 50%;
}
.top-sub-section ul {
  max-width: 95%;
}
.top-sub-section li {
  border-left: var(--primary-low) solid 2px;
  padding: 5px 8px;
  margin: 10px 0;
}
.top-sub-section .topic-info {
  color: var(--primary-medium);
}
.top-sub-section .user-info .user-detail {
  width: 100%;
}
.top-sub-section .user-info .user-detail .name-line span {
  width: auto;
}
.top-sub-section .user-info .user-detail .name-line .username {
  overflow-wrap: anywhere;
}
.top-sub-section .user-info .user-detail .name-line > a {
  flex-wrap: nowrap;
}
@media all and (max-width: 600px) {
  .top-sub-section {
    float: none;
    width: 100%;
  }
}

.replies-section li,
.topics-section li,
.links-section li {
  word-wrap: break-word;
}

.links-section .domain {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}

.top-categories-section table {
  max-width: 95%;
}
.top-categories-section table tr {
  border: none;
}
.top-categories-section table td,
.top-categories-section table th {
  padding: 0.5em;
}
.top-categories-section table td.topic-count, .top-categories-section table td.reply-count,
.top-categories-section table th.topic-count,
.top-categories-section table th.reply-count {
  text-align: center;
}

.summary-user-list li {
  height: 45px;
}

.groups .group-link {
  color: var(--tertiary);
}

.user-preferences .form-vertical {
  width: 500px;
  max-width: 100%;
}
.user-preferences .form-vertical .control-group {
  margin-bottom: 2em;
}
.user-preferences .category-selector,
.user-preferences .tag-chooser,
.user-preferences textarea,
.user-preferences input.user-selector,
.user-preferences .user-chooser {
  width: 100%;
}
.user-preferences textarea {
  height: 100px;
}
.user-preferences .tracking-controls label {
  align-items: center;
  display: inline-block;
}
.user-preferences .tracking-controls label .d-icon {
  margin-right: 3px;
}
@media screen and (max-width: 550px) {
  .user-preferences .tracking-controls .select-kit.multi-select {
    width: 100%;
  }
}
.user-preferences .tracking-controls .show-tracking {
  float: right;
}
.user-preferences .static {
  color: var(--primary);
  display: inline-block;
}
.user-preferences .instructions {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
}
.user-preferences .instructions a[href] {
  color: var(--tertiary);
}
.user-preferences .avatar {
  margin-left: 3px;
}
.user-preferences .warning {
  background-color: var(--danger-medium);
  padding: 5px 8px;
  color: var(--secondary);
  width: 520px;
}
.user-preferences .warning-wrap {
  height: 30px;
  margin-bottom: 10px;
}
.user-preferences .tracking-controls {
  margin-top: 24px;
}
.user-preferences.second-factor-backup-preferences {
  padding-left: 0;
}
.user-preferences.second-factor-backup-preferences .second-factor-token-input {
  margin-right: 10px;
}
.user-preferences .pref-associated-accounts table td {
  padding: 8px;
}
.user-preferences .featured-topic-link {
  padding: 5px 0;
  font-weight: bold;
}
.user-preferences .save-theme-alert {
  font-size: var(--font-down-1);
}
.user-preferences .color-scheme .controls {
  display: flex;
}
.user-preferences .control-subgroup + .controls {
  clear: both;
  padding-top: 1em;
}
.user-preferences .light-color-scheme {
  margin-right: 1em;
}
.user-preferences .instructions {
  display: block;
  margin-top: 0.25em;
}
.user-preferences .success-back {
  display: flex;
  align-items: center;
}
.user-preferences .success-back .d-icon {
  margin-right: 0.25em;
}
@media (prefers-color-scheme: dark) {
  .user-preferences .light-color-scheme {
    color: var(--primary-medium);
  }
  .user-preferences .light-color-scheme .select-kit.combo-box .select-kit-header {
    border-color: var(--primary-medium);
  }
}
@media (prefers-color-scheme: light) {
  .user-preferences .dark-color-scheme {
    color: var(--primary-medium);
  }
  .user-preferences .dark-color-scheme .select-kit.combo-box .select-kit-header {
    border-color: var(--primary-medium);
  }
}
.user-preferences .undo-preview {
  margin: 1em 0;
}
.user-preferences .save-button {
  display: flex;
  align-items: center;
  gap: 1em;
}
.user-preferences .pref-auth-tokens .auth-token-icon {
  color: var(--primary-medium);
  font-size: 2.25em;
  float: left;
  margin-right: 10px;
}
.user-preferences .pref-auth-tokens .auth-token-first {
  font-size: 1.1em;
}
.user-preferences .pref-auth-tokens .auth-token-first .auth-token-device {
  font-weight: bold;
}
.user-preferences .pref-auth-tokens .auth-token-second {
  color: var(--primary-medium);
}
.user-preferences .pref-auth-tokens .auth-token-second .active {
  color: var(--success);
  font-weight: bold;
}
.user-preferences .pref-auth-tokens .auth-token-dropdown {
  float: right;
}
.user-preferences .pref-auth-tokens .auth-token-dropdown .btn, .user-preferences .pref-auth-tokens .auth-token-dropdown .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-auth-tokens .auth-token-dropdown .json-editor-btn-add, .user-preferences .pref-auth-tokens .auth-token-dropdown .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-auth-tokens .auth-token-dropdown button,
.user-preferences .pref-auth-tokens .auth-token-dropdown .btn:hover {
  background: transparent;
}
.user-preferences .pref-auth-tokens .auth-token-dropdown .btn .d-icon, .user-preferences .pref-auth-tokens .auth-token-dropdown .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-auth-tokens .auth-token-dropdown .json-editor-btn-add .d-icon, .user-preferences .pref-auth-tokens .auth-token-dropdown .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-auth-tokens .auth-token-dropdown button .d-icon,
.user-preferences .pref-auth-tokens .auth-token-dropdown .btn:hover .d-icon {
  color: var(--primary-high);
}
.user-preferences .pref-passkeys .row,
.user-preferences .pref-auth-tokens .row {
  border-top: 1px solid var(--primary-low);
  padding: 0.5em 0;
  margin: 0.5em 0;
}
.user-preferences .pref-passkeys .row:last-child,
.user-preferences .pref-auth-tokens .row:last-child {
  border-bottom: 1px solid var(--primary-low);
}
.user-preferences .pref-passkeys .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.user-preferences .pref-passkeys .row .row-passkey__name {
  font-weight: bold;
}
.user-preferences .pref-passkeys .row .row-passkey__created-date,
.user-preferences .pref-passkeys .row .row-passkey__used-date {
  color: var(--primary-medium);
}
.user-preferences .pref-passkeys__add {
  margin-top: 1em;
}
.user-preferences .pref-passkeys .passkey-options-dropdown .btn, .user-preferences .pref-passkeys .passkey-options-dropdown .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-passkeys .passkey-options-dropdown .json-editor-btn-add, .user-preferences .pref-passkeys .passkey-options-dropdown .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-passkeys .passkey-options-dropdown button,
.user-preferences .pref-passkeys .passkey-options-dropdown .btn:hover {
  background: transparent;
}
.user-preferences .pref-passkeys .passkey-options-dropdown .btn .d-icon, .user-preferences .pref-passkeys .passkey-options-dropdown .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-passkeys .passkey-options-dropdown .json-editor-btn-add .d-icon, .user-preferences .pref-passkeys .passkey-options-dropdown .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .user-preferences .pref-passkeys .passkey-options-dropdown button .d-icon,
.user-preferences .pref-passkeys .passkey-options-dropdown .btn:hover .d-icon {
  color: var(--primary-high);
}
.user-preferences .pref-second-factor {
  margin-top: 0.5em;
}

.paginated-topics-list .user-content {
  width: 100%;
  margin-top: 0;
}

.second-factor .second-factor-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--primary-low);
  margin: 0.25em 0;
  padding: 0.25em 0;
  align-items: center;
}
.second-factor .second-factor-item .select-kit .select-kit-header {
  background: transparent;
}
.second-factor .second-factor-item .select-kit .select-kit-header:hover .d-icon {
  color: var(--primary-high);
}
.second-factor .second-factor-item .select-kit.is-expanded .select-kit-header .d-icon {
  color: var(--primary-high);
}
.second-factor .-actions {
  display: flex;
  align-items: center;
}

.backup-codes {
  margin: 1em 0;
}
.backup-codes .wrapper {
  display: flex;
  border: 1px solid var(--primary-low);
  width: 100%;
}
.backup-codes textarea.backup-codes-area {
  flex: 1 1 100%;
  resize: none;
  margin: 0;
  padding: 0.5em;
  height: auto;
  background: var(--secondary);
  border: 0;
  cursor: auto;
  outline: none;
  font-family: var(--d-font-family--monospace);
}
.backup-codes textarea.backup-codes-area:focus {
  box-shadow: none;
  border-color: var(--primary-low);
}
.backup-codes .controls {
  padding: 0.5em;
  flex: 1 1 2em;
  margin-left: auto;
}
.backup-codes .controls .btn, .backup-codes .controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .backup-codes .controls .json-editor-btn-add, .backup-codes .controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .backup-codes .controls button {
  margin-bottom: 0.5em;
}

.primary-textual {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: auto;
}

.primary-textual .staged,
.user-card .staged {
  font-style: italic;
}

.user-profile-names__primary,
.user-profile-names__secondary {
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.user-profile-names__primary {
  font-weight: bold;
  font-size: var(--font-up-5);
  line-height: var(--line-height-medium);
}
.user-profile-names__primary .d-icon {
  font-size: 0.8em;
  vertical-align: baseline;
}
.user-profile-names__primary .user-status-message {
  display: inline-flex;
  vertical-align: baseline;
}

.user-profile-names__secondary {
  font-size: var(--font-up-3);
}

.user-profile__featured-topic,
.user-profile__location-and-website {
  font-size: var(--font-0);
  margin-top: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-profile__featured-topic .d-icon,
.user-profile__location-and-website .d-icon {
  font-size: var(--font-down-1);
  color: var(--primary-high);
  margin-right: 0.33em;
}

.user-profile__location-and-website {
  display: flex;
  max-width: 100%;
}
.user-profile__location-and-website .user-profile-location {
  margin-right: 1em;
}

.selectable-avatars {
  max-height: 350px;
  margin-bottom: 1em;
  text-align: justify;
  overflow-y: auto;
}
.selectable-avatars .selectable-avatar {
  margin: 5px;
  display: inline-block;
  position: relative;
}
.selectable-avatars .selectable-avatar .avatar {
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.selectable-avatars .selectable-avatar:hover .selectable-avatar__remove {
  visibility: visible;
}
.selectable-avatars .selectable-avatar__remove {
  visibility: hidden;
  color: var(--primary-high);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: var(--font-up-2);
}

.timezone-input {
  margin-bottom: 0.5em;
}

.user-invites-page .invite-error {
  grid-column: 1/span 2;
}
.user-invites-page table.user-invite-list .invite-type .d-icon {
  color: var(--primary-medium);
}
.user-invites-page table.user-invite-list .invite-extra {
  font-size: var(--font-down-1);
  margin: 0.25em 0;
}
.user-invites-page table.user-invite-list .invite-extra a {
  color: var(--primary-medium);
}

.user-additional-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}

.user-invite-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-left: auto;
}

.notification-schedule .instruction {
  margin-top: 12px;
  margin-bottom: 10px;
}
.notification-schedule .notification-schedule-table .notification-schedule-tbody {
  border-top-width: 1px;
}
.notification-schedule .notification-schedule-table .notification-schedule-tbody .day .day-label {
  padding: 1em 1em 1em 0;
}
.notification-schedule .notification-schedule-table .notification-schedule-tbody .day .to {
  padding: 0 0.5em;
}

.control-group[data-setting-name=user-user-fields] .user-field.text .controls {
  display: flex;
  flex-direction: column;
}
.control-group[data-setting-name=user-user-fields] .user-field.text .controls .control-label.alt-placeholder {
  order: 1;
}
.control-group[data-setting-name=user-user-fields] .user-field.text .controls .ember-text-field {
  order: 2;
}
.control-group[data-setting-name=user-user-fields] .user-field.text .controls .tip {
  order: 3;
}
.control-group[data-setting-name=user-user-fields] .user-field.text .controls .instructions {
  order: 4;
}

/* Default badge styles. */
.show-badge {
  background: var(--d-content-background);
}

.user-badge, .user-card .badge-section .more-user-badges a {
  padding: 3px 8px;
  color: var(--primary);
  border: 1px solid var(--primary-low);
  line-height: var(--line-height-large);
  display: inline-flex;
  align-items: center;
  background-color: var(--secondary);
  margin: 4px 0 0;
}
.user-badge img, .user-card .badge-section .more-user-badges a img {
  height: 16px;
  width: 16px;
}
.user-badge .badge-display-name, .user-card .badge-section .more-user-badges a .badge-display-name {
  margin-left: 0.25em;
}
.user-badge.badge-type-gold .fa, .user-card .badge-section .more-user-badges a.badge-type-gold .fa {
  color: var(--gold) !important;
}
.user-badge.badge-type-silver .fa, .user-card .badge-section .more-user-badges a.badge-type-silver .fa {
  color: var(--silver) !important;
}
.user-badge.badge-type-bronze .fa, .user-card .badge-section .more-user-badges a.badge-type-bronze .fa {
  color: var(--bronze) !important;
}
.user-badge.disabled, .user-card .badge-section .more-user-badges a.disabled {
  color: var(--primary-medium);
  background-color: var(--primary-very-low);
}
.user-badge.disabled .fa, .user-card .badge-section .more-user-badges a.disabled .fa {
  opacity: 0.4;
}

@media all and (max-width: 750px) {
  .show-badge .user-badge-with-posts .badge-user a.post-link {
    width: auto;
  }
  .show-badge div.badge-user {
    padding: 0;
  }
  .badges-listing {
    display: block;
  }
  .badges-listing .info,
  .badges-listing .grant-count {
    text-align: left;
  }
  .badges-listing .row > div.info {
    display: none;
  }
  .badges-listing .row {
    display: block;
  }
  .badges-listing .row > div {
    display: block;
    margin-top: 10px;
  }
}
.show-badge .badge-user-info .earned {
  font-size: var(--font-up-2);
  margin-bottom: 1em;
}

.show-badge .single-user {
  margin-left: 2%;
  padding-bottom: 20px;
}
.show-badge .single-user .load-more {
  padding-top: 30px;
  display: block;
  font-size: var(--font-up-2);
}

.show-badge .single-user .badge-user {
  padding-left: 0;
  text-align: left;
  display: block;
  margin: 20px 0;
  width: 800px;
}
.show-badge .single-user .badge-user .badge-info {
  display: none;
}
.show-badge .single-user .badge-user .date {
  display: inline-block;
  font-size: var(--font-up-1);
  margin-left: 10px;
}
.show-badge .single-user .badge-user .post-link {
  font-size: var(--font-up-2);
  width: 500px;
  margin: 0;
  padding: 0;
}
.show-badge .single-user .badge-user::after {
  content: "";
  clear: both;
  display: table;
}

.long-description.banner {
  width: 88%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.badge-card {
  background-color: var(--primary-very-low);
  border: 1px solid var(--primary-low);
  position: relative;
}
.badge-card .check-display {
  position: absolute;
  right: 5px;
  top: 5px;
}
.badge-card .badge-granted {
  display: block;
  margin-top: 0.5em;
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.badge-card .grant-count {
  font-weight: bold;
  color: var(--primary-medium);
  line-height: 1;
}
.badge-card .grant-text {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.badge-card .favorite-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.badge-card .badge-contents {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5em 1.5em;
}
.badge-card .badge-contents .badge-link {
  color: var(--primary);
  display: inline-block;
  line-height: var(--line-height-medium);
}
.badge-card .badge-contents .badge-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.badge-card .badge-contents .badge-summary:has(a) {
  position: relative;
  z-index: 1;
}
.badge-card .badge-contents .badge-icon {
  --badge-icon-size: 3.5em;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.badge-card .badge-contents .badge-icon svg {
  font-size: var(--badge-icon-size);
}
.badge-card .badge-contents .badge-icon img {
  width: 100%;
  max-width: var(--badge-icon-size);
  max-height: var(--badge-icon-size);
}
.badge-card .badge-contents .badge-icon.badge-type-gold .fa {
  color: rgb(231, 195, 0) !important;
}
.badge-card .badge-contents .badge-icon.badge-type-silver .fa {
  color: #c0c0c0 !important;
}
.badge-card .badge-contents .badge-icon.badge-type-bronze .fa {
  color: #cd7f32 !important;
}
.badge-card .badge-contents .badge-info {
  color: var(--primary);
}
.badge-card .badge-contents .badge-info h3 {
  margin-bottom: 0.25em;
  font-size: var(--font-up-1);
}
@media screen and (min-width: 900px) {
  .badge-card .badge-contents .badge-info h3 {
    font-size: var(--font-up-2);
  }
}
.badge-card.--badge-large {
  width: 100%;
  align-self: flex-start;
}
@media screen and (min-width: 767px) {
  .badge-card.--badge-large {
    max-width: calc(var(--d-max-width) / 2);
  }
}
.badge-card.--badge-large .badge-contents h3 {
  font-size: var(--font-up-3);
}

.badges-granted {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
  gap: 3em 2em;
}

.container.badges {
  background: var(--d-content-background);
}

.badge-groups {
  margin: 20px 0;
  color: var(--primary-med-or-secondary-med);
}
.badge-groups h3 {
  margin-bottom: 1em;
}

.badge-title .user-content {
  padding: 0;
}

.badge-group-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
  grid-gap: 1em;
  width: 100%;
  margin-bottom: 1.5em;
}
.badge-group-list .title {
  font-size: var(--font-up-1);
}

.show-badge-details {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 2em;
  margin-top: 1em;
  gap: 1em;
}
.show-badge-details .badge-grant-info.hidden {
  display: none;
}
.show-badge-details .grant-info-item {
  margin-bottom: 1em;
  color: var(--primary-med-or-secondary-med);
}
.show-badge-details .grant-info-item:first-of-type {
  margin-right: 10px;
}
.show-badge-details .badge-set-title {
  flex: 0 1 auto;
  padding: 1.5em;
  border: 1px solid var(--primary-low);
}
.show-badge-details .badge-set-title .badge-title {
  height: 100%;
}
.show-badge-details .badge-set-title .badge-title__saved {
  color: var(--success);
}
.show-badge-details .badge-set-title .control-group:last-child {
  margin: auto 0 0;
}
.show-badge-details .badge-set-title .form-horizontal {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}
.show-badge-details .badge-set-title .controls {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5em;
  margin: 0;
}
.show-badge-details .badge-set-title .controls button:last-of-type {
  margin-right: auto;
}
.show-badge-details .badge-set-title .combobox {
  width: 100%;
}

.check-display {
  display: flex;
  width: 1.5em;
  height: 1.5em;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
.check-display .d-icon {
  font-size: var(--font-down-2);
  color: var(--secondary);
}

.check-display.status-checked {
  background-color: var(--success);
}

.check-display.status-unchecked {
  background-color: var(--danger);
}

.hyperlink {
  cursor: pointer;
}

[data-content][data-identifier=user-tip] {
  min-width: 300px;
  background-color: var(--tertiary);
  border: none;
  color: var(--secondary);
  --float-kit-arrow-stroke-color: var(--tertiary);
  --float-kit-arrow-fill-color: var(--tertiary);
}
[data-content][data-identifier=user-tip] .user-tip__container {
  font-weight: normal;
  padding: 0.5em;
  text-align: left;
}
[data-content][data-identifier=user-tip] .user-tip__title {
  font-size: var(--font-up-2);
  font-weight: bold;
}
[data-content][data-identifier=user-tip] .user-tip__content {
  margin-top: 0.25em;
}
[data-content][data-identifier=user-tip] .user-tip__content a {
  color: var(--secondary);
  text-decoration: underline;
}
[data-content][data-identifier=user-tip] .user-tip__buttons {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
}
[data-content][data-identifier=user-tip] .btn-primary {
  background: var(--secondary);
  color: var(--tertiary);
}
[data-content][data-identifier=user-tip] .btn-flat.btn-text, [data-content][data-identifier=user-tip] .btn-text.json-editor-btn-collapse {
  background-color: transparent;
  color: var(--secondary);
}

.d-editor-container {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}

.d-editor {
  display: flex;
  flex-grow: 1;
  min-height: 0;
}

.d-editor-textarea-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 100%;
  min-width: 0;
}

.d-editor-textarea-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--secondary);
  position: relative;
  border: 1px solid var(--primary-400);
  border-radius: var(--d-input-border-radius);
  min-height: 0;
}
.d-editor-textarea-wrapper textarea {
  background: transparent;
}
.d-editor-textarea-wrapper.in-focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.d-editor-textarea-wrapper.in-focus textarea {
  outline: 0;
}
.d-editor-textarea-wrapper.disabled {
  cursor: not-allowed;
}
.d-editor-textarea-wrapper.disabled .d-editor-button-bar {
  opacity: 0.5;
  pointer-events: none;
}

.d-editor-preview-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 16px;
  overflow: auto;
  overflow-anchor: none;
  cursor: default;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.d-editor-input,
.d-editor-preview {
  box-sizing: border-box;
  flex: 1 1 100%;
  width: 100%;
  margin: 0;
  min-height: auto;
  word-wrap: break-word;
  appearance: none;
  border-radius: 0;
}

.d-editor-input {
  border: 0;
  padding: 10px;
  height: 100%;
  overflow-x: hidden;
  overscroll-behavior: contain;
  overflow-anchor: none;
  resize: none;
}

.d-editor-preview {
  height: auto;
}

.d-editor-plugin {
  display: flex;
  flex: 1 1;
  overflow: auto;
}

.composing-whisper .d-editor-preview {
  font-style: italic;
  color: var(--primary-medium) !important;
}

.hide-preview .d-editor-preview-wrapper {
  display: none;
  flex: 0;
}

.edit-category-tab-topic-template .emoji.btn, .edit-category-tab-topic-template .d-modal.json-schema-editor-modal .je-ready .emoji.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .edit-category-tab-topic-template .emoji.json-editor-btn-add, .edit-category-tab-topic-template .d-modal.json-schema-editor-modal .je-ready button.emoji, .d-modal.json-schema-editor-modal .je-ready .edit-category-tab-topic-template button.emoji {
  display: none;
}

.user-preferences .bio-composer textarea,
.group-form-bio textarea,
.edit-category-tab-topic-template textarea {
  width: 100%;
  height: 100%;
  min-height: 10em;
}
.user-preferences .bio-composer .local-dates.btn, .user-preferences .bio-composer .d-modal.json-schema-editor-modal .je-ready .local-dates.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-preferences .bio-composer .local-dates.json-editor-btn-add, .user-preferences .bio-composer .d-modal.json-schema-editor-modal .je-ready button.local-dates, .d-modal.json-schema-editor-modal .je-ready .user-preferences .bio-composer button.local-dates,
.group-form-bio .local-dates.btn,
.group-form-bio .d-modal.json-schema-editor-modal .je-ready .local-dates.json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready .group-form-bio .local-dates.json-editor-btn-add,
.group-form-bio .d-modal.json-schema-editor-modal .je-ready button.local-dates,
.d-modal.json-schema-editor-modal .je-ready .group-form-bio button.local-dates,
.edit-category-tab-topic-template .local-dates.btn,
.edit-category-tab-topic-template .d-modal.json-schema-editor-modal .je-ready .local-dates.json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready .edit-category-tab-topic-template .local-dates.json-editor-btn-add,
.edit-category-tab-topic-template .d-modal.json-schema-editor-modal .je-ready button.local-dates,
.d-modal.json-schema-editor-modal .je-ready .edit-category-tab-topic-template button.local-dates {
  display: none;
}
.user-preferences .bio-composer .d-editor-container,
.group-form-bio .d-editor-container,
.edit-category-tab-topic-template .d-editor-container {
  display: block;
}
.user-preferences .bio-composer .d-editor-textarea-wrapper,
.group-form-bio .d-editor-textarea-wrapper,
.edit-category-tab-topic-template .d-editor-textarea-wrapper {
  border: 1px solid var(--primary-low);
}
.user-preferences .bio-composer .d-editor-preview-wrapper,
.group-form-bio .d-editor-preview-wrapper,
.edit-category-tab-topic-template .d-editor-preview-wrapper {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.user-preferences .bio-composer .d-editor-preview,
.group-form-bio .d-editor-preview,
.edit-category-tab-topic-template .d-editor-preview {
  background-color: var(--primary-very-low);
  margin-top: 1em;
  padding: 0.667em;
}
.user-preferences .bio-composer .d-editor-preview:empty,
.group-form-bio .d-editor-preview:empty,
.edit-category-tab-topic-template .d-editor-preview:empty {
  margin: 0;
  padding: 0;
}

.user-preferences .bio-composer,
.group-form-bio {
  padding: 10px;
  border: 1px solid var(--primary-low);
}

.d-editor-preview img {
  vertical-align: baseline;
}
.d-editor-preview img.emoji, .d-editor-preview img.avatar, .d-editor-preview img.onebox-avatar, .d-editor-preview img.site-icon {
  vertical-align: text-bottom;
}
.d-editor-preview img.resizable {
  object-fit: cover;
  object-position: top;
}

.d-editor-preview .image-wrapper {
  --resizer-height: 2.25em;
  position: relative;
  display: inline-block;
  padding-bottom: var(--resizer-height);
}
.d-editor-preview .image-wrapper .button-wrapper {
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  min-width: 19em;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 0.5em;
  position: absolute;
  height: var(--resizer-height);
  bottom: 0;
  left: 0;
  opacity: 0.9;
  z-index: 1;
  background: var(--secondary);
  color: var(--primary);
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn-container,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container,
.d-editor-preview .image-wrapper .button-wrapper .delete-image-button {
  display: flex;
  height: var(--resizer-height);
  align-items: center;
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn-container[hidden],
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container[hidden],
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container[hidden],
.d-editor-preview .image-wrapper .button-wrapper .delete-image-button[hidden] {
  display: none;
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn {
  color: var(--tertiary);
  padding: 0 1em;
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn:first-child, .d-editor-preview .image-wrapper .button-wrapper .scale-btn:last-child {
  padding: 0;
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn.active {
  font-weight: bold;
  color: var(--primary);
}
.d-editor-preview .image-wrapper .button-wrapper .scale-btn:not(.active):hover {
  text-decoration: underline;
  cursor: pointer;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container {
  flex: 1 1 auto;
  min-width: 100px;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container .alt-text {
  margin-right: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container .alt-text-edit-btn {
  cursor: pointer;
  color: var(--tertiary);
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-readonly-container .alt-text-edit-btn svg {
  padding-right: 0.5em;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container {
  gap: 0 0.25em;
  flex: 1;
  max-width: 100%;
  height: 95%;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-input,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-ok,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-cancel {
  height: 100%;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-input {
  display: inline-flex;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  padding-left: 0.25em;
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-ok,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-cancel {
  border: none;
  width: var(--resizer-height);
}
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-ok svg,
.d-editor-preview .image-wrapper .button-wrapper .alt-text-edit-container .alt-text-edit-cancel svg {
  margin: 0;
}
.d-editor-preview .image-wrapper .button-wrapper .delete-image-button {
  cursor: pointer;
  color: var(--danger);
}
.d-editor-preview .image-wrapper .button-wrapper .delete-image-button .d-icon-trash-can {
  margin-left: 0.5em;
}
.d-editor-preview .image-wrapper .button-wrapper .wrap-image-grid-button {
  cursor: pointer;
  color: var(--tertiary);
}
.d-editor-preview .image-wrapper .button-wrapper svg {
  pointer-events: none;
}

.d-editor-button-bar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2.35em, 1fr));
  align-items: center;
  border-bottom: 1px solid var(--primary-low);
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .d-editor-button-bar {
    grid-template-columns: repeat(auto-fit, minmax(2em, 1fr));
  }
}
@media screen and (max-width: 350px) {
  .d-editor-button-bar {
    font-size: var(--font-down-1);
  }
}
.d-editor-button-bar .btn:focus, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar .json-editor-btn-add:focus, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready button:focus, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar button:focus {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.d-editor-button-bar .btn, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar .json-editor-btn-add, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar button {
  margin: 0;
  background-color: transparent;
  color: var(--primary-medium);
}
.d-editor-button-bar .btn .d-icon, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar .json-editor-btn-add .d-icon, .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar button .d-icon {
  color: currentcolor;
}
.discourse-no-touch .d-editor-button-bar .btn:hover, .discourse-no-touch .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .d-editor-button-bar .json-editor-btn-add:hover, .discourse-no-touch .d-editor-button-bar .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .d-editor-button-bar button:hover {
  color: var(--primary-low);
}
.d-editor-button-bar .select-kit-header-wrapper {
  justify-content: center;
}

.d-editor #form-template-form {
  overflow: auto;
  background: var(--primary-very-low);
  padding: 1rem;
  border: 1px solid var(--primary-400);
  margin-bottom: 0;
  height: 100%;
}

.software-update-prompt {
  position: fixed;
  flex: 1;
  right: 0;
  left: 0;
  top: var(--header-offset, 60px);
  background-color: var(--tertiary-low);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  box-shadow: var(--shadow-header);
  z-index: 990;
}
.static-login .software-update-prompt, .wizard .software-update-prompt, .invite-page .software-update-prompt {
  top: 0;
}
.software-update-prompt .update-prompt-main-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.software-update-prompt .update-prompt-message {
  color: var(--tertiary);
  padding: 0.75em 0;
}
.software-update-prompt .update-prompt-message .d-icon {
  color: var(--tertiary);
  font-size: 0.9em;
}
.software-update-prompt .update-prompt-message .d-button-label > span {
  text-decoration: underline;
}
.software-update-prompt .update-prompt-dismiss {
  justify-content: flex-end;
  display: flex;
  height: 44px;
  flex: 1;
}
.software-update-prompt .update-prompt-dismiss .d-icon {
  color: var(--tertiary);
}
.software-update-prompt.require-software-refresh {
  max-height: 300px;
  margin-left: auto;
  margin-right: auto;
  transition: max-height 0.75s;
}

.timeline-loading {
  width: 900px;
}

.timeline-container {
  box-sizing: border-box;
  z-index: 100;
}
.timeline-container.timeline-docked-bottom .timeline-footer-controls {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.timeline-container.timeline-fullscreen.show {
  max-height: 700px;
}
@media (prefers-reduced-motion: no-preference) {
  .timeline-container.timeline-fullscreen.show {
    transition: max-height 0.4s ease-out;
  }
}
@media screen and (max-height: 425px) {
  .timeline-container.timeline-fullscreen.show {
    max-height: 75vh;
  }
}
.timeline-container.timeline-fullscreen.show .topic-timeline .timeline-footer-controls {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 9em);
}
.timeline-container.timeline-fullscreen.show .timeline-controls {
  display: table-cell;
  vertical-align: top;
}
.timeline-container.timeline-fullscreen {
  max-height: 0;
  position: fixed;
  margin-left: 0;
  background-color: var(--secondary);
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--primary-low);
  box-shadow: var(--shadow-composer);
  padding: 20px 0;
  z-index: 1150;
}
@media (prefers-reduced-motion: no-preference) {
  .timeline-container.timeline-fullscreen {
    transition: max-height 0.3s ease-in;
  }
}
@media screen and (max-height: 425px) {
  .timeline-container.timeline-fullscreen {
    padding-top: 10px;
  }
}
.timeline-container.timeline-fullscreen .back-button {
  display: none;
}
.timeline-container.timeline-fullscreen .topic-timeline {
  width: 100%;
  table-layout: fixed;
  margin-left: 0;
  margin-right: 0;
  display: table;
  touch-action: none;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-date-wrapper {
  text-align: right;
}
.timeline-container.timeline-fullscreen .topic-timeline .post-excerpt {
  max-width: 650px;
  line-height: var(--line-height-large);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 8;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
@media screen and (max-height: 425px) {
  .timeline-container.timeline-fullscreen .topic-timeline .post-excerpt {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
  }
}
.timeline-container.timeline-fullscreen .topic-timeline .username {
  color: var(--primary-high-or-secondary-low);
  word-wrap: break-word;
  font-weight: bold;
}
.timeline-container.timeline-fullscreen .topic-timeline .title {
  margin-top: 0;
  padding-left: 1em;
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.timeline-container.timeline-fullscreen .topic-timeline .title h2 {
  margin-top: 0;
  display: block;
  line-height: var(--line-height-medium);
  font-size: var(--font-up-2);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.timeline-container.timeline-fullscreen .topic-timeline .title a {
  color: var(--primary);
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-last-read {
  right: 0;
  margin-left: 0;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-last-read .progress {
  display: none;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-footer-controls {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-footer-controls .topic-admin-menu {
  display: flex;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea-wrapper {
  display: table-cell;
  padding-right: 1.5em;
  width: 7em;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea {
  border-right: 1px solid var(--tertiary-low-or-tertiary-high);
  border-left: none;
  max-width: 120px;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea .timeline-scroller {
  position: relative;
  margin-right: -1.5em;
  padding-right: 1.5em;
  justify-content: flex-end;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea .timeline-scroller .timeline-scroller-content {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  text-align: right;
  padding-left: 0;
  padding-right: 1em;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea .timeline-scroller .timeline-handle {
  float: none;
  width: 11px;
  position: relative;
  right: -6px;
}
.timeline-container.timeline-fullscreen .topic-timeline .timeline-scrollarea .timeline-padding {
  margin-left: 0;
  margin-right: -1em;
}
.timeline-container.timeline-fullscreen .timeline-scrollarea-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.timeline-container .topic-timeline {
  transition: opacity 0.2s ease-in;
  touch-action: none;
  min-width: 6em;
}
.timeline-container .topic-timeline .topic-admin-menu .btn, .timeline-container .topic-timeline .topic-admin-menu .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .timeline-container .topic-timeline .topic-admin-menu .json-editor-btn-add, .timeline-container .topic-timeline .topic-admin-menu .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .timeline-container .topic-timeline .topic-admin-menu button {
  height: 100%;
}
.timeline-container .topic-timeline .timeline-controls {
  margin-bottom: 1em;
}
.timeline-container .topic-timeline .timeline-date-wrapper {
  max-width: 9em;
  overflow-wrap: anywhere;
}
.timeline-container .topic-timeline .timeline-footer-controls {
  position: absolute;
  margin-top: 1em;
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
@media (prefers-reduced-motion: no-preference) {
  .timeline-container .topic-timeline .timeline-footer-controls {
    transition: opacity 0.2s ease-in;
  }
}
.timeline-container .topic-timeline .timeline-footer-controls button:last-child {
  margin-right: 0;
}
.timeline-container .topic-timeline .start-date {
  color: var(--primary-med-or-secondary-med);
}
.timeline-container .topic-timeline .timeline-scrollarea {
  margin-top: 0.5em;
  margin-left: 0.5em;
  border-left: 1px solid var(--tertiary-low-or-tertiary-high);
  position: relative;
  transform: translateZ(0);
}
.timeline-container .topic-timeline .timeline-padding {
  transition: height 0.15s ease-out;
  cursor: pointer;
  margin-left: -1em;
}
.widget-dragging .timeline-container .topic-timeline .timeline-padding {
  transition: none;
}
.dragging .timeline-container .topic-timeline .timeline-padding {
  transition: none;
}
.timeline-container .topic-timeline .timeline-handle {
  border-radius: 0.8em;
  width: 0.35em;
  background-color: var(--tertiary-low-or-tertiary-high);
  height: 100%;
  float: left;
  z-index: 2;
  outline: 1px solid transparent;
  margin-left: 0.5px;
}
.timeline-container .topic-timeline .timeline-scroller-content {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  padding-left: 1em;
  position: absolute;
  max-height: 3em;
}
.timeline-container .topic-timeline .timeline-ago {
  color: var(--primary-med-or-secondary-med);
  max-width: 4.6em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-container .topic-timeline .timeline-scroller {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  margin-left: -0.22em;
  cursor: ns-resize;
  display: flex;
  align-items: center;
}
.timeline-container .topic-timeline .timeline-scroller .back-button {
  margin-top: 1em;
}
.timeline-container .topic-timeline .timeline-replies {
  overflow: hidden;
  overflow-wrap: break-word;
  font-weight: bold;
}
.timeline-container .topic-timeline .timeline-last-read {
  position: absolute;
  margin-left: -0.35em;
  z-index: 3;
}
.timeline-container .topic-timeline .timeline-last-read .progress {
  font-size: 0.8em;
  color: var(--tertiary);
  margin-right: 1em;
}
.timeline-container .topic-timeline .back-button {
  min-height: unset;
  padding: 2px 5px;
}
.timeline-container .topic-timeline .now-date {
  display: inline-block;
  color: var(--primary-med-or-secondary-med);
  margin-top: 0.5em;
}

.loading-indicator-container {
  --loading-width: 0.8;
  --still-loading-width: 0.9;
  --still-loading-duration: 10s;
  --done-duration: 0.4s;
  --fade-out-duration: 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  height: 3px;
  width: 100%;
  opacity: 0;
  transition: opacity var(--fade-out-duration) ease var(--done-duration);
  background-color: var(--primary-low);
}
.loading-indicator-container .loading-indicator {
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background-color: var(--tertiary);
}
.loading-indicator-container.loading, .loading-indicator-container.still-loading {
  opacity: 1;
  transition: opacity 0s;
}
.loading-indicator-container.loading .loading-indicator {
  transition: transform var(--loading-duration) ease-in;
  transform: scaleX(var(--loading-width));
}
.loading-indicator-container.still-loading .loading-indicator {
  transition: transform var(--still-loading-duration) linear;
  transform: scaleX(var(--still-loading-width));
}
.loading-indicator-container.done .loading-indicator {
  transition: transform var(--done-duration) ease-out;
  transform: scaleX(1);
}
.loading-indicator-container.discourse-hub-webview {
  top: 1px;
}
html.footer-nav-ipad .loading-indicator-container {
  top: var(--footer-nav-height);
}

.route-loading-spinner {
  padding-top: 1.8em;
}

body.has-route-loading-spinner #main-outlet {
  display: none;
}

@keyframes d-menu-opening {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fk-d-menu {
  width: max-content;
  position: absolute;
  top: 0;
  max-width: 600px;
  display: flex;
  padding: 0;
  z-index: 300;
}
.touch .fk-d-menu__trigger {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.fk-d-menu.-animated {
  animation: d-menu-opening 0.15s ease-in;
}
.fk-d-menu.-animated[data-placement^=bottom] {
  transform-origin: top center;
}
.fk-d-menu.-animated[data-placement^=top] {
  transform-origin: bottom center;
}
.fk-d-menu.-animated[data-placement^=right] {
  transform-origin: center left;
}
.fk-d-menu.-animated[data-placement^=left] {
  transform-origin: center right;
}
.fk-d-menu[data-strategy=fixed] {
  position: fixed;
}
.fk-d-menu__inner-content {
  display: flex;
  border-radius: var(--d-border-radius);
  background-color: var(--secondary);
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-menu-panel);
  overscroll-behavior: contain;
  overflow: auto;
}
.fk-d-menu .arrow {
  position: absolute;
  color: var(--secondary);
}
.fk-d-menu[data-placement^=top] .arrow {
  bottom: -9px;
  rotate: 180deg;
}
.fk-d-menu[data-placement^=bottom] .arrow {
  top: -10px;
}
.fk-d-menu[data-placement^=right] .arrow {
  rotate: -90deg;
  left: -9px;
}
.fk-d-menu[data-placement^=left] .arrow {
  rotate: 90deg;
  right: -9px;
}

.dropdown-menu {
  min-width: 200px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.dropdown-menu__item .btn, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button {
  padding: 0.5em 1rem;
  width: 100%;
  justify-content: flex-start;
  background: rgba(0, 0, 0, 0);
}
.dropdown-menu__item .btn.-selected, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .-selected.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .-selected.json-editor-btn-add, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.-selected, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.-selected {
  background: var(--d-hover);
}
.dropdown-menu__item .btn.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .btn-danger.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .btn-danger.json-editor-btn-add, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.btn-danger, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .btn.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .btn.json-editor-btn-delete, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete, .dropdown-menu__item .btn.json-editor-btn-delete {
  color: var(--danger);
}
.dropdown-menu__item .btn.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .btn-danger.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .btn-danger.json-editor-btn-add .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete .d-icon, .dropdown-menu__item .btn.json-editor-btn-delete .d-icon {
  color: inherit;
}
.dropdown-menu__item .btn:hover, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:hover, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:hover, .dropdown-menu__item .btn:focus, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:focus, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:focus, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:focus {
  background: var(--d-hover);
  color: var(--primary);
}
.dropdown-menu__item .btn:hover .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:hover .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:hover .d-icon, .dropdown-menu__item .btn:focus .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:focus .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:focus .d-icon {
  color: inherit;
}
.dropdown-menu__item .btn:hover.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover.btn-danger, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:hover.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:hover.btn-danger, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:hover.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete:hover, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete:hover, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete:hover, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete:hover, .dropdown-menu__item .btn.json-editor-btn-delete:hover, .dropdown-menu__item .btn:focus.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus.btn-danger, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:focus.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:focus.btn-danger, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:focus.btn-danger, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete:focus, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete:focus, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete:focus, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete:focus, .dropdown-menu__item .btn.json-editor-btn-delete:focus {
  background: var(--danger-low);
  color: var(--danger);
}
.dropdown-menu__item .btn:hover.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:hover.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:hover.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:hover.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete:hover .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete:hover .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete:hover .d-icon, .dropdown-menu__item .btn.json-editor-btn-delete:hover .d-icon, .dropdown-menu__item .btn:focus.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:focus.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add:focus.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button:focus.btn-danger .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button:focus.btn-danger .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add.json-editor-btn-delete:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item .json-editor-btn-add.json-editor-btn-delete:focus .d-icon, .dropdown-menu__item .d-modal.json-schema-editor-modal .je-ready button.json-editor-btn-delete:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .dropdown-menu__item button.json-editor-btn-delete:focus .d-icon, .dropdown-menu__item .btn.json-editor-btn-delete:focus .d-icon {
  color: var(--danger-hover);
}
.dropdown-menu__divider {
  margin: 0;
}

@keyframes d-tooltip-opening {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fk-d-tooltip__trigger {
  display: inline-flex;
  cursor: pointer;
}
.touch .fk-d-tooltip__trigger {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.fk-d-tooltip__trigger-container {
  display: flex;
}
.fk-d-tooltip__inner-content {
  display: flex;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 0.5rem;
  align-items: center;
}
.fk-d-tooltip__content {
  background-color: var(--secondary);
  border-radius: var(--d-border-radius);
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-menu-panel);
  z-index: 9999;
  width: max-content;
  position: absolute;
  top: 0;
  display: flex !important;
  padding: 0;
}
.fk-d-tooltip__content.-animated {
  animation: d-tooltip-opening 0.15s ease-in;
}
.fk-d-tooltip__content.-animated[data-placement^=bottom] {
  transform-origin: top center;
}
.fk-d-tooltip__content.-animated[data-placement^=top] {
  transform-origin: bottom center;
}
.fk-d-tooltip__content.-animated[data-placement^=right] {
  transform-origin: center left;
}
.fk-d-tooltip__content.-animated[data-placement^=left] {
  transform-origin: center right;
}
.fk-d-tooltip__content .arrow {
  z-index: 9999;
  position: absolute;
}
.fk-d-tooltip__content[data-placement^=top] .arrow {
  bottom: -10px;
  rotate: 180deg;
}
.fk-d-tooltip__content[data-placement^=top-start] .arrow {
  margin-left: 10px;
}
.fk-d-tooltip__content[data-placement^=bottom] .arrow {
  top: -10px;
}
.fk-d-tooltip__content[data-placement^=right] .arrow {
  rotate: -90deg;
  left: -10px;
}
.fk-d-tooltip__content[data-placement^=left] .arrow {
  rotate: 90deg;
  right: -10px;
}

.fk-d-button-tooltip {
  display: inline-flex;
  align-items: center;
}
.fk-d-button-tooltip .fk-d-tooltip__trigger {
  background: var(--primary-very-low);
  height: 100%;
  align-items: center;
  display: flex;
  padding-inline: 0.5rem;
}

@keyframes d-toast-opening {
  from {
    transform: translateY(var(--transform-y, 10px));
  }
}
.fk-d-toasts {
  --transform-y: 0;
  position: fixed;
  top: calc(var(--header-offset) + 0.33rem);
  right: 5px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  flex: 1 1 auto;
}
.mobile-view .fk-d-toasts {
  left: 5px;
}
.fk-d-toasts .fk-d-toast {
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.5s;
  border-radius: var(--d-border-radius);
  overflow: hidden;
  background-color: var(--secondary);
  border: 1px solid var(--primary-low);
  box-shadow: var(--shadow-menu-panel);
  overflow-wrap: break-word;
  display: flex;
  animation: d-toast-opening 0.3s ease-in-out;
  will-change: transform;
}
.desktop-view .fk-d-toasts .fk-d-toast {
  margin-left: auto;
}
.fk-d-toasts .fk-d-toast:hover {
  border-color: var(--primary-300);
}
.fk-d-toasts .fk-d-toast.-fade-out {
  opacity: 0;
}
.fk-d-toasts .fk-d-toast + .d-toast {
  margin-top: 0.25rem;
}

@media (prefers-reduced-motion: no-preference) {
  .fk-d-toasts {
    --transform-y: 2vh;
  }
}
.fk-d-default-toast {
  display: flex;
  flex: 1 1 auto;
  padding: 0.5rem;
}
.fk-d-default-toast__close-container {
  width: calc(40px - 0.5rem);
  height: 30px;
}
.fk-d-default-toast__icon-container {
  flex: 1 0 auto;
  display: flex;
  width: calc(40px - 0.5rem);
  height: 30px;
  align-items: center;
  justify-content: center;
}
.fk-d-default-toast__icon-container.alert-success {
  background-color: var(--success-low);
  color: var(--primary);
}
.fk-d-default-toast__icon-container.alert-error {
  background-color: var(--danger-low);
  color: var(--primary);
}
.fk-d-default-toast__icon-container.alert-warning {
  background-color: var(--highlight-bg);
  color: var(--primary);
}
.fk-d-default-toast__icon-container.alert-info {
  background-color: var(--tertiary-low);
  color: var(--primary);
}
.fk-d-default-toast__icon-container.alert-info.clickable {
  color: var(--tertiary);
  z-index: 1;
}
.-success .fk-d-default-toast__icon-container .d-icon {
  color: var(--success);
}
.-error .fk-d-default-toast__icon-container .d-icon {
  color: var(--danger);
}
.-warning .fk-d-default-toast__icon-container .d-icon {
  color: var(--highlight);
}
.-info .fk-d-default-toast__icon-container .d-icon {
  color: var(--tertiary);
}
.fk-d-default-toast__main-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 30px;
}
.fk-d-default-toast__progress-bar {
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
  position: absolute;
  background-color: var(--success);
  transform-origin: 0 0;
}
.fk-d-default-toast:has(.fk-d-default-toast__progress-bar) {
  padding-top: 15px;
}
.fk-d-default-toast__texts {
  min-height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.fk-d-default-toast__actions {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem;
  margin-bottom: -0.5rem;
}
.fk-d-default-toast__actions .btn, .fk-d-default-toast__actions .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .fk-d-default-toast__actions .json-editor-btn-add, .fk-d-default-toast__actions .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .fk-d-default-toast__actions button {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.fk-d-default-toast__title {
  display: flex;
  font-weight: 700;
}
.fk-d-default-toast__message {
  display: flex;
  color: var(--primary-high);
}

.invites-show {
  padding: 2rem 3rem;
  background: var(--secondary);
}
.invites-show .success-info p:last-child {
  margin-bottom: 0;
}
.invites-show .invited-by {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin: 1em 0;
  font-size: var(--font-down-1);
}
.invites-show .invited-by p {
  margin: 0;
}
.invites-show .user-info {
  align-items: center;
  gap: 0.5em;
  margin: 0;
}
.invites-show .avatar {
  width: 30px;
  height: 30px;
}
.invites-show .create-account__password-info {
  display: flex;
  justify-content: space-between;
}
.invites-show .create-account__password-tip-validation {
  display: flex;
  flex-direction: column;
}
.invites-show .invitation-cta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.invites-show .instructions {
  color: var(--primary-medium);
}
.invites-show .disclaimer {
  color: var(--primary-medium);
  margin-top: 0.5em;
}
.invites-show .invite-form form {
  display: flex;
  flex-direction: column;
}
.invites-show .invite-form form .input-group.email-input, .invites-show .invite-form form .input-group.username-input, .invites-show .invite-form form .input-group.name-input.name-required {
  order: -1;
}

.invite-page {
  background: var(--secondary);
}

.invites-show,
#simple-container .invite-error {
  max-width: 500px;
  padding: 2rem 3rem;
  background: var(--secondary);
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .invites-show,
  #simple-container .invite-error {
    margin: 1em auto 1em auto;
    padding: 1rem;
  }
}

#simple-container .invite-error .error-info {
  text-align: center;
}
#simple-container .invite-error .error-image {
  text-align: center;
  padding-bottom: 1em;
}

:root {
  --jexcel_header_color: var(--primary-high);
  --jexcel_header_color_highlighted: var(--primary-high);
  --jexcel_header_background: var(--primary-very-low);
  --jexcel_header_background_highlighted: var(--primary-low);
  --jexcel_content_color: var(--primary);
  --jexcel_content_color_highlighted: var(--primary-high);
  --jexcel_content_background: var(--secondary);
  --jexcel_content_background_highlighted: var(--tertiary-very-low);
  --jexcel_menu_background: var(--secondary);
  --jexcel_menu_background_highlighted: var(--secondary-very-high);
  --jexcel_menu_color: var(--primary-medium);
  --jexcel_menu_color_highlighted: var(--primary);
  --jexcel_border_color: var(--primary-low-mid);
  --jexcel_border_color_highlighted: var(--tertiary-high);
  --active_color: var(--primary-very-low);
  --active-color: var(--active_color);
}

.jexcel {
  border-bottom: 1px solid var(--jexcel_border_color);
  border-right: transparent;
  background-color: transparent;
}

table.jexcel > thead > tr > td {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #000;
  background-color: #fff;
  padding: 10px;
  font-weight: bold;
}

table.jexcel > tbody > tr > td {
  padding: 8px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

table.jexcel {
  border-bottom: 1px solid var(--jexcel_border_color);
}

.jcontextmenu.jexcel_contextmenu hr {
  border-color: var(--jexcel_border_color);
}

.jexcel_container .jcontextmenu > div a {
  color: var(--jexcel_menu_color);
}

.jexcel_corner {
  background-color: var(--tertiary);
}

.jexcel > tbody > tr > td,
.jexcel > thead > tr > td {
  border-top: 1px solid var(--jexcel_border_color);
  border-left: 1px solid var(--jexcel_border_color);
  background-color: var(--jexcel_content_background);
  color: var(--jexcel_content_color);
}

.jexcel > tbody > tr > td:first-child,
.jexcel > thead > tr > td {
  background-color: var(--jexcel_header_background);
  color: var(--jexcel_header_color);
}

.jexcel > thead > tr > td.selected,
.jexcel > tbody > tr.selected > td:first-child {
  background-color: var(--jexcel_header_background_highlighted);
  color: var(--jexcel_header_color_highlighted);
}

table.jexcel > tbody > tr > td:first-child {
  background-color: var(--jexcel_header_background);
}

table.jexcel > tbody > tr.selected > td:first-child {
  background-color: var(--jexcel_header_background_highlighted);
}

.jexcel > tbody > tr > td.jexcel_cursor a {
  color: var(--active-color);
}

.jexcel_pagination > div > div {
  color: var(--jexcel_header_color);
  background: var(--jexcel_header_background);
  border: 1px solid var(--jexcel_border_color);
}

.jexcel_page,
.jexcel_container input,
.jexcel_container select {
  color: var(--jexcel_header_color);
  background: var(--jexcel_header_background);
  border: 1px solid var(--jexcel_border_color);
}

.jexcel_contextmenu.jcontextmenu {
  border: 1px solid var(--jexcel_border_color);
  background: var(--jexcel_menu_background);
  color: var(--jexcel_menu_color);
  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
}

.jcontextmenu > div a {
  color: var(--jexcel_menu_color);
}

.jcontextmenu > div:not(.contextmenu-line):hover a {
  color: var(--jexcel_menu_color_highlighted);
}

.jcontextmenu > div:not(.contextmenu-line):hover {
  background: var(--jexcel_menu_background_highlighted);
}

.jexcel_dropdown .jdropdown-container,
.jexcel_dropdown .jdropdown-content {
  background-color: var(--jexcel_content_background);
  color: var(--jexcel_content_color);
}

.jexcel_dropdown .jdropdown-item {
  color: var(--jexcel_content_color);
}

.jexcel_dropdown .jdropdown-item:hover,
.jexcel_dropdown .jdropdown-selected,
.jexcel_dropdown .jdropdown-cursor {
  background-color: var(--jexcel_content_background_highlighted);
  color: var(--jexcel_content_color_highlighted);
}

.jexcel .jcalendar-content {
  background-color: var(--jexcel_header_background);
  color: var(--jexcel_header_color);
}

.jexcel .jcalendar-content > table {
  background-color: var(--jexcel_content_background);
  color: var(--jexcel_content_color);
}

.jexcel .jcalendar-weekday {
  background-color: var(--jexcel_content_background_highlighted);
  color: var(--jexcel_content_color_highlighted);
}

.jexcel .jcalendar-sunday {
  color: var(--jexcel_header_color);
}

.jexcel .jcalendar-selected {
  background-color: var(--jexcel_content_background_highlighted);
  color: var(--jexcel_content_color_highlighted);
}

.jexcel_toolbar i.jexcel_toolbar_item {
  color: var(--jexcel_content_color);
}

.jexcel_toolbar i.jexcel_toolbar_item:hover {
  background: var(--jexcel_content_background_highlighted);
  color: var(--jexcel_content_color_highlighted);
}

.jexcel_toolbar {
  background: var(--jexcel_header_background);
}

.jexcel_content::-webkit-scrollbar-track {
  background: var(--jexcel_background_head);
}

.jexcel_content::-webkit-scrollbar-thumb {
  background: var(--jexcel_background_head_highlighted);
}

.jexcel_border_main {
  border: 1px solid #000;
  border-color: var(--jexcel_border_color_highlighted);
}

.jexcel .highlight {
  background-color: var(--jexcel_content_background_highlighted);
}

.jexcel .highlight-bottom {
  border-bottom: 1.5px solid var(--jexcel_border_color_highlighted);
}

.jexcel .highlight-right {
  border-right: 1.5px solid var(--jexcel_border_color_highlighted);
}

.jexcel .highlight-left {
  border-left: 1.5px solid var(--jexcel_border_color_highlighted);
}

.jexcel .highlight-top {
  border-top: 1.5px solid var(--jexcel_border_color_highlighted);
}

.jexcel .copying-top {
  border-top-color: var(--jexcel_border_color_highlighted);
}

.jexcel .copying-right {
  border-right-color: var(--jexcel_border_color_highlighted);
}

.jexcel .copying-left {
  border-left-color: var(--jexcel_border_color_highlighted);
}

.jexcel .copying-bottom {
  border-bottom-color: var(--jexcel_border_color_highlighted);
}

.jexcel_border_main,
.jexcel .highlight-top.highlight-left,
.jexcel .highlight-top,
.jexcel .highlight-left {
  box-shadow: unset;
}

table.jexcel > thead > tr > td {
  border-top: 1px solid var(--jexcel_border_color);
  border-right: 1px solid var(--jexcel_border_color);
  border-bottom: 1px solid var(--jexcel_border_color);
  background-color: var(--jexcel_header_background);
}
table.jexcel > thead > tr > td:first-child {
  border-left: 1px solid var(--jexcel_border_color);
}

table.jexcel > thead > tr > td.selected {
  background-color: var(--jexcel_header_background_highlighted);
  color: var(--jexcel_header_color_highlighted);
}

table.jexcel > tbody > tr > td {
  border-right: 1px solid var(--jexcel_border_color);
}
table.jexcel > tbody > tr > td:first-child {
  border-left: 1px solid var(--jexcel_border_color);
}

.jcontextmenu > div:not(.contextmenu-line):last-child {
  display: none;
}

.jexcel_container {
  padding: 0.5em;
  min-width: 100%;
}
.jexcel_container .jexcel_content {
  min-width: 100%;
  padding: 0;
}
.jexcel_container .jexcel_content table.jexcel {
  min-width: 100%;
}

.jexcel_container {
  padding: 0;
}

.btn-edit-table {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.fullscreen-table-wrapper:hover .fullscreen-table-wrapper__buttons button {
  opacity: 100%;
}

.discourse-no-touch .fullscreen-table-wrapper__buttons {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.discourse-touch .fullscreen-table-wrapper {
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 0.5em;
}
.discourse-touch .fullscreen-table-wrapper .open-popup-link {
  left: 0;
  margin: 0;
}

.btn-insert-table {
  background: var(--tertiary);
  color: var(--secondary);
}
.btn-insert-table .d-icon {
  color: var(--secondary);
}
.discourse-no-touch .btn-insert-table:hover {
  background-color: var(--tertiary-hover);
  color: var(--secondary);
}
.discourse-no-touch .btn-insert-table:hover .d-icon {
  color: var(--secondary);
}

.insert-table-modal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.insert-table-modal .d-modal__container {
  --modal-max-width: $reply-area-max-width;
  width: 100%;
  height: 100%;
  max-height: unset;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.insert-table-modal .d-modal__footer {
  justify-content: space-between;
}
.insert-table-modal .d-modal__footer .primary-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.insert-table-modal .d-modal__footer .secondary-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.insert-table-modal .d-modal__footer .secondary-actions .edit-reason {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.insert-table-modal .d-modal__footer .secondary-actions .btn, .insert-table-modal .d-modal__footer .secondary-actions .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .insert-table-modal .d-modal__footer .secondary-actions .json-editor-btn-add, .insert-table-modal .d-modal__footer .secondary-actions .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .insert-table-modal .d-modal__footer .secondary-actions button {
  margin-right: 0;
}
.insert-table-modal .d-modal__footer .secondary-actions input {
  margin: 0;
}
.insert-table-modal .d-modal__footer .secondary-actions .tippy-content h4 {
  color: var(--primary);
}
.insert-table-modal .d-modal__footer .secondary-actions .tippy-content li {
  margin-block: 0.25rem;
  color: var(--primary-high);
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.post-controls .post-action-feedback-button {
  position: relative;
  height: 100%;
}
.post-controls .post-action-feedback-button.--activated .d-icon-d-post-share, .post-controls .post-action-feedback-button.--activated:hover .d-icon-d-post-share {
  color: var(--success);
}
.post-controls .post-action-feedback-svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  display: block;
  stroke: var(--success);
  opacity: 0;
}
.post-controls .post-action-feedback-svg path {
  stroke: var(--success);
  stroke-width: 4;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: draw 1s forwards;
}

.form-kit__fieldset {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.form-kit__fieldset-title {
  display: flex;
  align-items: center;
  margin: 0 0 0.25rem;
  font-size: var(--font-down-1-rem);
  color: var(--primary-high);
}
.form-kit__fieldset-description {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--primary);
}

.form-kit__alert {
  margin: 0;
  width: 100%;
  border-radius: var(--d-border-radius);
  box-sizing: border-box;
  padding: 0.5em;
}

.form-kit__char-counter {
  margin-left: auto;
  padding-top: 0.15em;
}
.form-kit__char-counter.--exceeded {
  color: var(--danger);
}

.form-kit__col {
  flex: 0 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
  .--col-1,
  .--col-2,
  .--col-3,
  .--col-4,
  .--col-5,
  .--col-6,
  .--col-7,
  .--col-8,
  .--col-9,
  .--col-10,
  .--col-11,
  .--col-12 {
    width: 100% !important;
  }
}
.--col-1 {
  width: 8.33333333%;
}

.--col-2 {
  width: 16.66666667%;
}

.--col-3 {
  width: 25%;
}

.--col-4 {
  width: 33.33333333%;
}

.--col-5 {
  width: 41.66666667%;
}

.--col-6 {
  width: 50%;
}

.--col-7 {
  width: 58.33333333%;
}

.--col-8 {
  width: 66.66666667%;
}

.--col-9 {
  width: 75%;
}

.--col-10 {
  width: 83.33333333%;
}

.--col-11 {
  width: 91.66666667%;
}

.--col-12 {
  width: 100%;
}

.form-kit__object {
  display: contents;
}

.form-kit__collectiondiv {
  display: flex;
  flex-direction: column;
  gap: var(--form-kit-gutter-y);
}

.form-kit__conditional-display .form-kit__inline-radio {
  padding-bottom: 0.25rem;
}

.form-kit__container {
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
  align-items: flex-start;
}
.form-kit__container-title {
  display: inline;
  gap: 0.25em;
  margin: 0;
  font-size: var(--font-down-1-rem);
  color: var(--primary-high);
  font-weight: bold;
  padding-bottom: 0.25em;
}
.form-kit__container-subtitle {
  display: flex;
  align-items: center;
  gap: 0.25em;
  margin: 0;
  font-size: var(--font-down-1-rem);
  color: var(--primary-high);
  padding-bottom: 0.25em;
}
.form-kit__container-optional {
  font-size: var(--font-down-2-rem);
  color: var(--primary-medium);
  font-weight: normal;
}
.form-kit__container-content {
  display: flex;
  gap: 0.25em;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}

.form-kit__control-checkbox[type=checkbox] {
  margin: 0.17em;
  margin-right: 0;
  margin-left: 0;
}
.form-kit__control-checkbox-label {
  display: flex;
  gap: 0.5em;
  font-weight: normal !important;
  margin: 0;
  color: var(--primary);
}
.form-kit__field[data-disabled] .form-kit__control-checkbox-label {
  cursor: not-allowed;
}
.form-kit__control-checkbox-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.form-kit__control-checkbox-description {
  color: var(--primary-medium);
}

.form-kit__field-code .ace-wrapper {
  width: 100%;
}
.form-kit__field-code .ace-wrapper > .loading-container {
  width: 100%;
}
.form-kit__field-code .ace-wrapper[data-disabled=true] {
  opacity: 0.5;
}
.form-kit__field-code .ace-wrapper[data-disabled=true] .ace_scroller {
  cursor: not-allowed !important;
}
.form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus {
  width: 100% !important;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid) !important;
  border-radius: var(--d-input-border-radius);
  padding: 0 0.5em !important;
  box-sizing: border-box;
  margin: 0 !important;
  appearance: none;
  height: unset;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -1px;
}
@media screen and (max-width: 450px) {
  .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus:not(:disabled), .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus-visible:not(:disabled), .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus:focus-visible:not(:disabled), .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus:not(:disabled) .d-icon, .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus-visible:not(:disabled) .d-icon, .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:focus:focus-visible:not(:disabled) .d-icon, .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus:hover:not(:disabled) .d-icon {
  color: inherit;
}
.has-errors .form-kit__field-code .ace-wrapper[data-disabled=false] .ace_focus {
  border-color: var(--danger);
}

.form-kit__control-code {
  height: 250px !important;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--primary-400);
  border-radius: var(--d-input-border-radius);
}
.form-kit__field.has-error .form-kit__control-code {
  border-color: var(--danger);
}

.form-kit__control-composer {
  height: 189px;
  width: 100%;
}
.form-kit__control-composer .d-editor-preview-wrapper {
  display: none;
}
.form-kit__control-composer.--preview .d-editor-preview-wrapper {
  display: block;
}
.form-kit__control-composer .d-editor-button-bar > .btn, .form-kit__control-composer .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar > .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .form-kit__control-composer .d-editor-button-bar > .json-editor-btn-add, .form-kit__control-composer .d-modal.json-schema-editor-modal .je-ready .d-editor-button-bar > button, .d-modal.json-schema-editor-modal .je-ready .form-kit__control-composer .d-editor-button-bar > button {
  border-radius: 0;
}
.form-kit__control-composer .d-editor-textarea-wrapper {
  width: 100% !important;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid) !important;
  border-radius: var(--d-input-border-radius);
  padding: 0 0.5em !important;
  box-sizing: border-box;
  margin: 0 !important;
  appearance: none;
  padding: 0 !important;
}
@media screen and (max-width: 450px) {
  .form-kit__control-composer .d-editor-textarea-wrapper {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__control-composer .d-editor-textarea-wrapper:focus:not(:disabled), .form-kit__control-composer .d-editor-textarea-wrapper:focus-visible:not(:disabled), .form-kit__control-composer .d-editor-textarea-wrapper:focus:focus-visible:not(:disabled), .form-kit__control-composer .d-editor-textarea-wrapper:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.form-kit__control-composer .d-editor-textarea-wrapper:focus:not(:disabled) .d-icon, .form-kit__control-composer .d-editor-textarea-wrapper:focus-visible:not(:disabled) .d-icon, .form-kit__control-composer .d-editor-textarea-wrapper:focus:focus-visible:not(:disabled) .d-icon, .form-kit__control-composer .d-editor-textarea-wrapper:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .form-kit__control-composer .d-editor-textarea-wrapper:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .form-kit__control-composer .d-editor-textarea-wrapper:hover:not(:disabled) .d-icon {
  color: inherit;
}
.has-errors .form-kit__control-composer .d-editor-textarea-wrapper {
  border-color: var(--danger);
}
.form-kit__control-composer .d-editor-input {
  padding: 0.5em;
}

.form-kit__control-icon {
  width: 100% !important;
  min-width: var(--form-kit-small-input);
}
.form-kit__control-icon .formatted-selection {
  display: none !important;
}
.form-kit__control-icon .d-icon-angle-down,
.form-kit__control-icon .d-icon-angle-up {
  color: var(--primary-medium) !important;
}
.form-kit__control-icon .select-kit-header-wrapper .d-icon:first-of-type {
  color: var(--primary);
}
.form-kit__control-icon .select-kit-header {
  padding-inline: 0.65em !important;
  height: 2em;
}
@media screen and (max-width: 450px) {
  .form-kit__control-icon .select-kit-header {
    height: 2.25em;
  }
}
.discourse-no-touch .form-kit__control-icon .select-kit-header:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border: 1px solid var(--tertiary);
}
.discourse-no-touch .form-kit__control-icon .select-kit-header:hover:not(:disabled) .d-icon {
  color: inherit;
}
.form-kit__field.has-error .form-kit__control-icon summary {
  border-color: var(--danger);
}

.form-kit__control-password {
  width: 100%;
  height: 100%;
  padding: 0 0 0 0.5em !important;
  margin: 0 !important;
  border: 0 !important;
  min-width: 0;
}
@media screen and (max-width: 450px) {
  .form-kit__control-password {
    width: 100% !important;
  }
}
.form-kit__control-password:hover, .form-kit__control-password:focus {
  border: 0 !important;
  outline: 0 !important;
}

.form-kit__control-password-wrapper {
  display: flex;
  max-width: 100%;
  width: 100%;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid);
  border-radius: var(--d-input-border-radius);
  box-sizing: border-box;
}
@media screen and (max-width: 450px) {
  .form-kit__control-password-wrapper {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__control-password-wrapper .form-kit__control-password-toggle {
  height: 100%;
}
.form-kit__control-password-wrapper.is-focused {
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.discourse-no-touch .form-kit__control-password-wrapper:hover:not(:disabled) {
  border-color: var(--tertiary);
}
.form-kit__control-password-wrapper.has-errors {
  border-color: var(--danger);
}

.form-kit__control-image {
  width: 100%;
}
.form-kit__control-image .uploaded-image-preview {
  max-width: 100%;
  width: 100%;
  margin: 0;
  border-radius: var(--d-input-border-radius);
}

.form-kit__control-input {
  width: 100% !important;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid) !important;
  border-radius: var(--d-input-border-radius);
  padding: 0 0.5em !important;
  box-sizing: border-box;
  margin: 0 !important;
  appearance: none;
  z-index: 1;
  margin: 0 !important;
  min-width: auto !important;
}
@media screen and (max-width: 450px) {
  .form-kit__control-input {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__control-input:focus:not(:disabled), .form-kit__control-input:focus-visible:not(:disabled), .form-kit__control-input:focus:focus-visible:not(:disabled), .form-kit__control-input:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.form-kit__control-input:focus:not(:disabled) .d-icon, .form-kit__control-input:focus-visible:not(:disabled) .d-icon, .form-kit__control-input:focus:focus-visible:not(:disabled) .d-icon, .form-kit__control-input:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .form-kit__control-input:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .form-kit__control-input:hover:not(:disabled) .d-icon {
  color: inherit;
}
.has-errors .form-kit__control-input {
  border-color: var(--danger);
}
.form-kit__field.has-error .form-kit__control-input {
  border-color: var(--danger);
}
.form-kit__control-input.has-prefix.has-suffix {
  border-radius: 0;
}
.form-kit__control-input.has-prefix:not(.has-suffix) {
  border-radius: 0 var(--d-input-border-radius) var(--d-input-border-radius) 0;
}
.form-kit__control-input.has-suffix:not(.has-prefix) {
  border-radius: var(--d-input-border-radius) 0 0 var(--d-input-border-radius);
}
.form-kit__control-input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.form-kit__before-input,
.form-kit__after-input {
  border: 1px solid var(--primary-low-mid);
  padding-inline: 0.5em;
  height: 2em;
  box-sizing: border-box;
  background: var(--primary-low);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 450px) {
  .form-kit__before-input,
  .form-kit__after-input {
    height: 2.25em;
  }
}

.form-kit__before-input {
  margin-right: -0.25em;
  border-radius: var(--d-input-border-radius) 0 0 var(--d-input-border-radius);
}

.form-kit__after-input {
  margin-left: -0.25em;
  border-radius: 0 var(--d-input-border-radius) var(--d-input-border-radius) 0;
}

.form-kit__input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}
.form-kit__input-group .form-kit-text {
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-inline: 0.5em;
  line-height: 2em;
  background-color: var(--primary-low);
  color: var(--primary-high);
  border: 1px solid var(--primary-low-mid);
  border-radius: var(--d-input-border-radius);
}
.form-kit__input-group .--col-12 {
  width: auto;
}
.form-kit__input-group .form-kit__control-input {
  z-index: 1;
  width: 100% !important;
  min-width: auto !important;
}
.form-kit__input-group .form-kit__control-input:hover, .form-kit__input-group .form-kit__control-input:focus {
  z-index: 2;
}
.form-kit__input-group > :not(:last-child) .form-kit__control-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-kit__input-group > :not(:first-child) {
  margin-left: -1px;
}
.form-kit__input-group > :not(:first-child) .form-kit__control-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-kit__checkbox-group {
  display: flex;
  gap: 0;
}

.form-kit__control-menu-trigger {
  width: 100% !important;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid) !important;
  border-radius: var(--d-input-border-radius);
  padding: 0 0.5em !important;
  box-sizing: border-box;
  margin: 0 !important;
  appearance: none;
  justify-content: space-between;
}
@media screen and (max-width: 450px) {
  .form-kit__control-menu-trigger {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__control-menu-trigger:focus:not(:disabled), .form-kit__control-menu-trigger:focus-visible:not(:disabled), .form-kit__control-menu-trigger:focus:focus-visible:not(:disabled), .form-kit__control-menu-trigger:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.form-kit__control-menu-trigger:focus:not(:disabled) .d-icon, .form-kit__control-menu-trigger:focus-visible:not(:disabled) .d-icon, .form-kit__control-menu-trigger:focus:focus-visible:not(:disabled) .d-icon, .form-kit__control-menu-trigger:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .form-kit__control-menu-trigger:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .form-kit__control-menu-trigger:hover:not(:disabled) .d-icon {
  color: inherit;
}
.has-errors .form-kit__control-menu-trigger {
  border-color: var(--danger);
}

.form-kit__control-menu-content .dropdown-menu {
  min-width: 200px;
}
.form-kit__control-menu-content .dropdown-menu__item:hover {
  background: var(--d-hover);
}

.form-kit__control-radio-label {
  display: flex;
  gap: 0.5em;
  font-weight: normal !important;
  margin: 0;
  color: var(--primary);
}
.form-kit__field[data-disabled] .form-kit__control-radio-label {
  cursor: not-allowed;
}
.form-kit__control-radio-label input[type=radio] {
  margin-right: 0;
}

.form-kit__control-radio-content {
  display: flex;
  flex-direction: column;
}

.form-kit__control-radio-description {
  color: var(--primary-medium);
  font-size: var(--font-down-1-rem);
}

.form-kit__inline-radio {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.form-kit__inline-radio input[type=radio] {
  margin-right: 0;
}

.form-kit__control-select {
  height: 2em;
  border: 1px solid var(--primary-low-mid);
}
@media screen and (max-width: 450px) {
  .form-kit__control-select {
    height: 2.25em;
  }
}

.form-kit__field-custom {
  width: auto !important;
  min-width: var(--form-kit-small-input);
}
.form-kit__field-custom .form-kit__control-custom {
  width: 100%;
}
.form-kit__field-custom .form-kit__control-custom > * {
  width: 100% !important;
}

.form-kit__control-textarea {
  width: 100% !important;
  height: 2em;
  background: var(--secondary);
  border: 1px solid var(--primary-low-mid) !important;
  border-radius: var(--d-input-border-radius);
  padding: 0 0.5em !important;
  box-sizing: border-box;
  margin: 0 !important;
  appearance: none;
  width: 100% !important;
  margin: 0 !important;
  min-width: auto !important;
  padding: 0.5em !important;
  height: 150px !important;
  display: block;
  border-radius: var(--d-input-border-radius);
}
@media screen and (max-width: 450px) {
  .form-kit__control-textarea {
    width: 100% !important;
    height: 2.25em;
  }
}
.form-kit__control-textarea:focus:not(:disabled), .form-kit__control-textarea:focus-visible:not(:disabled), .form-kit__control-textarea:focus:focus-visible:not(:disabled), .form-kit__control-textarea:active:not(:disabled) {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.form-kit__control-textarea:focus:not(:disabled) .d-icon, .form-kit__control-textarea:focus-visible:not(:disabled) .d-icon, .form-kit__control-textarea:focus:focus-visible:not(:disabled) .d-icon, .form-kit__control-textarea:active:not(:disabled) .d-icon {
  color: inherit !important;
}
.discourse-no-touch .form-kit__control-textarea:hover:not(:disabled) {
  background-color: var(--secondary);
  color: var(--primary);
  border-color: var(--tertiary);
}
.discourse-no-touch .form-kit__control-textarea:hover:not(:disabled) .d-icon {
  color: inherit;
}
.has-errors .form-kit__control-textarea {
  border-color: var(--danger);
}

.form-kit__control-custom .value-list .single-select.combobox {
  width: 100%;
}

.form-kit__errors {
  color: var(--danger);
  margin: 0;
  font-size: var(--font-down-1-rem);
}

.form-kit__errors-summary {
  padding: 1em;
  border: 1px solid var(--danger);
  background-color: var(--danger-low);
  width: 100%;
  border-radius: var(--d-border-radius);
  box-sizing: border-box;
}
.form-kit__errors-summary .d-icon-triangle-exclamation {
  color: var(--danger);
}
.form-kit__errors-summary ul {
  margin-block: 0;
}

.form-kit__field .form-kit__container-content {
  align-items: flex-start;
  flex-direction: column;
  width: var(--form-kit-medium-input);
}
.form-kit__field.--full {
  width: 100%;
}
.form-kit__field-textarea .form-kit__container-content, .form-kit__field-composer .form-kit__container-content, .form-kit__field-code .form-kit__container-content, .form-kit__field-image .form-kit__container-content {
  width: var(--form-kit-large-input) !important;
}
.form-kit__field-toggle {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: var(--form-kit-medium-input);
}
.form-kit__field-toggle .form-kit__container-content {
  align-items: flex-end;
}
.form-kit__field-toggle .form-kit__container-title {
  padding: 0;
}
.form-kit__field .form-kit__container-description {
  margin: 0;
  font-size: var(--font-down-1-rem);
}
.form-kit__field .form-kit__container-title.--small,
.form-kit__field .form-kit__container-description.--small,
.form-kit__field .form-kit__container-content.--small {
  width: var(--form-kit-small-input) !important;
}
.form-kit__field .form-kit__container-title.--medium,
.form-kit__field .form-kit__container-description.--medium,
.form-kit__field .form-kit__container-content.--medium {
  width: var(--form-kit-medium-input);
}
.form-kit__field .form-kit__container-title.--large,
.form-kit__field .form-kit__container-description.--large,
.form-kit__field .form-kit__container-content.--large {
  width: var(--form-kit-large-input);
}
.form-kit__field .form-kit__container-title.--full,
.form-kit__field .form-kit__container-description.--full,
.form-kit__field .form-kit__container-content.--full {
  width: 100% !important;
}

.form-kit {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
  align-items: flex-start;
}

.form-kit__meta {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: start;
  gap: 0.25em;
  font-size: var(--font-down-2-rem);
  color: var(--primary-high);
  width: 100%;
  min-height: 20px;
  line-height: var(--line-height-medium);
}
.form-kit__meta-description {
  margin: 0;
}

.form-kit__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--form-kit-gutter-x));
  margin-left: calc(-0.5 * var(--form-kit-gutter-x));
  row-gap: calc(var(--form-kit-gutter-y) + 1.75em);
  padding-top: 1.75em;
}
.form-kit__row > * {
  flex-shrink: 0;
  padding-right: calc(var(--form-kit-gutter-x) * 0.5);
  padding-left: calc(var(--form-kit-gutter-x) * 0.5);
}
.form-kit__row > *:not(.col-*) {
  width: 100%;
}
.form-kit__row .form-kit__container-content {
  width: 100% !important;
}
.form-kit__row .form-kit__col:not(:has(.form-kit__button)) {
  position: relative;
}
.form-kit__row .form-kit__button {
  height: 2em;
}
.form-kit__row .form-kit__container-title {
  position: absolute;
  top: -1.75em;
}

.form-kit__section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
.form-kit__section.form-kit__actions {
  flex-direction: row;
  gap: 1rem;
}

.form-kit__section-title {
  margin: 0;
  font-size: var(--font-up-1-rem);
}

.form-kit {
  --form-kit-gutter-x: 1rem;
  --form-kit-gutter-y: 1rem;
  --form-kit-large-input: 325px;
  --form-kit-medium-input: 200px;
  --form-kit-small-input: 75px;
}

.form-kit__tooltip {
  color: var(--primary-medium);
}

.admin-customize .show-current-style {
  padding-left: 2%;
  width: 68%;
}
.admin-customize .show-current-style .title input {
  width: 80%;
}
.admin-customize .themes-list {
  width: 28%;
}

.category-list {
  margin-bottom: 10px;
  width: 100%;
}
.category-list td {
  vertical-align: top;
}
.category-list th {
  vertical-align: middle;
}
.category-list td:first-of-type {
  padding-left: 10px;
}
.category-list.with-topics {
  margin-left: 3px;
}
.category-list.with-topics .category {
  width: 45%;
}
.category-list .topics .badge-notification,
.category-list .category .badge-notification {
  background-color: transparent;
  color: var(--primary-med-or-secondary-high);
}
.category-list .topics {
  width: 80px;
  text-align: right;
}
.category-list .topics .value {
  font-size: var(--font-up-1);
  font-weight: bold;
}
.category-list .topics .unit {
  font-size: var(--font-down-1);
}
.category-list .topics .badge-notification {
  display: block;
  text-align: right;
  padding-right: 0;
}
.category-list .topics .badge-notification:first-child {
  margin-top: 0.75em;
}
.category-list .subcategories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15em 0.75em;
  margin-top: 0.5em;
}
.category-list .subcategories .subcategory {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-list .subcategories .subcategory .badge-category {
  min-width: 0;
}
.category-list .subcategories .category__badges {
  display: flex;
  gap: 0.25em;
}
.category-list .subcategories .category__badges .badge-notification {
  top: 0;
  padding: 0;
}
.category-list .subcategories .badge-notification.unread-posts {
  display: block;
  padding: 0;
}
.category-list .subcategories__more-subcategories {
  font-size: var(--font-down-1);
}
.category-list .subcategories__more-subcategories a {
  color: var(--primary-high);
}
.category-list .featured-topic {
  margin: 10px 0 0;
  display: flex;
  align-items: baseline;
}
.category-list .featured-topic:first-of-type {
  margin-top: 13px;
}
.category-list .featured-topic a.last-posted-at,
.category-list .featured-topic a.last-posted-at:visited {
  font-size: var(--font-down-1);
  color: var(--primary-med-or-secondary-high);
}
.category-list .featured-topic .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 1 auto;
}
.category-list .featured-topic .topic-post-badges .badge.unread-posts,
.category-list .featured-topic .title {
  margin-right: 5px;
}
.category-list .featured-topic.--glimmer button.-trigger {
  background: transparent;
  border: none;
  padding: 0;
}
.category-list tbody .category {
  border-left: 6px solid var(--category-badge-color, var(--primary-low));
}
.category-list tbody .category h3,
.category-list tbody .category h4 {
  line-height: var(--line-height-medium);
}
.category-list tbody .category h3 a[href],
.category-list tbody .category h4 a[href] {
  color: var(--primary);
}
.category-list tbody .category h3 {
  font-size: var(--font-up-2);
}
.category-list tbody .category h4 {
  font-size: var(--font-up-1);
}
.category-list tbody .latest {
  padding: 0 0 10px 10px;
}

.categories-and-latest,
.categories-and-top {
  display: flex;
  flex-flow: row wrap;
}
.categories-and-latest div.column,
.categories-and-top div.column {
  flex: 1 0 0px;
  flex-direction: row;
  min-width: 300px;
}
@media all and (max-width: 600px) {
  .categories-and-latest div.column.categories,
  .categories-and-top div.column.categories {
    margin-right: 0;
  }
}
@media all and (min-width: 600px) {
  .categories-and-latest div.column.categories,
  .categories-and-top div.column.categories {
    margin-right: 1em;
  }
}
@media all and (min-width: 700px) {
  .categories-and-latest div.column.categories,
  .categories-and-top div.column.categories {
    margin-right: 2em;
  }
}
.categories-and-latest .discourse-tags .discourse-tag,
.categories-and-top .discourse-tags .discourse-tag {
  font-size: var(--font-down-1);
}
.categories-and-latest .subcategories-with-subcategories .category-description,
.categories-and-top .subcategories-with-subcategories .category-description {
  display: none;
}

#reply-control .reply-area {
  margin: 0 auto;
  padding: 8px;
  box-sizing: border-box;
  height: calc(100% - 11px);
  width: 100%;
}
#reply-control .reply-area .submit-panel {
  flex-wrap: wrap;
}
#reply-control .autocomplete {
  max-width: 600px;
}
#reply-control .select-kit.is-expanded {
  z-index: 701;
}
#reply-control.private-message .with-tags .title-and-category {
  flex-wrap: nowrap;
  gap: 0.5em;
}
#reply-control.private-message .with-tags .title-and-category .tags-input {
  max-width: 50%;
  flex: 1 1 auto;
}
#reply-control.private-message .with-tags .title-input {
  max-width: 50%;
  min-width: 0;
}
#reply-control.private-message .with-tags .title-input input {
  min-width: 0;
}
#reply-control.private-message #private-message-users,
#reply-control.private-message .users-input {
  width: 100%;
  flex: 0 0 auto;
}
#reply-control.private-message #private-message-users.can-warn,
#reply-control.private-message .users-input.can-warn {
  width: 60%;
}
#reply-control.private-message .add-warning {
  flex: 1 1 auto;
  overflow: hidden;
}
#reply-control.private-message .add-warning span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.closed .grippie {
  display: none;
}

.open .grippie {
  cursor: row-resize;
  padding: 4px 0;
  background: var(--tertiary);
}
.open .grippie::before {
  content: "";
  display: block;
  width: 24px;
  margin: auto;
  border-top: 3px double var(--tertiary-medium);
}

.discourse-touch .open .grippie {
  padding: 7px 0;
}

.composer-popup {
  box-sizing: border-box;
  position: absolute;
  width: calc(50% - 16px);
  top: 19px;
  bottom: 8px;
  right: 8px;
  overflow-y: auto;
  z-index: 701;
  padding: 1.5em;
  box-shadow: var(--shadow-dropdown);
  background: var(--highlight-bg);
}
.composer-popup > p:first-of-type,
.composer-popup h3:first-of-type {
  margin-top: 0;
  margin-right: 3em;
}
.composer-popup.urgent {
  background: var(--danger-low);
}
.composer-popup.education-message {
  background-color: var(--tertiary-low);
}
.composer-popup.dominating-topic-message, .composer-popup.get-a-room {
  bottom: unset;
  padding: 2.25em 6em 2.5em 2.25em;
}
.composer-popup.dominating-topic-message p, .composer-popup.get-a-room p {
  font-size: var(--font-up-1);
}
.composer-popup.dominating-topic-message button:not(.close), .composer-popup.get-a-room button:not(.close) {
  margin-top: 0.5em;
}
.composer-popup h3 {
  margin-bottom: 10px;
}
.composer-popup .btn.close, .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .composer-popup .close.json-editor-btn-add, .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close, .d-modal.json-schema-editor-modal .je-ready .composer-popup button.close {
  flex-direction: row-reverse;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  color: var(--primary-medium);
  font-size: var(--font-0);
}
.composer-popup .btn.close .d-icon, .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .composer-popup .close.json-editor-btn-add .d-icon, .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close .d-icon, .d-modal.json-schema-editor-modal .je-ready .composer-popup button.close .d-icon {
  color: currentcolor;
  font-size: var(--font-up-1);
  margin: 0 0 0 0.25em;
}
.discourse-no-touch .composer-popup .btn.close:active, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add:active, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup .close.json-editor-btn-add:active, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close:active, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup button.close:active, .discourse-no-touch .composer-popup .btn.close:focus, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add:focus, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup .close.json-editor-btn-add:focus, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close:focus, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup button.close:focus {
  background: transparent;
}
.discourse-no-touch .composer-popup .btn.close:active .d-icon, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup .close.json-editor-btn-add:active .d-icon, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close:active .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup button.close:active .d-icon, .discourse-no-touch .composer-popup .btn.close:focus .d-icon, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready .close.json-editor-btn-add:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup .close.json-editor-btn-add:focus .d-icon, .discourse-no-touch .composer-popup .d-modal.json-schema-editor-modal .je-ready button.close:focus .d-icon, .d-modal.json-schema-editor-modal .je-ready .discourse-no-touch .composer-popup button.close:focus .d-icon {
  color: var(--primary);
}
.composer-popup ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}
.composer-popup ul.list, .composer-popup ul.topics {
  list-style: none;
  padding: 0;
}
.composer-popup ul li {
  font-weight: normal;
  margin-top: 8px;
}

.composer-controls .d-chevron-down {
  vertical-align: text-top;
}

.custom-body {
  background-color: var(--tertiary-low);
}
.custom-body p {
  max-width: 98%;
}

.similar-topics {
  background-color: var(--tertiary-low);
}
.similar-topics .similar-topic {
  margin-bottom: 0.5em;
}
.similar-topics a[href] {
  color: var(--primary);
}
.similar-topics .posts-count {
  background-color: var(--tertiary);
}
.similar-topics .topic-title {
  flex: 0 1 auto;
  margin-right: 0.5em;
}
.similar-topics span.badge-wrapper {
  margin-left: 0;
}
.similar-topics .blurb {
  color: var(--primary-high);
}
.similar-topics .topic-title,
.similar-topics .blurb {
  margin-bottom: 0.5em;
}
.similar-topics .topic-title .d-icon,
.similar-topics .blurb .d-icon {
  color: var(--primary-high);
}
.similar-topics span.topic {
  display: flex;
  flex-direction: column;
}
.similar-topics span.topic .first-line {
  flex: 1;
}
.similar-topics span.topic .second-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5em;
}
.similar-topics span.topic .second-line .discourse-tags {
  font-size: var(--font-down-1);
}

.composer-popup:nth-of-type(2) {
  width: calc(50% - 65px);
}

a.toggle-preview {
  color: var(--primary-high);
}
a.toggle-preview:hover {
  color: var(--tertiary);
}

#draft-status,
#file-uploading {
  text-align: right;
}

.fullscreen-composer {
  overflow: hidden;
}
.fullscreen-composer .profiler-results {
  display: none;
}
.fullscreen-composer #reply-control.fullscreen {
  height: 100vh !important;
  max-height: 100%;
  z-index: 1001;
}
@supports (--custom: property) {
  .fullscreen-composer #reply-control.fullscreen {
    height: calc(var(--composer-vh, 1vh) * 100) !important;
  }
}
.fullscreen-composer #reply-control.fullscreen .d-editor-preview-wrapper {
  margin-top: 1%;
}
.fullscreen-composer #reply-control.fullscreen .reply-to {
  border-bottom: 1px solid var(--primary-low);
  margin-bottom: 0;
  padding-bottom: 8px;
}
.fullscreen-composer #reply-control.fullscreen .d-editor-textarea-wrapper {
  border: none;
}
.fullscreen-composer #reply-control.fullscreen.show-preview .d-editor-textarea-wrapper {
  border-right: 1px solid var(--primary-low);
}
.fullscreen-composer #reply-control.fullscreen #draft-status,
.fullscreen-composer #reply-control.fullscreen #file-uploading {
  margin-left: 0;
  text-align: initial;
}
.fullscreen-composer #reply-control.fullscreen .composer-popup {
  top: 30px;
}
.fullscreen-composer #reply-control.fullscreen::before {
  content: "";
  background: var(--secondary);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  left: 0;
}

.composer-fullscreen-prompt {
  animation: fadeIn 1s ease-in-out;
  animation-delay: 1.5s;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  position: fixed;
  left: 50%;
  top: 10%;
  transform: translate(-50%, 0);
  z-index: 1001;
  background: var(--primary-very-high);
  color: var(--secondary);
  padding: 0.5em 0.75em;
  pointer-events: none;
  border-radius: 2px;
}
@media (prefers-reduced-motion) {
  .composer-fullscreen-prompt {
    animation-duration: 0s;
  }
}
.rtl .composer-fullscreen-prompt {
  transform: translate(50%, 0);
}
.composer-fullscreen-prompt kbd {
  background: none;
}

@media screen and (min-width: 1475px) {
  .has-sidebar-page .sidebar-wrapper .sidebar-container {
    height: auto;
  }
  .has-sidebar-page #reply-control:not(.fullscreen) {
    width: auto;
    max-width: calc(var(--d-max-width) + var(--d-sidebar-width) / 2 - 1.5rem);
    margin-left: 0;
    margin-right: 0;
    transform: translateX(calc((100vw - var(--d-max-width) - var(--d-sidebar-width) / 0.5) / 2 + 17em + 1rem));
  }
  .has-sidebar-page #reply-control:not(.fullscreen).hide-preview {
    max-width: 740px;
    transform: translateX(calc((100vw - 740px - var(--d-sidebar-width)) / 2 + var(--d-sidebar-width)));
  }
}
:root {
  --d-max-width: 1110px;
}

body.widget-dragging {
  cursor: ns-resize;
}

body.dragging {
  cursor: ns-resize;
}

.boxed {
  height: 100%;
}

.form-vertical .control-group {
  margin-bottom: 1.25em;
}
.form-vertical .controls:not(.controls-dropdown) + .controls {
  margin-top: 0.5em;
}

code,
pre {
  font-family: var(--d-font-family--monospace);
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: 0;
}

form {
  margin: 0;
}

label,
input,
button,
select,
textarea {
  font-size: var(--font-0);
  font-weight: normal;
  line-height: var(--line-height-medium);
}

select,
textarea {
  display: inline-block;
  margin-bottom: 9px;
  font-size: var(--font-0);
  line-height: var(--line-height-large);
  color: var(--primary);
}

input,
textarea {
  width: 210px;
  margin-left: 0;
}

select,
input[type=file] {
  line-height: var(--line-height-large);
}

select {
  width: 220px;
  background: var(--secondary);
}
select[multiple], select[size] {
  height: auto;
}

.input-xxlarge, .input-xxlarge + .control-instructions {
  width: 530px;
}

.controls-dropdown {
  margin-bottom: 10px;
}

.control-instructions {
  color: var(--primary-medium);
  font-size: 0.875rem;
}

.control-group {
  margin-bottom: 9px;
}

.form-horizontal input[type=text],
.form-horizontal input[type=password],
.form-horizontal textarea {
  margin-bottom: 0;
}
.form-horizontal .control-group {
  margin-bottom: 18px;
}
.form-horizontal .control-group::before, .form-horizontal .control-group::after {
  content: "";
  display: table;
}
.form-horizontal .control-group::after {
  clear: both;
}
.form-horizontal .control-indent {
  margin-left: 20px;
  margin-bottom: 10px;
}
.form-horizontal .control-label {
  margin: 6.5px;
  float: left;
  width: 140px;
  text-align: right;
  font-weight: bold;
}
.form-horizontal .controls {
  margin-left: 160px;
}

@media screen and (max-width: 550px) {
  body {
    min-width: 0;
  }
  .wrap,
  .full-width {
    min-width: 0;
  }
}
body.has-sidebar-page .wrap {
  max-width: calc(var(--d-sidebar-width) + var(--d-max-width));
}
body.has-sidebar-page #main-outlet-wrapper {
  grid-template-columns: var(--d-sidebar-width) minmax(0, 1fr);
  gap: 0 2em;
  padding-left: 0;
}
@media screen and (max-width: 1000px) {
  body.has-sidebar-page #main-outlet-wrapper {
    gap: 0 1em;
  }
}

@media (prefers-reduced-motion: no-preference) {
  body.sidebar-animate #main-outlet-wrapper {
    transition-property: grid-template-columns, max-width;
    transition-timing-function: var(--d-sidebar-animation-ease);
    transition-duration: var(--d-sidebar-animation-time);
  }
  body.sidebar-animate .d-header-wrap .wrap {
    transition: max-width var(--d-sidebar-animation-time) var(--d-sidebar-animation-ease);
  }
}
.d-header {
  height: 4em;
}
.d-header #site-text-logo {
  font-size: var(--font-up-3);
}
.d-header .extra-info:not(.two-rows) .header-title {
  margin-bottom: 0;
}

@media screen and (max-width: 550px) {
  .extra-info-wrapper {
    display: none;
  }
}
#main {
  position: relative;
}

.search-link .blurb {
  color: var(--secondary-medium);
  display: block;
  word-wrap: break-word;
  font-size: var(--font-down-2);
  line-height: var(--line-height-large);
}
.search-link .blurb .search-highlight {
  color: var(--primary-high-or-secondary-low);
}

.latest-topic-list .table-heading,
.top-topic-list .table-heading {
  padding: 12px 5px;
  color: var(--primary-med-or-secondary-high);
}
.latest-topic-list .no-topics,
.latest-topic-list .more-topics,
.top-topic-list .no-topics,
.top-topic-list .more-topics {
  margin-top: 1em;
}
.latest-topic-list .posts-map,
.top-topic-list .posts-map {
  font-size: var(--font-up-1);
  font-weight: bold;
  color: var(--primary-medium);
}

.latest-topic-list-item {
  padding: 1em;
  border-bottom: 1px solid var(--primary-low);
  display: flex;
  align-items: center;
}
.latest-topic-list-item .topic-poster {
  position: relative;
  width: 60px;
}
.latest-topic-list-item .topic-poster .avatar-flair {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.latest-topic-list-item .main-link {
  flex: 0 1 auto;
  max-width: 65%;
  font-size: var(--font-0);
}
.latest-topic-list-item .main-link .top-row {
  margin-bottom: 0.1em;
  font-size: var(--font-up-1);
}
.latest-topic-list-item .main-link .bottom-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5em;
}
.latest-topic-list-item .topic-stats {
  flex: 1 0 0px;
  text-align: right;
  color: var(--primary-med-or-secondary-high);
}
.latest-topic-list-item .topic-last-activity a {
  color: var(--primary-low-mid-or-secondary-high);
}

.login-fullpage:not(:has(.has-alt-auth)) .alert,
.signup-fullpage:not(:has(.has-alt-auth)) .alert,
.invites-show:not(:has(.has-alt-auth)) .alert {
  max-width: 500px;
}
.login-fullpage .login-page-cta__buttons,
.login-fullpage .signup-page-cta__buttons,
.signup-fullpage .login-page-cta__buttons,
.signup-fullpage .signup-page-cta__buttons,
.invites-show .login-page-cta__buttons,
.invites-show .signup-page-cta__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.login-fullpage .login-page-cta__buttons button,
.login-fullpage .signup-page-cta__buttons button,
.signup-fullpage .login-page-cta__buttons button,
.signup-fullpage .signup-page-cta__buttons button,
.invites-show .login-page-cta__buttons button,
.invites-show .signup-page-cta__buttons button {
  font-size: var(--font-0) !important;
  width: 100%;
}
.login-fullpage .login-page-cta__existing-account, .login-fullpage .login-page-cta__no-account-yet,
.login-fullpage .signup-page-cta__existing-account,
.login-fullpage .signup-page-cta__no-account-yet,
.signup-fullpage .login-page-cta__existing-account,
.signup-fullpage .login-page-cta__no-account-yet,
.signup-fullpage .signup-page-cta__existing-account,
.signup-fullpage .signup-page-cta__no-account-yet,
.invites-show .login-page-cta__existing-account,
.invites-show .login-page-cta__no-account-yet,
.invites-show .signup-page-cta__existing-account,
.invites-show .signup-page-cta__no-account-yet {
  font-size: var(--font-down-1);
  margin-bottom: 0.5rem;
  text-align: center;
  width: 100%;
}
.login-fullpage .login-page-cta__existing-account::before, .login-fullpage .login-page-cta__no-account-yet::before,
.login-fullpage .signup-page-cta__existing-account::before,
.login-fullpage .signup-page-cta__no-account-yet::before,
.signup-fullpage .login-page-cta__existing-account::before,
.signup-fullpage .login-page-cta__no-account-yet::before,
.signup-fullpage .signup-page-cta__existing-account::before,
.signup-fullpage .signup-page-cta__no-account-yet::before,
.invites-show .login-page-cta__existing-account::before,
.invites-show .login-page-cta__no-account-yet::before,
.invites-show .signup-page-cta__existing-account::before,
.invites-show .signup-page-cta__no-account-yet::before {
  content: " ";
  display: block;
  height: 1px;
  width: 100%;
  background-color: var(--primary-low);
  margin-block: 1rem;
}
.login-fullpage .login-page-cta__disclaimer,
.login-fullpage .signup-page-cta__disclaimer,
.signup-fullpage .login-page-cta__disclaimer,
.signup-fullpage .signup-page-cta__disclaimer,
.invites-show .login-page-cta__disclaimer,
.invites-show .signup-page-cta__disclaimer {
  font-size: var(--font-down-1);
  margin-bottom: 0.5rem;
}
.login-fullpage #login-buttons,
.signup-fullpage #login-buttons,
.invites-show #login-buttons {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .login-fullpage .has-alt-auth,
  .signup-fullpage .has-alt-auth,
  .invites-show .has-alt-auth {
    flex-direction: column;
    overflow: auto;
    gap: 0;
  }
  .login-fullpage .has-alt-auth .login-page-cta,
  .login-fullpage .has-alt-auth .signup-page-cta,
  .login-fullpage .has-alt-auth .btn-social,
  .signup-fullpage .has-alt-auth .login-page-cta,
  .signup-fullpage .has-alt-auth .signup-page-cta,
  .signup-fullpage .has-alt-auth .btn-social,
  .invites-show .has-alt-auth .login-page-cta,
  .invites-show .has-alt-auth .signup-page-cta,
  .invites-show .has-alt-auth .btn-social {
    font-size: var(--font-down-1);
  }
  .login-fullpage .has-alt-auth .login-left-side,
  .signup-fullpage .has-alt-auth .login-left-side,
  .invites-show .has-alt-auth .login-left-side {
    overflow: unset;
    padding: 1em;
    max-width: unset;
  }
  .login-fullpage .has-alt-auth .login-right-side,
  .signup-fullpage .has-alt-auth .login-right-side,
  .invites-show .has-alt-auth .login-right-side {
    padding: 1em;
    max-width: unset;
  }
  .login-fullpage .has-alt-auth .login-right-side::before,
  .signup-fullpage .has-alt-auth .login-right-side::before,
  .invites-show .has-alt-auth .login-right-side::before {
    height: 1px;
    width: calc(100% - 2em);
    left: 1em;
    top: 0;
  }
  .login-fullpage .signup-progress-bar,
  .signup-fullpage .signup-progress-bar,
  .invites-show .signup-progress-bar {
    font-size: var(--font-down-1);
  }
}

.invites-show.container {
  box-sizing: border-box;
  box-shadow: none;
  max-width: 550px;
}

.menu-panel.user-menu.revamped {
  width: unset;
}
.menu-panel.drop-down .panel-body {
  max-width: calc(100vw - 2em);
}

.hamburger-panel .revamped {
  --d-sidebar-highlight-background: var(--d-hover);
  --d-sidebar-row-horizontal-padding: 0.5rem;
  --d-sidebar-row-height: 30px;
  --d-sidebar-row-horizontal-padding: 0.66rem;
  width: 360px;
}
.hamburger-panel .revamped .panel-body-content {
  width: 100%;
  min-width: 0;
}
.hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-button {
  opacity: 1;
}
.hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-link.active {
  font-weight: normal;
  background: var(--d-hover);
}
.hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-wrapper .select-kit .btn:hover, .hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-wrapper .select-kit .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:hover, .d-modal.json-schema-editor-modal .je-ready .hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-wrapper .select-kit .json-editor-btn-add:hover, .hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-wrapper .select-kit .d-modal.json-schema-editor-modal .je-ready button:hover, .d-modal.json-schema-editor-modal .je-ready .hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-header-wrapper .select-kit button:hover {
  background: transparent;
}
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section {
  padding-top: 0.5em;
}
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section .sidebar-section-header-wrapper {
  margin: 0 0 0.5em;
  padding-bottom: 0.25em;
}
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section .sidebar-section-header-wrapper .d-icon-globe {
  color: var(--primary-medium);
}
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section .sidebar-section-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section .sidebar-section-content li {
  min-width: 0;
}
.hamburger-panel .revamped .sidebar-section-wrapper .sidebar-section-message {
  padding: 0;
}
.hamburger-panel .revamped .sidebar-section-link-wrapper .sidebar-section-link-hover:hover .sidebar-section-hover-button {
  background: transparent;
}
.hamburger-panel .revamped .sidebar-footer-wrapper {
  padding: 0;
  margin-top: 1em;
}
.hamburger-panel .revamped .sidebar-footer-wrapper .sidebar-footer-container {
  padding: 0;
  border: none;
  background: var(--secondary);
}
.hamburger-panel .revamped .sidebar-footer-wrapper .sidebar-footer-container::before {
  top: -1.5em;
  background: linear-gradient(to bottom, transparent, rgba(var(--secondary-rgb), 1));
}

.discourse-no-touch .sidebar-hamburger-dropdown .sidebar-section-wrapper .sidebar-section-header-wrapper:hover,
.discourse-no-touch .sidebar-hamburger-dropdown .sidebar-section-wrapper .sidebar-section-header-wrapper:focus-within {
  background: transparent;
}

html.modal-open {
  overflow: hidden;
}

.d-modal {
  --modal-max-width: 600px;
  --modal-width: 30em;
  --modal-min-width: 400px;
}
.d-modal__container {
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);
  min-height: var(--modal-min-height);
}
.d-modal.-large .d-modal__container {
  max-width: 800px;
}
.d-modal.-max .d-modal__container {
  max-width: 90vw;
}

.modal.in {
  animation: fade 0.25s;
}
@media (prefers-reduced-motion) {
  .modal.in {
    animation-duration: 0s;
  }
}

.close {
  font-size: var(--font-up-3);
  text-decoration: none;
  cursor: pointer;
}
.close:visited {
  color: var(--primary-high);
}
.close:hover {
  color: var(--primary);
}

.modal .category-chooser {
  width: 50%;
}

.choose-topic-modal #choosing-topic {
  width: 525px;
}
.choose-topic-modal #choosing-topic p {
  margin-top: 0;
}
.choose-topic-modal #choosing-topic .radios {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}
.choose-topic-modal #choosing-topic .radios .radio-label {
  display: inline-block;
  padding-right: 15px;
}
.choose-topic-modal #choosing-topic button {
  margin-top: 10px;
  display: block;
}
.choose-topic-modal #choosing-topic form {
  width: 95%;
  margin-top: 20px;
}
.choose-topic-modal #choosing-topic form .participant-selector {
  width: 100%;
}
.choose-topic-modal #choosing-topic form div.ac-wrap {
  width: 100%;
  margin-bottom: 9px;
}

.create-invite-modal .title,
.create-invite-bulk-modal .title,
.share-topic-modal .title {
  align-items: center;
  display: flex;
}
.create-invite-modal .title .subtitle,
.create-invite-bulk-modal .title .subtitle,
.share-topic-modal .title .subtitle {
  margin-left: 0.5em;
}

.post-action-feedback-alert {
  position: absolute;
  top: -1.5rem;
  left: 60%;
  transform: translateX(-50%);
  color: var(--success);
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  font-size: var(--font-down-2);
  opacity: 0;
  z-index: 101;
}

.--transition .post-action-feedback-alert,
.--transition .post-action-feedback-svg {
  transition: opacity 0.25s, color 0.25s;
}

.--activated .post-action-feedback-alert,
.--activated .post-action-feedback-svg {
  opacity: 1;
}
.--activated .post-action-feedback-alert.-success {
  color: var(--success);
}
.--activated .post-action-feedback-alert.-fail {
  color: var(--danger);
}

.post-actions {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  clear: both;
  text-align: right;
  margin-bottom: 10px;
}
.post-actions .post-action {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}

.post-menu-area {
  margin: 20px 0;
}

#topic-title {
  z-index: 1;
  margin-bottom: 1em;
}
#topic-title h1 {
  font-size: var(--font-up-4);
  line-height: var(--line-height-medium);
  overflow-wrap: break-word;
  width: 100%;
}
#topic-title h1 a {
  color: var(--primary);
}
#topic-title .remove-featured-link {
  float: right;
  text-transform: lowercase;
  color: var(--primary-med-or-secondary-med);
  font-size: 0.857rem;
}

.topic-error {
  padding: 18px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--font-up-4);
  text-align: center;
  line-height: var(--line-height-medium);
}
.topic-error .topic-retry {
  display: block;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

#topic-filter {
  background-color: var(--highlight-bg);
  padding: 8px;
  bottom: 0;
  position: fixed;
  width: 100%;
  font-size: var(--font-0);
  z-index: 300;
}

.onscreen-post .row {
  display: flex;
}

html:not(.anon) #topic-footer-buttons {
  flex-direction: column;
  gap: var(--below-topic-margin);
}
html:not(.anon) #topic-footer-buttons .pinned-button .reason,
html:not(.anon) #topic-footer-buttons .topic-notifications-button .reason {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.topic-list-icons .d-icon-thumbtack, .topic-list .d-icon-thumbtack, .latest-topic-list .d-icon-thumbtack,
.top-topic-list .d-icon-thumbtack {
  color: var(--primary-med-or-secondary-med);
}
.topic-list-icons .d-icon-thumbtack.unpinned, .topic-list .d-icon-thumbtack.unpinned, .latest-topic-list .d-icon-thumbtack.unpinned,
.top-topic-list .d-icon-thumbtack.unpinned {
  color: var(--primary-med-or-secondary-med);
}
.topic-list-icons a.title, .topic-list a.title, .latest-topic-list a.title,
.top-topic-list a.title {
  color: var(--primary);
}
.topic-list-icons .d-icon-bookmark, .topic-list .d-icon-bookmark, .latest-topic-list .d-icon-bookmark,
.top-topic-list .d-icon-bookmark {
  color: var(--primary-med-or-secondary-med);
}

.topic-list {
  margin: 0 0 10px;
}
.topic-list .topic-list-data {
  padding: 0.8em 0.33em;
}
.topic-list .topic-list-data:first-of-type {
  padding-left: 0.67em;
}
.topic-list .topic-list-data:last-of-type {
  padding-right: 0.67em;
}
th .topic-list .topic-list-data {
  border-bottom: 3px solid var(--primary-low);
}
.topic-list button.bulk-select {
  padding: 0;
  margin-right: 0.5em;
  line-height: var(--line-height-large);
}
.topic-list .topic-list-data.bulk-select {
  padding: 0;
  width: 30px;
}
.topic-list .topic-list-data.bulk-select label {
  margin: 0;
  padding: 0.8em 0.67em 1.1em 0.67em;
  cursor: pointer;
}
.topic-list .topic-list-data.bulk-select + .main-link {
  padding-left: 0;
}
.topic-list .topics-replies-toggle {
  background: none;
  border: none;
  line-height: var(--line-height-large);
  padding-left: 0.5em;
  padding-right: 0.5em;
  position: relative;
}
.topic-list .topics-replies-toggle.active {
  color: var(--d-nav-color--active);
  background: var(--d-nav-bg-color--active);
}
.topic-list .topics-replies-toggle.active .d-icon {
  color: var(--d-nav-color--active);
}
.topic-list .topics-replies-toggle.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: var(--d-nav-underline-height);
  background: var(--d-nav-color--active);
}
.topic-list .posters {
  width: 146px;
}
.topic-list .posters > a {
  float: left;
  margin-right: 4px;
}
.topic-list .posters > a:last-of-type {
  margin-right: 0;
}
.topic-list .posters > a.posters-more-count {
  cursor: default;
  color: var(--primary-med-or-secondary-med);
  line-height: 25px;
  font-size: var(--font-down-1);
}
.topic-list .topic-list-data.posters {
  height: 29px;
}
.topic-list .posters a:first-child .avatar.latest:not(.single) {
  box-shadow: 0 0 3px 1px rgba(var(--tertiary-rgb), 0.35);
  border: 1px solid rgba(var(--tertiary-rgb), 0.5);
  position: relative;
  left: -2px;
}
.topic-list .likes {
  width: 4.3em;
}
.topic-list .views {
  width: 4.3em;
}
.topic-list .posts {
  width: 4.3em;
}
.topic-list .post-actions {
  clear: both;
  width: auto;
  color: var(--primary-med-or-secondary-med);
  text-align: left;
  font-size: var(--font-down-1);
  margin-top: 5px;
}
.topic-list .post-actions .fa {
  margin-right: 2px;
}
.topic-list .post-actions a {
  color: var(--primary-med-or-secondary-med);
  margin-right: 3px;
  line-height: var(--line-height-large);
}
.topic-list .activity {
  width: 4em;
}
.topic-list .activity:lang(zh_CN) {
  width: 5.3em;
}
.topic-list .age {
  width: 4em;
}
.topic-list .with-year {
  white-space: nowrap;
}

.topic-list-bottom {
  margin: 1.25em 0;
}
.topic-list-bottom .dismiss-container-bottom {
  float: right;
}
.--no-topics-education + .topic-list-bottom {
  margin: 0;
}
.--no-topics-education + .topic-list-bottom .footer-message {
  padding-top: 4em;
}

#list-area .top-lists h2 {
  cursor: pointer;
  margin: 5px 0 10px;
}
#list-area .top-lists .period-chooser .select-kit-body {
  width: 275px;
}

#list-area h2 {
  margin: 20px 0 10px;
}
#list-area .show-more {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
}
#list-area .show-more .alert {
  margin: 0;
  padding: 1.1em 2em 1.1em 0.65em;
  gap: 0.65em;
  align-items: center;
}
#list-area .show-more .alert.loading {
  color: var(--primary-medium);
  cursor: default;
}

.bulk-select-topics {
  display: inline-flex;
  margin-left: -5px;
}
.bulk-select-topics .btn, .bulk-select-topics .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .bulk-select-topics .json-editor-btn-add, .bulk-select-topics .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .bulk-select-topics button {
  margin-right: 0.5em;
}

.dismiss-container-top {
  display: flex;
  justify-content: flex-end;
}

.category-breadcrumb .select-kit {
  align-self: stretch;
  height: 100%;
}

.category-logo.aspect-image {
  float: left;
  margin: 0.33em 2em 2em 0;
}

/* Tablet (portrait) ----------- */
@media screen and (max-width: 850px) {
  .topic-list .views {
    display: none;
  }
  .topic-list .posts {
    width: 3em;
  }
  .topic-list .posters {
    width: 2em;
    text-align: center;
  }
  .topic-list .topic-list-data.posters a:first-child .avatar.latest:not(.single) {
    top: 0;
    left: 0;
  }
  .topic-list .topic-list-data.posters a:not(.latest) {
    display: none;
  }
  .topic-list .topic-list-data.posters a.latest {
    width: 100%;
  }
  .topic-list .topic-list-data.posters a.latest img {
    margin: 0 auto;
  }
}
@media screen and (max-width: calc(850px + 17em)) {
  .has-sidebar-page .topic-list .views {
    display: none;
  }
  .has-sidebar-page .topic-list .posts {
    width: 3em;
  }
  .has-sidebar-page .topic-list .posters {
    width: 2em;
    text-align: center;
  }
  .has-sidebar-page .topic-list .topic-list-data.posters a:first-child .avatar.latest:not(.single) {
    top: 0;
    left: 0;
  }
  .has-sidebar-page .topic-list .topic-list-data.posters a:not(.latest) {
    display: none;
  }
  .has-sidebar-page .topic-list .topic-list-data.posters a.latest {
    width: 100%;
  }
  .has-sidebar-page .topic-list .topic-list-data.posters a.latest img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 850px) {
  .nav-pills > li > a {
    font-size: var(--font-0);
    padding: 0.45em 0.67em;
  }
  .topic-list .topic-list-data {
    font-size: var(--font-0);
  }
  .topic-list-header {
    font-size: var(--font-down-1);
  }
}
.container.list-container {
  position: relative;
}

.full-width {
  margin-left: 0;
}

.staff .topic-post:first-child nav.post-controls .post-admin-menu {
  bottom: -125px;
}

.topic-body {
  padding: 0;
}
.topic-body:first-of-type {
  border-top: none;
}
.topic-body .reply-to-tab {
  z-index: 2;
  color: var(--primary-med-or-secondary-med);
}
.discourse-no-touch .topic-body .actions .fade-out {
  opacity: 0.7;
  transition: background 0.25s, opacity 0.7s ease-in-out;
  animation: none;
}
.discourse-touch .topic-body .actions .fade-out {
  opacity: 1;
}
.topic-body:hover .actions .fade-out,
.topic-body .selected .actions .fade-out {
  opacity: 1;
}

section.post-menu-area {
  position: relative;
  padding-left: var(--topic-body-width-padding);
}

.post-links-container {
  margin-left: var(--topic-body-width-padding);
}

nav.post-controls {
  --control-margin: 0.33em;
  --control-icon-space: 0.33em;
}
nav.post-controls .actions button {
  margin-left: var(--control-margin);
}
nav.post-controls .actions button.btn-icon-text, nav.post-controls .actions button.create {
  margin-left: calc(var(--control-margin) * 1.52);
}
nav.post-controls .actions button.btn-icon-text .d-icon, nav.post-controls .actions button.create .d-icon {
  margin-right: var(--control-icon-space);
}
nav.post-controls .actions .double-button {
  margin-left: var(--control-margin);
}
nav.post-controls .show-replies {
  display: flex;
  align-items: center;
  margin-left: 0;
  border-radius: var(--d-button-border-radius);
  white-space: nowrap;
}
.topic-post nav.post-controls .show-replies {
  margin-right: 0.5em;
}
nav.post-controls .show-replies .d-icon {
  margin-inline: var(--control-icon-space);
  margin-left: 0;
}
nav.post-controls .show-replies[aria-expanded=true] {
  background: var(--primary-low);
  color: var(--primary-high);
  box-shadow: 0 0 0 1px var(--primary-300);
  z-index: 1;
}
nav.post-controls .show-replies[aria-expanded=true] .d-icon {
  color: var(--primary-high);
}
nav.post-controls .show-replies[aria-expanded=true]:hover, nav.post-controls .show-replies[aria-expanded=true]:focus {
  background: var(--primary-300);
  color: var(--primary);
}

pre.codeblock-buttons .copy-cmd:not(.action-complete),
pre.codeblock-buttons .fullscreen-cmd:not(.action-complete) {
  opacity: 0;
  transition: 0.2s;
  visibility: hidden;
}

pre.codeblock-buttons:hover .copy-cmd,
pre.codeblock-buttons:hover .fullscreen-cmd {
  opacity: 0.7;
  visibility: visible;
}
pre.codeblock-buttons:hover .copy-cmd:hover,
pre.codeblock-buttons:hover .fullscreen-cmd:hover {
  opacity: 1;
}

.embedded-posts {
  border: 1px solid var(--primary-low);
}
.embedded-posts h1,
.embedded-posts h2,
.embedded-posts h3 {
  margin: 10px 0;
}
.embedded-posts .topic-body {
  box-sizing: border-box;
  width: calc(100% - 70px);
  overflow: hidden;
}
.embedded-posts .cooked {
  margin-top: 15px;
}
.embedded-posts .topic-avatar {
  padding-left: 25px;
  padding-top: 15px;
}
.embedded-posts .collapse-down,
.embedded-posts .collapse-up {
  position: absolute;
  color: var(--primary-medium);
  background: var(--secondary);
  border: 1px solid var(--primary-low);
  padding: 6px 9px 8px;
  z-index: 99;
}
.embedded-posts .collapse-down .d-icon,
.embedded-posts .collapse-up .d-icon {
  color: currentcolor;
}
.discourse-no-touch .embedded-posts .collapse-down:hover,
.discourse-no-touch .embedded-posts .collapse-up:hover {
  background: var(--primary-low);
  color: var(--primary-high);
}
.discourse-no-touch .embedded-posts .collapse-down:hover .d-icon,
.discourse-no-touch .embedded-posts .collapse-up:hover .d-icon {
  color: currentcolor;
}
.embedded-posts.bottom {
  position: relative;
  max-width: calc(100% - 66px);
  margin-bottom: 30px;
  border: none;
}
.embedded-posts.bottom > div {
  position: relative;
}
.embedded-posts.bottom > div:last-of-type {
  margin-bottom: 0;
}
.embedded-posts.bottom > div:last-of-type .row::before {
  content: "";
  position: absolute;
  top: -22px;
  width: 1px;
  height: calc(100% + 1.25em);
  background: var(--primary-300);
  left: 32px;
}
.embedded-posts.bottom > div .row {
  padding-bottom: 0.5em;
}
.embedded-posts.bottom > div .row::before {
  content: "";
  position: absolute;
  top: -22px;
  width: 1px;
  height: calc(100% + 1.5em);
  background: var(--primary-300);
  left: 32px;
}
.embedded-posts.bottom > div .row .topic-avatar {
  border-top: none;
  padding-left: 9px;
  position: relative;
}
.embedded-posts.bottom > div .row .topic-body {
  border-top: none;
  padding-bottom: 2.5em;
}
.embedded-posts.bottom > div .row .topic-body .topic-meta-data {
  position: unset;
}
.embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow {
  position: absolute;
  bottom: 0.75em;
}
.archetype-private_message .embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow {
  bottom: 0;
}
.embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow .post-info.arrow {
  display: block;
  margin-right: 0;
}
.embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow .post-info.arrow .d-icon {
  margin-left: 0;
}
.embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow .post-info.arrow:hover, .embedded-posts.bottom > div .row .topic-body .topic-meta-data .post-link-arrow .post-info.arrow:focus {
  color: var(--primary-high);
}
.embedded-posts.bottom > div .row .topic-body .cooked {
  margin-top: 0.25em;
  padding-top: 0.5em;
}
.embedded-posts.bottom > div.hidden {
  display: block;
  opacity: 0;
}
.embedded-posts.bottom .collapse-up {
  transform: translate(-50%, -164%);
  background: var(--primary-low);
  color: var(--primary-high);
  border: 1px solid var(--primary-300);
  padding: 6px;
  left: 32px;
  bottom: -3em;
  z-index: 1;
}
.archetype-private_message .embedded-posts.bottom .collapse-up {
  display: flex;
}
.embedded-posts.bottom .collapse-up .d-icon {
  transform: scale(0.871);
}
.discourse-no-touch .embedded-posts.bottom .collapse-up:hover, .discourse-no-touch .embedded-posts.bottom .collapse-up:focus {
  color: var(--primary);
  background: var(--primary-300);
}
.embedded-posts.bottom .load-more-replies {
  font-size: var(--font-down-1);
  position: absolute;
  left: 55%;
  transform: translate(-50%, 50%);
  padding: 0.35em 0.5em;
}
.embedded-posts.bottom .topic-avatar {
  padding-left: 1em;
}
.embedded-posts.top {
  margin-left: 0;
  border: none;
  width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2 + var(--topic-avatar-width) - (var(--topic-avatar-width) + 2px));
}
.embedded-posts.top .collapse-down {
  transform: translate(17%, 230%);
  z-index: 1;
}
.embedded-posts.top .row .topic-body,
.embedded-posts.top .row .topic-avatar {
  border-top: none;
}
.embedded-posts.top .row .topic-avatar {
  padding-left: 0;
}
.embedded-posts.top .row .topic-body {
  overflow: visible;
}
.embedded-posts.top .row .topic-body::before {
  content: "";
  position: absolute;
  top: 16px;
  width: 1px;
  height: calc(100% + 1.5em);
  background: var(--primary-300);
  left: -22px;
}
.embedded-posts.top.topic-body {
  padding: 0;
}
.embedded-posts .post-date {
  color: var(--primary-med-or-secondary-high);
}
.embedded-posts .d-icon-arrow-up,
.embedded-posts .d-icon-arrow-down {
  margin-left: 5px;
}
.embedded-posts .reply:first-of-type .row {
  border-top: none;
}
.embedded-posts .topic-meta-data {
  position: relative;
}
.embedded-posts .topic-meta-data h5 {
  position: absolute;
  z-index: 1;
  font-size: var(--font-down-1);
}
.embedded-posts .topic-meta-data h5 a {
  font-weight: bold;
  color: var(--primary-low-mid-or-secondary-high);
}
.embedded-posts .arrow {
  color: var(--primary-med-or-secondary-high);
}

.post-action .relative-date {
  margin-left: 5px;
}
.post-action .avatar {
  margin-right: 2px;
}

span.post-count {
  background: var(--primary);
  color: var(--secondary);
  opacity: 0.8;
}

button.expand-post {
  margin-top: 10px;
  margin-left: var(--topic-body-width-padding);
}

video {
  max-height: 500px;
}

.video {
  max-height: 500px;
}
.video > video {
  max-height: unset;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.btn-group {
  position: relative;
}

.dropdown-toggle {
  float: left;
  position: relative;
}

.post-select {
  float: right;
  margin-right: 20px;
  margin-top: -20px;
}

.deleted-user-avatar {
  font-size: var(--font-up-6);
}

.info-line {
  margin: 10px 0;
  color: var(--primary);
}

/* solo quotes */
blockquote {
  /* leave browser defaults for top and bottom here */
  margin-left: 0;
  margin-right: 0;
  padding: 12px;
}

/* quotes with attribution */
.quote > blockquote .onebox-result {
  background-color: var(--primary-very-low);
}
.quote aside .quote,
.quote aside .title,
.quote aside blockquote,
.quote aside .onebox,
.quote aside .onebox-result {
  background: var(--primary-very-low);
  border-left: 5px solid var(--primary-low);
}
.quote aside aside.quote > blockquote,
.quote aside aside.quote > .title {
  border-left: 0;
}

.topic-post-visited + .topic-post .topic-avatar,
.topic-post-visited + .topic-post .topic-body {
  border-top: none;
}

.topic-body {
  width: calc(var(--topic-body-width) + var(--topic-body-width-padding) * 2);
  float: left;
  min-width: 0;
  position: relative;
  border-top: 1px solid var(--primary-low);
  padding: 0.8em 0 0 0;
}
.topic-body .topic-meta-data {
  padding: 0 var(--topic-body-width-padding) 0.25em var(--topic-body-width-padding);
}
.topic-body .cooked {
  padding: 1em var(--topic-body-width-padding) 0.25em var(--topic-body-width-padding);
}
.topic-body .group-request {
  padding: 0.5em var(--topic-body-width-padding) 0 var(--topic-body-width-padding);
}
.topic-body a.expand-hidden {
  padding-left: var(--topic-body-width-padding);
}

.topic-avatar {
  border-top: 1px solid var(--primary-low);
  padding-top: 15px;
  width: 45px;
  float: left;
  z-index: 2;
  height: 100%;
  overflow-anchor: none;
}

.gap {
  box-sizing: border-box;
}

.topic-area > .loading-container {
  width: calc(var(--topic-body-width) + var(--topic-avatar-width) + var(--topic-body-width-padding) * 2);
  max-width: 100%;
}

/* hide the reply border above the time gap notices */
.time-gap + .topic-post .topic-body,
.time-gap + .topic-post .topic-avatar {
  border-top: none;
}

.time-gap + .topic-post .embedded-posts.top {
  border-bottom: none;
}

.posts-wrapper {
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
}

.dropdown,
.multiselect {
  position: relative;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid var(--primary);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-left: 5px;
}

.selected-posts {
  width: 200px;
  position: fixed;
  z-index: 301;
  box-shadow: var(--shadow-card);
  padding: 0.714em;
  margin-bottom: 5px;
  right: 10px;
}
@media screen and (min-width: calc(1140px + 1px)) {
  .selected-posts {
    right: auto;
    margin-left: 330px;
    left: 50%;
  }
}
.selected-posts button {
  width: 100%;
  margin: 4px auto;
  display: inline-block;
  text-align: left;
}
.selected-posts.hidden {
  display: none;
}
.selected-posts .controls {
  margin-top: 10px;
}
.selected-posts p {
  font-size: var(--font-down-1);
  margin: 0 0 10px 0;
}
.selected-posts p.cancel {
  margin: 10px 0 0 0;
}
.selected-posts h3 {
  font-size: var(--font-up-4);
  color: var(--primary);
  margin-bottom: 5px;
}
.selected-posts h3 .d-icon {
  margin-right: 7px;
}

a.attachment::before {
  display: inline-block;
  margin-right: 4px;
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='16px' viewBox='0 0 512 512' fill='%2308c'%3E%3Cpath d='M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z'%3E%3C/path%3E%3C/svg%3E");
  vertical-align: middle;
}

.topic-meta-data {
  align-items: center;
}
.topic-meta-data .names {
  display: flex;
  align-items: center;
}
.topic-meta-data::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.topic-meta-data .post-info a {
  color: var(--primary-med-or-secondary-med);
}
.topic-meta-data .post-info a.wiki {
  color: var(--wiki);
}

.who-liked,
.who-read {
  margin-top: 20px;
  margin-bottom: 0;
  width: 100%;
  text-align: right;
}

span.highlighted {
  background-color: var(--tertiary-low);
}

.first.new-user:not(.staff) a {
  color: var(--primary-low-mid);
}

.topic-post.sticky-avatar > article > .row > .topic-avatar {
  position: sticky;
  top: calc(var(--header-offset) - 0.25em);
  margin-bottom: 25px;
}

/* Tablet (portrait) ----------- */
@media all and (max-width: 790px) {
  .topic-avatar {
    width: 45px;
  }
  .topic-post .reply-to-tab {
    right: 15%;
  }
  .topic-body {
    box-sizing: border-box;
    width: calc(100% - 47px);
  }
  .embedded-posts.top {
    width: calc(100% - 56px);
  }
}
.user-profile-hidden {
  font-size: 1.5em;
  text-align: center;
}

.user-secondary-navigation {
  min-width: 150px;
}
.user-secondary-navigation .combo-box {
  width: 100%;
}
.user-secondary-navigation .combo-box:not(:last-of-type) {
  margin-bottom: 0.875em;
}
.user-secondary-navigation .nav-stacked {
  background-color: transparent;
  margin: 0;
}
.user-secondary-navigation .nav-stacked li {
  border-bottom: none;
}
.user-secondary-navigation .nav-stacked li:hover, .user-secondary-navigation .nav-stacked li.active {
  background: var(--primary-very-low);
}
.user-secondary-navigation .nav-stacked li.archive {
  padding-left: 1.4em;
}
.user-secondary-navigation .select-kit + .messages-nav {
  margin-top: 1em;
}
.user-secondary-navigation .inboxes-controls {
  margin-bottom: 0.75em;
}
.user-secondary-navigation.user-messages {
  --left-padding: 0.8em;
}
.user-secondary-navigation.user-messages .nav-stacked a {
  padding-left: calc(var(--left-padding) - 1px);
}

.user-content {
  padding: 0;
  margin-top: 2em;
  padding-bottom: 12px;
  margin-bottom: 12px;
  background: var(--d-content-background, var(--secondary));
  box-sizing: border-box;
}
.user-content .btn.right, .user-content .d-modal.json-schema-editor-modal .je-ready .right.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-content .right.json-editor-btn-add, .user-content .d-modal.json-schema-editor-modal .je-ready button.right, .d-modal.json-schema-editor-modal .je-ready .user-content button.right {
  float: right;
}

.pref-avatar .avatar {
  max-width: 90px;
  max-height: 90px;
}

.invite-controls .btn, .invite-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .invite-controls .json-editor-btn-add, .invite-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .invite-controls button {
  margin-right: 0;
}

table.user-invite-list {
  width: 100%;
  margin-top: 15px;
}
table.user-invite-list tr td {
  padding: 0.667em;
}
table.user-invite-list tr td.invite-actions {
  white-space: nowrap;
  width: 100px;
}
table.user-invite-list tr td .label {
  display: none;
}

.user-invite-none {
  padding: 15px 0;
}

.user-main {
  margin-bottom: 50px;
}
.user-main .about.group .details {
  padding: 15px 0;
  margin: 0;
  color: var(--secondary);
}
.user-main .about .details img.avatar {
  margin: 0 20px 10px 0;
}
.user-main .about .details .primary-textual {
  flex: 0 1 auto;
  padding: 0 0 0.5em;
}
.user-main .about .details .bio {
  max-width: 750px;
}
.user-main .about.has-background .user-profile-image {
  height: 300px;
}
.user-main .about.has-background .details {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 0 0 0;
  bottom: 0;
}
.user-main .about .controls {
  max-width: 13.5em;
  margin-left: 0.5em;
}
.user-main .about .controls .btn, .user-main .about .controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-main .about .controls .json-editor-btn-add, .user-main .about .controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-main .about .controls button {
  min-width: 9em;
  width: 100%;
}
.user-main .about.collapsed-info .user-profile-image {
  display: none;
}
.user-main .about.collapsed-info .controls {
  display: flex;
  max-width: unset;
  flex: 1 2 min-content;
}
.user-main .about.collapsed-info .controls > ul {
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: end;
}
.user-main .about.collapsed-info .details {
  position: relative;
  padding: 0;
  margin-top: 0;
  border-bottom: 1px solid var(--primary-low);
}
.user-main .user-field input[type=text] {
  width: 530px;
}
.user-main .user-field .controls .instructions {
  display: block;
}
.user-main .public-user-fields {
  overflow: hidden;
}

.user-messages-page .topic-list th {
  padding-top: 0;
}
.user-messages-page .show-mores {
  position: absolute;
}

.topic-drafts-menu-content .dropdown-menu {
  max-width: 300px;
}

.more-topics__container .nav {
  position: absolute;
}
.more-topics__container .nav li {
  margin-right: 0;
}
.more-topics__container .nav li .btn, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li .json-editor-btn-add, .more-topics__container .nav li .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .more-topics__container .nav li button {
  font-size: var(--font-0);
  line-height: var(--line-height-large);
  padding: 0.75em 0.65em;
}
.more-topics__container .more-topics__lists:not(.single-list) .topic-list-header .default {
  visibility: hidden;
}

.sidebar__edit-navigation-menu__tags-modal .d-modal__body {
  max-height: 30vh;
}

.sidebar-section-wrapper {
  padding-block: 0.35rem;
  border-bottom: 1px solid var(--d-sidebar-border-color);
}
.sidebar-section-wrapper:first-child {
  padding-top: 0;
}
.sidebar-section-wrapper[data-section-name=user-threads] {
  padding-bottom: 0;
}
.sidebar-section-wrapper:hover .sidebar-section-header-wrapper .btn.dropdown-select-box-header, .sidebar-section-wrapper:hover .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready .dropdown-select-box-header.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper:hover .sidebar-section-header-wrapper .dropdown-select-box-header.json-editor-btn-add, .sidebar-section-wrapper:hover .sidebar-section-header-wrapper .d-modal.json-schema-editor-modal .je-ready button.dropdown-select-box-header, .d-modal.json-schema-editor-modal .je-ready .sidebar-section-wrapper:hover .sidebar-section-header-wrapper button.dropdown-select-box-header,
.sidebar-section-wrapper:hover .sidebar-section-header-wrapper .sidebar-section-header-button {
  opacity: 1;
}
.sidebar-section-wrapper .sidebar-section-header-wrapper {
  padding-right: calc(var(--d-sidebar-row-horizontal-padding) / 3);
}

.user-card .first-row .names,
.group-card .first-row .names {
  flex: 1 1 auto;
}
.user-card .first-row .usercard-controls,
.group-card .first-row .usercard-controls {
  max-width: 225px;
}
.user-card .first-row .usercard-controls button,
.group-card .first-row .usercard-controls button {
  min-width: 150px;
}
.user-card .first-row .user-profile-link:focus-visible,
.group-card .first-row .user-profile-link:focus-visible {
  border: 1px solid;
  border-color: var(--tertiary);
  outline: 2px solid var(--tertiary);
  outline-offset: -2px;
}
.user-card .names__primary .d-icon,
.group-card .names__primary .d-icon {
  font-size: var(--font-down-1);
}
@media screen and (max-width: 550px) {
  .user-card,
  .group-card {
    --avatar-width: 4em;
    --avatar-margin: 0;
  }
  .user-card .names__primary,
  .group-card .names__primary {
    font-size: var(--font-up-2);
  }
  .user-card .first-row,
  .group-card .first-row {
    gap: 0.5em 0;
    flex-wrap: wrap;
  }
  .user-card .first-row .usercard-controls,
  .group-card .first-row .usercard-controls {
    max-width: unset;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5em;
  }
  .user-card .first-row li,
  .group-card .first-row li {
    flex: 1 1 0;
  }
  .user-card .first-row li:empty,
  .group-card .first-row li:empty {
    display: none;
  }
}

.user-card .badge-section .user-badge, .user-card .badge-section .more-user-badges a {
  display: block;
  max-width: 185px;
}
.user-card .badge-section .more-user-badges {
  max-width: 125px;
}

.user-info.medium {
  display: flex;
}
.user-info.medium .user-image {
  width: 55px;
  margin-right: 0;
}

.user-stream-item .draft-icon {
  width: 3rem;
}

.user-stream-item .excerpt {
  margin: 0.75em 0 0 3.5em;
}

.emoji-value-list .value .shift-up-value-btn,
.emoji-value-list .value .shift-down-value-btn {
  display: none;
}
.emoji-value-list .value:hover .shift-up-value-btn,
.emoji-value-list .value:hover .shift-down-value-btn {
  display: block;
}

:root {
  --scheme-type: light;
  --primary: #222;
  --secondary: #fff;
  --tertiary: #08c;
  --quaternary: #e45735;
  --header_background: #fff;
  --header_primary: #333;
  --highlight: #ffff4d;
  --danger: #c80001;
  --success: #090;
  --love: #fa6c8d;
  --d-selected: #d1f0ff;
  --d-hover: #f2f2f2;
  --always-black-rgb: 0, 0, 0;
  --primary-rgb: 34, 34, 34;
  --primary-low-rgb: 233, 233, 233;
  --primary-very-low-rgb: 248, 248, 248;
  --secondary-rgb: 255, 255, 255;
  --header_background-rgb: 255, 255, 255;
  --tertiary-rgb: 0, 136, 204;
  --highlight-rgb: 255, 255, 77;
  --success-rgb: 0, 153, 0;
  --primary-very-low: #f8f8f8;
  --primary-low: #e9e9e9;
  --primary-low-mid: #bdbdbd;
  --primary-medium: #919191;
  --primary-high: #646464;
  --primary-very-high: #434343;
  --primary-50: #f8f8f8;
  --primary-100: #f2f2f2;
  --primary-200: #e9e9e9;
  --primary-300: lightgray;
  --primary-400: #bdbdbd;
  --primary-500: #a7a7a7;
  --primary-600: #919191;
  --primary-700: #767676;
  --primary-800: #646464;
  --primary-900: #434343;
  --header_primary-low: rgb(242, 242, 242);
  --header_primary-low-mid: rgb(208, 208, 208);
  --header_primary-medium: rgb(175, 175, 175);
  --header_primary-high: rgb(146, 146, 146);
  --header_primary-very-high: rgb(94, 94, 94);
  --secondary-low: #4d4d4d;
  --secondary-medium: gray;
  --secondary-high: #a6a6a6;
  --secondary-very-high: #ededed;
  --tertiary-very-low: #e0f5ff;
  --tertiary-low: #d1f0ff;
  --tertiary-medium: #66ccff;
  --tertiary-high: #0aadff;
  --tertiary-hover: #006699;
  --tertiary-50: #e0f5ff;
  --tertiary-100: #daf3ff;
  --tertiary-200: #d7f2ff;
  --tertiary-300: #d1f0ff;
  --tertiary-400: #afe4ff;
  --tertiary-500: #8ed9ff;
  --tertiary-600: #66ccff;
  --tertiary-700: #47c2ff;
  --tertiary-800: #29b8ff;
  --tertiary-900: #0aadff;
  --quaternary-low: #f7cdc2;
  --highlight-bg: #ffffca;
  --highlight-low: #ffffca;
  --highlight-medium: #ffffa6;
  --highlight-high: #a6a600;
  --danger-low: #ffd1d1;
  --danger-low-mid: rgba(255, 100, 101, 0.7);
  --danger-medium: #ff2627;
  --danger-hover: #a00001;
  --success-low: #b8ffb8;
  --success-medium: #4dff4d;
  --success-hover: #007a00;
  --love-low: #fee9ee;
  --wiki: green;
  --blend-primary-secondary-5: rgb(249, 249, 249);
  --primary-med-or-secondary-med: #919191;
  --primary-med-or-secondary-high: #919191;
  --primary-high-or-secondary-low: #646464;
  --primary-low-mid-or-secondary-high: #bdbdbd;
  --primary-low-mid-or-secondary-low: #bdbdbd;
  --primary-or-primary-low-mid: #222;
  --highlight-low-or-medium: #ffffca;
  --tertiary-or-tertiary-low: #08c;
  --tertiary-low-or-tertiary-high: #d1f0ff;
  --tertiary-med-or-tertiary: #66ccff;
  --secondary-or-primary: #fff;
  --tertiary-or-white: #08c;
  --facebook-or-white: #0866ff;
  --twitter-or-white: #000;
  --hljs-attr: #015692;
  --hljs-attribute: #803378;
  --hljs-addition: #2f6f44;
  --hljs-bg: #f8f8f8;
  --inline-code-bg: #f2f2f2;
  --hljs-comment: #a7a7a7;
  --hljs-deletion: #c02d2e;
  --hljs-keyword: #015692;
  --hljs-title: #b75501;
  --hljs-name: #b75501;
  --hljs-punctuation: #535a60;
  --hljs-symbol: #54790d;
  --hljs-variable: #54790d;
  --hljs-string: #54790d;
  --google: #fff;
  --google-hover: #f2f2f2;
  --instagram: #e1306c;
  --instagram-hover: #ac194b;
  --facebook: #0866ff;
  --facebook-hover: #0047bb;
  --cas: #70ba61;
  --twitter: #000;
  --github: #100e0f;
  --github-hover: #463e42;
  --discord: #7289da;
  --discord-hover: #4a67cf;
  --gold: rgb(231, 195, 0);
  --silver: #c0c0c0;
  --bronze: #cd7f32;
  --shadow-modal: 0 8px 60px rgba(0, 0, 0, 0.6);
  --shadow-composer: 0 -1px 40px rgba(0, 0, 0, 0.12);
  --shadow-menu-panel: 0 8px 12px rgba(0, 0, 0, 0.15);
  --shadow-card: 0 4px 14px rgba(0, 0, 0, 0.15);
  --shadow-dropdown: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --shadow-header: 0 0 0 1px var(--primary-low);
  --shadow-footer-nav: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  --shadow-focus-danger: 0 0 6px 0 var(--danger);
  --float-kit-arrow-stroke-color: var(--primary-low);
  --float-kit-arrow-fill-color: var(--secondary);
}

:root {
  --space-0: 0.125rem;
  --space-1: 0.25rem;
  --space-2: calc(0.25rem * 2);
  --space-3: calc(0.25rem * 3);
  --space-4: calc(0.25rem * 4);
  --space-5: calc(0.25rem * 5);
  --space-6: calc(0.25rem * 6);
}

.admin-main-nav {
  display: inline-flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: var(--d-content-background);
}
@media screen and (max-width: 768px) {
  .admin-main-nav {
    width: calc(100% + 10px);
    margin-left: -10px;
    padding: 0 0 0 10px;
  }
}
.admin-main-nav .nav-pills {
  display: inline-flex;
  flex-wrap: wrap;
  width: calc(100% - 10px);
  flex: 1 0 auto;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .admin-main-nav .nav-pills {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 0 -10px;
    padding: 0 10px 10px 10px;
  }
}
.admin-main-nav .nav-pills::before {
  display: none;
}
.admin-main-nav .nav-pills > li {
  margin: 0;
}
.admin-main-nav .nav-pills > li:last-of-type > a {
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .admin-main-nav::before {
    content: "";
    position: absolute;
    width: 10px;
    margin-left: -10px;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--secondary-rgb), 1), rgba(var(--secondary-rgb), 0));
  }
  .admin-main-nav::after {
    content: "";
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--secondary-rgb), 0), rgba(var(--secondary-rgb), 1));
  }
}

.admin-contents {
  position: relative;
}
@media screen and (max-width: 700px) {
  .admin-contents .nav-stacked {
    margin: 0;
  }
}
.admin-contents .row::before,
.admin-contents .row::after {
  display: table;
  content: "";
}
.admin-contents .row::after {
  clear: both;
}
.admin-contents.admin-site-settings-category {
  overflow: hidden;
}
@media (max-width: 500px) {
  .admin-contents.admin-site-settings-category {
    background-color: var(--primary-very-low);
  }
}

.admin-contents table {
  width: 100%;
  margin-top: 10px;
}
.admin-contents table tr {
  text-align: left;
}
.admin-contents table td,
.admin-contents table th {
  padding: 8px;
}
.admin-contents table tr:hover {
  background-color: var(--primary-very-low);
}
.admin-contents table tr.selected {
  background-color: var(--primary-low);
}
.admin-contents table .filters input {
  margin-bottom: 0;
}
.admin-contents table .label {
  display: none;
}
@media screen and (max-width: 970px) and (min-width: 768px) {
  .admin-contents table td,
  .admin-contents table th {
    padding: 6px 4px;
  }
  .admin-contents table th {
    vertical-align: bottom;
  }
  .admin-contents table th.sortable {
    max-width: 100px;
  }
}
.admin-contents table .admin-table-row-controls {
  text-align: right;
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: flex-end;
}
.admin-contents table .admin-table-row-controls .fk-d-menu__trigger {
  font-size: var(--font-down-1);
}

@media screen and (max-width: 767px) {
  .admin-contents table.grid thead {
    display: none;
  }
  .admin-contents table.grid .label {
    display: block;
    color: var(--primary-medium);
    font-size: var(--font-down-1);
    margin: 0.5em 0 0.15em 0;
  }
  .admin-contents table.grid tr {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    line-height: var(--line-height-medium);
    padding: 8px 0;
    min-width: 0;
  }
  .admin-contents table.grid tr td {
    padding: 2px;
    align-self: center;
  }
  .admin-contents table.grid tr.flagged-topic {
    grid-template-columns: 0.25fr 1fr 1fr;
  }
  .admin-contents table.grid tr.flagged-topic td.topic-title {
    grid-column-start: 2;
    grid-column-end: -2;
    min-width: 0;
    align-self: start;
  }
  .admin-contents table.grid tr.flagged-topic td.last-flagged {
    grid-row: 1;
    grid-column-end: -1;
    text-align: right;
    align-self: start;
  }
  .admin-contents table.grid tr.flagged-topic td.flag-details {
    grid-row: 2;
    grid-column-end: -1;
    text-align: right;
  }
  .admin-contents table.grid tr.flagged-topic td.flagged-topic-users {
    grid-row: 1;
    grid-column-start: 1;
    max-width: 60px;
    align-self: start;
  }
  .admin-contents table.grid tr.flagged-topic td.flagged-topic-users a {
    display: inline-block;
    margin: 0 0.25em 0.25em 0;
  }
  .admin-contents table.grid tr.flagged-topic td.flag-counts {
    grid-row: 2;
    grid-column-start: 2;
  }
}
@media screen and (min-width: 550px) {
  .admin-contents table.grid tr {
    grid-template-columns: repeat(6, 1fr);
  }
}

.site-texts .search-area {
  margin-bottom: 2em;
}
.site-texts .search-area p {
  margin-top: 0;
}
.site-texts .search-area .site-text-search {
  padding: 0.5em;
  font-size: var(--font-0);
  width: 50%;
}
.site-texts .search-area .reseed {
  float: right;
}
.site-texts .search-area .locale {
  margin-bottom: 0.5em;
}
.site-texts .search-area .locale-search {
  width: 50%;
}
.site-texts .text-highlight {
  font-weight: bold;
}
.site-texts .site-text {
  cursor: pointer;
  border-bottom: 1px solid var(--primary-low);
  margin-bottom: 0.5em;
}
.site-texts .site-text.overridden {
  background-color: var(--highlight-bg);
}
.site-texts .site-text h3 {
  font-weight: normal;
  font-size: var(--font-0);
}
@media screen and (max-width: 550px) {
  .site-texts .site-text h3 {
    word-wrap: break-word;
  }
}
.site-texts .site-text .site-text-edit {
  float: right;
}
.site-texts .site-text .site-text-value {
  margin: 0.5em 5em 0.5em 0;
  max-height: 11.2em;
  overflow: hidden;
  position: relative;
  color: var(--primary-medium);
}
.site-texts .site-text .site-text-value::after {
  content: " ";
  position: absolute;
  background-color: red;
  left: 0;
  right: 0;
  top: 9em;
  height: 2.2em;
  background: linear-gradient(to top, rgba(var(--secondary-rgb), 1), rgba(var(--secondary-rgb), 0.15));
}
@media screen and (max-width: 550px) {
  .site-texts .site-text .site-text-value {
    word-wrap: break-word;
    max-width: 80vw;
    margin-right: 3em;
  }
}
.site-texts .edit-site-text textarea {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0;
}
.site-texts .edit-site-text .save-button {
  margin-top: 1em;
}
.site-texts .edit-site-text .save-button,
.site-texts .edit-site-text .title {
  margin-bottom: 1em;
}
@media screen and (max-width: 550px) {
  .site-texts .edit-site-text .title {
    word-wrap: break-word;
  }
}
.site-texts .edit-site-text .go-back {
  margin-top: 1em;
}
.site-texts .edit-site-text .desc {
  padding-top: 3px;
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
  color: var(--primary-medium);
}
.site-texts .edit-site-text .outdated {
  border: 1px solid var(--primary-low);
  box-sizing: border-box;
  color: var(--primary);
  margin-bottom: 1em;
  max-width: 800px;
  padding: 1em;
}
.site-texts .edit-site-text .outdated p {
  color: var(--primary-high);
}
.site-texts p.warning {
  color: var(--danger);
}

.content-list {
  width: 27%;
  float: left;
}
.content-list li a span.count {
  font-size: var(--font-down-1);
  float: right;
  margin-right: 10px;
  background-color: var(--primary-low);
  padding: 2px 5px;
  border-radius: 5px;
  color: var(--primary);
}

.content-body {
  float: left;
  width: 60%;
}

.admin-content .admin-contents {
  padding: 0 0 8px 0;
}
.admin-content .admin-contents::before, .admin-content .admin-contents::after {
  content: "";
  display: table;
}
.admin-content .admin-contents::after {
  clear: both;
}
.admin-content .view-options {
  float: right;
}
.admin-content table.report {
  margin-top: 20px;
}
.admin-content table.report tr th:nth-of-type(1) {
  width: 20%;
}
.admin-content table.report tr.total-for-period td,
.admin-content table.report tr.total td {
  font-weight: 700;
}
.admin-content table.report.web_crawlers tr th:nth-of-type(1) {
  width: 60%;
}
.admin-content table.report.web_crawlers td.x-value {
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-content table.report .bar-container {
  float: left;
  width: 300px;
  margin-right: 15px;
  margin-bottom: 5px;
}
.admin-content table.report .bar-container .bar {
  margin-top: 5px;
  background-color: var(--tertiary);
  display: inline-block;
  text-align: right;
  padding-right: 8px;
  color: var(--secondary);
}

.full-reason {
  white-space: pre-wrap;
}

.admin-users .users-list .username .d-icon {
  color: var(--primary-medium);
}

.ip-lookup-content .location-box {
  padding: 1em;
  max-width: 100%;
  box-sizing: border-box;
}
.ip-lookup-content .location-box .title {
  font-weight: bold;
  font-size: var(--font-up-1);
  display: flex;
  align-items: center;
}
.ip-lookup-content .location-box__controls {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.ip-lookup-content .location-box .powered-by {
  font-size: var(--font-down-1);
  color: var(--primary-high);
}
.ip-lookup-content .location-box .loading-container {
  max-width: 100%;
}
.ip-lookup-content .location-box dl {
  margin-bottom: 0;
}
.ip-lookup-content .location-box dt {
  font-weight: bold;
}
.ip-lookup-content .location-box dt.other-accounts {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: var(--font-down-1);
}
.ip-lookup-content .location-box dt.other-accounts .btn, .ip-lookup-content .location-box dt.other-accounts .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .ip-lookup-content .location-box dt.other-accounts .json-editor-btn-add, .ip-lookup-content .location-box dt.other-accounts .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .ip-lookup-content .location-box dt.other-accounts button {
  margin-left: auto;
}
.ip-lookup-content .location-box dt.other-accounts .count {
  font-weight: bold;
  margin-left: 0.25em;
}
.ip-lookup-content .location-box dt.other-accounts .count.--nonzero {
  color: var(--danger);
}
.ip-lookup-content .location-box dd {
  margin: 0.25em 0 1em;
}
.ip-lookup-content .location-box dd.other-accounts {
  margin: 1em 0 0 0;
  max-height: 13em;
  overflow: auto;
  font-size: var(--font-down-1);
  padding-right: 0.25em;
}
.ip-lookup-content .location-box dd.other-accounts thead {
  position: sticky;
  top: 0;
  line-height: 1.2;
  background: var(--secondary);
}
.ip-lookup-content .location-box dd.other-accounts thead th {
  padding: 0.25em;
}
.ip-lookup-content .location-box dd.other-accounts ul {
  margin: 0;
}
.ip-lookup-content .location-box dd.other-accounts li {
  list-style: none;
}
.ip-lookup-content .location-box dd.other-accounts td {
  padding: 0.25em 0.25em 0.25em 0;
}
.ip-lookup-content .location-box dd.other-accounts td.user {
  white-space: nowrap;
}
.ip-lookup-content .location-box dd.other-accounts td.user img {
  width: 1.25em;
  height: 1.25em;
}

.admin-container {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}
.admin-container .admin-section {
  margin-bottom: 1em;
}
.admin-container.-no-header {
  margin-top: 1em;
}
.admin-container .username input[type=text] {
  min-width: 15em;
}
@media screen and (max-width: 500px) {
  .admin-container .username input[type=text] {
    box-sizing: border-box;
    width: 100%;
  }
}
.admin-container .select-kit {
  width: 350px;
}
.admin-container .select-kit.multi-select {
  width: 500px;
}
.admin-container .select-kit.dropdown-select-box {
  width: auto;
}
.admin-container .search-logs-filter {
  margin-left: auto;
}
@media screen and (max-width: 700px) {
  .admin-container .search-logs-filter {
    flex: 1 1 100%;
    margin-left: 0;
  }
}
.admin-container .header-search-results {
  clear: both;
  padding: 4px;
}
.admin-container .controls::before, .admin-container .controls::after {
  content: "";
  display: table;
}
.admin-container .controls::after {
  clear: both;
}
.admin-container .users-list-container {
  overflow-x: auto;
}

.admin-title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.admin-title .show-emails,
.admin-title .hide-emails {
  margin-left: auto;
}

.admin-controls {
  display: flex;
  align-items: center;
  background: var(--primary-low);
}
.admin-controls .admin-actions {
  margin-left: auto;
}
.admin-controls nav {
  background-color: var(--primary-low);
  width: 100%;
}
.admin-controls nav {
  display: inline-flex;
  position: relative;
  flex: 1 0 0px;
  overflow: hidden;
  padding: 0;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .admin-controls nav {
    width: calc(100% + 10px);
    padding-left: 10px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.admin-controls nav::before {
  content: "";
  position: absolute;
  width: 10px;
  left: 0;
  height: calc(100% - 5px);
  background: linear-gradient(to right, rgba(var(--primary-low-rgb), 1), rgba(var(--primary-low-rgb), 0));
}
.admin-controls nav::after {
  content: "";
  position: absolute;
  right: 0;
  width: 15px;
  height: calc(100% - 5px);
  background: linear-gradient(to right, rgba(var(--primary-low-rgb), 0), rgba(var(--primary-low-rgb), 1));
}
.admin-controls .nav-pills {
  width: 100%;
  display: inline-flex;
  padding: 0.5em;
  margin: 0;
  white-space: nowrap;
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .admin-controls .nav-pills {
    margin-left: -10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.admin-controls .nav-pills::before {
  display: none;
}
.admin-controls h1 {
  font-size: var(--font-up-3);
  line-height: var(--line-height-medium);
  color: var(--primary);
}
.admin-controls .controls {
  background: var(--primary-low);
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
}
.admin-controls .controls .inline-form {
  margin-bottom: -0.5em;
}
.admin-controls .controls .inline-form > div {
  margin-right: 0.5em;
}
@media screen and (max-width: 550px) {
  .admin-controls .controls {
    margin: 0 -10px;
  }
}
@media screen and (max-width: 768px) {
  .admin-controls .controls input {
    max-width: 150px;
  }
}
.admin-controls .controls.search {
  width: auto;
  white-space: nowrap;
}
.admin-controls .controls.search label {
  flex: 1 1 250px;
  display: flex;
  align-items: center;
}
.admin-controls .controls.search label input {
  margin-right: 0.5em;
}
.admin-controls .menu-toggle {
  border-color: var(--primary-medium);
  border-radius: 3px;
  background: transparent;
  color: var(--primary);
}
.admin-controls .menu-toggle:hover {
  background-color: var(--primary-low-mid);
}
.not-mobile-device .admin-controls .menu-toggle {
  display: none;
}
.admin-controls .result-message {
  display: inline-block;
  padding-left: 10px;
}
.admin-controls .search label {
  margin-bottom: 0;
}
@media (max-width: 550px) {
  .admin-controls .search {
    display: none;
  }
}
.admin-controls .toggle span {
  font-weight: bold;
}
.admin-controls label {
  display: inline-block;
  margin-right: 5px;
}
.admin-controls .horizontal-overflow-nav__scroll-right,
.admin-controls .horizontal-overflow-nav__scroll-left {
  --fade-color: var(--primary-low-rgb);
  background: var(--primary-low);
}

.text-successful {
  color: var(--success);
}

.text-danger {
  color: var(--danger);
}

.text-muted {
  color: var(--primary-medium);
}

.admin-nav {
  width: 18%;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 700px) {
  .admin-nav {
    position: absolute;
    z-index: 0;
    width: 250px;
  }
}
@media (max-width: 500px) {
  .admin-nav {
    width: 50%;
  }
}
.admin-nav .nav-stacked {
  background-color: inherit;
}
.admin-nav .nav-stacked a.active {
  color: var(--primary);
}
.admin-nav .admin-site-settings-category-nav__item:hover {
  background: var(--d-sidebar-highlight-background);
}

.admin-detail {
  background-color: var(--secondary);
  margin-left: 0;
  border-left: solid 1px var(--primary-low);
  padding: 30px 0 30px 30px;
  width: 82%;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .admin-detail {
    width: 100%;
    border: none;
  }
}

@media (max-width: 700px) {
  .admin-detail.mobile-open {
    transition: transform 0.3s ease;
    transform: translateX(250px);
  }
}
@media (max-width: 500px) {
  .admin-detail.mobile-open {
    transition: transform 0.3s ease;
    transform: translateX(50%);
  }
}

@media (max-width: 700px) {
  .admin-detail.mobile-closed {
    transition: transform 0.3s ease;
    transform: translateX(0);
    padding: 30px 20px;
  }
}

section.details h1 {
  font-size: var(--font-up-3);
  color: var(--primary);
  padding: 5px 10px;
  margin: 30px 0 5px 0;
  border-bottom: 5px solid var(--primary-low);
}

.user-controls {
  padding: 5px;
  clear: both;
  text-align: right;
}
.user-controls .btn, .user-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-controls .json-editor-btn-add, .user-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-controls button {
  line-height: var(--line-height-medium);
}
@media (max-width: 700px) {
  .user-controls .btn, .user-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .user-controls .json-editor-btn-add, .user-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .user-controls button {
    margin: 2px;
  }
}

.row.groups input[type=text] {
  width: 500px;
}
.row.groups input#group-users {
  width: 600px;
}

.ember-list-view {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.ember-list-item-view {
  position: absolute;
}

.tl3-requirements .d-icon-check {
  color: var(--success);
}
.tl3-requirements .d-icon-xmark {
  color: var(--danger);
}

@media all and (min-width: 320px) and (max-width: 500px) {
  .full-width {
    margin: 0;
  }
  .site-settings-nav {
    width: 100%;
  }
  .site-settings-detail {
    width: 100%;
    padding: 0;
    border: none;
  }
  .site-settings-detail .settings .setting .setting-label {
    float: left;
    width: 100%;
  }
  .site-settings-detail .settings .setting .setting-label h3 {
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 25px;
  }
  .site-settings-detail .settings .setting .setting-value {
    width: 100%;
  }
  .content-editor {
    width: 100%;
  }
  div.ac-wrap {
    width: 100% !important;
    box-sizing: border-box;
  }
  .dashboard-left,
  .dashboard-right {
    width: 100%;
  }
  .dashboard-stats {
    margin: 0;
  }
  .badges .current-badge {
    margin: 70px 0 0 0;
  }
  .badges .current-badge-actions {
    padding: 0;
  }
  .customize .content-list,
  .customize .current-style {
    width: 100%;
  }
}
.directory-table .not-activated .directory-table__cell,
.directory-table .not-activated .directory-table__cell a,
.directory-table .not-activated .directory-table__cell a:visited {
  color: #bbb;
}

.preview {
  margin-top: 5px;
}

table#user-badges .reason {
  max-width: 200px;
}

.value-list .value {
  padding: 0.125em 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
}
.value-list .value:last-child {
  border-bottom: none;
}
.value-list .value .value-input {
  box-sizing: border-box;
  flex: 1 0 0px;
  border-color: var(--primary-low);
  cursor: pointer;
  margin: 0;
}
.value-list .value .value-input:focus {
  border-color: var(--tertiary);
  box-shadow: none;
}
.value-list .value .remove-value-btn {
  width: 29px;
  border: 1px solid var(--primary-low);
  outline: none;
  padding: 0;
  margin-right: 0.25em;
}
.value-list .value .remove-value-btn:focus {
  border-color: var(--tertiary);
}
.value-list .value .shift-up-value-btn,
.value-list .value .shift-down-value-btn {
  display: none;
  margin-inline: 0.25em;
}
.value-list .value:hover .shift-up-value-btn,
.value-list .value:hover .shift-down-value-btn {
  display: block;
}
.value-list .values {
  margin-bottom: 0.5em;
}

.emoji-value-list {
  margin-left: 0;
}
.emoji-value-list .emoji-details {
  border: 1px solid transparent;
  font-size: var(--font-0);
  line-height: normal;
  box-sizing: border-box;
  padding: 0.5em 0.65em;
  display: flex;
  align-items: center;
  min-height: 30px;
  color: var(--primary);
  border-color: var(--primary-low);
  padding-left: 10px;
  padding-right: 10px;
}
.emoji-value-list .emoji-details .emoji-name {
  margin-left: 0.5em;
}
.emoji-value-list .emoji-details:not(.can-edit) {
  pointer-events: none;
  background-color: var(--primary-very-low);
}
.emoji-value-list .value-input {
  flex-direction: row;
}

.value .add-emoji-button {
  display: block;
  background-color: var(--primary-low);
  border: none;
}

.value .add-value-btn,
.shift-up-value-btn,
.shift-down-value-btn {
  width: 29px;
  border: 1px solid var(--primary-low);
  outline: none;
  padding: 0;
  margin-right: 0 !important;
  margin-left: 0.25em;
}
.value .add-value-btn:focus,
.shift-up-value-btn:focus,
.shift-down-value-btn:focus {
  border-color: var(--tertiary);
}

.secret-value-list .value {
  flex-flow: row wrap;
  margin-left: -0.25em;
  margin-top: -0.125em;
}
.secret-value-list .value .new-value-input {
  flex: 1 0 0px;
}
.secret-value-list .value .value-input,
.secret-value-list .value .new-value-input {
  margin-top: 0.125em;
}
.secret-value-list .value .value-input:last-of-type,
.secret-value-list .value .new-value-input:last-of-type {
  margin-left: 0.25em;
}
.secret-value-list .value .remove-value-btn {
  margin-left: 0.25em;
  margin-top: 0.125em;
}
.secret-value-list .value .add-value-btn {
  width: 29px;
  border: 1px solid var(--primary-low);
  outline: none;
  padding: 0;
  margin-left: 0.25em;
  margin-top: 0.125em;
}
.secret-value-list .value .add-value-btn:focus {
  border-color: var(--tertiary);
}
.secret-value-list .value .new-value-input {
  margin-left: 0.25em;
}

.mobile-view .secret-value-list .add-value-btn {
  margin-bottom: 9px;
}
.mobile-view .secret-value-list .value .value-input:last-of-type {
  margin-left: 2.35em;
}
.mobile-view .secret-value-list .value .new-value-input:first-of-type {
  margin-right: 2.15em;
  margin-left: 0.25em;
}

.simple-list-input {
  display: flex;
}
.simple-list-input .add-value-input {
  margin: 0;
  box-sizing: border-box;
  flex: 1 0 0px;
}
.simple-list-input .add-value-btn {
  margin-left: 0.25em;
}

.mobile-view .full-width {
  margin: 0;
}

.mobile-view .admin-contents .ip-lookup .location-box {
  width: 300px;
  left: -100%;
}

.inline-edit label {
  display: inline-block;
  margin-right: 20px;
}

a.inline-editable-field {
  color: var(--primary);
  cursor: pointer;
}

.admin-reports.admin-contents nav,
.dashboard-next.admin-contents nav {
  position: relative;
  width: calc(100% + 10px);
  padding-left: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.dashboard-next .nav {
  display: flex;
  margin: 0 0 2em 0;
  border-bottom: 1px solid var(--primary-low);
  font-size: var(--font-up-1);
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.dashboard-next .nav::before {
  content: "";
  position: absolute;
  width: 10px;
  margin-left: -10px;
  height: 100%;
  background: linear-gradient(to left, rgba(var(--secondary-rgb), 1), rgba(var(--secondary-rgb), 0));
}
.dashboard-next .nav::after {
  content: "";
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to right, rgba(var(--secondary-rgb), 0), rgba(var(--secondary-rgb), 1));
}
.dashboard-next .nav .navigation-link .emoji {
  margin-right: 0.5em;
}
.dashboard-next .sections {
  display: flex;
  flex-direction: column;
}
.dashboard-next .section-columns {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 850px) {
  .dashboard-next .section-columns {
    flex-direction: column;
  }
}
.dashboard-next .section-columns .section-column {
  min-width: calc(50% - 0.5em);
  max-width: 100%;
}
.dashboard-next .section-columns .section-column:last-child {
  margin-left: 0.5em;
}
.dashboard-next .section-columns .section-column:first-child {
  margin-right: 0.5em;
}
@media screen and (max-width: 850px) {
  .dashboard-next .section-columns .section-column {
    min-width: 100%;
  }
  .dashboard-next .section-columns .section-column:last-child {
    order: 1;
  }
  .dashboard-next .section-columns .section-column:first-child {
    order: 2;
  }
}
@media screen and (max-width: 850px) {
  .dashboard-next .section-columns .section-column:last-child,
  .dashboard-next .section-columns .section-column:first-child {
    margin: 0;
  }
}
.dashboard-next .section .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: 0.5em;
}
@media screen and (max-width: 400px) {
  .dashboard-next .section .section-title {
    flex-wrap: wrap;
  }
}
.dashboard-next .section .section-title h2 {
  margin: 0 0.5em 0 0;
}
.dashboard-next .section .section-title h2 a {
  color: var(--primary);
}
.dashboard-next .section .section-body {
  margin-top: 1em;
}
.dashboard-next .section .section-body > p {
  margin-top: 0;
}
.dashboard-next .admin-report .header {
  border: 0;
  padding: 0;
  margin-bottom: 1em;
}
.dashboard-next .admin-report.description-in-tooltip .header .d-page-subheader .d-page-subheader__title-row {
  margin-bottom: 0;
}
.dashboard-next .admin-report.description-in-tooltip .header .fk-d-tooltip__trigger {
  margin-left: 0.5em;
  max-width: 20px;
}
.dashboard-next .charts {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.dashboard-next .charts .admin-report {
  grid-column: span 4;
}
.dashboard-next .charts .admin-report.consolidated-page-views, .dashboard-next .charts .admin-report.site-traffic {
  grid-column: span 12;
}
.dashboard-next .charts .admin-report .header {
  display: grid;
  grid-template-areas: "title tooltip trend" "description description description";
  grid-template-columns: auto 1fr;
}
.dashboard-next .charts .admin-report .header .d-page-subheader {
  display: contents;
}
.dashboard-next .charts .admin-report .header .d-page-subheader__description {
  grid-area: description;
  margin-top: 0;
}
.dashboard-next .charts .admin-report .header .trend {
  grid-area: trend;
  white-space: nowrap;
  align-self: start;
}
@media screen and (max-width: 850px) {
  .dashboard-next .charts .admin-report {
    grid-column: span 12;
  }
}
.dashboard-next .charts .chart-canvas-container {
  position: relative;
  margin-left: -5px;
}
.dashboard-next .charts .chart-canvas {
  width: 100%;
  height: 100%;
}
.dashboard-next .misc {
  display: flex;
  border: 1px solid var(--primary-low);
}
.dashboard-next .misc .storage-stats,
.dashboard-next .misc .last-dashboard-update {
  flex: 1 1 50%;
  box-sizing: border-box;
  margin: 1em 0;
  padding: 0 1em;
}
.dashboard-next .misc .storage-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-right: 1px solid var(--primary-low);
}
.dashboard-next .misc .storage-stats .backups,
.dashboard-next .misc .storage-stats .uploads {
  flex: 1 1 100%;
}
.dashboard-next .misc .storage-stats .uploads p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 400px) {
  .dashboard-next .misc {
    flex-wrap: wrap;
  }
  .dashboard-next .misc .storage-stats,
  .dashboard-next .misc .last-dashboard-update {
    flex: 1 1 100%;
    text-align: left;
  }
  .dashboard-next .misc .last-dashboard-update {
    display: block;
    margin: 0 20px 20px 20px;
    padding: 20px 0 0 0;
    border-top: 1px solid var(--primary-low);
    border-left: none;
  }
}
.dashboard-next .misc .last-dashboard-update {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-next .misc .last-dashboard-update div {
  align-self: center;
}
.dashboard-next .misc .last-dashboard-update div h4 {
  margin-bottom: 0;
}
.dashboard-next .top-referred-topics {
  margin-bottom: 2em;
}
.dashboard-next .top-referred-topics th:first-of-type,
.dashboard-next .trending-search th:first-of-type {
  text-align: left;
}
.dashboard-next .period-chooser .period-chooser-header {
  font-size: var(--font-down-2);
}
.dashboard-next .dashboard-problems {
  margin-bottom: 2em;
}
.dashboard-next .dashboard-problems .problem-messages {
  margin-bottom: 1em;
}
.dashboard-next .dashboard-problems .problem-messages ul {
  margin: 0 0 0 1.25em;
}
.dashboard-next .dashboard-problems .problem-messages ul li.dashboard-problem {
  padding: 0.5em 0.5em;
}
.dashboard-next .dashboard-problems .problem-messages ul li.dashboard-problem .notice {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-next .dashboard-problems .problem-messages ul li.dashboard-problem .message {
  margin-right: var(--space-4);
}
.dashboard-next .dashboard-problems .d-icon-triangle-exclamation {
  color: var(--danger);
}
.dashboard-next .dashboard-problems .actions {
  margin: 1em 0 0 0;
  display: flex;
  align-items: center;
  color: var(--primary-medium);
}
.dashboard-next .dashboard-problems .actions .btn, .dashboard-next .dashboard-problems .actions .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dashboard-next .dashboard-problems .actions .json-editor-btn-add, .dashboard-next .dashboard-problems .actions .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .dashboard-next .dashboard-problems .actions button {
  margin-right: 1em;
}

.counters-list {
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
}
.counters-list .counters-header {
  display: grid;
  flex: 1 0 auto;
  grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr));
  border: 1px solid var(--primary-low);
  border-bottom: 0;
  font-weight: 700;
  text-align: right;
  align-items: center;
  padding: 0.65em 0.25em;
}
.counters-list .admin-report .main {
  border: 1px solid var(--primary-low);
}
.counters-list .admin-report .main:hover {
  background-color: var(--primary-very-low);
}
.counters-list .admin-report:not(:last-child) .main {
  border-bottom: 0;
}
.counters-list .admin-report:not(:last-child) .conditional-loading-section.is-loading {
  border-bottom: 0;
}
.counters-list .admin-report .conditional-loading-section.is-loading {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0.25em;
  align-items: flex-start;
  justify-content: flex-start;
  border: 1px solid var(--primary-low);
}
.counters-list .admin-report .conditional-loading-section.is-loading .title {
  font-size: var(--font-0);
}
.counters-list .admin-report .conditional-loading-section.is-loading .spinner {
  margin: 0;
  width: 8px;
  height: 8px;
  margin-left: 0.5em;
}
.counters-list .admin-report .main .report-alert {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0.25em;
  align-items: center;
  text-align: left;
  border: 0;
}
.counters-list .admin-report .main .report-alert:hover {
  background-color: var(--primary-very-low);
}
.counters-list .admin-report .main .report-alert .d-icon {
  font-size: var(--font-up-1);
  margin: 0 0.25em 0 0;
  color: var(--primary-low-mid);
}

.activity-metrics {
  margin-bottom: 2em;
}

.user-metrics {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.user-metrics .dashboard-inline-table {
  flex: 1 0 auto;
  max-width: 95%;
}
.user-metrics .table-cell {
  display: flex;
  flex: 0 1 auto;
  margin: 0 10px 5px 0;
  padding: 1px;
  border-radius: 10px;
}
.user-metrics .table-cell .label {
  display: flex;
  align-items: center;
  color: var(--primary);
  justify-content: center;
  border-radius: 9px 0 0 9px;
  padding: 0 5px 0 8px;
}
.user-metrics .table-cell .label .d-icon {
  margin-right: 5px;
  font-size: var(--font-down-1);
}
.user-metrics .table-cell .value {
  background: var(--secondary);
  border-radius: 0 9px 9px 0;
  padding: 0 8px 0 5px;
}
.user-metrics .table-cell.user-newuser .label {
  color: var(--primary-high);
}
.user-metrics .table-cell.user-basic, .user-metrics .table-cell.user-member {
  background: var(--bronze);
}
.user-metrics .table-cell.user-basic .label, .user-metrics .table-cell.user-member .label {
  color: var(--secondary);
}
.user-metrics .table-cell.user-regular {
  background: var(--silver);
}
.user-metrics .table-cell.user-regular .label {
  color: var(--secondary);
}
.user-metrics .table-cell.user-leader {
  background: var(--gold);
}
.user-metrics .table-cell.user-leader .label {
  color: var(--secondary);
}

.rtl .dashboard-next .section-column:last-child {
  margin-right: 1em;
  margin-left: 0;
}
.rtl .dashboard-next .section-column:first-child {
  margin-left: 1em;
  margin-right: 0;
}
.rtl .dashboard-next .user-metrics .table-cell {
  margin: 0 0 5px 10px;
}
.rtl .dashboard-next .table-cell .label {
  border-radius: 0 9px 9px 0;
}
.rtl .dashboard-next .table-cell .label .d-icon {
  margin-right: 0;
  margin-left: 5px;
}
.rtl .dashboard-next .table-cell .value {
  border-radius: 9px 0 0 9px;
  padding: 0 5px 0 8px;
}

.users-by-trust-level,
.users-by-type {
  margin-bottom: 2em;
}

.community-health.section {
  margin-bottom: 2em;
}

.dashboard-moderation .section-body,
.dashboard-security .section-body {
  margin-bottom: 2em;
}
.dashboard-moderation .main-section,
.dashboard-security .main-section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.dashboard-moderation .main-section > *,
.dashboard-security .main-section > * {
  grid-column: span 12;
}
.dashboard-moderation .main-section .admin-dashboard-security-bottom-outlet,
.dashboard-moderation .main-section .admin-dashboard-moderation-bottom-outlet,
.dashboard-security .main-section .admin-dashboard-security-bottom-outlet,
.dashboard-security .main-section .admin-dashboard-moderation-bottom-outlet {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.dashboard-moderation .admin-report,
.dashboard-security .admin-report {
  grid-column: span 12;
}

.dashboard-moderation .admin-dashboard-moderation-top {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.version-checks {
  display: flex;
  flex-wrap: wrap;
}
.version-checks .section-title {
  flex: 1 1 100%;
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: 0.5em;
}
.version-checks h2 {
  margin: 0;
}

.version-check {
  display: flex;
  flex: 1 1 50%;
  flex-wrap: wrap;
  align-items: flex-start;
  align-self: flex-start;
  justify-content: space-between;
  padding-top: 1em;
}
.version-check .update-header {
  flex: 1 1 100%;
}
@media screen and (max-width: 650px) {
  .version-check .update-header {
    margin: 0;
  }
}
.version-check .update-header tr {
  border: none;
}
.version-check .update-header th {
  background: transparent;
  padding: 0;
}
.version-check h2 {
  flex: 1 1 100%;
}
.version-check .version-number {
  font-size: var(--font-up-2);
  line-height: var(--line-height-small);
  box-sizing: border-box;
  font-weight: bold;
  margin-bottom: 2em;
  margin-right: 1em;
  flex: 1 1 27%;
}
.version-check .version-number h3 {
  flex: 1 0 auto;
  margin: 0;
  white-space: nowrap;
}
.version-check .version-number h4 {
  font-size: var(--font-down-2);
  margin-bottom: 0.5em;
}
.version-check .version-number .sha-link {
  display: inline-flex;
  font-size: var(--font-down-2);
  font-weight: normal;
}
.version-check .version-status {
  display: flex;
  align-items: center;
  margin: 0 0 1em 0;
  flex: 1 1 24%;
  box-sizing: border-box;
  padding-right: 20px;
  min-width: 250px;
}
@media screen and (max-width: 850px) {
  .version-check .version-status {
    max-width: unset;
  }
}
.version-check .version-status .face {
  margin: 0 0.75em 0 0;
  font-size: var(--font-up-3);
}
.version-check.critical .version-notes .normal-note {
  display: none;
}
.version-check.normal .version-notes .critical-note {
  display: none;
}
.version-check .fa {
  font-size: var(--font-up-4);
}
.version-check .up-to-date {
  color: var(--success);
}
.version-check .updates-available {
  color: var(--danger);
}
.version-check .critical-updates-available {
  color: var(--danger);
}

.update-nag .d-icon {
  font-size: var(--font-up-3);
}

.dashboard-next.general {
  display: flex;
  flex-direction: column;
}

.dashboard-new-features.ordered-first {
  order: -1;
}
.dashboard-new-features:not(.ordered-first) .new-features-dismiss {
  display: none;
}
.dashboard-new-features .section-footer {
  margin: 1.5em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.dashboard-new-features .section-footer .btn, .dashboard-new-features .section-footer .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .dashboard-new-features .section-footer .json-editor-btn-add, .dashboard-new-features .section-footer .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .dashboard-new-features .section-footer button {
  margin-left: 1em;
}

.whats-new .admin-config-area-card__title,
.dashboard .admin-config-area-card__title {
  font-size: var(--font-up-1);
  margin-bottom: 1em;
}
.whats-new .admin-new-feature-item__learn-more,
.dashboard .admin-new-feature-item__learn-more {
  display: inline-block;
}

.admin-new-feature-item__header-experimental {
  color: var(--tertiary);
  background-color: var(--tertiary-very-low);
  padding: 0.5em;
  font-size: var(--font-down-3);
  margin-left: 0.5rem;
  font-weight: 400;
  border-radius: var(--d-border-radius);
  display: inline-block;
}

.admin-new-feature-item__body {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.admin-new-feature-item__body .d-toggle-switch {
  margin-left: 1em;
  align-items: flex-start;
}
.admin-new-feature-item__body p {
  margin-top: 0;
}

.admin-new-feature-item__screenshot {
  margin-bottom: 1em;
}

.admin-new-feature-item__tooltip-header {
  font-weight: bold;
}

.admin-new-feature-item__tooltip-content {
  margin-top: 0.5em;
}

.admin-new-feature-item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--primary-low);
}
.admin-new-feature-item:not(:first-child) {
  margin-top: var(--space-4);
}
.admin-new-feature-item:last-child {
  border-bottom: none;
}
.admin-new-feature-item__new-feature-emoji {
  font-size: 1.2em;
  padding-left: 0;
  padding-right: 0.5em;
}
.admin-new-feature-item__content {
  width: 100%;
}
.admin-new-feature-item__header {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.admin-new-feature-item__screenshot {
  width: 100%;
}
.admin-new-feature-item__new-feature-version {
  margin-left: auto;
  color: var(--primary-low-mid);
}

.admin-area .sidebar-wrapper .admin-panel {
  background-color: var(--d-sidebar-admin-background);
}
.admin-area .sidebar-wrapper .admin-panel .sidebar-section-header-text {
  font-weight: bold;
  color: var(--primary-very-high);
}

.admin-sidebar-nav-link__dot {
  color: var(--tertiary-med-or-tertiary);
}

.settings .setting {
  padding-bottom: 20px;
}
.settings .setting .setting-label {
  float: left;
  width: 17.6576%;
  margin-right: 12px;
}
@media (max-width: 700px) {
  .settings .setting .setting-label {
    float: none;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .settings .setting .setting-label h3 {
    margin-bottom: 6px;
  }
}
.settings .setting .setting-label .history-icon {
  opacity: 0;
  transition: opacity 0.3s;
  color: var(--primary-medium);
}
.settings .setting .setting-label:hover .history-icon {
  opacity: 1;
}
.settings .setting .setting-value {
  float: left;
  width: 53%;
  padding-right: 20px;
}
.settings .setting .setting-value input[type=checkbox],
.settings .setting .setting-value input[type=radio] {
  flex: 0 0 auto;
}
.settings .setting .setting-value .category-selector {
  width: 95%;
}
@media (max-width: 700px) {
  .settings .setting .setting-value {
    width: 100%;
    padding-right: 0;
  }
}
.settings .setting .setting-value .select-kit {
  width: 100% !important;
}
@media (max-width: 700px) {
  .settings .setting .setting-value .select-kit {
    width: 100% !important;
  }
}
.settings .setting .setting-value .image-uploader {
  display: flex;
}
.settings .setting .setting-value .uploaded-image-preview {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--primary-medium);
}
.settings .setting .setting-controls {
  float: left;
}
.settings .setting .input-setting-string,
.settings .setting .input-setting-integer,
.settings .setting .input-setting-textarea {
  width: 100%;
}
@media (max-width: 700px) {
  .settings .setting .input-setting-string,
  .settings .setting .input-setting-integer,
  .settings .setting .input-setting-textarea {
    width: 100%;
  }
}
.settings .setting .input-setting-textarea {
  height: 150px;
}
.settings .setting .input-setting-list {
  padding: 1px;
  background-color: var(--secondary);
  border: 1px solid var(--primary-low);
  border-radius: 3px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
@media (max-width: 700px) {
  .settings .setting .input-setting-list {
    width: 100%;
  }
}
.settings .setting .input-setting-list li.sortable-placeholder {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: var(--line-height-small);
  cursor: default;
  border: 1px dashed var(--primary-low-mid);
  border-radius: 3px;
  background-clip: padding-box;
  background-color: transparent;
  width: 3em;
  height: 1em;
}
.settings .setting .desc,
.settings .setting .validation-error {
  padding-top: 3px;
  font-size: var(--font-down-1);
  line-height: var(--line-height-large);
}
.settings .setting .validation-error {
  color: var(--danger);
}
.settings .setting .desc {
  color: var(--primary-medium);
}
.settings .setting h3 {
  font-size: var(--font-0);
  font-weight: normal;
}
.settings .setting.overridden .values input {
  background-color: var(--highlight-bg);
}
.settings .setting.overridden h3 {
  position: relative;
}
.settings .setting.overridden h3::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: -1rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--highlight-high);
}
.settings .setting.overridden.string input[type=text],
.settings .setting.overridden.string input[type=password],
.settings .setting.overridden.string textarea {
  background-color: var(--highlight-bg);
}
.settings .warning {
  color: var(--danger);
}
.settings .file-types-list__button {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

.display-row.associations .value {
  width: 750px;
}
@media (max-width: 700px) {
  .display-row.associations .value {
    width: 75%;
    float: right;
    text-align: left;
    margin-left: 0;
  }
}

.display-row {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-top: 1px solid var(--primary-low);
}
.display-row:nth-of-type(1) {
  border-top: 0;
}
.display-row.highlight-danger {
  background-color: var(--danger-low);
}
.display-row::before, .display-row::after {
  display: table;
  content: "";
}
.display-row::after {
  clear: both;
}
.display-row.secondary-emails ul {
  margin: 0;
  list-style: none;
}
.display-row .field {
  font-weight: bold;
  width: 17.65765%;
  min-width: 125px;
  margin-left: 12px;
}
@media (max-width: 700px) {
  .display-row .field {
    margin-left: 0;
    line-height: var(--line-height-large);
    margin-top: 5px;
  }
}
.display-row .value {
  width: 100%;
  max-width: 350px;
  min-width: 50px;
  margin-left: 12px;
  word-break: break-word;
}
.display-row .value .select-kit {
  min-width: 100px;
}
@media (max-width: 700px) {
  .display-row .value {
    text-align: left;
    margin-left: 0;
  }
}
.display-row .value .select-kit {
  width: inherit;
}
.display-row .long-value {
  margin-left: 12px;
  font-size: var(--font-down-1);
}
.display-row .long-value button {
  margin-left: 10px;
}
.display-row .controls {
  margin-left: 12px;
}
@media (max-width: 700px) {
  .display-row .controls {
    width: 75%;
    text-align: left;
    margin-left: 0;
  }
}
.display-row .controls .btn, .display-row .controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .display-row .controls .json-editor-btn-add, .display-row .controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .display-row .controls button {
  margin-right: 5px;
}
.display-row.username .value, .display-row.name .value {
  word-break: break-all;
}

.admin-users input {
  margin-bottom: 0;
}
.admin-users .users-list .username .d-icon {
  color: var(--primary-medium);
}

.admin-users-list .directory-table__cell.username {
  justify-content: start;
}
.admin-users-list .directory-table__cell.email {
  justify-content: start;
}
.admin-users-list .directory-table__cell.email span {
  display: flex;
  min-width: 17em;
  word-break: break-all;
}
.admin-users-list .directory-table {
  margin-top: 1em;
}
.admin-users-list .directory-table__column-header--username .header-contents, .admin-users-list .directory-table__column-header---email .header-contents, .admin-users-list .directory-table__column-header--silence-reason .header-contents {
  text-align: left;
}
.admin-users-list .directory-table__column-header--username {
  flex-grow: 1;
}
.admin-users-list .directory-table__column-header-wrapper {
  display: flex;
}
.admin-users-list .directory-table__cell-bulk-select {
  margin-right: 1em;
}
.admin-users-list .directory-table__cell.username {
  align-items: center;
}
@media screen and (max-width: 768px) {
  .admin-users-list .directory-table__cell.email {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .admin-users-list .directory-table__cell.email span {
    max-width: 100%;
  }
}
.admin-users-list .directory-table__cell.silence_reason {
  text-align: left;
  justify-content: start;
}
.admin-users-list .directory-table__cell.silence_reason span {
  max-width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-users-list .directory-table__cell {
  padding: 0.5em 0.25em;
}
.admin-users-list .user-status span {
  gap: 0.15em;
}
.admin-users-list .avatar {
  margin-right: 0.25em;
}
.admin-users-list__controls {
  display: flex;
  gap: 1em;
}

.mobile-view .admin-users.admin-user .display-row {
  flex-direction: column;
  align-items: flex-start;
}
.mobile-view .admin-users.admin-user .display-row .field,
.mobile-view .admin-users.admin-user .display-row .value {
  width: 100%;
}
.mobile-view .admin-users.admin-user .display-row .select-kit {
  width: 100%;
}
.mobile-view .admin-users.admin-user .long-value {
  word-wrap: break-word;
  max-width: 100%;
  margin: 0;
}
.mobile-view .admin-users.admin-user .long-value button {
  margin: 5px 0;
  display: block;
}
.mobile-view .admin-users.admin-user h1 {
  margin: 15px 0 5px 0;
}
.mobile-view .admin-users.admin-user .user-controls {
  text-align: inherit;
}
.mobile-view .admin-users.admin-user .controls {
  width: unset;
  margin-top: 5px;
}
.mobile-view .admin-users.admin-user .associations button {
  margin: 5px 5px 0 0;
}

.silence-user-modal .penalty-duration,
.silence-user-modal .penalty-suspend-forever,
.silence-user-modal .suspend-reason-title,
.silence-user-modal .penalty-reason-controls label,
.silence-user-modal .penalty-message-controls label,
.silence-user-modal .penalty-post-controls label,
.suspend-user-modal .penalty-duration,
.suspend-user-modal .penalty-suspend-forever,
.suspend-user-modal .suspend-reason-title,
.suspend-user-modal .penalty-reason-controls label,
.suspend-user-modal .penalty-message-controls label,
.suspend-user-modal .penalty-post-controls label {
  font-weight: bold;
}
.silence-user-modal .penalty-reason-visibility,
.silence-user-modal .penalty-reason-controls,
.silence-user-modal .penalty-similar-users,
.suspend-user-modal .penalty-reason-visibility,
.suspend-user-modal .penalty-reason-controls,
.suspend-user-modal .penalty-similar-users {
  margin-bottom: 0.5em;
}
.silence-user-modal .penalty-duration-controls,
.silence-user-modal .penalty-reason-visibility,
.silence-user-modal .penalty-post-controls,
.suspend-user-modal .penalty-duration-controls,
.suspend-user-modal .penalty-reason-visibility,
.suspend-user-modal .penalty-post-controls {
  margin-bottom: 1em;
}
.silence-user-modal .penalty-duration-controls .future-date-input,
.suspend-user-modal .penalty-duration-controls .future-date-input {
  align-items: end;
  display: flex;
  justify-content: space-between;
}
.silence-user-modal .penalty-duration-controls .future-date-input input,
.suspend-user-modal .penalty-duration-controls .future-date-input input {
  height: 34px;
}
.silence-user-modal .penalty-duration-controls .future-date-input .control-group,
.suspend-user-modal .penalty-duration-controls .future-date-input .control-group {
  margin-bottom: 0;
}
.silence-user-modal .penalty-duration-controls .future-date-input .control-group:first-child,
.suspend-user-modal .penalty-duration-controls .future-date-input .control-group:first-child {
  width: 100%;
}
.silence-user-modal .penalty-duration-controls .future-date-input .control-group:first-child label,
.suspend-user-modal .penalty-duration-controls .future-date-input .control-group:first-child label {
  font-weight: bold;
}
.silence-user-modal .penalty-duration-controls .future-date-input .control-group:first-child details,
.suspend-user-modal .penalty-duration-controls .future-date-input .control-group:first-child details {
  width: 100%;
}
.silence-user-modal .penalty-duration-controls .future-date-input .future-date-input-date-picker,
.silence-user-modal .penalty-duration-controls .future-date-input .future-date-input-time-picker,
.suspend-user-modal .penalty-duration-controls .future-date-input .future-date-input-date-picker,
.suspend-user-modal .penalty-duration-controls .future-date-input .future-date-input-time-picker {
  align-items: center;
  display: flex;
  margin-left: 0.5em;
}
.silence-user-modal .penalty-reason-controls input,
.silence-user-modal .penalty-reason-controls .combo-box,
.suspend-user-modal .penalty-reason-controls input,
.suspend-user-modal .penalty-reason-controls .combo-box {
  width: 100%;
  margin-bottom: 0.5em;
}
.silence-user-modal .penalty-post-controls .select-kit,
.suspend-user-modal .penalty-post-controls .select-kit {
  width: 100%;
}
.silence-user-modal .penalty-similar-users,
.suspend-user-modal .penalty-similar-users {
  background-color: var(--primary-very-low);
  padding: 0.5em;
}
.silence-user-modal .penalty-similar-users .alert,
.suspend-user-modal .penalty-similar-users .alert {
  margin: 0 0 0.5em 0;
}
.silence-user-modal .penalty-similar-users .table,
.suspend-user-modal .penalty-similar-users .table {
  width: 100%;
}
.silence-user-modal .penalty-similar-users .table th,
.silence-user-modal .penalty-similar-users .table td,
.suspend-user-modal .penalty-similar-users .table th,
.suspend-user-modal .penalty-similar-users .table td {
  padding: 8px 0;
}
.silence-user-modal .penalty-history,
.suspend-user-modal .penalty-history {
  position: sticky;
  bottom: 0;
  background-color: var(--secondary);
  padding: 0 0 1em 0;
}
.silence-user-modal .penalty-history::before,
.suspend-user-modal .penalty-history::before {
  position: absolute;
  content: "";
  display: block;
  height: 1.5em;
  top: -1.5em;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(var(--secondary-rgb), 0), rgba(var(--secondary-rgb), 1));
}

.admin-badges .badges {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.admin-badges .badges .badges-header {
  display: flex;
  align-items: center;
  flex: 1 0 100%;
}
.admin-badges .badges .badges-header .create-new-badge {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.admin-badges .badges .content-list {
  flex: 0 0 27%;
}
.admin-badges .content-list .admin-badge-list {
  height: 70vh;
  overflow-y: scroll;
  border-right: 1px solid var(--primary-low);
  border-left: 1px solid var(--primary-low);
  border-bottom: 1px solid var(--primary-low);
}
.admin-badges .content-list .admin-badge-list .admin-badge-list-item:first-child {
  border-top: none;
}
.admin-badges .content-list .admin-badge-list .admin-badge-list-item:last-child {
  border-top: none;
}
.admin-badges .content-list .admin-badge-list .list-badge {
  float: right;
  font-size: var(--font-down-1);
  font-weight: normal;
  padding: 0 6px;
  color: var(--secondary);
  background-color: var(--tertiary-medium);
  border-radius: 3px;
}
.admin-badges .content-list .user-badge, .admin-badges .content-list .user-card .badge-section .more-user-badges a, .user-card .badge-section .more-user-badges .admin-badges .content-list a {
  border: none;
  background-color: unset;
}
.admin-badges .current-badge-header {
  display: flex;
  gap: 0.5em;
  align-items: center;
  font-size: var(--font-up-2-rem);
}
.admin-badges .current-badge-header img {
  border-radius: var(--d-border-radius-large);
  max-width: 36px;
}
.admin-badges .current-badge-header .d-icon {
  font-size: var(--font-up-2-rem);
}
.admin-badges .current-badge-header .badge-display-name {
  font-size: var(--font-up-1);
  font-weight: bold;
  word-break: break-word;
}
.admin-badges .current-badge {
  margin: 20px;
}
.admin-badges .current-badge .form-kit__field-question .form-kit__control-radio-label {
  text-transform: capitalize;
}
.admin-badges .current-badge .readonly-field {
  color: var(--primary-high);
}
.admin-badges .current-badge .badge-preview {
  min-height: 110px;
  max-width: 300px;
  display: flex;
  align-items: center;
  background-color: var(--primary-very-low);
  border: 1px solid var(--primary-low);
  padding: 0 10px 0 10px;
}
.admin-badges .current-badge .badge-preview img,
.admin-badges .current-badge .badge-preview svg {
  width: 60px;
  height: 60px;
}
.admin-badges .current-badge .badge-preview .badge-display-name {
  margin-left: 5px;
}
.admin-badges .current-badge .badge-required {
  font-weight: bold;
}
.admin-badges .current-badge-actions {
  margin: 10px;
  padding: 10px;
  border-top: 1px solid var(--primary-low);
}

.award-badge {
  float: left;
  max-width: 70%;
}
.award-badge.d-page-action-button {
  margin-top: 0;
}
@media (max-width: 700px) {
  .award-badge.d-page-action-button {
    max-width: 100%;
  }
}
.award-badge .bulk-award-status-icon {
  margin-right: 3px;
}
.award-badge .bulk-award-status-icon.success {
  color: var(--success);
}
.award-badge .bulk-award-status-icon.failure {
  color: var(--danger);
}

.badge-groupings-modal .badge-groupings {
  margin-bottom: 10px;
}
.badge-groupings-modal .badge-groupings-list {
  list-style: none;
  margin: 0;
}
.badge-groupings-modal .badge-groupings-list .badge-grouping-item {
  border-bottom: 1px solid var(--primary-low);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}
.badge-groupings-modal .badge-groupings-list .badge-grouping .badge-grouping-name-input {
  margin: 0;
}

.badge-query-preview .badge-query-plan {
  overflow-x: auto;
}
.badge-query-preview .badge-errors,
.badge-query-preview .badge-query-plan {
  padding: 5px;
  background-color: var(--primary-low);
  white-space: pre-wrap;
}
.badge-query-preview .count-warning {
  background-color: var(--danger-low);
  margin-bottom: 5px;
  padding: 10px;
}
.badge-query-preview .count-warning p {
  margin: 0;
}
.badge-query-preview .count-warning .heading {
  color: var(--danger);
  font-weight: bold;
}

.email-list .filters input {
  width: 100%;
}
.email-list .time {
  width: 50px;
}
.email-list .reply-key {
  display: block;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.email-list .username div {
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.email-list .addresses p {
  margin: 2px 0;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.email-list .sent-email-address a {
  display: inline-block;
  max-width: 300px;
  overflow-wrap: break-word;
}
.email-list .email-address {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.email-list .email-details {
  text-align: right;
}
.email-list .email-details a {
  color: var(--primary-high);
}

.incoming-emails .control-group {
  margin: 8px 0;
}
.incoming-emails .controls {
  margin-left: 110px;
}
.incoming-emails p {
  margin: 5px 10px;
}
.incoming-emails .error-description {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.incoming-emails hr {
  margin: 0;
}
.incoming-emails label {
  font-weight: bold;
  float: left;
  width: 100px;
  text-align: right;
  margin: 0 10px;
}
.incoming-emails ul {
  list-style: none;
  margin: 0 10px;
}
.incoming-emails textarea {
  width: 95%;
  height: 150px;
  font-family: monospace;
  box-shadow: none;
}

.admin-list-item {
  width: 100%;
  border-top: 1px solid var(--primary-low);
  padding: 0.25em 0;
}

.email-preview-digest .controls {
  margin: 1em 0.5em;
}
.email-preview-digest .preview-output iframe {
  width: 100%;
  height: 600px;
  border-width: 1px;
}

.email-advanced-test .admin-controls {
  display: block;
}
.email-advanced-test .email-body {
  width: 95%;
  height: 150px;
  font-family: monospace;
}

.admin-email .email-list .sent-email-reply-key .reply-key {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 125px;
}
.admin-email .email-list .sent-email-post-link-with-smtp-response {
  width: 100%;
  display: inline-block;
  word-break: break-word;
}
.admin-email .email-list .sent-email-post-link-with-smtp-response code {
  font-size: var(--font-down-2);
}

.admin-incoming-email-modal .incoming-emails label {
  float: none;
  margin: 0;
  width: unset;
}
.admin-incoming-email-modal .incoming-emails .control-group textarea {
  height: 200px;
}
.admin-incoming-email-modal .incoming-emails .control-group:last-of-type textarea {
  height: 40px;
}
.admin-incoming-email-modal .incoming-emails .controls {
  margin: 0;
}
.admin-incoming-email-modal .incoming-emails p {
  margin: 5px 0;
}

.admin-flags__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.admin-flags__header .btn-primary {
  align-self: center;
}
.admin-flags__header h3 {
  margin-top: 1em;
  font-size: var(--font-0);
  font-weight: normal;
  flex-basis: 100%;
}

.json-schema-editor-modal h3.card-title {
  margin-top: 0;
}
.json-schema-editor-modal h3.card-title label {
  display: none;
}
.json-schema-editor-modal .je-object__container {
  border-bottom: 1px dashed var(--primary-low);
  padding-bottom: 1em;
  margin-bottom: 1em;
  position: relative;
}
.json-schema-editor-modal .je-object__container .card-title label {
  display: inline-block;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
}
.json-schema-editor-modal .je-object__container .form-group label {
  display: inline-block;
  width: 35%;
}
.json-schema-editor-modal .je-object__container .form-group .form-control {
  width: 65%;
}
.json-schema-editor-modal .je-object__container > .btn-group:last-child {
  position: absolute;
  right: 0;
  top: 0;
}
.json-schema-editor-modal .je-object__container > .btn-group:last-child .btn, .d-modal.json-schema-editor-modal .je-object__container > .btn-group:last-child .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .je-object__container > .btn-group:last-child .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-object__container > .btn-group:last-child .je-ready button, .d-modal.json-schema-editor-modal .je-ready .je-object__container > .btn-group:last-child button {
  font-size: var(--font-down-1);
}
.json-schema-editor-modal .je-object__container > .btn-group {
  margin-top: 0;
  display: flex;
  align-items: stretch;
  gap: 0.25em;
}
.json-schema-editor-modal .btn-group .btn .d-icon, .d-modal.json-schema-editor-modal .btn-group .je-ready .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-group .json-editor-btn-add .d-icon, .d-modal.json-schema-editor-modal .btn-group .je-ready button .d-icon, .d-modal.json-schema-editor-modal .je-ready .btn-group button .d-icon {
  margin-right: 0;
}
.json-schema-editor-modal .card-body > .btn-group {
  display: block !important;
  text-align: right;
}
.json-schema-editor-modal .table {
  width: 100%;
  margin-bottom: 0.5em;
}
.json-schema-editor-modal .table td,
.json-schema-editor-modal .table th {
  vertical-align: middle;
  padding: 0.5em 0;
}
.json-schema-editor-modal .table td:last-child,
.json-schema-editor-modal .table th:last-child {
  text-align: right;
}
.json-schema-editor-modal .table .btn-group .btn, .d-modal.json-schema-editor-modal .table .btn-group .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .table .btn-group .json-editor-btn-add, .d-modal.json-schema-editor-modal .table .btn-group .je-ready button, .d-modal.json-schema-editor-modal .je-ready .table .btn-group button {
  margin-left: 0.25em;
  font-size: var(--font-down-1);
}
.json-schema-editor-modal .table td.compact .invalid-feedback {
  margin: 0;
  font-size: var(--font-down-1);
  color: var(--danger);
}
.json-schema-editor-modal .table input[type=text],
.json-schema-editor-modal .table .form-group .form-control {
  margin-bottom: 0;
  width: 95%;
}
.json-schema-editor-modal .table input[type=text].is-invalid,
.json-schema-editor-modal .table .form-group .form-control.is-invalid {
  border-color: var(--danger);
  outline: 1px solid var(--danger);
}
.json-schema-editor-modal .row div[data-schematype=array] {
  padding: 0.5em;
  background-color: var(--primary-very-low);
}
.json-schema-editor-modal .row div[data-schematype=array] > .card-title {
  width: 100%;
  border-bottom: 1px solid var(--primary-low);
}
.json-schema-editor-modal .row div[data-schematype=array] > .card-title > .json-editor-btn-collapse {
  float: right;
}
.json-schema-editor-modal .card-title.level-1 > .json-editor-btn-collapse,
.json-schema-editor-modal .card-title.je-object__title > .json-editor-btn-collapse {
  display: none;
}

.schema-field {
  margin-bottom: 1em;
  width: 100%;
  display: grid;
  grid-template-columns: 25% 1fr;
  gap: 1em;
}
@media screen and (max-width: 550px) {
  .schema-field {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 0;
  }
}
.schema-field .schema-field__label {
  word-break: break-all;
}
.schema-field[data-type=boolean] .schema-field__input {
  flex-direction: row;
}
.schema-field .schema-field__input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.schema-field .schema-field__input input {
  width: 100%;
  margin-bottom: 0;
}
.schema-field .schema-field__input input[type=checkbox] {
  width: auto;
}
.schema-field .schema-field__input .select-kit {
  width: 100%;
}
.schema-field .schema-field__input .select-kit.--invalid summary {
  border-color: var(--danger);
}
.schema-field .schema-field__input .schema-field__input-description {
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  min-width: 0;
  overflow-wrap: break-word;
}
.schema-field .schema-field__input-supporting-text {
  display: flex;
  flex-direction: row;
  margin-top: 0.2em;
  width: 100%;
  gap: 0 0.5em;
}
.schema-field .schema-field__input-supporting-text .schema-field__input-count {
  margin-left: auto;
  font-size: var(--font-down-1);
}
.schema-field .schema-field__input-supporting-text .schema-field__input-count.--error {
  color: var(--danger);
}
.schema-field .schema-field__input-supporting-text .schema-field__input-error {
  font-size: var(--font-down-1);
  color: var(--danger);
}

.log-details-modal pre {
  white-space: pre-wrap;
  max-height: 250px;
}

.staff-actions {
  width: 100%;
  word-wrap: break-word;
}
@media screen and (min-width: 550px) and (max-width: 767px) {
  .staff-actions table.staff-logs tr {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(4, 1fr);
  }
  .staff-actions table.staff-logs tr td {
    align-self: start;
    padding: 2px 4px;
  }
  .staff-actions td.created-at {
    grid-column-start: -1;
  }
  .staff-actions td.subject {
    grid-row: 2;
    grid-column-start: 2;
  }
  .staff-actions td.subject div.subject {
    display: flex;
  }
  .staff-actions td.subject div.subject a {
    word-wrap: break-word;
    min-width: 25px;
  }
  .staff-actions td.details {
    grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
  }
  .staff-actions td.context {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 4;
  }
}
@media screen and (max-width: 550px) {
  .staff-actions table.staff-logs tr {
    grid-template-columns: 1fr 1fr 0.5fr;
  }
  .staff-actions table.staff-logs tr td.staff-users {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .staff-actions table.staff-logs tr td.created-at {
    grid-row: 1;
    grid-column-start: -1;
    text-align: right;
  }
  .staff-actions table.staff-logs tr td.action {
    grid-row: 2;
    grid-column-start: 1;
  }
  .staff-actions table.staff-logs tr td.subject {
    grid-row: 2;
    grid-column-start: 2;
    grid-column-end: 5;
    max-width: 60vw;
  }
  .staff-actions table.staff-logs tr td.details,
  .staff-actions table.staff-logs tr td.context {
    max-width: unset;
  }
  .staff-actions table.staff-logs tr td.details {
    grid-row: 3;
    grid-column-start: 1;
    grid-column-end: 5;
    padding: 0.25em 0;
    max-width: 90vw;
  }
  .staff-actions table.staff-logs tr td.context {
    grid-row: 4;
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.staff-actions .staff-user {
  font-weight: bold;
  display: flex;
}
.staff-actions .staff-user a:first-of-type {
  margin-right: 0.25em;
}
.staff-actions .staff-user .deleted-user {
  font-size: var(--font-up-2);
}
.staff-actions .created_at {
  text-align: center;
}
.staff-actions td.subject,
.staff-actions td.details {
  max-width: 10vw;
}
.staff-actions td.subject > div,
.staff-actions td.details > div {
  max-height: 100px;
  overflow-y: auto;
}
.staff-actions td.context {
  word-break: break-all;
}

.staff-action-logs-controls {
  display: flex;
  align-items: center;
  margin: 0 0 1em 0;
}
.staff-action-logs-controls .select-kit {
  margin: 0 0.5em;
}
.staff-action-logs-controls button {
  margin-left: auto;
}
.staff-action-logs-controls a.filter .label {
  font-weight: bold;
}
.staff-action-logs-controls a.filter .d-icon {
  margin-left: 0.5em;
}

.screened-email-export {
  display: block;
}

.screened-ip-controls {
  display: flex;
  flex-wrap: wrap;
}
.screened-ip-controls .screened-ip-address-form .combobox {
  width: 140px;
}
@media screen and (min-width: 900px) {
  .screened-ip-controls .screened-ip-address-form {
    margin-left: auto;
  }
}
@media screen and (max-width: 899px) {
  .screened-ip-controls .screened-ip-address-form {
    margin-top: 1em;
  }
}

table.screened-ip-addresses td.ip_address {
  min-width: 150px;
  word-wrap: break-word;
}
table.screened-ip-addresses td.ip_address input {
  width: 80%;
}
table.screened-ip-addresses td.actions {
  text-align: right;
}

@media screen and (min-width: 550px) {
  table.screened-ip-addresses tr {
    grid-template-columns: repeat(5, 1fr) auto;
  }
}
@media screen and (max-width: 549px) {
  table.screened-ip-addresses tr td.actions {
    grid-row: 3;
    grid-column-start: -1;
    grid-column-end: -4;
    text-align: right;
    margin-top: 0.5em;
  }
  table.screened-ip-addresses tr td.created_at {
    grid-row: 1;
    grid-column-start: 3;
    text-align: right;
  }
  table.screened-ip-addresses tr td.last_match_at {
    grid-row: 2;
    grid-column-start: 3;
    text-align: right;
  }
  table.screened-ip-addresses tr td.match_count {
    grid-row: 2;
    grid-column-start: 2;
  }
}
@media screen and (max-width: 768px) {
  .screened-urls td.domain {
    grid-column-start: 1;
    grid-column-end: 3;
    word-wrap: break-word;
  }
}
.screened-emails td.ip_address {
  word-wrap: break-word;
}
@media screen and (min-width: calc(768px + 1px)) {
  .screened-emails td.ip_address {
    max-width: 20vw;
  }
}
@media screen and (max-width: 768px) {
  .screened-emails td.email {
    grid-column-start: 1;
    grid-column-end: 3;
    word-wrap: break-word;
  }
  .screened-emails td.ip_address {
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .screened-emails td.action {
    margin-top: 0.25em;
  }
}

.watched-word-box {
  display: inline-block;
  width: 250px;
  margin-bottom: 1em;
  vertical-align: top;
}

.watched-words-link .watched-word-box {
  min-width: 100%;
}

.watched-words-replace .watched-word-box,
.watched-words-tag .watched-word-box {
  min-width: calc(50% - 5px);
}

.watched-word-box .replacement,
.watched-words-test-modal .replacement {
  white-space: pre;
  background: var(--tertiary-low);
}
.watched-word-box .tag,
.watched-words-test-modal .tag {
  background: var(--primary-low);
  font-size: var(--font-down-1);
  margin-right: 0.1em;
  padding: 0.5em;
}

.watched-words-uploader {
  display: inline-block;
}
.watched-words-uploader label {
  font-weight: normal;
}

.watched-words-list {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.watched-word {
  display: inline-block;
  cursor: pointer;
}
.watched-word .delete-word-record:hover {
  color: var(--danger);
}

.watched-word-form .success-message {
  margin-left: 1em;
}

.watched-words-detail .watched-word-controls,
.watched-words-detail .about,
.watched-words-detail .watched-word-form {
  margin-bottom: 1em;
}
.watched-words-detail .about {
  font-size: var(--font-up-1);
  max-width: 30em;
}
.watched-words-detail .watched-word-controls .btn, .watched-words-detail .watched-word-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .watched-words-detail .watched-word-controls .json-editor-btn-add, .watched-words-detail .watched-word-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .watched-words-detail .watched-word-controls button {
  margin-bottom: 0.25em;
  margin-right: 0.25em;
}

.watched-words-test-modal p {
  margin-top: 0;
}

.watched-word-input label {
  display: inline-block;
  min-width: 150px;
  padding-top: 4px;
  vertical-align: top;
}
.watched-word-input input.watched-word-input-field {
  min-width: 300px;
}
.watched-word-input .select-kit.multi-select.watched-word-input-field {
  width: 300px;
  margin-bottom: 9px;
}
.watched-word-input + .btn-primary {
  margin-top: 1em;
}

table.search-logs-list td.term {
  width: 60%;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  table.search-logs-list td.term {
    width: 100%;
  }
}
table.search-logs-list th:not(.term),
table.search-logs-list td:not(.term) {
  text-align: center;
}
@media screen and (min-width: 550px) {
  table.search-logs-list tr td.term {
    grid-column-start: 1;
    grid-column: span 3;
  }
}
@media screen and (max-width: 550px) {
  table.search-logs-list tr td.term {
    grid-column-start: 1;
    grid-column-end: 4;
  }
  table.search-logs-list tr th:not(.term),
  table.search-logs-list tr td:not(.term) {
    text-align: left;
  }
}

.email-template input {
  width: 100%;
}
.email-template label {
  font-weight: bold;
}

.create-theme-modal div.input {
  margin-bottom: 12px;
}
.create-theme-modal div.input .label {
  width: 20%;
  display: inline-block;
}
.create-theme-modal .error {
  color: var(--danger);
}

.settings-editor .ace-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 300px;
}
.settings-editor .ace-wrapper .ace_editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.theme-settings-editor-dialog .dialog-footer {
  display: none;
}

.admin-customize.admin-customize-themes .admin-container {
  padding: 0;
}
.admin-customize.admin-customize-themes .error-message,
.admin-customize.admin-customize-themes .raw-error {
  margin-top: 5px;
  margin-bottom: 5px;
}
.admin-customize.admin-customize-themes .error-message .fa {
  color: var(--danger);
}
.admin-customize.admin-customize-themes .raw-error {
  background-color: var(--primary-very-low);
  padding: 5px;
}

.admin-customize.admin-permalinks .admin-container {
  padding: 0;
}

.admin-customize {
  /* TODO: Remove when admin header has been added to all /customize pages */
}
.admin-customize h1 {
  margin-bottom: 10px;
}
.admin-customize h1 input {
  margin-bottom: 0;
  font-size: var(--font-down-2);
}
.ios-device .admin-customize h1 input {
  font-size: var(--font-down-2);
}
.admin-customize h1.d-page-header__title {
  margin: 0;
}
.admin-customize .field-error,
.admin-customize .field-warning {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--danger-low-mid);
  padding: 10px;
  white-space: pre-wrap;
}
.admin-customize .field-warning {
  background-color: var(--highlight-bg);
}
.admin-customize .admin-container {
  padding-left: 10px;
  padding-right: 10px;
}
.admin-customize .admin-footer {
  margin-top: 20px;
}
.admin-customize .color-schemes li .d-icon {
  margin-right: 0.25em;
  color: var(--primary-medium);
}
.admin-customize .show-current-style {
  display: inline-block;
  vertical-align: top;
}
.admin-customize .show-current-style .title {
  font-size: var(--font-up-4);
  font-weight: bold;
  margin-bottom: 0.25em;
  display: flex;
  align-items: center;
}
.admin-customize .show-current-style .title span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.admin-customize .show-current-style .title input {
  margin: 0;
}
.admin-customize .show-current-style .title .btn, .admin-customize .show-current-style .title .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .admin-customize .show-current-style .title .json-editor-btn-add, .admin-customize .show-current-style .title .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .admin-customize .show-current-style .title button {
  margin-left: 0.5em;
}
.admin-customize .show-current-style .title a {
  font-size: var(--font-down-2);
}
.admin-customize .show-current-style .theme-description {
  display: block;
  margin: 10px 0;
}
.admin-customize .show-current-style .metadata .authors,
.admin-customize .show-current-style .metadata .version {
  display: block;
}
.admin-customize .show-current-style .metadata .authors .heading,
.admin-customize .show-current-style .metadata .version .heading {
  font-weight: bold;
}
.admin-customize .show-current-style div.remote-url {
  font-size: var(--font-down-1);
  margin-bottom: 7px;
}
.admin-customize .show-current-style a.remote-url,
.admin-customize .show-current-style a.about-url,
.admin-customize .show-current-style a.license-url {
  display: inline-block;
  margin-right: 10px;
}
.admin-customize .show-current-style a.remote-url .d-icon,
.admin-customize .show-current-style a.about-url .d-icon,
.admin-customize .show-current-style a.license-url .d-icon {
  margin-left: 5px;
}
.admin-customize .show-current-style .mini-title {
  font-size: var(--font-up-1);
  font-weight: bold;
  margin-bottom: 7px;
}
.admin-customize .show-current-style .control-unit {
  margin-top: 0.5em;
  margin-bottom: 2em;
}
.admin-customize .show-current-style .control-unit .translation-selector-container {
  display: flex;
  justify-content: space-between;
  width: 79.7%;
}
@media screen and (max-width: 700px) {
  .admin-customize .show-current-style .control-unit .translation-selector-container {
    width: 100%;
  }
}
@media screen and (min-width: 700px) and (max-width: 768px) {
  .admin-customize .show-current-style .control-unit .translation-selector-container {
    width: 73%;
  }
}
.admin-customize .show-current-style .control-unit .translation-selector-container .translation-selector {
  width: auto;
  margin-left: auto;
}
.admin-customize .show-current-style .control {
  margin-bottom: 10px;
}
.admin-customize .show-current-style .description {
  margin-bottom: 12px;
}
.admin-customize .show-current-style .theme-controls {
  display: flex;
  flex-wrap: wrap;
}
.admin-customize .show-current-style .theme-controls .btn, .admin-customize .show-current-style .theme-controls .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .admin-customize .show-current-style .theme-controls .json-editor-btn-add, .admin-customize .show-current-style .theme-controls .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .admin-customize .show-current-style .theme-controls button {
  margin: 0 0.5em 0.5em 0;
}
.admin-customize .show-current-style.color-scheme .admin-controls {
  display: flex;
  padding: 1em;
}
.admin-customize .show-current-style.color-scheme .admin-controls label {
  margin-bottom: 0;
}
.admin-customize .show-current-style.color-scheme .admin-controls label input[type=checkbox] {
  margin-top: 0;
}
.admin-customize .show-current-style.color-scheme .admin-controls .pull-left {
  width: 70%;
}
.admin-customize .show-current-style.color-scheme .admin-controls .pull-right {
  width: 30%;
}
.admin-customize .add-component-button {
  vertical-align: middle;
}
.admin-customize .themes-list {
  display: inline-block;
}
.admin-customize .themes-list .create-actions {
  margin-top: 0.5em;
}
.admin-customize .themes-list-header {
  width: 100%;
  display: flex;
  border: 1px solid var(--primary-low);
}
.admin-customize .themes-list-header .tab {
  border: none;
  padding: 1em;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  background: var(--d-nav-bg-color);
}
.admin-customize .themes-list-header .tab.themes-tab {
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.admin-customize .themes-list-header .tab.components-tab {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.discourse-no-touch .admin-customize .themes-list-header .tab:focus, .discourse-no-touch .admin-customize .themes-list-header .tab:hover {
  color: var(--d-nav-color--hover);
  background: var(--d-nav-bg-color--hover);
}
.discourse-no-touch .admin-customize .themes-list-header .tab:focus.active, .discourse-no-touch .admin-customize .themes-list-header .tab:hover.active {
  color: var(--d-nav-color--active);
  background: var(--d-nav-bg-color--active);
}
.discourse-no-touch .admin-customize .themes-list-header .tab:focus .d-icon, .discourse-no-touch .admin-customize .themes-list-header .tab:hover .d-icon {
  color: inherit;
}
.admin-customize .themes-list-header .tab.active {
  position: relative;
  color: var(--d-nav-color--active);
  background: var(--d-nav-bg-color--active);
}
.admin-customize .themes-list-header .tab.active .d-icon {
  color: var(--d-nav-color--active);
}
.admin-customize .themes-list-header .tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: var(--d-nav-underline-height);
  background: var(--d-nav-color--active);
}
.admin-customize .themes-list-header .d-button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-customize .themes-list-search {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
  height: 3em;
  background: var(--primary-very-low);
}
.admin-customize .themes-list-search .d-icon {
  position: absolute;
  padding-left: 0.5em;
}
.admin-customize .themes-list-search__input {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  padding-left: 2em;
  background-color: var(--primary-very-low);
}
.admin-customize .themes-list-search__input:focus {
  outline: 0;
}
.admin-customize .themes-list-search__input:focus ~ .d-icon {
  color: var(--tertiary-hover);
}
.admin-customize .themes-list-filter {
  padding-left: 0.67em;
  display: flex;
  height: 3em;
  align-items: center;
  background-color: var(--primary-very-low);
}
.admin-customize .themes-list-filter__label {
  white-space: nowrap;
  margin-right: 1em;
}
.admin-customize .themes-list-filter__input {
  margin-right: 0.5em;
}
.admin-customize .themes-list-filter__input summary {
  width: auto;
}
.admin-customize .themes-list-filter,
.admin-customize .themes-list-search {
  color: var(--primary);
  display: flex;
  border-right: 1px solid var(--primary-low);
  border-bottom: 1px solid var(--primary-low);
  border-left: 1px solid var(--primary-low);
}
.admin-customize .themes-list-container {
  overflow-y: auto;
  max-height: 60vh;
  border-bottom-right-radius: var(--d-border-radius);
  border-bottom-left-radius: var(--d-border-radius);
  border-right: 1px solid var(--primary-low);
  border-bottom: 1px solid var(--primary-low);
  border-left: 1px solid var(--primary-low);
  width: 100%;
}
@media screen and (max-height: 1000px) {
  .admin-customize .themes-list-container {
    max-height: 50vh;
  }
}
@media screen and (max-height: 800px) {
  .admin-customize .themes-list-container {
    max-height: 40vh;
  }
}
.admin-customize .themes-list-container__item:last-child {
  border-bottom: none;
}
.admin-customize .themes-list-container__item {
  color: var(--primary);
  border-bottom: 1px solid var(--primary-low);
  display: flex;
}
.admin-customize .themes-list-container__item .select-inactive-mode-label {
  color: var(--tertiary);
  font-weight: bold;
}
.admin-customize .themes-list-container__item.inactive-theme {
  color: var(--primary-high);
  background: var(--primary-very-low);
}
.admin-customize .themes-list-container__item.inactive-theme:not(.selected):hover {
  color: var(--primary);
}
.admin-customize .themes-list-container__item.inactive-indicator {
  border-right: 0;
  border-left: 0;
  margin-top: 1em;
  padding-left: 0.33em;
}
.admin-customize .themes-list-container__item.inactive-indicator span.empty {
  padding-left: 0.33em;
  padding-top: 1em;
}
.admin-customize .themes-list-container__item.inactive-indicator .btn.select-inactive-mode, .admin-customize .themes-list-container__item.inactive-indicator .d-modal.json-schema-editor-modal .je-ready .select-inactive-mode.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .admin-customize .themes-list-container__item.inactive-indicator .select-inactive-mode.json-editor-btn-add, .admin-customize .themes-list-container__item.inactive-indicator .d-modal.json-schema-editor-modal .je-ready button.select-inactive-mode, .d-modal.json-schema-editor-modal .je-ready .admin-customize .themes-list-container__item.inactive-indicator button.select-inactive-mode {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.admin-customize .themes-list-container__item:not(.inactive-indicator, .selected):hover {
  background-color: var(--primary-very-low);
}
.admin-customize .themes-list-container__item:not(.inactive-indicator, .selected):hover .component {
  border-color: var(--primary-low-mid);
}
.admin-customize .themes-list-container__item.selected {
  color: var(--secondary);
  background-color: var(--tertiary);
}
.admin-customize .themes-list-container__item.selected .components-list {
  color: var(--secondary);
}
.admin-customize .themes-list-container__item:not(.selected) .broken-indicator {
  color: var(--danger);
}
.admin-customize .themes-list-container__item:not(.selected) .fa {
  opacity: 0.7;
}
.admin-customize .themes-list-container__item:not(.selected) .default-indicator {
  color: var(--success);
}
.admin-customize .themes-list-container__item .light-grey-icon {
  color: var(--primary-medium);
}
.admin-customize .themes-list-container__item .info {
  overflow: hidden;
  display: flex;
  align-items: center;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.admin-customize .themes-list-container__item .info .icons {
  margin-left: auto;
}
.admin-customize .themes-list-container__item .info .cancel-select-inactive-mode {
  margin-left: auto;
}
.admin-customize .themes-list-container__item .info .btn-delete {
  font-size: var(--font-down-1);
  margin-left: 0.5em;
}
.admin-customize .themes-list-container__item .info .btn-delete svg {
  margin-right: 0.5em;
}
.admin-customize .themes-list-container__item .info input {
  margin-top: 0;
}
.admin-customize .themes-list-container__item .components-list {
  margin-top: 5px;
  display: inline-block;
  font-size: var(--font-down-1);
  align-items: baseline;
  color: var(--primary-high);
}
.admin-customize .themes-list-container__item .components-list .others-count,
.admin-customize .themes-list-container__item .components-list .others-count:hover {
  color: inherit;
  text-decoration: underline;
}
.admin-customize .themes-list-container__item .components-list .d-icon {
  color: inherit;
}
.admin-customize .themes-list-container__item .components {
  overflow-wrap: anywhere;
}
.admin-customize .themes-list-container__item .inner-wrapper {
  box-sizing: border-box;
  padding: 0.67em;
  cursor: pointer;
}
.admin-customize .themes-list-container__item span.empty {
  padding: 3px 10px 3px 10px;
}
.admin-customize .themes-list-container__item .inner-wrapper,
.admin-customize .themes-list-container__item span.empty {
  color: inherit;
  width: 100%;
}
.admin-customize .theme.settings .theme-setting {
  min-height: 35px;
}
.admin-customize .theme.settings .theme-translation {
  padding-bottom: 0;
  margin-top: 18px;
  min-height: 35px;
}
.admin-customize .theme.settings .theme-translation .input-setting-textarea {
  height: unset;
}
.admin-customize .theme.settings .setting-label {
  word-wrap: break-word;
}
@media screen and (min-width: calc(768px + 1px)) {
  .admin-customize .theme.settings .setting-label {
    width: 25%;
  }
}
.admin-customize .theme.settings .setting-label h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.admin-customize .theme.settings .setting {
  padding-bottom: 0;
}
.admin-customize .theme.settings .color-palette-input-group {
  display: flex;
  gap: 0.5rem;
}
.admin-customize .editor-information {
  display: flex;
  align-items: center;
  font-size: var(--font-up-1);
  margin-bottom: 0.5em;
}
.admin-customize .editor-information .editor-back-button {
  margin-right: 0.25em;
}
.admin-customize .editor-information .editor-theme-name-wrapper {
  margin-left: 0.25em;
}
.admin-customize .editor-information .editor-theme-name {
  font-weight: bold;
}
.admin-customize .current-style.maximized {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1150;
  background: var(--secondary);
  width: 100%;
  padding: 0;
  margin: 0;
}
.admin-customize .current-style.maximized .wrapper {
  position: absolute;
  top: 20px;
  bottom: 10px;
  left: 20px;
  right: 20px;
}
.admin-customize .content-list,
.admin-customize .current-style {
  float: left;
}
.admin-customize .content-list ul {
  margin-bottom: 10px;
}
.admin-customize .current-style {
  width: 100%;
}
.admin-customize .current-style .admin-container {
  margin: 0;
}
.admin-customize .current-style .edit-main-nav ul {
  padding-bottom: 0;
}
.admin-customize .current-style .nav-pills li {
  margin-right: 0;
  display: flex;
}
.admin-customize .current-style .nav-pills li.spacer {
  flex-grow: 1;
}
.admin-customize .current-style .nav-pills li:last-of-type > a {
  margin-right: 0;
}
.admin-customize .current-style .nav-pills li a.no-text .d-icon, .admin-customize .current-style .nav-pills li a.json-editor-btn-delete .d-icon, .admin-customize .current-style .nav-pills li a.json-editor-btn-collapse .d-icon {
  margin-right: 0;
}
.admin-customize .current-style .nav-pills li label {
  padding: 6px 12px;
  margin-bottom: 0;
}
.admin-customize .current-style .nav-pills li a.blank:not(.active) {
  color: var(--primary-medium);
}
.admin-customize .current-style .nav-pills li input {
  margin-bottom: 0;
  margin-left: 6px;
}
.admin-customize .current-style .nav-pills li button {
  margin-right: 0;
}
.admin-customize .current-style .ace-wrapper {
  position: relative;
  height: calc(100vh - 450px);
  min-height: 200px;
  width: 100%;
}
.admin-customize .current-style.maximized .admin-container {
  position: absolute;
  bottom: 50px;
  top: 80px;
  width: 100%;
}
.admin-customize .current-style.maximized .admin-footer {
  margin-top: 10px;
}
.admin-customize .current-style.maximized .ace-wrapper {
  height: calc(100vh - 200px);
}
.admin-customize .current-style .ace_editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.admin-customize .current-style .ace_placeholder {
  font-family: inherit;
  font-size: var(--font-up-1);
  color: var(--primary-high);
}
.admin-customize .current-style .status-actions {
  float: right;
  margin-top: 7px;
}
.admin-customize .current-style .status-actions span {
  margin-right: 10px;
}
.admin-customize .current-style .buttons {
  float: left;
  width: 200px;
}
.admin-customize .current-style .buttons .saving {
  padding: 5px 0 0 0;
  margin-left: 10px;
  width: 80px;
  color: var(--primary);
}
.admin-customize .color-scheme .controls {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.admin-customize .color-scheme .controls button:not(:last-child),
.admin-customize .color-scheme .controls a {
  margin-right: 10px;
}
.admin-customize .color-scheme .controls button.btn-danger, .admin-customize .color-scheme .controls button.json-editor-btn-delete {
  margin-left: auto;
}
.admin-customize .color-scheme .admin-controls {
  display: block;
}
.admin-customize .colors thead th {
  border: none;
}
.admin-customize .colors td.hex {
  width: 160px;
}
.admin-customize .colors td.hex .color-picker {
  display: inline-flex;
}
.admin-customize .colors td.actions {
  width: 200px;
}
.admin-customize .colors .color-picker input {
  width: 80px;
  margin-bottom: 0;
}
.admin-customize .colors th.overridden {
  text-align: right;
}
.admin-customize .colors .color-input {
  display: flex;
}
.admin-customize .colors h3 {
  margin: 0;
}
.admin-customize .colors .description {
  margin: 0.15em 0 0;
  color: var(--primary-high);
  font-size: var(--font-down-1);
  line-height: var(--line-height-medium);
}
.admin-customize .colors .invalid .hex input {
  background-color: white;
  color: black;
  border-color: var(--danger);
}
.admin-customize .status-message {
  display: block;
  font-size: var(--font-down-1);
  margin-top: 8px;
}
.admin-customize .removable-list {
  list-style: none;
  margin-left: 0;
}
.admin-customize .removable-list li {
  display: table-row;
}
.admin-customize .removable-list li.disabled-child .child-link {
  color: var(--primary-medium);
}
.admin-customize .removable-list li.disabled-child .child-link:hover {
  text-decoration: underline;
}
.admin-customize .removable-list li .btn, .admin-customize .removable-list li .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready .admin-customize .removable-list li .json-editor-btn-add, .admin-customize .removable-list li .d-modal.json-schema-editor-modal .je-ready button, .d-modal.json-schema-editor-modal .je-ready .admin-customize .removable-list li button {
  margin-left: 5px;
}
.admin-customize .removable-list li .col.child-link {
  padding-right: 10px;
  padding-bottom: 10px;
  min-width: 80px;
}
.admin-customize .removable-list li .col {
  display: table-cell;
}

.add-upload-modal input[type=file] {
  display: block;
  margin-bottom: 0.25em;
}
.add-upload-modal input[type=file] + label {
  color: var(--primary-medium);
}
.add-upload-modal label {
  display: inline-block;
}

#custom_emoji {
  width: 100%;
}

.public-key {
  margin-top: 1em;
}
.public-key textarea {
  cursor: auto;
  min-height: 220px;
  margin-bottom: 0;
}
.public-key button {
  position: absolute;
  top: 0;
  right: 0;
}

.public-key-text-wrapper {
  position: relative;
}

.public-key-note {
  margin-top: 1em;
  color: var(--primary-medium);
}

@media screen and (max-width: 768px) {
  .admin-permalinks .d-page-subheader,
  .admin-permalinks .admin-config-area,
  .admin-permalinks .admin-config-area__primary-content,
  .admin-permalinks .loading-container {
    width: 100%;
  }
}

.admin-config-area__settings-no-results {
  padding-left: 18px;
}

.admin-user_field-item__delete.btn, .d-modal.json-schema-editor-modal .je-ready .admin-user_field-item__delete.json-editor-btn-add, .d-modal.json-schema-editor-modal .je-ready button.admin-user_field-item__delete, .admin-user_field-item__delete.btn:hover,
.backup-item-row__delete.btn,
.d-modal.json-schema-editor-modal .je-ready .backup-item-row__delete.json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready button.backup-item-row__delete,
.backup-item-row__delete.btn:hover,
.admin-flag-item__delete.btn,
.d-modal.json-schema-editor-modal .je-ready .admin-flag-item__delete.json-editor-btn-add,
.d-modal.json-schema-editor-modal .je-ready button.admin-flag-item__delete,
.admin-flag-item__delete.btn:hover {
  border-top: 1px solid var(--primary-low);
}

.embeddable-hosts {
  margin-bottom: 2em;
}
.embeddable-hosts table.grid {
  margin-bottom: 1em;
}
.embeddable-hosts table.grid .tag-chooser,
.embeddable-hosts table.grid .user-chooser {
  width: 100%;
}
.embeddable-hosts table.grid tr td {
  word-wrap: break-word;
  max-width: 25vw;
  align-self: start;
}
.embeddable-hosts table.grid td.controls {
  min-width: 6em;
}
.embeddable-hosts table.grid .select-kit.combo-box.category-chooser {
  width: calc(100% - 10px);
}
@media screen and (max-width: 880px) {
  .embeddable-hosts table.grid thead {
    display: none;
  }
  .embeddable-hosts table.grid div.label {
    display: block;
    font-size: var(--font-down-1);
    color: var(--primary-medium);
  }
  .embeddable-hosts table.grid td.controls,
  .embeddable-hosts table.grid td.editing-controls {
    align-self: end;
  }
  .embeddable-hosts table.grid tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 580px) {
  .embeddable-hosts table.grid tr td.editing-input {
    grid-column-start: 1;
    grid-column-end: 4;
    max-width: 100%;
  }
  .embeddable-hosts table.grid tr td.editing-input input {
    width: calc(100% - 20px);
  }
  .embeddable-hosts table.grid td.editing-controls {
    margin-top: 1em;
    max-width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .embeddable-hosts table.grid tr {
    grid-template-columns: repeat(2, 1fr);
  }
  .embeddable-hosts table.grid tr td.controls {
    text-align: left;
  }
}

.admin-embedding .admin-embeddable-host-item__delete:hover svg.d-icon {
  color: var(--primary-medium);
}
.admin-embedding .admin-embeddable-host-item__delete svg.d-icon {
  color: var(--primary-low-mid);
}

.user-fields h2 {
  margin-bottom: 1em;
}
.user-fields .user-field {
  padding-block: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--primary-low);
}
.user-fields .user-field .form-display {
  width: 25%;
  float: left;
}
.user-fields .user-field .clearfix, .user-fields .user-field .container {
  clear: both;
}

.reseed-modal .options-group-title {
  font-size: var(--font-up-2);
  font-weight: bold;
  margin: 8px 0;
}
.reseed-modal .option {
  margin-left: 1em;
}

.robots-txt-edit div.overridden {
  background: var(--highlight-bg);
  padding: 7px;
  margin-bottom: 7px;
}
.robots-txt-edit .robots-txt-input {
  width: 100%;
  box-sizing: border-box;
  height: 55vh;
}

.admin-email-templates .email-template,
.admin-email-templates .controls {
  margin-top: 1em;
}
.admin-email-templates .d-editor {
  height: 50vh;
}

.admin-customize-email-style .ace-wrapper {
  position: relative;
  width: 100%;
  height: calc(100vh - 480px);
  min-height: 200px;
}
.admin-customize-email-style .ace-wrapper .ace_editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.form-templates__info {
  margin-top: 1rem;
}
.form-templates__table {
  margin-bottom: 1rem;
}
.form-templates__table .admin-list-item .action {
  text-align: right;
}
.form-templates__form input {
  width: 300px;
}
.form-templates__form .ace-wrapper {
  position: relative;
  height: calc(100vh - 450px);
  min-height: 200px;
  width: 100%;
  box-shadow: var(--shadow-footer-nav);
  border-radius: 4px;
}
.form-templates__form .ace_editor {
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.form-templates__form .ace_placeholder {
  font-family: inherit;
  font-size: var(--font-up-1);
  color: var(--primary-high);
}
.form-templates__form .footer-buttons {
  display: flex;
  gap: 0.5rem;
}
.form-templates__form .footer-buttons .btn-danger, .form-templates__form .footer-buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-delete, .d-modal.json-schema-editor-modal .je-ready .form-templates__form .footer-buttons .json-editor-btn-delete, .form-templates__form .footer-buttons .json-editor-btn-delete {
  margin-left: auto;
}
.form-templates__editor {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.form-templates__quick-insert-field-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 1rem;
}
.form-templates__quick-insert-field-buttons span {
  margin-right: 0.25rem;
}
.form-templates__quick-insert-field-buttons .btn:not(:last-of-type), .form-templates__quick-insert-field-buttons .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:not(:last-of-type), .d-modal.json-schema-editor-modal .je-ready .form-templates__quick-insert-field-buttons .json-editor-btn-add:not(:last-of-type), .form-templates__quick-insert-field-buttons .d-modal.json-schema-editor-modal .je-ready button:not(:last-of-type), .d-modal.json-schema-editor-modal .je-ready .form-templates__quick-insert-field-buttons button:not(:last-of-type) {
  border-right: 1px solid var(--primary-low);
}
.form-templates__validation-options td {
  padding: 0.75rem;
}
.form-templates__preview-button {
  margin-left: auto;
}

.customize-form-template-view-modal .d-modal__footer .btn:last-child, .customize-form-template-view-modal .d-modal__footer .d-modal.json-schema-editor-modal .je-ready .json-editor-btn-add:last-child, .d-modal.json-schema-editor-modal .je-ready .customize-form-template-view-modal .d-modal__footer .json-editor-btn-add:last-child, .customize-form-template-view-modal .d-modal__footer .d-modal.json-schema-editor-modal .je-ready button:last-child, .d-modal.json-schema-editor-modal .je-ready .customize-form-template-view-modal .d-modal__footer button:last-child {
  margin-left: auto;
}

.about-customize-colors {
  text-align: center;
  width: 65%;
  margin-left: 30%;
}

.install-theme {
  display: flex;
}
@media screen and (max-width: 550px) {
  .install-theme .install-theme-items {
    flex: 0 0 150px;
  }
  .install-theme .install-theme-content {
    flex: 1 1 100%;
  }
  .install-theme .select-kit {
    width: 100%;
  }
}

.install-theme-items {
  width: 200px;
}

.install-theme-item {
  border: 1px solid var(--primary-low);
  border-bottom: none;
  position: relative;
}
.install-theme-item:last-child {
  border-bottom: 1px solid var(--primary-low);
}
.install-theme-item input,
.install-theme-item .d-icon-caret-right {
  display: none;
}
.install-theme-item label {
  display: block;
  padding: 10px 30px 10px 10px;
  margin-bottom: 0;
  cursor: pointer;
}
.install-theme-item input:checked + label {
  color: var(--secondary);
  background-color: var(--tertiary);
}
.install-theme-item input:checked + label + .d-icon {
  display: block;
  color: var(--secondary);
}
.install-theme-item .d-icon-caret-right {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -7px;
}

.install-theme-content {
  width: calc(100% - 20px);
}
.install-theme-content input[type=file] {
  width: 100%;
  overflow: hidden;
}

.install-theme-items + .install-theme-content {
  padding: 0 0 10px 20px;
  width: calc(100% - 200px);
}

.repo input[type=text] {
  width: 90%;
}

.popular-theme-items {
  height: 65vh;
  overflow: auto;
  padding-right: 20px;
}

.popular-theme-item {
  border-bottom: 1px solid var(--primary-low);
  padding: 8px 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 550px) {
  .popular-theme-item {
    flex-direction: column;
    align-items: initial;
  }
}
.popular-theme-item .popular-theme-name {
  flex: 1;
}
.popular-theme-item .popular-theme-name .popular-theme-type {
  font-weight: normal;
  font-size: var(--font-down-2);
  color: var(--primary-medium);
}
.popular-theme-item .popular-theme-name a {
  color: var(--primary-very-high);
  font-weight: bold;
}
.popular-theme-item .popular-theme-name a:hover, .popular-theme-item .popular-theme-name a:visited, .popular-theme-item .popular-theme-name a:active {
  color: var(--primary-high);
}
.popular-theme-item .popular-theme-name .popular-theme-description {
  font-size: var(--font-down-1);
  padding-right: 20px;
}
@media screen and (max-width: 550px) {
  .popular-theme-item .popular-theme-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.25em;
  }
}
.popular-theme-item .popular-theme-buttons > span {
  font-style: italic;
  font-size: var(--font-down-1);
  color: var(--primary-medium);
  margin-right: 8px;
}
.popular-theme-item .popular-theme-buttons > a {
  display: block;
  font-size: var(--font-down-2);
  margin-top: 5px;
  text-align: center;
}

.install-theme-warning {
  margin-bottom: 10px;
}

.d-admin-table.web-hooks .d-admin-row__overview.payload-url {
  word-wrap: break-word;
  max-width: 20vw;
}
@media screen and (max-width: 850px) {
  .d-admin-table.web-hooks .d-admin-row__overview.payload-url {
    max-width: 70vw;
  }
}
@media screen and (max-width: 850px) {
  .d-admin-table.web-hooks .d-admin-row__detail.description {
    display: block;
  }
}
@media screen and (max-width: 850px) {
  .d-admin-table.web-hooks .d-admin-row__detail.description .d-admin-row__mobile-label {
    display: block;
  }
}

.admin-api-keys .form-kit__container-optional {
  display: none;
}
.admin-api-keys .api-key-show .form-element.input-area,
.admin-api-keys .api-key-show .form-element-desc.input-area {
  width: 75%;
}
@media screen and (max-width: 350px) {
  .admin-api-keys .api-key-show .form-element.input-area,
  .admin-api-keys .api-key-show .form-element-desc.input-area {
    width: 100%;
  }
}
.admin-api-keys .api-key-show .form-element.input-area .value-list,
.admin-api-keys .api-key-show .form-element.input-area .select-kit,
.admin-api-keys .api-key-show .form-element.input-area input[type=text],
.admin-api-keys .api-key-show .form-element-desc.input-area .value-list,
.admin-api-keys .api-key-show .form-element-desc.input-area .select-kit,
.admin-api-keys .api-key-show .form-element-desc.input-area input[type=text] {
  width: 50%;
  margin: 0;
}
.admin-api-keys .api-key-show .form-element.label-area,
.admin-api-keys .api-key-show .form-element-desc.label-area {
  width: 25%;
}
.admin-api-keys .api-key-show .form-element.label-area label,
.admin-api-keys .api-key-show .form-element-desc.label-area label {
  margin-right: 1em;
}
.admin-api-keys .generated-api-key {
  margin: 1em 0;
}
.admin-api-keys .api-key {
  padding: 10px;
  margin-bottom: 10px;
}
.admin-api-keys .api-key .form-element,
.admin-api-keys .api-key .form-element-desc {
  float: left;
  padding: 0.5em 0;
}
.admin-api-keys .api-key .form-element.input-area input[type=checkbox],
.admin-api-keys .api-key .form-element-desc.input-area input[type=checkbox] {
  margin-top: 0.5em;
}
.admin-api-keys .api-key .form-element.input-area .ac-wrap,
.admin-api-keys .api-key .form-element-desc.input-area .ac-wrap {
  width: 50% !important;
}
.admin-api-keys .api-key .form-element.label-area label,
.admin-api-keys .api-key .form-element-desc.label-area label {
  text-align: left;
  font-weight: bold;
}
.admin-api-keys .api-key .controls {
  float: right;
  text-align: left;
  width: 50%;
}
.admin-api-keys .api-key .scopes-title {
  margin-top: 20px;
}
.admin-api-keys .scopes-table.grid {
  margin: 20px 0;
}
.admin-api-keys .scopes-table.grid tr {
  grid-template-columns: repeat(4, 1fr);
}
.admin-api-keys .scopes-table.grid tr input {
  margin-bottom: 2px;
}
@media screen and (max-width: 450px) {
  .admin-api-keys .scopes-table.grid tr {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 0.5em;
  }
  .admin-api-keys .scopes-table.grid tr.scope-resource-name {
    grid-row-gap: 0;
  }
}
.admin-api-keys .scopes-table.grid .scope-resource-name {
  font-size: var(--font-up-1);
}
.admin-api-keys .scopes-table.grid .scope-tooltip {
  font-size: var(--font-down-1);
}
.admin-api-keys .scopes-table.grid .scope-name {
  font-weight: bold;
  font-size: var(--font-0);
  display: inline;
}

.web-hook-container .tip.good:empty {
  display: none;
}
.web-hook-container .event-selector {
  display: grid;
  grid-template-columns: auto auto;
  margin: 0.5em 0;
  margin-left: 1.5em;
}
.web-hook-container .event-selector .event-group {
  display: inline-block;
  margin-bottom: 1em;
}
.web-hook-container .event-selector .hook-event {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 550px) {
  .web-hook-container .event-selector .hook-event {
    width: 100%;
  }
}
.web-hook-container > p {
  padding-bottom: 10px;
  border-bottom: var(--primary-low) 1px solid;
}
.web-hook-container .filters {
  border-bottom: var(--primary-low) 1px solid;
}
.web-hook-container .filters .filter {
  margin-bottom: 1em;
}
.web-hook-container .filters label .d-icon {
  margin-right: 0.25em;
}
.web-hook-container .instructions {
  margin-top: 5px;
}
.web-hook-container .subscription-choice {
  margin-bottom: 10px;
}
.web-hook-container .subscription-choice label {
  display: inline-block;
}

.admin-webhooks__summary {
  margin-bottom: 1rem;
}

.admin-webhooks__edit-button,
.admin-webhooks__delete-button {
  font-size: var(--font-0-rem);
}

.web-hook-events .heading-container {
  width: 100%;
  background-color: var(--primary-low);
}
.web-hook-events li {
  padding: 2px 0;
}
.web-hook-events .col {
  display: inline-block;
  padding-top: 6px;
  vertical-align: top;
  overflow-y: auto;
  overflow-x: hidden;
}
.web-hook-events .col.heading {
  font-weight: bold;
  padding: 4px 0;
}
.web-hook-events .col.heading.actions {
  padding: 4px 0;
}
.web-hook-events .col.first {
  width: 90px;
}
.web-hook-events .col.event-id {
  width: 90px;
}
.web-hook-events .col.timestamp {
  width: 180px;
}
.web-hook-events .col.completion {
  width: 250px;
}
.web-hook-events .col.actions {
  padding-top: 0;
}
.web-hook-events .col.actions a {
  text-decoration: underline;
}
.web-hook-events .details {
  display: block;
  margin-top: 1rem;
}
.web-hook-events label {
  font-size: var(--font-0);
}
.web-hook-events.content-list {
  width: 100%;
}

.web-hook-events-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.web-hook-events-listing .alert {
  margin: 0;
}

.hook-event {
  display: inline-block;
  width: 100%;
}
.hook-event label {
  display: inline-block;
}
.hook-event p {
  margin: 0 0 5px 25px;
}

.admin-backups .before-backup-list-outlet {
  margin-top: 1em;
}
.admin-backups .d-admin-table .backup-size {
  text-align: right;
}
.admin-backups .d-admin-table .backup-filename {
  text-wrap: balance;
}

.admin-backups-logs {
  max-height: 65vh;
  overflow: auto;
}

.start-backup-modal .alert {
  margin-bottom: 0;
}

.backup-message {
  margin-left: auto;
  margin-top: 1em;
}
@media screen and (max-width: 550px) {
  .backup-message {
    margin: 1.25em 0 0;
  }
}

label.admin-backups-upload {
  font-weight: 400;
}

.admin-contents.admin-plugins .controls .settings-button {
  margin-left: auto;
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list .admin-plugins-list__version {
  width: 14%;
}
@media screen and (max-width: 768px) {
  .admin-contents.admin-plugins .d-admin-table.admin-plugins-list .admin-plugins-list__version {
    text-align: right;
    width: auto;
  }
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list .d-admin-row__controls {
  width: 10%;
}
@media screen and (max-width: 768px) {
  .admin-contents.admin-plugins .d-admin-table.admin-plugins-list .d-admin-row__controls {
    width: auto;
  }
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list .admin-plugins-list__row-admin-search-filtered {
  background-color: var(--primary-low);
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list__name-with-badges {
  display: flex;
  flex-wrap: wrap;
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list .badges {
  margin-left: var(--space-1);
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list__badge {
  font-weight: 400;
  font-size: var(--font-down-2);
  background-color: var(--primary-low);
  color: var(--primary-medium);
  padding: 4px 8px;
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list__badge + .admin-plugins-list__badge {
  margin-left: var(--space-1);
}
.admin-contents.admin-plugins .d-admin-table.admin-plugins-list__badge:last-of-type {
  margin-right: var(--space-1);
}

.admin-plugin-config-page__main-area .admin-detail {
  padding-top: 15px;
}
.admin-plugin-config-page__main-area.-without-inner-sidebar .admin-detail {
  border-left: 0;
  padding-left: 0;
  width: 100%;
}
.admin-plugin-config-page__metadata {
  margin-bottom: var(--space-6);
}
.admin-plugin-config-page .d-nav-submenu {
  background: transparent;
  border-bottom: 1px solid var(--primary-low);
}
.admin-plugin-config-page .d-nav-submenu .horizontal-overflow-nav {
  background: transparent;
}
.admin-plugin-config-page .d-nav-submenu .horizontal-overflow-nav::before {
  display: none;
}
.admin-plugin-config-page .d-nav-submenu .horizontal-overflow-nav::after {
  display: none;
}
.admin-plugin-config-page .d-nav-submenu .admin-plugin-config-page__top-nav {
  width: auto;
  margin: 0;
}
.admin-plugin-config-page .d-nav-submenu .admin-plugin-config-page__top-nav a {
  font-size: var(--font-down-0);
  padding: var(--space-2) var(--space-3) var(--space-3);
}
.admin-plugin-config-page .d-nav-submenu .admin-plugin-config-page__top-nav a:hover {
  color: var(--tertiary);
  background-color: transparent;
}
.admin-plugin-config-page .d-nav-submenu .admin-plugin-config-page__top-nav a.active {
  color: var(--tertiary);
  background-color: transparent;
}
@media screen and (max-width: 1000px) {
  .has-sidebar-page .admin-plugin-config-page .d-nav-submenu .admin-plugin-config-page__top-nav span {
    display: none;
  }
}

.admin-plugins .admin-container {
  margin-top: 0;
}
.admin-plugins .admin-container.-no-header {
  margin-top: 1em;
}

.admin-plugin-filtered-site-settings__filter {
  width: 100%;
}

.admin-controls.admin-site-settings-filter-controls .controls .admin-site-settings-filter-controls__input {
  max-width: 300px;
}

.admin-controls.admin-site-settings-filter-controls .menu-toggle {
  margin-left: 0.5em;
}

.admin-plugin-config-area__settings .admin-filtered-site-settings {
  padding: 0.5em 1em;
}
.admin-plugin-config-area__settings .setting-label {
  margin-left: 18px;
}

.admin-config-area .btn-back {
  margin-bottom: 1em;
}

.admin-config-area-card {
  padding: 20px 5px 20px 20px;
  border: 1px solid var(--primary-low);
  border-radius: 2px;
  background-color: var(--secondary);
  margin-bottom: 1em;
}
.admin-config-area-card__label-optional {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
  margin-left: 5px;
}
.admin-config-area-card__additional-help {
  color: var(--primary-medium);
  font-size: var(--font-down-1);
}
.admin-config-area-card__warning-banner {
  color: var(--primary-high);
  background-color: var(--danger-low);
  font-size: var(--font-down-1);
  padding: 10px 10px;
}
.admin-config-area-card__control-group-horizontal {
  display: flex;
  margin-bottom: 18px;
}
.admin-config-area-card__control-group-horizontal label {
  margin-right: 1em;
}
.admin-config-area-card__title {
  flex: 2;
  margin-bottom: 0;
}
.admin-config-area-card__header-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
}
.admin-config-area-card__content {
  margin-top: 0.5rem;
  padding-right: 15px;
}

.admin-config-page__main-area .admin-detail {
  padding-top: 15px;
  border-left: 0;
  padding-left: 0;
  width: 100%;
}

.admin-config-area {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--space-4);
  align-items: flex-start;
}
@media (max-width: 700px) {
  .admin-config-area {
    flex-direction: column;
  }
}
.admin-config-area__full-width {
  flex: 1 0 100%;
}
.admin-config-area__primary-content {
  flex: 0 1 70%;
}
@media (max-width: 700px) {
  .admin-config-area__primary-content {
    flex: 0 1 auto;
  }
}
.admin-config-area__aside {
  /* use for help inset */
  flex: 0 1 30%;
  padding: var(--space-2);
}
@media (max-width: 700px) {
  .admin-config-area__aside {
    flex: 0 1 auto;
  }
}
.admin-config-area__settings .setting-label {
  margin-left: 18px;
}

.admin-site-settings-filter-controls {
  background: var(--primary-very-low);
  margin-bottom: 1em;
}
.admin-site-settings-filter-controls .controls,
.admin-site-settings-filter-controls .search.controls {
  background: var(--primary-very-low);
}

.admin-config-area-empty-list {
  padding: 1em;
  border: 1px solid var(--primary-low);
}
.admin-config-area-empty-list__cta-button {
  display: flex;
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .d-admin-table {
    border-collapse: collapse;
    margin-bottom: var(--space-3);
  }
}
@media screen and (max-width: 768px) {
  .d-admin-table thead {
    display: none;
  }
}
.d-admin-table th {
  color: var(--primary-high);
}
.d-admin-table .d-admin-row__content {
  position: relative;
  padding: var(--space-1) 0;
}
@media screen and (max-width: 768px) {
  .d-admin-table .d-admin-row__content {
    display: block;
    margin-bottom: var(--space-3);
    border: 1px solid var(--primary-low);
  }
}
.d-admin-table td {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .d-admin-table td {
    display: block;
    border-top: 1px solid var(--primary-low);
  }
}
@media screen and (max-width: 768px) {
  .d-admin-table td:first-child {
    border-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .d-admin-table td.d-admin-row__overview {
    width: auto;
    border-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .d-admin-table td.d-admin-row__detail {
    display: flex;
    justify-content: space-between;
  }
}
.d-admin-table td.d-admin-row__controls {
  text-align: right;
  width: auto;
}
@media screen and (max-width: 768px) {
  .d-admin-table td.d-admin-row__controls {
    position: absolute;
    top: -3px;
    right: 0;
    border-top: 0;
    width: auto;
  }
}
.d-admin-table .status-label {
  --d-border-radius: var(--space-4);
  --status-icon-diameter: 8px;
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  background-color: var(--primary-low);
  padding: var(--space-0) var(--space-2);
  border-radius: var(--d-border-radius);
}
.d-admin-table .status-label .status-label-indicator {
  display: inline-block;
  width: var(--status-icon-diameter);
  height: var(--status-icon-diameter);
  border-radius: 50%;
  background-color: var(--primary-high);
  flex-shrink: 0;
  margin-right: var(--space-1);
  margin-top: 0.35rem;
}
.d-admin-table .status-label .status-label-text {
  color: var(--primary-high);
  font-size: var(--font-down-1);
}
.d-admin-table__badge {
  background-color: var(--primary-low);
  border-radius: var(--d-border-radius);
  font-size: var(--font-down-1);
  margin-left: var(--space-1);
  padding: var(--space-2);
}
.d-admin-table .status-label.--success {
  background-color: var(--success-low);
}
.d-admin-table .status-label.--success .status-label-indicator {
  background-color: var(--success);
}
.d-admin-table .status-label.--success .status-label-text {
  color: var(--success-hover);
}
.d-admin-table .status-label.--critical {
  background-color: var(--danger-low);
}
.d-admin-table .status-label.--critical .status-label-indicator {
  background-color: var(--danger);
}
.d-admin-table .status-label.--critical .status-label-text {
  color: var(--danger-hover);
}
.d-admin-table .status-label.--inactive {
  background-color: var(--primary-low);
}
.d-admin-table .status-label.--inactive .status-label-indicator {
  background-color: var(--primary-high);
}
.d-admin-table .status-label.--inactive .status-label-text {
  color: var(--primary-high);
}

.d-admin-row__overview-name {
  font-weight: 700;
  max-width: 80%;
  margin-bottom: var(--space-1);
}
.d-admin-row__overview-author {
  font-size: var(--font-down-1);
  margin-bottom: var(--space-1);
}
.d-admin-row__overview-about {
  padding-right: var(--space-4);
}
@media screen and (max-width: 768px) {
  .d-admin-row__overview-about {
    padding-top: var(--space-1);
  }
}
.d-admin-row__overview-about .d-icon {
  font-size: var(--font-down-3);
  margin-bottom: 0.1em;
}
.d-admin-row__overview-flags {
  color: var(--primary-high);
  font-size: var(--font-down-1);
  text-transform: lowercase;
}
.d-admin-row__overview-flags::first-letter {
  text-transform: uppercase;
}

.d-admin-row__controls-options {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: flex-end;
}
.d-admin-row__controls-options .fk-d-menu__trigger {
  font-size: var(--font-down-1);
}

.d-admin-row__mobile-label {
  display: none;
}
@media screen and (max-width: 768px) {
  .d-admin-row__mobile-label {
    display: inline-flex;
    color: var(--primary-high);
  }
}

.d-admin-filter {
  background-color: var(--primary-very-low);
  padding: var(--space-2);
  display: flex;
}

.admin-filter__input-container {
  min-width: 50%;
}
@media screen and (max-width: 500px) {
  .admin-filter__input-container {
    width: 100%;
  }
}
.admin-filter__input-container input {
  min-width: 15em;
  margin: 0;
}
@media screen and (max-width: 500px) {
  .admin-filter__input-container input {
    box-sizing: border-box;
    width: 100%;
  }
}

.admin-filter__input {
  width: 100%;
}

.admin-reports .admin-report {
  width: 100%;
}
.admin-reports .admin-report .report-header {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--primary-low);
}
.admin-reports .admin-report-chart .chart-canvas-container .chart-canvas {
  height: 400px;
}

.admin-report .conditional-loading-section.is-loading {
  margin: 0;
}
.admin-report .header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--primary-low);
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.admin-report .header .breadcrumb {
  margin: 0;
  list-style: none;
}
.admin-report .header .breadcrumb .item {
  display: inline;
  font-size: var(--font-up-1);
}
.admin-report .header .breadcrumb .all-reports .report-url {
  font-weight: 700;
}
.admin-report .header .breadcrumb .report {
  font-weight: 700;
}
.admin-report .header .breadcrumb .report .report-url {
  color: var(--primary);
}
.admin-report .header .breadcrumb .report .info {
  cursor: pointer;
  margin-left: 0.25em;
  color: var(--primary-low-mid);
}
.admin-report .header .breadcrumb .report .info:hover {
  color: var(--primary-medium);
}
.admin-report .header .trend {
  margin-left: auto;
  margin-right: 8px;
}
.admin-report .header .trend.trending-down, .admin-report .header .trend.high-trending-down {
  color: var(--danger);
}
.admin-report .header .trend.trending-up, .admin-report .header .trend.high-trending-up {
  color: var(--success);
}
.admin-report .header .trend.no-change {
  color: var(--primary-medium);
}
.admin-report .header .trend.no-change .d-icon {
  display: none;
}
.admin-report .header .trend .value {
  font-size: var(--font-up-1);
}
.admin-report .header .trend .icon {
  font-size: var(--font-up-1);
  font-weight: 700;
}
.admin-report .body {
  display: flex;
  flex-direction: row;
}
.admin-report .main {
  flex: 1;
}
.admin-report .main .report-alert {
  margin: 0;
  text-align: center;
  padding: 3em;
  border: 1px solid transparent;
}
.admin-report .main .report-alert a {
  color: var(--primary-medium);
}
.admin-report .main .report-alert .d-icon {
  color: currentcolor;
  font-size: var(--font-up-5);
  display: block;
  margin: 0.25em auto;
}
.admin-report .main .report-alert.no-data, .admin-report .main .report-alert.rate-limited {
  background: var(--secondary);
  border-color: var(--primary-low);
  color: var(--primary-low-mid);
}
.admin-report .main .report-alert.rate-limited .d-icon {
  color: var(--danger);
}
.admin-report .main .report-alert.timeout, .admin-report .main .report-alert.exception {
  border-color: var(--danger-low);
  color: var(--danger);
}
.admin-report .average-chart {
  padding: 0.5em;
  border: 1px solid var(--highlight);
  color: var(--highlight);
  margin-bottom: 1em;
  text-align: center;
  background: var(--highlight-bg);
}
.admin-report .filters {
  display: flex;
  margin-left: 1em;
  flex-direction: column;
  width: 220px;
}
.admin-report .filters .modes {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}
.admin-report .filters .modes .mode {
  display: inline-flex;
  flex: 1 0 0px;
}
.admin-report .filters .modes .mode .mode-btn.is-current {
  color: var(--tertiary);
}
.admin-report .filters .chart-groupings {
  display: grid;
  grid-template-columns: repeat(auto-fill, 1fr);
  grid-gap: 0.5em;
  margin-bottom: 1em;
}
.admin-report .filters .chart-groupings .chart-grouping.active {
  background: var(--tertiary);
  color: var(--secondary);
}
.admin-report .filters .control {
  margin-bottom: 1em;
}
.admin-report .filters .control .label {
  font-weight: 700;
  width: 100%;
}
.admin-report .filters .control .input,
.admin-report .filters .control .select-kit {
  width: 100%;
}
.admin-report .filters .control .input .export-csv-btn,
.admin-report .filters .control .select-kit .export-csv-btn {
  width: 100%;
}
.admin-report .filters .control .input .refresh-report-btn,
.admin-report .filters .control .select-kit .refresh-report-btn {
  width: 100%;
}
.admin-report .d-page-subheader__title a {
  color: var(--primary);
}

.rtl .admin-report .filters {
  margin-left: 0;
  margin-right: 1em;
}
.rtl .admin-report .trend {
  margin-left: unset;
  margin-right: auto;
}

.admin-report.storage-stats .main {
  flex: 1 0 auto;
}

.admin-reports-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--primary-low);
  padding-bottom: 0.5em;
}
@media screen and (max-width: 400px) {
  .admin-reports-header {
    flex-wrap: wrap;
  }
}
.admin-reports-header h2 {
  margin: 0 0.5em 0 0;
}
.admin-reports-header h2 a {
  color: var(--primary);
}

.admin-reports-list {
  --d-border-radius: var(--space-0);
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.admin-reports-list.admin-section-landing-wrapper {
  gap: 1em;
  padding-top: 0;
}
.admin-reports-list.admin-section-landing-wrapper .admin-section-landing-item {
  padding: var(--space-4);
  border-radius: var(--d-border-radius);
  outline: 1px solid var(--primary-low);
  margin-bottom: 0;
}
@media screen and (min-width: calc(550px + 1px)) {
  .admin-reports-list.admin-section-landing-wrapper .admin-section-landing-item {
    margin-bottom: 0;
  }
}
.admin-reports-list.admin-section-landing-wrapper .admin-section-landing-item:hover {
  border: 0;
  box-shadow: 0 0 0 1px var(--primary-300), 0 0 0 4px var(--primary-100);
  transition: all 0.2s ease-in-out;
}

.admin-report .admin-report-counters {
  display: grid;
  flex: 1 0 0px;
  grid-template-columns: 33% repeat(auto-fit, minmax(20px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(32px, 1fr));
  align-items: center;
}
.admin-report .admin-report-counters .cell {
  padding: 0.25em;
  text-align: right;
  white-space: nowrap;
}
.admin-report .admin-report-counters .cell.title {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-report .admin-report-counters .cell.title .d-icon {
  color: var(--primary-low-mid);
  min-width: 14px;
  text-align: center;
}
.admin-report .admin-report-counters .cell.title .d-icon {
  margin: 0;
}
@media screen and (max-width: 400px) {
  .admin-report .admin-report-counters .cell.title .d-icon {
    display: none;
  }
}
.admin-report .admin-report-counters .cell .d-icon-minus {
  color: var(--primary-medium);
  font-size: var(--font-down-3);
}
.admin-report .admin-report-counters .cell.high-trending-up .d-icon, .admin-report .admin-report-counters .cell.trending-up .d-icon {
  color: var(--success);
}
.admin-report .admin-report-counters .cell.high-trending-down .d-icon, .admin-report .admin-report-counters .cell.trending-down .d-icon {
  color: var(--danger);
}

.rtl .counters-list .counters-header .counters-cell {
  text-align: left;
}

.rtl .counters-list .cell {
  text-align: left;
}
.rtl .counters-list .cell.title {
  text-align: right;
}

.admin-report-chart {
  animation: fadein 2s;
}
@media (prefers-reduced-motion) {
  .admin-report-chart {
    animation-duration: 0s;
  }
}

.admin-report-radar .chart-canvas-container {
  height: 250px;
}

.admin-report-stacked-chart .chart-canvas-container {
  height: 250px;
}

.admin-report-stacked-line-chart .chart-canvas-container {
  height: 250px;
}

.admin-report-table.two-columns .table .admin-report-table-cell:first-child,
.admin-report-table.two-columns .table .admin-report-table-header:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  width: 80%;
}
.admin-report-table.two-columns .table .admin-report-table-cell:last-child,
.admin-report-table.two-columns .table .admin-report-table-header:last-child {
  display: inline-block;
  width: 80%;
  text-align: right;
}
.admin-report-table .table {
  margin: 0;
  border: 1px solid var(--primary-low);
  table-layout: fixed;
}
.admin-report-table .table tbody {
  border-top: 0;
}
.admin-report-table .table .admin-report-table-header .sort-btn {
  outline: none;
  background: none;
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.admin-report-table .table .admin-report-table-header.is-current-sort .d-icon {
  color: var(--tertiary);
}
.admin-report-table .table .admin-report-table-header.is-current-sort .sort-btn:hover {
  color: var(--primary-medium);
  background: var(--primary-low);
}
.admin-report-table .table .admin-report-table-header:not(.is-current-sort) .sort-btn {
  background: none;
}
.admin-report-table .table .admin-report-table-header:not(.is-current-sort) .sort-btn:hover {
  color: var(--primary-medium);
  background: var(--primary-low);
}
.admin-report-table .table .admin-report-table-header:not(.is-current-sort) .sort-btn:hover .d-icon {
  color: var(--primary-medium);
}
.admin-report-table .admin-report-table-cell.user .username {
  margin-left: 0.25em;
}
.admin-report-table .total-row {
  background: var(--primary-very-low);
}
.admin-report-table .total-row td {
  font-weight: 700;
  text-align: left;
}
.admin-report-table .pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.25em;
}
.admin-report-table .pagination button {
  margin-left: 0.5em;
}
.admin-report-table .pagination button.is-current {
  color: var(--tertiary);
}

.admin-report.top-referred-topics .admin-report-table-header.topic_title {
  width: 80%;
}

.admin-report.trending-search .admin-report-table-header.ctr,
.admin-report.trending-search .admin-report-table-header.unique_searches,
.admin-report.trending-search .admin-report-table-cell.ctr,
.admin-report.trending-search .admin-report-table-cell.unique_searches {
  text-align: center;
  width: 20%;
}
.admin-report.trending-search .admin-report-table-cell.term {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.admin-report.moderators-activity .admin-report-table-header.seconds,
.admin-report.moderators-activity .admin-report-table-header.number,
.admin-report.moderators-activity .admin-report-table-cell.seconds,
.admin-report.moderators-activity .admin-report-table-cell.number {
  text-align: center;
}
.admin-report.moderators-activity .admin-report-table-header.user {
  width: 20%;
}

.admin-report.post-edits .admin-report-table-header.user {
  width: 20%;
}
.admin-report.post-edits .admin-report-table-cell.post,
.admin-report.post-edits .admin-report-table-cell.edit_reason {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.admin-report.flags-status .admin-report-table-header.response_time,
.admin-report.flags-status .admin-report-table-cell.response_time {
  text-align: center;
}

.rtl .admin-report-table.two-columns .table .admin-report-table-cell:first-child,
.rtl .admin-report-table.two-columns .table .admin-report-table-header:first-child {
  text-align: right;
}
.rtl .admin-report-table.two-columns .table .admin-report-table-cell:last-child,
.rtl .admin-report-table.two-columns .table .admin-report-table-header:last-child {
  text-align: left;
}
.rtl .admin-report-table .total-row td {
  text-align: right;
}
.rtl .admin-report-table-cell.user .username {
  margin-left: 0;
  margin-right: 0.25em;
}
.rtl .admin-report.trending-search .admin-report-table-header.term,
.rtl .admin-report.trending-search .admin-report-table-cell.term {
  text-align: right;
}
.rtl .pagination button {
  margin-left: 0;
  margin-right: 0.5em;
}
.rtl .admin-report.moderators-activity .admin-report-table-header.user,
.rtl .admin-report.moderators-activity .admin-report-table-cell.user {
  text-align: right;
}

.admin-report-inline-table .table-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.admin-section-landing-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  gap: 1em 2em;
  margin-top: 1em;
  padding-top: 1em;
}
.admin-section-landing-wrapper .admin-section-landing-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
  grid-row: span 2;
  gap: 0;
  margin-bottom: 2em;
}
@media screen and (min-width: calc(550px + 1px)) {
  .admin-section-landing-wrapper .admin-section-landing-item {
    margin-bottom: 2em;
  }
}
.admin-section-landing-wrapper .admin-section-landing-item.-has-icon {
  grid-template-columns: 1fr 8fr;
}
.admin-section-landing-wrapper .admin-section-landing-item.-has-icon .admin-section-landing-item__buttons {
  grid-column: 2;
}
.admin-section-landing-wrapper .admin-section-landing-item__content {
  grid-row: 1;
}
.admin-section-landing-wrapper .admin-section-landing-item__tagline {
  font-size: var(--font-down-1);
  font-weight: normal;
  color: var(--primary-high);
  margin: 0;
  letter-spacing: 0.1px;
}
.admin-section-landing-wrapper .admin-section-landing-item__title {
  margin: 0;
  line-height: var(--line-height-medium);
}
.admin-section-landing-wrapper .admin-section-landing-item__description {
  color: var(--primary-high);
  margin: 0.25em 0 0.5em;
  line-height: var(--line-height-large);
  align-self: start;
}
@media screen and (min-width: calc(550px + 1px)) {
  .admin-section-landing-wrapper .admin-section-landing-item__description {
    max-width: 17em;
  }
}
.admin-section-landing-wrapper .admin-section-landing-item__icon {
  font-size: var(--font-up-3);
  color: var(--primary-low-mid);
  grid-row: 1;
}
.admin-section-landing-wrapper .admin-section-landing-item__buttons {
  grid-row: 2;
  grid-column: 1;
}
.admin-section-landing-wrapper .admin-section-landing-item button {
  justify-self: start;
}

.admin-intro {
  display: inline-block;
  width: 51%;
  vertical-align: top;
  margin-left: 20%;
}
.admin-intro img {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 5px;
}
.admin-intro .create-actions {
  margin-bottom: 1em;
}
.admin-intro .content-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 65%;
}
.admin-intro .content-wrapper h1 {
  display: inline-block;
  line-height: var(--line-height-medium);
}
.admin-intro .external-link {
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 550px) {
  .admin-intro {
    width: 100%;
    margin: 2em 0;
  }
  .admin-intro .content-wrapper {
    width: 100%;
  }
  .admin-intro img {
    display: none;
  }
}

.profiler-queries-bg {
  z-index: 998;
}

div.profiler-results.profiler-top {
  top: var(--header-offset);
  z-index: 999;
}
div.profiler-results.profiler-top .profiler-result {
  font-size: var(--font-down-1);
}
div.profiler-results.profiler-top .profiler-button {
  background-color: var(--header_background);
  color: var(--header_primary);
  border-bottom: 1px solid var(--header_primary-low);
}
div.profiler-results.profiler-top .profiler-button .profiler-number,
div.profiler-results.profiler-top .profiler-button .profiler-unit {
  color: var(--header_primary);
}
div.profiler-results.profiler-top .profiler-button .profiler-reqs {
  font-size: var(--font-down-1);
}
div.profiler-results.profiler-top.profiler-left .profiler-button {
  border-right: 1px solid var(--header_primary-low);
}
div.profiler-results.profiler-top.profiler-right .profiler-button {
  border-left: 1px solid var(--header_primary-low);
  padding-right: 10px;
}

.schema-theme-setting-editor .schema-theme-setting-editor__wrapper {
  --schema-space: 0.5em;
  display: grid;
  grid-template-columns: minmax(10em, 0.3fr) 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 5vw;
}
@media screen and (max-width: 550px) {
  .schema-theme-setting-editor .schema-theme-setting-editor__wrapper {
    --schema-space: 0.33em;
    gap: 0 1em;
  }
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation {
  overflow: hidden;
  align-self: start;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation ul {
  list-style: none;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree {
  border: 1px solid var(--primary-low);
  overflow: auto;
  margin: 0 0 2em 0;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree ul {
  padding: 0 calc(var(--schema-space) * 2) 0 var(--schema-space);
  margin: 0 0 1em;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree ul li:hover {
  background: var(--primary-very-low);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree ul.--is-hidden {
  display: none;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .--heading {
  display: flex;
  align-items: center;
  padding: var(--schema-space) calc(var(--schema-space) * 3) var(--schema-space) calc(var(--schema-space) * 2);
  gap: 0.5em;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .--heading .d-icon {
  font-size: var(--font-down-3);
  margin-left: auto;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--back-btn {
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid var(--primary-low);
  color: var(--primary-700);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--back-btn:hover {
  color: var(--primary-800);
  background: var(--primary-very-low);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--back-btn .schema-theme-setting-editor__tree-node-text {
  color: currentcolor;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--back-btn .schema-theme-setting-editor__tree-node-text .d-icon {
  color: currentcolor;
  margin-left: 0;
  margin-right: var(--schema-space);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node-text {
  padding: var(--schema-space);
  color: var(--primary);
  display: flex;
  align-items: center;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node-text span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node-text .d-icon {
  margin-left: auto;
  font-size: var(--font-down-3);
  color: var(--primary-500);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node {
  cursor: pointer;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--active > .schema-theme-setting-editor__tree-node-text {
  background-color: var(--tertiary);
  color: var(--secondary);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--active > .schema-theme-setting-editor__tree-node-text .d-icon {
  color: var(--secondary);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--parent {
  border: 2px solid transparent;
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--parent:not(:has(ul)):hover {
  background: var(--primary-very-low);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--parent.--active {
  border: 2px solid var(--tertiary);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--parent.--add-button {
  border-top: 1px solid var(--primary-low);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--heading .d-icon {
  color: var(--primary-700);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--heading:hover {
  background: var(--primary-very-low);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--child {
  margin-left: var(--schema-space);
  border-left: 1px solid var(--primary-200);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--child .schema-theme-setting-editor__tree-node-text {
  color: var(--primary-800);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree-add-button {
  color: var(--tertiary);
  width: 100%;
  line-height: 1.4;
  justify-content: start;
  padding: var(--schema-space);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree-add-button .d-icon {
  color: currentcolor;
  font-size: var(--font-down-1);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree-add-button:hover {
  background: var(--primary-very-low);
  color: var(--tertiary-hover);
}
.schema-theme-setting-editor .schema-theme-setting-editor__wrapper .schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree-add-button:hover .d-icon {
  color: currentcolor;
}

.customize-themes-show-schema__header {
  margin-bottom: 1em;
}
.customize-themes-show-schema__back {
  display: flex;
  align-items: center;
  gap: 0.25em;
  color: var(--tertiary);
}
.customize-themes-show-schema__back .d-icon {
  font-size: var(--font-down-1);
  color: currentcolor;
}

.bulk-user-delete-confirmation__progress {
  font-family: var(--d-font-family--monospace);
  max-height: 400px;
  background: var(--blend-primary-secondary-5);
  padding: 1em;
  overflow-y: auto;
}
.bulk-user-delete-confirmation__progress-line {
  overflow-anchor: none;
}
.bulk-user-delete-confirmation__progress-line.-success {
  color: var(--success);
}
.bulk-user-delete-confirmation__progress-line.-error {
  color: var(--danger);
}
.bulk-user-delete-confirmation__progress-anchor {
  overflow-anchor: auto;
  height: 1px;
}