@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 5, app/assets/stylesheets/audit_logs.scss */
.audit-log-filters .form-group-horizontal .actions,
.audit-log-filters .select2-container {
  height: 37px;
  margin: 4px 0px;
}

/* line 13, app/assets/stylesheets/audit_logs.scss */
.audit-log-filters .select2-container .selection .select2-selection {
  border-color: #DDD;
  height: 100%;
  padding: 4px 0;
}

/* line 19, app/assets/stylesheets/audit_logs.scss */
.audit-log-filters .select2-container .selection .select2-selection__arrow {
  top: 50%;
  translate: 0 -50%;
}

/* line 28, app/assets/stylesheets/audit_logs.scss */
.audit-log-filters .form-group-horizontal .actions .button {
  height: 100%;
  margin: 0;
}

/* line 36, app/assets/stylesheets/audit_logs.scss */
.audit-log-summary {
  display: flex;
  align-items: center;
  gap: 1em;
  word-break: break-word;
}

/* line 42, app/assets/stylesheets/audit_logs.scss */
.audit-log-summary[open] {
  margin: 0;
}

/* line 46, app/assets/stylesheets/audit_logs.scss */
.audit-log-summary::before {
  top: unset;
}

/* line 50, app/assets/stylesheets/audit_logs.scss */
.audit-log-summary .details {
  flex: 1;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 7, app/assets/stylesheets/categories.scss */
.category-meta {
  display: flex;
  border-bottom: 1px solid #DDD;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (min-width: 780px) {
  /* line 7, app/assets/stylesheets/categories.scss */
  .category-meta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* line 20, app/assets/stylesheets/categories.scss */
.category-meta .category-meta--start {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

/* line 27, app/assets/stylesheets/categories.scss */
.category-header--nav {
  overflow-x: auto;
  white-space: nowrap;
}

/* line 32, app/assets/stylesheets/categories.scss */
.category-filters:not([open]) {
  border-top: 1px solid #DDD;
}

/* line 36, app/assets/stylesheets/categories.scss */
.category--description {
  color: #666;
}

@media screen and (min-width: 780px) {
  /* line 40, app/assets/stylesheets/categories.scss */
  .update-cpt {
    margin-top: 35px;
  }
}

@media screen and (min-width: 780px) {
  /* line 46, app/assets/stylesheets/categories.scss */
  .add-cpt {
    margin-top: 20px;
  }
}
/* line 3, app/assets/stylesheets/comment_threads.scss */
.post--comments-thread-wrapper .post--comments-thread .widget--body:not(.widget--deleted-comments):not(.widget--more-comments) {
  padding: 0;
}

/* line 6, app/assets/stylesheets/comment_threads.scss */
.post--comments-thread-wrapper .post--comments-thread .widget--body:not(.widget--deleted-comments):not(.widget--more-comments) .comment {
  margin: 0;
}

/* line 12, app/assets/stylesheets/comment_threads.scss */
.post--comments-thread-wrapper .droppanel {
  max-width: 15em;
}

/* line 15, app/assets/stylesheets/comment_threads.scss */
.post--comments-thread-wrapper .droppanel .droppanel--menu {
  max-width: unset;
}

/* line 23, app/assets/stylesheets/comment_threads.scss */
.thread .widget--full-thread,
.thread .widget--more-comments,
.thread .widget--deleted-comments {
  font-size: 0.8em;
  padding: 0.5em;
  text-align: center;
}

/* line 30, app/assets/stylesheets/comment_threads.scss */
.thread .widget--full-thread p,
.thread .widget--more-comments p,
.thread .widget--deleted-comments p {
  margin: 0;
}

/* line 36, app/assets/stylesheets/comment_threads.scss */
.thread-followers-list {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

/* line 41, app/assets/stylesheets/comment_threads.scss */
.thread-followers-list .user-card--content {
  max-width: 75%;
}

/* line 46, app/assets/stylesheets/comment_threads.scss */
.new-thread-wrapper,
.reply-to-thread-wrapper {
  align-items: center;
  gap: 0.25em;
  display: inline-flex;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/comments.scss */
.comment {
  margin: 0.25rem;
  border: 1px solid #ccc;
  font-size: 0.9em;
}

/* line 9, app/assets/stylesheets/comments.scss */
.widget:not(.flag-widget) .comment {
  margin: -0.75rem;
  border: none;
}

/* line 14, app/assets/stylesheets/comments.scss */
.flag-widget .comment {
  margin: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

/* line 20, app/assets/stylesheets/comments.scss */
.comment:target {
  box-shadow: 0 0 0 5px rgba(255, 200, 0, 0.3);
}

/* line 24, app/assets/stylesheets/comments.scss */
.comment .comment-meta {
  background-color: rgba(0, 0, 0, 0.05);
  color: #666;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9em;
  gap: 0.5em;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
}

/* line 35, app/assets/stylesheets/comments.scss */
.comment .comment-meta .comment--reference {
  position: relative;
  width: 1.5rem;
}

/* line 39, app/assets/stylesheets/comments.scss */
.comment .comment-meta .comment--reference .comment--reference-button {
  padding: 0.25rem;
  position: absolute;
  top: -0.35rem;
  left: -0.55rem;
}

/* line 47, app/assets/stylesheets/comments.scss */
.comment .comment-meta .comment--links {
  display: flex;
}

/* line 50, app/assets/stylesheets/comments.scss */
.comment .comment-meta .comment--links a {
  margin: 0 0.25rem;
}

/* line 53, app/assets/stylesheets/comments.scss */
.comment .comment-meta .comment--links a:first-child {
  margin-left: 0;
}

/* line 60, app/assets/stylesheets/comments.scss */
.comment .comment--body {
  padding: 0.5rem 0.75rem;
  padding-top: 0.125rem;
}

/* line 65, app/assets/stylesheets/comments.scss */
.post--comments-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

/* line 72, app/assets/stylesheets/comments.scss */
.post--comments-container {
  margin-bottom: 1rem;
}

/* line 76, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline {
  padding: 0.5rem 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  transition: all .3s ease;
}

/* line 83, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline:hover {
  background-color: #f0f0f0;
}

/* line 87, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline.is-deleted {
  background-color: #fdd;
  opacity: 0.5;
}

/* line 90, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline.is-deleted:hover {
  opacity: 0.7;
}

/* line 92, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline.is-archived {
  opacity: 0.5;
}

/* line 94, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline.is-archived:hover {
  opacity: 0.7;
}

/* line 97, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-inline a {
  flex-grow: 1;
  text-overflow: ellipsis;
  width: 0;
  margin-right: 0.5rem;
}

/* line 105, app/assets/stylesheets/comments.scss */
.post--comments-thread.is-embedded {
  background-color: #fafafa;
}

/* line 109, app/assets/stylesheets/comments.scss */
.ping {
  color: #666;
  background-color: #eee;
  padding: 0.125rem 0.25rem;
  border-radius: 0.5rem;
  font-size: 0.85em;
  font-weight: bold;
}

/* line 117, app/assets/stylesheets/comments.scss */
.ping:hover {
  color: #666;
  text-decoration: none !important;
}

/* line 122, app/assets/stylesheets/comments.scss */
.ping.me {
  background-color: #444;
  color: white;
}

/* line 126, app/assets/stylesheets/comments.scss */
.ping.me:hover {
  background-color: #222;
  color: white;
}

/* line 132, app/assets/stylesheets/comments.scss */
.ping.unpingable {
  background: #fdeded;
  color: #991212;
}

/* line 136, app/assets/stylesheets/comments.scss */
.ping.unpingable:hover {
  background: #f9cbcb;
  color: #991212;
}

/* line 143, app/assets/stylesheets/comments.scss */
.comment-content {
  resize: vertical !important;
}

/* line 147, app/assets/stylesheets/comments.scss */
.new-thread-modal {
  box-shadow: 0 3px 5px -2px #eee;
  border: 1px solid #d0d9dd;
  margin-top: 1rem;
  padding: 0.7em;
  display: none;
}

/* line 155, app/assets/stylesheets/comments.scss */
.reply-to-thread-form {
  display: none;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 4, app/assets/stylesheets/complaints.scss */
.complaint-form label, .complaints-container label {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.2rem;
  color: #222;
}

/* line 11, app/assets/stylesheets/complaints.scss */
.complaint-form label.inline, .complaints-container label.inline {
  display: inline-block;
  font-weight: normal;
  font-size: 1rem;
}

/* line 18, app/assets/stylesheets/complaints.scss */
.complaint-form .form-radio-group, .complaints-container .form-radio-group {
  display: flex;
  margin: 0.75rem 0;
  justify-content: flex-start;
  align-items: center;
}

/* line 24, app/assets/stylesheets/complaints.scss */
.complaint-form .form-radio-group :first-child, .complaints-container .form-radio-group :first-child {
  margin-right: 0.5rem;
}

/* line 28, app/assets/stylesheets/complaints.scss */
.complaint-form .form-radio-group label, .complaints-container .form-radio-group label {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 1rem;
}

/* line 35, app/assets/stylesheets/complaints.scss */
.complaint-form .form-radio-group .form-caption, .complaints-container .form-radio-group .form-caption {
  margin: 0;
}

/* line 40, app/assets/stylesheets/complaints.scss */
.complaint-form .form-group, .complaints-container .form-group {
  margin-bottom: 2rem;
}

/* line 44, app/assets/stylesheets/complaints.scss */
.complaint-form .hidden, .complaints-container .hidden {
  display: none;
}

/* line 48, app/assets/stylesheets/complaints.scss */
.complaint-form [disabled], .complaints-container [disabled] {
  border: 1px solid #666;
  background: #DDD;
}

/* line 54, app/assets/stylesheets/complaints.scss */
.complaint-status-badge {
  display: inline-block;
  padding: 0.3rem;
  border-radius: 0.2rem;
}

/* line 60, app/assets/stylesheets/complaints.scss */
.is-lead + h1.complaint-title {
  margin-top: -1rem;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/donations.scss */
.dc-container-centered {
  width: 100%;
  margin: 0 0.5em;
  border-radius: 1em;
  overflow: hidden;
}

@media screen and (min-width: 780px) {
  /* line 3, app/assets/stylesheets/donations.scss */
  .dc-container-centered {
    width: 80%;
    max-width: 40em;
    margin: 0 auto;
  }
}

/* line 16, app/assets/stylesheets/donations.scss */
.dc-hero {
  text-align: center;
  background: #4B68FF;
  color: white;
  padding: 1em 0;
}

/* line 22, app/assets/stylesheets/donations.scss */
.dc-hero h1 {
  font-size: 2.0em;
  margin: 0;
}

/* line 28, app/assets/stylesheets/donations.scss */
.dc-content {
  padding: 0.2em 0.5em;
  background: #333;
  color: #DDD;
  border-bottom: 1px solid #666;
  font-size: 0.9em;
}

/* line 35, app/assets/stylesheets/donations.scss */
.dc-content :after {
  display: table;
  content: '';
  clear: both;
}

/* line 41, app/assets/stylesheets/donations.scss */
.dc-content p {
  margin: 0 calc(min(max(0.5em, 15%), 4em)) 0.5em calc(min(max(0.5em, 15%), 4em));
  text-align: justify;
}

/* line 45, app/assets/stylesheets/donations.scss */
.dc-content p.lede {
  text-align: center;
  font-size: 1.5em;
}

/* line 50, app/assets/stylesheets/donations.scss */
.dc-content p.dc-p-center {
  text-align: center;
}

/* line 55, app/assets/stylesheets/donations.scss */
.dc-content h1 {
  font-size: 6.0em;
}

/* line 59, app/assets/stylesheets/donations.scss */
.dc-content form {
  margin: 2em calc(min(max(0.5em, 15%), 4em)) 2em calc(min(max(0.5em, 15%), 4em));
}

/* line 62, app/assets/stylesheets/donations.scss */
.dc-content form label {
  font-weight: bold;
  font-size: 1.2em;
}

/* line 67, app/assets/stylesheets/donations.scss */
.dc-content form .suggestions {
  margin: 0.5em 0;
  display: flex;
  align-items: center;
}

/* line 72, app/assets/stylesheets/donations.scss */
.dc-content form .suggestions .suggestion {
  display: inline-block;
  background: #4B68FF;
  color: white;
  border-radius: 0.2em;
  padding: 0.3em 0.6em;
  margin: 0 1em 0 0;
  font-size: 1.2em;
  transition: all 0.2s ease;
}

/* line 82, app/assets/stylesheets/donations.scss */
.dc-content form .suggestions .suggestion:hover {
  text-decoration: none;
  background: #657dff;
}

/* line 89, app/assets/stylesheets/donations.scss */
.dc-content form .dc-amount-field {
  text-align: center;
  font-size: 2em;
}

/* line 94, app/assets/stylesheets/donations.scss */
.dc-content form input[type="submit"], .dc-content form button[type="submit"] {
  float: right;
}

/* line 98, app/assets/stylesheets/donations.scss */
.dc-content form #stripe-df-card {
  margin: 1em 0;
}

/* line 102, app/assets/stylesheets/donations.scss */
.dc-content form .form-caption {
  color: #AAA;
  margin-top: 0.2em;
}

/* line 107, app/assets/stylesheets/donations.scss */
.dc-content form .stripe-df-intro {
  justify-content: center;
  font-size: 1.1em;
  display: flex;
  align-items: center;
  margin: 1em 0;
}

/* line 114, app/assets/stylesheets/donations.scss */
.dc-content form .stripe-df-intro > img {
  height: 30px;
  max-width: unset;
}

/* line 121, app/assets/stylesheets/donations.scss */
.dc-content a.text-link {
  color: white;
  text-decoration: underline;
}

/* line 125, app/assets/stylesheets/donations.scss */
.dc-content a.text-link:hover {
  text-decoration: none;
}

/* line 130, app/assets/stylesheets/donations.scss */
.dc-content:last-of-type {
  border-bottom: 0;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 5, app/assets/stylesheets/error_reports.scss */
.error-reports-filters .form-group-horizontal .actions,
.error-reports-filters .select2-container {
  height: 37px;
  margin: 4px 0px;
}

/* line 13, app/assets/stylesheets/error_reports.scss */
.error-reports-filters .select2-container .selection .select2-selection {
  border-color: #DDD;
  height: 100%;
  padding: 4px 0;
}

/* line 19, app/assets/stylesheets/error_reports.scss */
.error-reports-filters .select2-container .selection .select2-selection__arrow {
  top: 50%;
  translate: 0 -50%;
}

/* line 28, app/assets/stylesheets/error_reports.scss */
.error-reports-filters .form-group-horizontal .actions .button {
  margin: 0;
}
/* line 1, app/assets/stylesheets/errors.scss */
.error-code {
  font-size: 8rem;
  padding: 0;
  margin: -0.3em 0;
}

/* line 7, app/assets/stylesheets/errors.scss */
.error-name {
  font-variant: small-caps;
  letter-spacing: 10px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

/* line 15, app/assets/stylesheets/errors.scss */
.error-trace {
  background: #EEE;
  height: unset;
  max-height: unset;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 23, app/assets/stylesheets/errors.scss */
.error-report-summary {
  display: flex;
  align-items: center;
  gap: 1em;
  word-break: break-word;
}

/* line 29, app/assets/stylesheets/errors.scss */
.error-report-summary .details {
  flex: 1;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/flags.scss */
.flags-list-header {
  display: flex;
  justify-content: space-between;
}

/* line 11, app/assets/stylesheets/flags.scss */
.header .header--menu .header--item .header--alert {
  min-width: 2em;
  padding: 0 0.5em;
  height: unset;
}

/* line 16, app/assets/stylesheets/flags.scss */
.header .header--menu .header--item .header--alert.is-red {
  background: #EB5959;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-xxs {
  font-size: 0.8em;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-xs {
  font-size: 0.85em;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-sm {
  font-size: 0.9em;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-md {
  font-size: 1em;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-lg {
  font-size: 1.2em;
}

/* line 4, app/assets/stylesheets/fonts.scss */
.font-xl {
  font-size: 1.5em;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/forms.scss */
select.form-element {
  display: block;
  width: 100%;
}

/* line 8, app/assets/stylesheets/forms.scss */
.form-group {
  margin-bottom: 1em;
}

/* line 12, app/assets/stylesheets/forms.scss */
.form-group-horizontal {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
  align-items: flex-end;
}

@media screen and (min-width: 780px) {
  /* line 12, app/assets/stylesheets/forms.scss */
  .form-group-horizontal {
    flex-direction: row;
  }
}

/* line 22, app/assets/stylesheets/forms.scss */
.form-group-horizontal > .form-group {
  margin: 0.5em 0;
}

@media screen and (min-width: 780px) {
  /* line 22, app/assets/stylesheets/forms.scss */
  .form-group-horizontal > .form-group {
    margin: 0 0.5em;
    flex: 1;
  }
}

/* line 31, app/assets/stylesheets/forms.scss */
.form-group-horizontal > .actions {
  display: flex;
  align-items: flex-end;
  margin: 4px 0;
}

/* line 39, app/assets/stylesheets/forms.scss */
.form-inline input[type="file"] {
  display: inline-block;
}

/* line 44, app/assets/stylesheets/forms.scss */
.select2 {
  margin: 0.4em 0;
}

/* line 48, app/assets/stylesheets/forms.scss */
.select2-container {
  width: 100% !important;
}

/* line 52, app/assets/stylesheets/forms.scss */
.select2-results__option {
  min-height: 2em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="1"] {
  min-height: 2.4em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="2"] {
  min-height: 3.6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="3"] {
  min-height: 4.8em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="4"] {
  min-height: 6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="5"] {
  min-height: 7.2em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="6"] {
  min-height: 8.4em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="7"] {
  min-height: 9.6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="8"] {
  min-height: 10.8em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="9"] {
  min-height: 12em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="10"] {
  min-height: 13.2em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="11"] {
  min-height: 14.4em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="12"] {
  min-height: 15.6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="13"] {
  min-height: 16.8em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="14"] {
  min-height: 18em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="15"] {
  min-height: 19.2em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="16"] {
  min-height: 20.4em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="17"] {
  min-height: 21.6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="18"] {
  min-height: 22.8em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="19"] {
  min-height: 24em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="20"] {
  min-height: 25.2em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="21"] {
  min-height: 26.4em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="22"] {
  min-height: 27.6em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="23"] {
  min-height: 28.8em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="24"] {
  min-height: 30em;
}

/* line 57, app/assets/stylesheets/forms.scss */
textarea.has-rows[rows="25"] {
  min-height: 31.2em;
}

/* line 62, app/assets/stylesheets/forms.scss */
.check-group-horizontal {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 67, app/assets/stylesheets/forms.scss */
.check-group-horizontal label {
  padding: 0;
  margin: 0;
}

/* line 72, app/assets/stylesheets/forms.scss */
.check-group-horizontal input[type="checkbox"] {
  padding: 0;
  margin: 0 0 0 0.5em;
}

/* line 78, app/assets/stylesheets/forms.scss */
.check-group__right {
  justify-content: flex-end;
}

/* line 82, app/assets/stylesheets/forms.scss */
.checkbox__large {
  zoom: 1.5;
}
/* line 1, app/assets/stylesheets/keyboard_tools.scss */
.__keyboard_help {
  padding: 1rem;
  font-family: monospace;
  white-space: pre-wrap;
  width: 350px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 0.25rem;
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 2305843009213693951;
  /* This is the largest Mersenne-prime shown in full on Wikipedia and should be
                                     large enough for most practical use cases to ensure that the keyboard help
                                     is always above everything else. */
}

/* line 16, app/assets/stylesheets/keyboard_tools.scss */
.__keyboard_selected {
  outline: 0.25rem solid red;
}
/* line 5, app/assets/stylesheets/licenses.scss */
.select2-results__option--highlighted .has-color-tertiary-600 {
  color: #DDD !important;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/markdown_tools.scss */
.markdown-tools {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* line 9, app/assets/stylesheets/markdown_tools.scss */
.markdown-tools .button-list {
  margin: 0 0.3em 0.3em 0;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/micro_auth/../_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 8, app/assets/stylesheets/micro_auth/apps.scss */
.app-security input[type="text"] {
  font-family: "Cascadia Code", "Roboto Mono", monospace;
}
/* line 5, app/assets/stylesheets/micro_auth/authentication.scss */
.auth-code {
  text-align: center;
  font-size: 40px;
  letter-spacing: 0.25em;
  font-weight: bold;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/notifications.scss */
.notification {
  border-top: 1px solid #DDD;
  padding: 0.5em;
}

@media screen and (min-width: 780px) {
  /* line 3, app/assets/stylesheets/notifications.scss */
  .notification {
    flex-direction: row;
  }
}

/* line 11, app/assets/stylesheets/notifications.scss */
.notification > * {
  margin: 0 0.2em;
}

/* line 15, app/assets/stylesheets/notifications.scss */
.notification:last-of-type {
  border-bottom: 1px solid #DDD;
}

/* line 19, app/assets/stylesheets/notifications.scss */
.notification .notification--timestamp {
  line-break: strict;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/post_history.scss */
.history-event {
  border-top: 1px solid #DDD;
  padding: 1em;
}

/* line 7, app/assets/stylesheets/post_history.scss */
.history-event > :not(summary) {
  margin-top: 0.5em;
}

/* line 11, app/assets/stylesheets/post_history.scss */
.history-event > summary {
  border-bottom: 0;
  display: unset;
  font-weight: unset;
  color: unset;
}

/* line 17, app/assets/stylesheets/post_history.scss */
.history-event > summary .droppanel {
  position: fixed;
}

/* line 22, app/assets/stylesheets/post_history.scss */
.history-event:last-of-type {
  border-bottom: 1px solid #DDD;
}

/* line 26, app/assets/stylesheets/post_history.scss */
.history-event .before {
  flex: 1;
  padding: 0.5em;
  background: white;
}

/* line 32, app/assets/stylesheets/post_history.scss */
.history-event .after {
  flex: 1;
  padding: 0.5em;
  background: #e6f9ee;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/post_types.scss */
.checkbox-setting {
  border: 1px solid #DDD;
  border-radius: 0.3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 1em;
  margin: 0.5em 0;
}

/* line 13, app/assets/stylesheets/post_types.scss */
.checkbox-setting .checkbox-setting--desc label.form-element {
  margin: 0.1em 0;
}

/* line 17, app/assets/stylesheets/post_types.scss */
.checkbox-setting .checkbox-setting--desc .desc {
  color: #666;
  font-size: 0.8em;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/posts.scss */
.post-field {
  font-family: 'Roboto Mono', monospace !important;
}

/* line 7, app/assets/stylesheets/posts.scss */
.upload-form {
  margin: 1em 0;
}

/* line 10, app/assets/stylesheets/posts.scss */
.upload-form button[type="submit"] {
  display: none;
}

/* line 15, app/assets/stylesheets/posts.scss */
.post--container {
  max-width: 100%;
}

/* line 18, app/assets/stylesheets/posts.scss */
.post--container.grid {
  margin: 0;
}

/* line 22, app/assets/stylesheets/posts.scss */
.post--container .grid--cell.is-flexible {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  width: 0;
}

/* line 30, app/assets/stylesheets/posts.scss */
.badge.is-tag {
  margin: 0.1rem;
  max-width: 100%;
}

/* line 35, app/assets/stylesheets/posts.scss */
h1 .badge.is-tag.is-master-tag {
  position: relative;
  top: -0.4em;
}

/* line 40, app/assets/stylesheets/posts.scss */
.vote-button svg {
  font-size: 20px;
}

/* line 44, app/assets/stylesheets/posts.scss */
.post-list--meta {
  font-size: 14px;
}

/* line 48, app/assets/stylesheets/posts.scss */
.post-list--tags {
  max-width: 100%;
}

/* line 52, app/assets/stylesheets/posts.scss */
.post-list--title {
  font-size: 19px;
  width: 100%;
}

/* line 56, app/assets/stylesheets/posts.scss */
.post-list--title a {
  display: inline-block;
  width: 100%;
  overflow-wrap: break-word;
}

/* line 62, app/assets/stylesheets/posts.scss */
.post-list--title del {
  background-color: transparent;
}

/* line 67, app/assets/stylesheets/posts.scss */
.post-widget--title {
  line-height: 1.5em;
}

/* line 70, app/assets/stylesheets/posts.scss */
.post-widget--title del {
  background-color: transparent;
}

/* line 75, app/assets/stylesheets/posts.scss */
.post-list--content {
  font-size: 14px;
  width: 100%;
  overflow-wrap: break-word;
}

/* line 81, app/assets/stylesheets/posts.scss */
.post--action-dialog {
  display: none;
}

/* line 84, app/assets/stylesheets/posts.scss */
.post--action-dialog.is-active {
  display: block;
}

/* line 88, app/assets/stylesheets/posts.scss */
.post--action-dialog label.form-element {
  margin: 0;
}

/* line 92, app/assets/stylesheets/posts.scss */
.post--action-dialog .form-caption {
  margin: 0;
  margin-top: 4px !important;
}

/* line 96, app/assets/stylesheets/posts.scss */
.post--action-dialog .form-caption p {
  margin: 0;
}

/* line 102, app/assets/stylesheets/posts.scss */
.js-close-box .widget--body {
  padding: 0.25em 0.5em;
}

/* line 105, app/assets/stylesheets/posts.scss */
.js-close-box .widget--body .grid--cell:first-child {
  padding-top: 0.6em;
}

/* line 110, app/assets/stylesheets/posts.scss */
.post-preview {
  padding: 1em;
  border-bottom: 1px solid #DDD;
  margin-bottom: 1em;
  width: 100%;
  overflow-wrap: break-word;
}

/* line 118, app/assets/stylesheets/posts.scss */
.post-preview * {
  max-width: 100%;
}

/* line 123, app/assets/stylesheets/posts.scss */
.post-field.widget--body {
  margin: -1px -1px 3px -1px;
  border-radius: 0;
  width: calc(100% + 2px);
}

/* line 128, app/assets/stylesheets/posts.scss */
.post-field.widget--body + .widget--footer {
  border-top: none;
  align-items: center;
  margin: 0;
}

/* line 133, app/assets/stylesheets/posts.scss */
.post-field.widget--body + .widget--footer.mdhint {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 0;
  justify-content: space-between;
}

/* line 139, app/assets/stylesheets/posts.scss */
.post-field.widget--body + .widget--footer.mdhint > * {
  padding: 0;
}

/* line 144, app/assets/stylesheets/posts.scss */
.post-field.widget--body + .widget--footer > .draft-status {
  text-align: center;
  transition: opacity 0.5s ease-in-out;
}

/* line 151, app/assets/stylesheets/posts.scss */
.post--title {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}

/* line 156, app/assets/stylesheets/posts.scss */
.post--title .post--title-text {
  width: 100%;
}

/* line 160, app/assets/stylesheets/posts.scss */
.post--title del {
  background-color: transparent;
}

@media screen and (min-width: 780px) {
  /* line 151, app/assets/stylesheets/posts.scss */
  .post--title {
    flex-direction: row;
  }
  /* line 167, app/assets/stylesheets/posts.scss */
  .post--title > .badge {
    margin-left: 0.5em;
    display: flex;
    align-items: center;
  }
  /* line 172, app/assets/stylesheets/posts.scss */
  .post--title > .badge > i {
    margin-right: 0.2em;
  }
}

/* line 179, app/assets/stylesheets/posts.scss */
.post--tags {
  padding: 0.2em 0;
}

/* line 183, app/assets/stylesheets/posts.scss */
.post--meta {
  margin: 0.2em 0;
}

/* line 186, app/assets/stylesheets/posts.scss */
.post--meta .post-meta--post,
.post--meta .post-meta--user {
  padding: 0.5rem;
  border-radius: 5px;
  color: #666;
  margin: 0.1em 0;
}

@media screen and (min-width: 780px) {
  /* line 186, app/assets/stylesheets/posts.scss */
  .post--meta .post-meta--post,
.post--meta .post-meta--user {
    margin: 0;
  }
}

/* line 198, app/assets/stylesheets/posts.scss */
.post--meta .post-meta--user {
  background: #EEE;
  align-self: flex-end;
}

@media screen and (min-width: 780px) {
  /* line 198, app/assets/stylesheets/posts.scss */
  .post--meta .post-meta--user {
    align-self: flex-start;
  }
}

/* line 207, app/assets/stylesheets/posts.scss */
.post--meta .post-meta--post {
  font-size: 0.9em;
}

/* line 210, app/assets/stylesheets/posts.scss */
.post--meta .post-meta--post > * {
  margin: 0.1em 0;
}

/* line 216, app/assets/stylesheets/posts.scss */
.post--container {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 576px) {
  /* line 216, app/assets/stylesheets/posts.scss */
  .post--container {
    flex-direction: row;
  }
}

/* line 225, app/assets/stylesheets/posts.scss */
.post--votes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 576px) {
  /* line 225, app/assets/stylesheets/posts.scss */
  .post--votes {
    flex-direction: column;
  }
}

/* line 236, app/assets/stylesheets/posts.scss */
.post--no-votes {
  font-size: 2em;
  color: #666;
  font-weight: lighter;
}

/* line 243, app/assets/stylesheets/posts.scss */
.post--actions .droppanel {
  max-width: 20em;
}

/* line 248, app/assets/stylesheets/posts.scss */
.post--content {
  flex: 1;
  word-break: break-word;
}

/* line 252, app/assets/stylesheets/posts.scss */
.post--content * {
  max-width: 100%;
}

@media screen and (min-width: 576px) {
  /* line 248, app/assets/stylesheets/posts.scss */
  .post--content {
    max-width: calc(100% - 3em);
  }
}

/* line 262, app/assets/stylesheets/posts.scss */
.post--body p {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 1px 0;
}

/* line 269, app/assets/stylesheets/posts.scss */
pre code.hljs {
  padding: unset !important;
}

/* line 273, app/assets/stylesheets/posts.scss */
.failed-validation {
  border: 2px solid #d21919 !important;
}

/* line 277, app/assets/stylesheets/posts.scss */
.js-thread-title {
  overflow-wrap: break-word;
}
/* line 5, app/assets/stylesheets/reactions.scss */
.reactions-list {
  flex-wrap: wrap;
}

/* line 7, app/assets/stylesheets/reactions.scss */
.badge.is-reaction {
  padding: 0.35rem 0.7rem;
  font-weight: bold;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}

/* line 13, app/assets/stylesheets/reactions.scss */
.badge.is-reaction a {
  color: inherit;
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/reactions.scss */
.post--react > button.button {
  color: #777777 !important;
}

/* line 21, app/assets/stylesheets/reactions.scss */
.post--react > button.button:hover {
  color: #444444 !important;
}

/* line 24, app/assets/stylesheets/reactions.scss */
.post--react > button.button.is-active {
  color: white !important;
  background-color: #666666 !important;
}

/* line 29, app/assets/stylesheets/reactions.scss */
.muted-p p {
  margin: 0;
}

/* line 34, app/assets/stylesheets/reactions.scss */
.reaction-info-modal .comment-col {
  width: 60%;
}

/* line 38, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .droppanel--header {
  font-weight: bold;
}

/* line 42, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible {
  width: 0;
}

/* line 45, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible label {
  margin: 0;
}

/* line 48, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible label.disabled .badge, .droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible label.disabled .form-caption {
  opacity: 0.35;
  pointer-events: none;
}

/* line 54, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible label .form-caption, .droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible label p {
  margin-bottom: 0;
}

/* line 59, app/assets/stylesheets/reactions.scss */
.droppanel.droppanel-for-reactions .grid .grid--cell.is-flexible .badge {
  margin: 0;
}

@media all and (max-width: 640px) {
  /* line 63, app/assets/stylesheets/reactions.scss */
  .droppanel.droppanel-for-reactions {
    left: 0 !important;
    right: 0 !important;
    max-width: none;
  }
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/search.scss */
.search-filters:not([open]) {
  border-top: 1px solid #DDD;
}

/* line 7, app/assets/stylesheets/search.scss */
.search-filters-constraints {
  display: grid;
  column-gap: 0.5em;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 992px) {
  /* line 7, app/assets/stylesheets/search.scss */
  .search-filters-constraints {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 780px) {
  /* line 7, app/assets/stylesheets/search.scss */
  .search-filters-constraints {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 576px) {
  /* line 7, app/assets/stylesheets/search.scss */
  .search-filters-constraints {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* line 25, app/assets/stylesheets/search.scss */
.search-sorting {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* line 30, app/assets/stylesheets/search.scss */
.search-sorting .search-sorting-types {
  margin: 0.5em;
  margin-right: 0;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/site_settings.scss */
.site-settings-table {
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 576px) {
  /* line 8, app/assets/stylesheets/site_settings.scss */
  .site-settings-table tbody {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  /* line 13, app/assets/stylesheets/site_settings.scss */
  .site-settings-table tbody tr {
    border: 1px solid #DDD;
    display: flex;
    flex-direction: column;
  }
  /* line 18, app/assets/stylesheets/site_settings.scss */
  .site-settings-table tbody tr td,
.site-settings-table tbody tr td:not(:last-child) {
    border: none;
  }
}

/* line 27, app/assets/stylesheets/site_settings.scss */
.site-setting--tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  margin: 0;
}

/* line 34, app/assets/stylesheets/site_settings.scss */
.site-setting--value {
  min-height: 1em;
  min-width: 2em;
  overflow-wrap: anywhere;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 4, app/assets/stylesheets/subscriptions.scss */
.new_subscription .select2-container {
  height: 37px;
  margin: 4px 0px;
}

/* line 11, app/assets/stylesheets/subscriptions.scss */
.new_subscription .select2-container .selection .select2-selection {
  border-color: #DDD;
  height: 100%;
  padding: 4px 0;
}

/* line 17, app/assets/stylesheets/subscriptions.scss */
.new_subscription .select2-container .selection .select2-selection__arrow {
  top: 50%;
  translate: 0 -50%;
}
/* line 1, app/assets/stylesheets/suggested_edit.scss */
.js-suggested-edit-reject-dialog.is-hidden {
  display: none;
}

/* line 5, app/assets/stylesheets/suggested_edit.scss */
.suggested-edits-list-header {
  display: flex;
  justify-content: space-between;
}
/* line 2, app/assets/stylesheets/tables.scss */
.table.fixed {
  table-layout: fixed;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/tabs.scss */
.tabs {
  margin-bottom: 1em;
}
/* line 5, app/assets/stylesheets/tag_sets.scss */
.item-list.is-flex-centered .item-list--text-value {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 11, app/assets/stylesheets/tag_sets.scss */
.item-list.is-flex-centered .item-list--text-value.is-primary {
  align-items: flex-start;
}
/* line 1, app/assets/stylesheets/tags.scss */
.tag-cell {
  margin: 0.5em 0;
}

/* line 4, app/assets/stylesheets/tags.scss */
.tag-cell:hover {
  background: #f0f2ff;
  transition: all 0.3s ease;
  border-radius: 0.2em;
}

/* line 10, app/assets/stylesheets/tags.scss */
.tag-cell p {
  margin: 0;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/textarea_popup.scss */
.ta-popup {
  position: absolute;
  background: white;
  border: 1px solid #DDD;
  border-radius: 0.3em;
  box-shadow: 3px 3px 5px -3px #666;
  max-height: 250px;
  overflow-y: scroll;
  z-index: 9999;
}

/* line 13, app/assets/stylesheets/textarea_popup.scss */
.ta-popup .item {
  display: block;
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #DDD;
  color: inherit;
  text-decoration: none;
}

/* line 20, app/assets/stylesheets/textarea_popup.scss */
.ta-popup .item:last-of-type {
  border-bottom: 0;
}

/* line 24, app/assets/stylesheets/textarea_popup.scss */
.ta-popup .item.active, .ta-popup .item:hover {
  color: white;
  background: #4B68FF;
  transition: all 0.05s ease;
  text-decoration: none;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 3, app/assets/stylesheets/topbar.scss */
.community-header-list {
  display: flex;
  flex-direction: column;
}

/* line 7, app/assets/stylesheets/topbar.scss */
.community-header-list .community-header-list-entry a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 12, app/assets/stylesheets/topbar.scss */
.community-header-list .community-header-list-entry a img {
  max-height: 1.5rem;
}

/* line 15, app/assets/stylesheets/topbar.scss */
.community-header-list .community-header-list-entry a .img {
  width: 100px;
  padding: 10px;
}

/* line 19, app/assets/stylesheets/topbar.scss */
.community-header-list .community-header-list-entry a .label {
  flex-grow: 1;
}

/* line 25, app/assets/stylesheets/topbar.scss */
#communities-slide {
  max-height: 400px;
  overflow-y: auto;
}

@media screen and (max-width: 780px) {
  /* line 30, app/assets/stylesheets/topbar.scss */
  .header--site-name img {
    max-height: 2.4em;
    padding: 0.3em 0;
  }
}
/* line 1, app/assets/stylesheets/tour.scss */
.codidactyl {
  width: 80px;
  padding: 2rem;
  margin-top: 1rem;
}

/* line 7, app/assets/stylesheets/tour.scss */
.codidactyl + .is-flexible {
  width: 0;
}

/* line 11, app/assets/stylesheets/tour.scss */
.codidactyl-hints {
  padding: 1rem;
}

/* line 15, app/assets/stylesheets/tour.scss */
.codidactyl-sticky {
  position: sticky;
  top: 0.5rem;
}

/* line 20, app/assets/stylesheets/tour.scss */
.codidactyl-small {
  max-height: 1em;
}

@media (min-width: 769px) {
  /* line 25, app/assets/stylesheets/tour.scss */
  .tour-narrow-only {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 31, app/assets/stylesheets/tour.scss */
  .tour-wide-only {
    display: none;
  }
  /* line 35, app/assets/stylesheets/tour.scss */
  .tour-editor-wrapper,
.tour-post-wrapper {
    order: 2;
  }
  /* line 40, app/assets/stylesheets/tour.scss */
  .tour-hints-wrapper {
    order: 1;
  }
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 5, app/assets/stylesheets/users.scss */
img.header--item-image.user-avatar {
  align-items: center;
  display: flex;
  font-size: 0.75em;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/users.scss */
.user-list {
  display: grid;
  gap: 1em;
  grid-template-columns: auto;
}

@media screen and (min-width: 780px) {
  /* line 14, app/assets/stylesheets/users.scss */
  .user-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 992px) {
  /* line 14, app/assets/stylesheets/users.scss */
  .user-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 29, app/assets/stylesheets/users.scss */
.user-list--user {
  border-radius: 0.4em;
  transition: all 0.2s ease;
  padding: 0.5em;
}

/* line 34, app/assets/stylesheets/users.scss */
.user-list--user:hover {
  background: #eeeeee;
}

/* line 38, app/assets/stylesheets/users.scss */
.user-list--user .username {
  font-size: 1.2em;
  word-break: break-word;
}

/* line 43, app/assets/stylesheets/users.scss */
.user-list--user img {
  min-height: 32px;
  min-width: 32px;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* line 51, app/assets/stylesheets/users.scss */
.user-list--user .user--meta {
  display: flex;
  flex-direction: column;
}

/* line 58, app/assets/stylesheets/users.scss */
.profile-text {
  padding: 0.125em;
  line-height: 1.5;
  max-height: 500px;
  overflow: auto;
}

/* line 65, app/assets/stylesheets/users.scss */
.user-profile-heading-container {
  align-items: center;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5em;
}

/* line 73, app/assets/stylesheets/users.scss */
.user-profile-heading-container > .user-profile-heading {
  flex-grow: 1;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0.5em;
}

/* line 79, app/assets/stylesheets/users.scss */
.user-profile-heading-container > .user-profile-heading:not(:last-child) {
  padding-right: 0;
}

/* line 84, app/assets/stylesheets/users.scss */
.user-profile-heading-container > .button:last-child {
  margin-right: 0;
}

/* line 88, app/assets/stylesheets/users.scss */
.user-profile--image {
  text-align: center;
}

/* line 91, app/assets/stylesheets/users.scss */
.user-profile--image img {
  width: 100%;
  object-fit: contain;
}

@media all and (max-width: 64em) {
  /* line 98, app/assets/stylesheets/users.scss */
  .profile-text {
    max-height: none;
  }
}

/* line 103, app/assets/stylesheets/users.scss */
.staff-badge {
  display: inline-block !important;
  padding: 3px 6px !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
}

/* line 111, app/assets/stylesheets/users.scss */
.user-card {
  display: flex;
}

/* line 114, app/assets/stylesheets/users.scss */
.user-card.deleted-content {
  padding: 0.5rem;
}

/* line 118, app/assets/stylesheets/users.scss */
.user-card .user-card--avatar {
  align-self: flex-start;
  padding: 0 0.5rem;
  padding-left: 0;
  flex-grow: 0;
  margin-top: auto;
  margin-bottom: auto;
}

/* line 126, app/assets/stylesheets/users.scss */
.user-card .user-card--avatar .avatar--deleted {
  font-size: 36px;
  padding: 8px;
  display: inline-block;
}

/* line 133, app/assets/stylesheets/users.scss */
.user-card .user-card--content {
  padding: 0 0.25rem;
}

/* line 136, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--link {
  display: inline-block;
  max-width: 420px;
}

/* line 140, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--link-small {
  display: inline-block;
  max-width: 180px;
}

/* line 146, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--meta {
  font-size: 0.85em;
  color: #666;
  display: flex;
  flex-wrap: wrap;
}

/* line 152, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--meta .user-card--break {
  flex-grow: 1;
  width: 100%;
}

/* line 156, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--meta .user-card--detail {
  margin-top: 0.125rem;
  margin-right: 0.35rem;
}

/* line 160, app/assets/stylesheets/users.scss */
.user-card .user-card--content .user-card--meta .user-card--detail .fa-fw {
  font-size: 0.8em;
}

/* line 167, app/assets/stylesheets/users.scss */
.user-card img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

/* line 174, app/assets/stylesheets/users.scss */
.user-pref {
  border: 1px solid #DDD;
  border-radius: 0.3em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5em 1em;
  margin: 0.5em 0;
}

/* line 184, app/assets/stylesheets/users.scss */
.user-pref .user-pref--meta .desc {
  color: #666;
  font-size: 0.8em;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-16 {
  max-width: 16px;
  max-height: 16px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-32 {
  max-width: 32px;
  max-height: 32px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-40 {
  max-width: 40px;
  max-height: 40px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-48 {
  max-width: 48px;
  max-height: 48px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-64 {
  max-width: 64px;
  max-height: 64px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-128 {
  max-width: 128px;
  max-height: 128px;
}

/* line 193, app/assets/stylesheets/users.scss */
.avatar-256 {
  max-width: 256px;
  max-height: 256px;
}

/* line 199, app/assets/stylesheets/users.scss */
.deleted-user-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* line 207, app/assets/stylesheets/users.scss */
.user-vote-summary {
  border: none !important;
}

/* line 210, app/assets/stylesheets/users.scss */
.user-vote-summary summary {
  margin: 0 !important;
  background-color: #eef1f2;
  border: none;
  border-radius: 5px;
}

/* line 216, app/assets/stylesheets/users.scss */
.user-vote-summary summary:before {
  top: 16px;
  transition: none;
}

/* line 222, app/assets/stylesheets/users.scss */
.user-vote-summary summary h2 {
  width: 100%;
}

/* line 227, app/assets/stylesheets/users.scss */
.user-vote-summary[open] summary::before {
  top: 13px;
}

/* line 232, app/assets/stylesheets/users.scss */
.user-vote-summary .item-list--item {
  padding: 0 !important;
}

/* line 235, app/assets/stylesheets/users.scss */
.user-vote-summary .item-list--item .item-list--number-value {
  width: 60px !important;
}

/* line 239, app/assets/stylesheets/users.scss */
.user-vote-summary .item-list--item .grid {
  align-items: center;
}
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 7, app/assets/stylesheets/utilities.scss */
.flex {
  display: flex;
}

/* line 10, app/assets/stylesheets/utilities.scss */
.flex.items-center {
  align-items: center;
}

/* line 15, app/assets/stylesheets/utilities.scss */
.gap-sm {
  gap: 0.5em;
}

/* line 19, app/assets/stylesheets/utilities.scss */
.gap-md {
  gap: 1em;
}

/* line 23, app/assets/stylesheets/utilities.scss */
.flex-row-always {
  display: flex;
  flex-direction: row;
}

/* line 27, app/assets/stylesheets/utilities.scss */
.flex-row-always > * {
  margin: 0 0.5em;
}

/* line 31, app/assets/stylesheets/utilities.scss */
.flex-row-always .primary {
  flex: 1;
}

/* line 36, app/assets/stylesheets/utilities.scss */
.flex-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

/* line 41, app/assets/stylesheets/utilities.scss */
.flex-row.items-end {
  align-items: end;
}

/* line 45, app/assets/stylesheets/utilities.scss */
.flex-row.space-between {
  justify-content: space-between;
}

@media screen and (min-width: 780px) {
  /* line 36, app/assets/stylesheets/utilities.scss */
  .flex-row {
    flex-direction: row;
  }
  /* line 52, app/assets/stylesheets/utilities.scss */
  .flex-row > * {
    margin: 0 0.5em !important;
  }
  /* line 56, app/assets/stylesheets/utilities.scss */
  .flex-row > :first-child {
    margin-left: 0 !important;
  }
  /* line 60, app/assets/stylesheets/utilities.scss */
  .flex-row > :last-child {
    margin-right: 0 !important;
  }
}

/* line 65, app/assets/stylesheets/utilities.scss */
.flex-row > * {
  margin: 0.5em 0;
}

/* line 69, app/assets/stylesheets/utilities.scss */
.flex-row .primary {
  flex: 1;
}

/* line 74, app/assets/stylesheets/utilities.scss */
.ai-c {
  align-items: center;
}

/* line 78, app/assets/stylesheets/utilities.scss */
.ai-fe {
  align-items: flex-end;
}

/* line 82, app/assets/stylesheets/utilities.scss */
.jc-sb {
  justify-content: space-between;
}

/* line 86, app/assets/stylesheets/utilities.scss */
.raw-markdown {
  font-family: 'Roboto Mono', monospace;
  white-space: pre-wrap;
}

/* line 91, app/assets/stylesheets/utilities.scss */
.table-borderless,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}

/* line 101, app/assets/stylesheets/utilities.scss */
pre.unformatted {
  padding: unset;
  margin: unset;
  font-size: unset;
  color: unset;
  background: unset;
  border: unset;
  overflow-x: unset;
  overflow-y: unset;
  max-height: unset;
  white-space: pre-wrap;
}

/* line 114, app/assets/stylesheets/utilities.scss */
pre.pre-wrap {
  max-width: 40em !important;
  width: 40em !important;
  overflow-x: scroll;
  overflow-wrap: break-word;
  white-space: pre-wrap !important;
}

/* line 122, app/assets/stylesheets/utilities.scss */
.copy-button {
  display: none;
  position: absolute;
  right: 0;
}

/* line 128, app/assets/stylesheets/utilities.scss */
div:hover > .copy-button {
  display: block;
}

/* line 132, app/assets/stylesheets/utilities.scss */
.stat-panel {
  flex: 1;
  border: 1px solid #DDD;
  border-radius: 4px;
  margin: 0.5em;
  padding: 0.5em;
  box-shadow: 0.1em 0.1em 0.2em #DDD;
}

/* line 141, app/assets/stylesheets/utilities.scss */
.stat-panel-heading {
  margin: 0;
  font-variant: small-caps;
  color: #666;
  font-weight: bold;
  letter-spacing: 0.5px;
}

/* line 149, app/assets/stylesheets/utilities.scss */
.stat-panel-caption {
  display: block;
  font-size: 0.8em;
  color: #666;
}

/* line 155, app/assets/stylesheets/utilities.scss */
.stat-value {
  margin-top: 0.2em;
  font-size: 2.0em;
}

/* line 160, app/assets/stylesheets/utilities.scss */
.badge.is-tag.is-outlined {
  border: 1px solid #001db1;
}

/* line 163, app/assets/stylesheets/utilities.scss */
.badge.is-tag.is-outlined.is-red {
  border: 1px solid #b3001e;
}

/* line 168, app/assets/stylesheets/utilities.scss */
.badge.is-tag.is-small {
  padding: 2px 4px;
  line-height: 1;
}

/* line 173, app/assets/stylesheets/utilities.scss */
.badge.is-tag.is-large {
  font-size: 22px;
}

/* line 177, app/assets/stylesheets/utilities.scss */
.error-shake {
  animation: shake 0.5s;
}

@keyframes shake {
  0% {
    transform: translate(-5px);
  }
  10% {
    transform: translate(5px);
  }
  20% {
    transform: translate(-5px);
  }
  30% {
    transform: translate(5px);
  }
  40% {
    transform: translate(-5px);
  }
  50% {
    transform: translate(5px);
  }
  60% {
    transform: translate(-5px);
  }
  70% {
    transform: translate(5px);
  }
  80% {
    transform: translate(-5px);
  }
  90% {
    transform: translate(5px);
  }
  100% {
    transform: translate(-5px);
  }
}

/* line 230, app/assets/stylesheets/utilities.scss */
.diff .diff-section .diff-old,
.diff .diff-section .diff-new {
  overflow: scroll;
}

/* line 236, app/assets/stylesheets/utilities.scss */
.diff .raw-markdown {
  white-space: unset;
}

/* line 240, app/assets/stylesheets/utilities.scss */
.diff ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 245, app/assets/stylesheets/utilities.scss */
.diff ul li {
  min-height: 20px;
  white-space: pre-wrap;
}

/* line 249, app/assets/stylesheets/utilities.scss */
.diff ul li del,
.diff ul li ins {
  text-decoration: none;
  overflow-wrap: break-word;
}

/* line 255, app/assets/stylesheets/utilities.scss */
.diff ul li del > strong {
  text-decoration: line-through;
}

/* line 259, app/assets/stylesheets/utilities.scss */
.diff ul li ins > strong {
  text-decoration: underline;
}

@media screen and (min-width: 576px) {
  /* line 266, app/assets/stylesheets/utilities.scss */
  .__mobile-only {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  /* line 272, app/assets/stylesheets/utilities.scss */
  .__desktop-only {
    display: none;
  }
}

/* line 278, app/assets/stylesheets/utilities.scss */
.footnote-ref a::before {
  content: '';
}

/* line 282, app/assets/stylesheets/utilities.scss */
.footnote-ref a::after {
  content: '';
}

/* line 286, app/assets/stylesheets/utilities.scss */
details {
  border: 1px solid white;
}

/* line 289, app/assets/stylesheets/utilities.scss */
details[open] {
  border: 1px solid #DDD;
  border-radius: 4px;
  margin-bottom: 0.2em;
}

/* line 295, app/assets/stylesheets/utilities.scss */
details > summary {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 780px) {
  /* line 295, app/assets/stylesheets/utilities.scss */
  details > summary {
    flex-direction: row;
    align-items: center;
  }
}

/* line 304, app/assets/stylesheets/utilities.scss */
details > summary > .subheading {
  margin-top: 0.3em;
  font-size: 0.8em;
  font-weight: normal;
  color: #666;
}

@media screen and (min-width: 780px) {
  /* line 304, app/assets/stylesheets/utilities.scss */
  details > summary > .subheading {
    margin-top: unset;
    margin-left: 0.4em;
  }
}

/* line 318, app/assets/stylesheets/utilities.scss */
.item-list .item-list--item .item-list--number-value {
  height: unset;
}

/* line 322, app/assets/stylesheets/utilities.scss */
.item-list--item .item-list--number-value .meter {
  margin-top: 0.5em !important;
}

/* line 326, app/assets/stylesheets/utilities.scss */
.button.is-warning.is-outlined {
  border: 1px #b19002 !important;
}

/* line 330, app/assets/stylesheets/utilities.scss */
span.spoiler {
  display: block;
  margin: 4px 0;
  padding: 8px 12px;
  background-color: #e4e8ff;
  border: 2px solid #98a8ff;
  border-radius: 12px 12px 12px 0;
}

/* line 338, app/assets/stylesheets/utilities.scss */
span.spoiler span {
  transition: color 0.2s ease;
  visibility: hidden;
  color: #e4e8ff;
}

/* line 344, app/assets/stylesheets/utilities.scss */
span.spoiler:hover span, span.spoiler:active span {
  transition: all 0.2s ease;
  visibility: visible;
  color: #335;
}

/* line 352, app/assets/stylesheets/utilities.scss */
.clearfix {
  overflow: hidden;
}

/* line 356, app/assets/stylesheets/utilities.scss */
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 362, app/assets/stylesheets/utilities.scss */
.transparent {
  opacity: 0;
}

/* line 366, app/assets/stylesheets/utilities.scss */
.wrap-anywhere {
  overflow-wrap: anywhere;
}

/* line 370, app/assets/stylesheets/utilities.scss */
.wrap-word {
  overflow-wrap: break-word;
}

/* line 374, app/assets/stylesheets/utilities.scss */
.nowrap {
  white-space: nowrap;
}

/* line 379, app/assets/stylesheets/utilities.scss */
.border-top-none {
  border-top: none;
}

/* line 379, app/assets/stylesheets/utilities.scss */
.border-right-none {
  border-right: none;
}

/* line 379, app/assets/stylesheets/utilities.scss */
.border-bottom-none {
  border-bottom: none;
}

/* line 379, app/assets/stylesheets/utilities.scss */
.border-left-none {
  border-left: none;
}

/* line 385, app/assets/stylesheets/utilities.scss */
.text-left {
  text-align: left;
}

/* line 385, app/assets/stylesheets/utilities.scss */
.text-center {
  text-align: center;
}

/* line 385, app/assets/stylesheets/utilities.scss */
.text-right {
  text-align: right;
}

/* line 385, app/assets/stylesheets/utilities.scss */
.text-justify {
  text-align: justify;
}
/* line 1, app/assets/stylesheets/widgets.scss */
.widget--body {
  transition: all 0.2s ease;
}

/* line 5, app/assets/stylesheets/widgets.scss */
.widget--body.hiding {
  scale: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* line 12, app/assets/stylesheets/widgets.scss */
.widget--body.hidden {
  display: none;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display&family=Roboto&family=Roboto+Mono&display=swap");
@use "sass:map";
/* line 29, app/assets/stylesheets/_variables.scss */
:root {
  --key: #335;
  --muted-text: #666;
  --muted-graphic: #DDD;
  --primary: #4B68FF;
  --secondary: #EA7317;
  --warning: #FDD835;
  --danger: #EB5959;
  --success: #2ECC71;
  --info: #58A09A;
  --brand: #4B68FF;
  --data-0: #4B68FF;
  --data-1: #A23B72;
  --data-2: #F18F01;
  --data-3: #558C8C;
  --data-4: #3B1F2B;
}

/* line 20, app/assets/stylesheets/application.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Red Hat Display", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* line 24, app/assets/stylesheets/application.scss */
.post h1 {
  font-size: 1.7em;
}

/* line 28, app/assets/stylesheets/application.scss */
.deleted-content {
  background: #f9cbcb;
}

@media all and (min-width: 32rem) {
  /* line 33, app/assets/stylesheets/application.scss */
  .header--brand img {
    max-height: 1em;
  }
}

/* line 38, app/assets/stylesheets/application.scss */
img {
  max-width: 100%;
}

/* line 42, app/assets/stylesheets/application.scss */
a {
  overflow-wrap: break-word;
}

/* line 46, app/assets/stylesheets/application.scss */
a.header--site-name {
  display: flex !important;
}

/* line 49, app/assets/stylesheets/application.scss */
.header .header--item.is-complex:not(.is-mobile-menu) {
  align-items: center !important;
  display: flex !important;
}

@media all and (max-width: 73.5em) {
  /* line 55, app/assets/stylesheets/application.scss */
  .grid {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 61, app/assets/stylesheets/application.scss */
.notice a {
  word-break: break-word;
}

/* line 65, app/assets/stylesheets/application.scss */
.notice.is-filled a {
  color: white !important;
  font-weight: bold !important;
}

/* line 71, app/assets/stylesheets/application.scss */
.item-list--item .item-list--text-value {
  margin: 0 !important;
}

/* line 74, app/assets/stylesheets/application.scss */
.item-list--item .item-list--number-value {
  width: 80px !important;
  margin: 0 !important;
  align-self: stretch;
  justify-content: flex-start;
}

/* line 80, app/assets/stylesheets/application.scss */
.item-list--item .item-list--number-value .meter {
  flex-shrink: 0;
  margin-top: 1.5rem;
}

/* Copied from Co-Design for compatibility purposes */
/* line 88, app/assets/stylesheets/application.scss */
ul.pagination li.active {
  border-color: #293338;
  background-color: #3f4e56;
  box-shadow: 2px 3px 2px -2px #344147;
  color: #fff;
  font-weight: 600;
}

/* line 96, app/assets/stylesheets/application.scss */
ul.pagination li.active a:hover {
  background-color: transparent;
}

/* line 100, app/assets/stylesheets/application.scss */
ul.pagination li.disabled {
  box-shadow: none;
}

/* *** */
/* line 105, app/assets/stylesheets/application.scss */
.notice__dev-mode {
  font-size: 14px;
}

/* line 110, app/assets/stylesheets/application.scss */
header.header {
  z-index: 5;
  position: relative;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}

/* line 115, app/assets/stylesheets/application.scss */
header.header.sticky {
  position: sticky;
  top: 0;
}

/* line 121, app/assets/stylesheets/application.scss */
.notice a.has-font-size-larger {
  font-size: 19px;
}

/* line 125, app/assets/stylesheets/application.scss */
img.codidact-logo {
  height: 32px;
}

/* line 129, app/assets/stylesheets/application.scss */
hr {
  border: 0;
  border-top: 1px solid #DDD;
  margin: 1.5em 0;
}

/* line 135, app/assets/stylesheets/application.scss */
.modal {
  position: fixed !important;
  z-index: 8998;
}

/* line 140, app/assets/stylesheets/application.scss */
.category-header--tabs-container {
  overflow-x: auto;
}

@media screen and (min-width: 780px) {
  /* line 140, app/assets/stylesheets/application.scss */
  .category-header--tabs-container {
    overflow-x: unset;
  }
}

/* line 148, app/assets/stylesheets/application.scss */
.footnotes-sep + .footnotes {
  border-top: 0;
}

/* line 152, app/assets/stylesheets/application.scss */
.footnotes {
  border-top: 1px solid #DDD;
  font-size: 0.9em;
}

/* line 158, app/assets/stylesheets/application.scss */
.dashboard-full-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 163, app/assets/stylesheets/application.scss */
.dashboard-full-center img {
  height: 1.25em;
}

/* line 168, app/assets/stylesheets/application.scss */
.inbox {
  max-width: 400px;
}

/* line 172, app/assets/stylesheets/application.scss */
.inbox--container {
  max-height: 600px;
  overflow-y: scroll;
}

/* line 177, app/assets/stylesheets/application.scss */
.header--container {
  align-items: center !important;
}

/* line 181, app/assets/stylesheets/application.scss */
img {
  align-self: flex-start;
}

/* line 185, app/assets/stylesheets/application.scss */
.droppanel {
  z-index: 3;
}

/* line 189, app/assets/stylesheets/application.scss */
.widget .widget--body + .widget--header {
  border-top: 1px solid #d0d9dd;
}

/* line 193, app/assets/stylesheets/application.scss */
.widget.is-tertiary .widget--body + .widget--header {
  border-top: 1px solid #9daeb7;
}

/* line 197, app/assets/stylesheets/application.scss */
.widget .widget--body .widget--body-extra {
  margin-left: 0.75em;
}

/* line 201, app/assets/stylesheets/application.scss */
.widget--body, .widget-body p {
  overflow-wrap: break-word;
}

/* line 205, app/assets/stylesheets/application.scss */
pre {
  background: #f0f0f0;
  border: 0;
}

/* line 210, app/assets/stylesheets/application.scss */
pre .hljs {
  padding: 0;
  background: inherit;
  overflow-x: unset !important;
}

/* line 216, app/assets/stylesheets/application.scss */
.audit-log--body {
  white-space: pre-wrap;
  vertical-align: text-top;
}

/* line 221, app/assets/stylesheets/application.scss */
table {
  border-collapse: collapse;
  padding: 4px;
  max-width: 100%;
}

/* line 225, app/assets/stylesheets/application.scss */
table td {
  overflow-wrap: anywhere;
}

/* line 230, app/assets/stylesheets/application.scss */
table.is-full-width {
  width: 100%;
}

/* line 234, app/assets/stylesheets/application.scss */
table th {
  border-bottom: 3px solid #ccc;
  padding: 6px 10px;
  font-weight: 600;
  text-align: left;
}

/* line 241, app/assets/stylesheets/application.scss */
table td {
  border-bottom: 1px solid #ccc;
  padding: 6px 10px;
  text-align: left;
}

/* line 247, app/assets/stylesheets/application.scss */
table th:not(:last-child), table td:not(:last-child) {
  border-right: 1px solid #ccc;
}

/* line 251, app/assets/stylesheets/application.scss */
table.is-compact th, table.is-compact td {
  padding: 2px 6px;
}

/* line 255, app/assets/stylesheets/application.scss */
table.is-striped tr:nth-of-type(2n+1) td {
  background-color: #f6f6f6;
}

/* line 259, app/assets/stylesheets/application.scss */
table.is-with-hover tr:hover td {
  background-color: #eee;
}

/* The default header size (2.5rem) is too huge for small headers. */
/* line 264, app/assets/stylesheets/application.scss */
.header.is-small .header--brand .header--site-name {
  font-size: 2rem;
}

/* line 268, app/assets/stylesheets/application.scss */
.notice {
  z-index: 9999;
}

/* Fix header images being stretched - https://meta.codidact.com/posts/278377 */
/* line 273, app/assets/stylesheets/application.scss */
img.header--item-image {
  object-fit: contain;
}

/* line 277, app/assets/stylesheets/application.scss */
.widget--header-link {
  margin: 0 0 0 0.5em;
}

/* line 281, app/assets/stylesheets/application.scss */
mjx-assistive-mml {
  max-width: 100%;
}

/* line 285, app/assets/stylesheets/application.scss */
mjx-container {
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 290, app/assets/stylesheets/application.scss */
code,
kbd {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

/* line 300, app/assets/stylesheets/application.scss */
kbd {
  border-color: #DDD;
  border-radius: 0.25em;
  border-style: solid;
  border-width: 1px;
  font-family: "Cascadia Code", "Roboto Mono", monospace;
  font-size: 0.8em;
  margin-left: 0.15em;
  margin-right: 0.15em;
}

/*# sourceMappingURL=application.css-52532345c6d66c9c5648026619507e818ff1d5e8173faa6775a8e35157598d11.map */