/* @ahaslides-product/design/post.css, generated by generate.mjs from lib/post-css.js. Do not edit by hand.
   Load lib/tokens.css first. Classes: https://design.ahaslides.io/post/index.html */
.aha-post{ box-sizing:border-box; display:flex; align-items:flex-start; gap:var(--aha-space-12,12px);
  padding:var(--aha-space-12,12px) 0; font-family:var(--aha-font-product,"Plus Jakarta Sans",sans-serif) }
.aha-post__avatar{ flex:none; width:40px; line-height:0 }
.aha-post__main{ flex:1 1 auto; min-width:0 }
.aha-post__head{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--aha-space-4,4px) var(--aha-space-8,8px); min-height:24px; overflow-wrap:anywhere }
.aha-post__name{ 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 }
a.aha-post__name:hover{ text-decoration:underline }
.aha-post__username{ 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 }
.aha-post__role{ 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) }
.aha-post__time{ 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 }
.aha-post :is(a.aha-post__name, a.aha-post__time):focus-visible{ outline:2px solid var(--aha-border-focus,#E70E68); outline-offset:2px; border-radius:var(--aha-radius-xs,4px) }
.aha-post__body{ margin-top:var(--aha-space-8,8px); 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 }

.aha-post__body p{ margin:0 0 var(--aha-space-16,16px) }
.aha-post__body :is(p, blockquote, aside.quote, pre, ul, ol):last-child{ margin-bottom:0 }
.aha-post__body a:not(.lightbox):not(.mention):not(.hashtag-cooked){ color:var(--aha-text-link,#DB005B); text-decoration:underline }
.aha-post__body a:not(.lightbox):not(.mention):not(.hashtag-cooked):hover{ color:var(--aha-text-link-hover,#DB005B) }
.aha-post__body :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) }
.aha-post__body aside.quote blockquote{ margin:0; padding:0; border:0; border-radius:0; background:none }
.aha-post__body 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) }
.aha-post__body aside.quote .title img.avatar{ width:20px; height:20px; margin:0; border-radius:var(--aha-radius-pill,999px) }
.aha-post__body 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) }
.aha-post__body 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) }
.aha-post__body pre code{ display:block; max-height:none; padding:0; border-radius:0; background:none; font-size:inherit; white-space:pre }
.aha-post__body img:not(.emoji):not(.avatar){ max-width:100%; height:auto }

.aha-post__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--aha-space-4,4px); margin:var(--aha-space-8,8px) 0 0 calc(-1 * var(--aha-space-8,8px)) }
.aha-post__action{ 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)) }
@media (hover:hover){ .aha-post__action:hover{ background:var(--aha-gray-40,#E3E3E3); color:var(--aha-text-secondary,#4A4A4A) } }
.aha-post__action:active{ background:var(--aha-gray-50,#D4D4D4); color:var(--aha-text-secondary,#4A4A4A) }
.aha-post__action:focus-visible{ outline:2px solid var(--aha-border-focus,#E70E68); outline-offset:2px; border-radius:var(--aha-radius-xs,4px) }
.aha-post__action :is(svg, aha-icon){ width:16px; height:16px; color:var(--aha-icon-default,#4A4A4A); fill:currentColor }