/* @ahaslides-product/design/discourse-post.css, generated by generate.mjs from lib/post-css.js. Do not edit by hand.
   Load lib/tokens.css first. Discourse post stream mapped to the Post card: https://design.ahaslides.io/post/index.html */
#main-outlet .topic-post{ --love:var(--aha-icon-default,#4A4A4A); --topic-avatar-width:40px; font-family:var(--aha-font-product,"Plus Jakarta Sans",sans-serif) }
#main-outlet .topic-post :is(.topic-avatar, .topic-body){ border-top:0 }
#main-outlet .topic-post .topic-avatar{ padding-top:var(--aha-space-12,12px) }
#main-outlet .topic-post .topic-avatar img.avatar{ width:40px; height:40px }
#main-outlet .topic-post .topic-body{ padding-top:var(--aha-space-12,12px); padding-bottom:var(--aha-space-12,12px) }
#main-outlet .topic-post .topic-meta-data{ align-items:center; gap:var(--aha-space-8,8px); min-height:24px }
#main-outlet .topic-post .topic-meta-data .names{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--aha-space-4,4px) var(--aha-space-8,8px); min-width:0; overflow-wrap:anywhere }
#main-outlet .topic-post .topic-meta-data .names :is(.first, .first a){ font-size:var(--aha-size-default,14px); line-height:var(--aha-line-height-body,1.5);
  font-weight:var(--aha-weight-semibold,600); color:var(--aha-text-default,#1A1A1A); text-decoration:none }
#main-outlet .topic-post .topic-meta-data .names .first a:hover{ text-decoration:underline }
#main-outlet .topic-post .topic-meta-data .names :is(.second, .second a){ font-size:var(--aha-size-default,14px); line-height:var(--aha-line-height-body,1.5);
  font-weight:var(--aha-weight-regular,400); color:var(--aha-text-tertiary,#616161); text-decoration:none }
#main-outlet .topic-post .topic-meta-data .names .user-title{ display:inline-flex; align-items:center; box-sizing:border-box; height:20px; padding:0 var(--aha-space-6,6px);
  border-radius:var(--aha-radius-xs,4px); background:var(--aha-gray-30,#F1F1F1); color:var(--aha-text-secondary,#4A4A4A);
  font-size:var(--aha-size-sm,12px); line-height:18px; font-weight:var(--aha-weight-semibold,600) }
#main-outlet .topic-post .topic-meta-data .post-infos{ margin-inline-start:auto }
#main-outlet .topic-post .topic-meta-data :is(.post-date, a.post-date, .relative-date){ margin-inline-start:auto; white-space:nowrap; font-size:var(--aha-size-default,14px);
  line-height:var(--aha-line-height-body,1.5); font-weight:var(--aha-weight-regular,400);
  color:var(--aha-text-tertiary,#616161); text-decoration:none; margin-inline-start:0 }
#main-outlet .topic-post .topic-meta-data :is(.names a, a.post-date):focus-visible{ outline:2px solid var(--aha-border-focus,#E70E68); outline-offset:2px; border-radius:var(--aha-radius-xs,4px) }
#main-outlet .topic-post .cooked{ font-family:var(--aha-font-product,"Plus Jakarta Sans",sans-serif); font-size:var(--aha-size-l,16px);
  line-height:var(--aha-line-height-body,1.5); font-weight:var(--aha-weight-regular,400);
  color:var(--aha-text-default,#1A1A1A); overflow-wrap:anywhere; padding-top:var(--aha-space-8,8px) }

#main-outlet .topic-post .cooked p{ margin:0 0 var(--aha-space-16,16px) }
#main-outlet .topic-post .cooked :is(p, blockquote, aside.quote, pre, ul, ol):last-child{ margin-bottom:0 }
#main-outlet .topic-post .cooked a:not(.lightbox):not(.mention):not(.hashtag-cooked){ color:var(--aha-text-link,#DB005B); text-decoration:underline }
#main-outlet .topic-post .cooked a:not(.lightbox):not(.mention):not(.hashtag-cooked):hover{ color:var(--aha-text-link-hover,#DB005B) }
#main-outlet .topic-post .cooked :is(blockquote, aside.quote){ margin:0 0 var(--aha-space-16,16px); padding:var(--aha-space-12,12px) var(--aha-space-16,16px);
  border:0; border-inline-start:4px solid var(--aha-border-strong,#D4D4D4); border-radius:var(--aha-radius-xs,4px);
  background:var(--aha-bg-container-secondary,#F7F7F7); color:var(--aha-text-secondary,#4A4A4A) }
#main-outlet .topic-post .cooked aside.quote blockquote{ margin:0; padding:0; border:0; border-radius:0; background:none }
#main-outlet .topic-post .cooked aside.quote .title{ display:flex; align-items:center; gap:var(--aha-space-8,8px); margin:0 0 var(--aha-space-4,4px); padding:0;
  border:0; background:none; font-size:var(--aha-size-default,14px); line-height:var(--aha-line-height-body,1.5);
  font-weight:var(--aha-weight-semibold,600); color:var(--aha-text-secondary,#4A4A4A) }
#main-outlet .topic-post .cooked aside.quote .title img.avatar{ width:20px; height:20px; margin:0; border-radius:var(--aha-radius-pill,999px) }
#main-outlet .topic-post .cooked code{ padding:var(--aha-space-2,2px) var(--aha-space-4,4px); border-radius:var(--aha-radius-xs,4px);
  background:var(--aha-gray-30,#F1F1F1); color:var(--aha-text-default,#1A1A1A);
  font-family:var(--aha-font-mono,Menlo,Monaco,monospace); font-size:var(--aha-size-default,14px) }
#main-outlet .topic-post .cooked pre{ margin:0 0 var(--aha-space-16,16px); padding:var(--aha-space-16,16px); overflow:auto;
  border:1px solid var(--aha-border-secondary,#F1F1F1); border-radius:var(--aha-radius-default,8px);
  background:var(--aha-bg-container-secondary,#F7F7F7); color:var(--aha-text-default,#1A1A1A);
  font-family:var(--aha-font-mono,Menlo,Monaco,monospace); font-size:var(--aha-size-default,14px); line-height:var(--aha-line-height-body,1.5) }
#main-outlet .topic-post .cooked pre code{ display:block; max-height:none; padding:0; border-radius:0; background:none; font-size:inherit; white-space:pre }
#main-outlet .topic-post .cooked img:not(.emoji):not(.avatar){ max-width:100%; height:auto }

#main-outlet .topic-post nav.post-controls{ margin-top:var(--aha-space-8,8px); color:var(--aha-text-secondary,#4A4A4A) }
#main-outlet .topic-post nav.post-controls .actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--aha-space-4,4px) }
#main-outlet .topic-post nav.post-controls .actions .btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--aha-space-8,8px); box-sizing:border-box;
  min-width:28px; height:28px; margin:0; padding:0 var(--aha-space-8,8px); border:1px solid transparent;
  border-radius:var(--aha-radius-xs,4px); background:transparent; box-shadow:none;
  font-family:var(--aha-font-product,"Plus Jakarta Sans",sans-serif); font-size:var(--aha-size-default,14px);
  line-height:1; font-weight:var(--aha-weight-regular,400); color:var(--aha-text-secondary,#4A4A4A); cursor:pointer;
  transition:background-color var(--aha-motion-mid,.2s) var(--aha-ease-in-out,cubic-bezier(0.645,0.045,0.355,1)) } /* ds-lint-allow: hand-rolled-button (Discourse core renders these buttons; this paints them in the aha-button text sm look) */
@media (hover:hover){ #main-outlet .topic-post nav.post-controls .actions .btn:hover{ background:var(--aha-gray-40,#E3E3E3); color:var(--aha-text-secondary,#4A4A4A) } } /* ds-lint-allow: hand-rolled-button (Discourse core renders these buttons; this paints them in the aha-button text sm look) */
#main-outlet .topic-post nav.post-controls .actions .btn:active{ background:var(--aha-gray-50,#D4D4D4); color:var(--aha-text-secondary,#4A4A4A) } /* ds-lint-allow: hand-rolled-button (Discourse core renders these buttons; this paints them in the aha-button text sm look) */
#main-outlet .topic-post nav.post-controls .actions .btn:focus-visible{ outline:2px solid var(--aha-border-focus,#E70E68); outline-offset:2px; border-radius:var(--aha-radius-xs,4px) }
#main-outlet .topic-post nav.post-controls .actions .btn :is(.d-icon, aha-icon){ width:16px; height:16px; color:var(--aha-icon-default,#4A4A4A); fill:currentColor }
#main-outlet .topic-post nav.post-controls .actions .btn .d-button-label{ font-size:inherit; font-weight:inherit; color:inherit }