/* dist/core.css */
.bluesky-embed.s-1eq49ve {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid var(--divider);
  border-radius: 8px;
  background: var(--background-primary);
  min-width: 250px;
  max-width: 550px;
  overflow: hidden;
  color: var(--text-primary);
  font-weight: 400;
  font-size: calc(var(--font-size) * 0.875);
  line-height: calc(var(--font-size) * 1.25);
  font-family: var(--font-family);
  :where(*),
  :where(*::before),
  :where(*::after) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  :where(a) {
    color: inherit;
    text-decoration: none;
  }
  :where(.icon) {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
  }
}
.gate.s-uvv2i7 {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  border: 1px solid var(--divider);
  border-radius: 6px;
  padding: 0 12px;
  height: 44px;
  .content-hider[open]:where(.s-uvv2i7) & {
    margin-bottom: 12px;
  }
  &:hover {
    border-color: var(--divider-hover);
  }
}
.icon.s-uvv2i7 {
  width: 18px;
  height: 18px;
  color: var(--text-secondary);
}
.label.s-uvv2i7 {
  flex-grow: 1;
  overflow: hidden;
  font-weight: 500;
  user-select: none;
  text-overflow: ellipsis;
}
.action.s-uvv2i7 {
  color: var(--text-link);
  font-weight: 500;
  font-size: calc(var(--font-size) * 0.8125);
  line-height: calc(var(--font-size) * 1.25);
  &::before {
    content: "Show";
  }
  .content-hider[open]:where(.s-uvv2i7) &::before {
    content: "Hide";
  }
}
.external-embed.s-fqsu0y {
  display: block;
  border: 1px solid var(--divider);
  border-radius: 6px;
  overflow: hidden;
  &:hover {
    border-color: var(--divider-hover);
  }
}
.thumbnail.s-fqsu0y {
  display: block;
  border-bottom: 1px solid var(--divider);
  background: #000000;
  aspect-ratio: 1.91;
  width: 100%;
  .external-embed:where(.s-fqsu0y):hover & {
    border-color: var(--divider-hover);
  }
}
.meta.s-fqsu0y {
  padding: 12px;
}
.title.s-fqsu0y {
  display: -webkit-box;
  overflow: hidden;
  font-weight: 700;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.description.s-fqsu0y {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: calc(var(--font-size) * 0.8125);
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.domain.s-fqsu0y {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0 0;
  color: var(--text-secondary);
  font-weight: 500;
  font-size: calc(var(--font-size) * 0.75);
}
.feed-embed.s-7mf8pz {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--divider);
  border-radius: 6px;
  padding: 12px;
  &:hover {
    border-color: var(--divider-hover);
  }
}
.main.s-7mf8pz {
  display: flex;
  gap: 12px;
}
.avatar-wrapper.s-7mf8pz {
  margin: 2px 0 0 0;
  border-radius: 6px;
  background: var(--background-secondary);
  width: 36px;
  height: 36px;
  overflow: hidden;
}
.avatar.s-7mf8pz {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.name.s-7mf8pz {
  font-weight: 700;
}
.creator.s-7mf8pz {
  color: var(--text-secondary);
  font-size: calc(var(--font-size) * 0.8125);
}
.description.s-7mf8pz {
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(var(--font-size) * 0.8125);
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.is-aligned.s-f10wna {
  align-self: baseline;
  max-width: 100%;
}
.grid.s-f10wna {
  display: flex;
  gap: 2px;
}
.col.s-f10wna {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
.square.s-f10wna {
  aspect-ratio: 1;
}
.wide.s-f10wna {
  aspect-ratio: 1.5;
}
.item.s-f10wna {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  overflow: hidden;
}
.is-bordered.s-f10wna {
  .tl:where(.s-f10wna),
  .tr:where(.s-f10wna),
  .bl:where(.s-f10wna),
  .br:where(.s-f10wna) {
    border: 1px solid var(--divider);
  }
  .tl:where(.s-f10wna) {
    border-top-left-radius: 6px;
  }
  .tr:where(.s-f10wna) {
    border-top-right-radius: 6px;
  }
  .bl:where(.s-f10wna) {
    border-bottom-left-radius: 6px;
  }
  .br:where(.s-f10wna) {
    border-bottom-right-radius: 6px;
  }
}
.single-item.s-f10wna {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  .image:where(.s-f10wna) {
    object-fit: contain;
  }
}
.is-standalone.s-f10wna {
  min-width: 64px;
  max-width: 100%;
  min-height: 64px;
  max-height: 320px;
}
.image.s-f10wna {
  position: absolute;
  inset: 0;
  background: #000000;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 0px;
}
.is-blurred.s-f10wna {
  scale: 125%;
  filter: blur(24px);
}
.placeholder.s-f10wna {
  width: 100vw;
  height: 100vh;
}
.list-embed.s-eszt1v {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--divider);
  border-radius: 6px;
  padding: 12px;
  &:hover {
    border-color: var(--divider-hover);
  }
}
.main.s-eszt1v {
  display: flex;
  gap: 12px;
}
.avatar-wrapper.s-eszt1v {
  margin: 2px 0 0 0;
  border-radius: 6px;
  background: var(--background-secondary);
  width: 36px;
  height: 36px;
  overflow: hidden;
}
.avatar.s-eszt1v {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.name.s-eszt1v {
  font-weight: 700;
}
.creator.s-eszt1v {
  color: var(--text-secondary);
  font-size: calc(var(--font-size) * 0.8125);
}
.description.s-eszt1v {
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(var(--font-size) * 0.8125);
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.video-embed.s-hff1xo {
  display: block;
  position: relative;
  background: #000000;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.is-bordered.s-hff1xo {
  border: 1px solid var(--divider);
  border-radius: 6px;
}
.is-standalone.s-hff1xo {
  align-self: baseline;
  aspect-ratio: auto;
  max-width: 100%;
}
.constrainer.s-hff1xo {
  min-width: 64px;
  max-width: 100%;
  min-height: 64px;
  max-height: 320px;
}
.thumbnail.s-hff1xo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.is-blurred.s-hff1xo {
  scale: 125%;
  filter: blur(24px);
}
.placeholder.s-hff1xo {
  width: 100vw;
  height: 100vh;
}
.play.s-hff1xo {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  place-items: center;
  translate: -50% -50%;
  border-radius: 50%;
  background: rgba(64, 64, 64, 0.6);
  aspect-ratio: 1 / 1;
  height: 40%;
  max-height: 48px;
  color: #ffffff;
  font-size: 20px;
  .icon:where(.s-hff1xo) {
    width: 40%;
    height: 40%;
  }
  .is-standalone:where(.s-hff1xo) &:hover {
    background: rgba(64, 64, 64, 0.8);
  }
}
.quote-embed.s-w36h3z {
  display: block;
  border: 1px solid var(--divider);
  border-radius: 6px;
  overflow: hidden;
  &:hover {
    border-color: var(--divider-hover);
  }
}
.meta.s-w36h3z {
  display: flex;
  padding: 12px 12px 0 12px;
  color: var(--text-secondary);
  .avatar-wrapper:where(.s-w36h3z) {
    flex-shrink: 0;
    margin: 0 8px 0 0;
    border-radius: 9999px;
    background: var(--background-secondary);
    width: 20px;
    height: 20px;
    overflow: hidden;
  }
  .avatar:where(.s-w36h3z) {
    width: 100%;
    height: 100%;
  }
  .name-wrapper:where(.s-w36h3z) {
    display: flex;
    gap: 4px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .display-name-wrapper:where(.s-w36h3z) {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .display-name:where(.s-w36h3z) {
    color: var(--text-primary);
    font-weight: 700;
  }
  .handle:where(.s-w36h3z) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dot:where(.s-w36h3z) {
    flex-shrink: 0;
    margin: 0 6px;
  }
  .date:where(.s-w36h3z) {
    white-space: nowrap;
  }
}
.body.s-w36h3z {
  display: flex;
  align-items: flex-start;
}
.aside.s-w36h3z {
  flex-grow: 1;
  flex-basis: 0;
  margin: 8px 0 12px 12px;
  max-width: 20%;
}
.text.s-w36h3z {
  display: -webkit-box;
  margin: 8px 12px 12px 12px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  flex-grow: 4;
  flex-basis: 0px;
  min-width: 0px;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.divide.s-w36h3z {
  padding: 6px 0;
}
.starterpack-embed.s-1q4gxrt {
  display: block;
  border: 1px solid var(--divider);
  border-radius: 6px;
  overflow: hidden;
  &:hover {
    border-color: var(--divider-hover);
  }
}
.banner.s-1q4gxrt {
  display: block;
  aspect-ratio: 1.91;
  width: 100%;
}
.meta.s-1q4gxrt {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.main.s-1q4gxrt {
  display: flex;
  gap: 12px;
}
.avatar.s-1q4gxrt {
  margin: 2px;
  width: 36px;
  height: 36px;
}
.name.s-1q4gxrt {
  font-weight: 700;
}
.creator.s-1q4gxrt {
  color: var(--text-secondary);
  font-size: calc(var(--font-size) * 0.8125);
}
.description.s-1q4gxrt {
  display: -webkit-box;
  overflow: hidden;
  font-size: calc(var(--font-size) * 0.8125);
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.embeds.s-cbguh1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0 0 0;
}
.message.s-cbguh1 {
  border: 1px solid var(--divider);
  border-radius: 6px;
  padding: 12px;
  color: var(--text-secondary);
}
.rich-text.s-15yqxw0 {
  overflow: hidden;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  &:empty {
    display: none;
  }
}
.is-large.s-15yqxw0 {
  font-size: calc(var(--font-size) * 1);
  line-height: calc(var(--font-size) * 1.5);
}
.link.s-15yqxw0,
.mention.s-15yqxw0,
.hashtag.s-15yqxw0 {
  color: var(--text-link);
  &:hover {
    text-decoration: underline;
  }
}
.feed-post.s-10uoj5m {
  padding: 0 16px;
}
.is-leaf.s-10uoj5m {
  border-bottom: 1px solid var(--divider);
}
.ascendant-line-wrapper.s-10uoj5m {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 36px;
  .line:where(.s-10uoj5m) {
    position: absolute;
    top: 0;
    bottom: 4px;
    flex-grow: 1;
    border-left: 2px solid var(--divider);
  }
}
.descendant-line.s-10uoj5m {
  flex-grow: 1;
  margin-top: 4px;
  border-left: 2px solid var(--divider);
}
.contexts.s-10uoj5m {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 8px 0 4px 0;
}
.context.s-10uoj5m {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  .aside:where(.s-10uoj5m) {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 36px;
  }
  .main:where(.s-10uoj5m) {
    display: flex;
    min-width: 0px;
    &:hover {
      text-decoration-line: underline;
    }
  }
  .name:where(.s-10uoj5m) {
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .affix:where(.s-10uoj5m) {
    flex-shrink: 0;
    white-space: pre;
  }
}
.content.s-10uoj5m {
  display: flex;
  gap: 12px;
  .aside:where(.s-10uoj5m) {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
  }
  .main:where(.s-10uoj5m) {
    flex-grow: 1;
    padding-bottom: 12px;
    min-width: 0;
  }
}
.avatar-wrapper.s-10uoj5m {
  display: block;
  border-radius: 9999px;
  background: var(--background-secondary);
  width: 36px;
  height: 36px;
  overflow: hidden;
  &:hover {
    filter: brightness(0.85);
  }
}
.avatar.s-10uoj5m {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meta.s-10uoj5m {
  display: flex;
  align-items: center;
  margin: 0 0 2px 0;
  color: var(--text-secondary);
  .name-wrapper:where(.s-10uoj5m) {
    display: flex;
    gap: 4px;
    max-width: 100%;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .display-name-wrapper:where(.s-10uoj5m) {
    overflow: hidden;
    text-overflow: ellipsis;
    .name-wrapper:where(.s-10uoj5m):hover & {
      text-decoration: underline;
    }
  }
  .display-name:where(.s-10uoj5m) {
    color: var(--text-primary);
    font-weight: 700;
  }
  .handle:where(.s-10uoj5m) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dot:where(.s-10uoj5m) {
    flex-shrink: 0;
    margin: 0 6px;
  }
  .date:where(.s-10uoj5m) {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    &:hover {
      text-decoration: underline;
    }
  }
}
.reply-context.s-10uoj5m {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: calc(var(--font-size) * 0.8125);
  text-overflow: ellipsis;
  white-space: nowrap;
  a:where(.s-10uoj5m) {
    color: inherit;
    font-weight: 500;
    &:hover {
      text-decoration: underline;
    }
  }
}
.metrics.s-10uoj5m {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  color: var(--text-secondary);
}
.stat.s-10uoj5m {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0px;
  max-width: 100%;
  .count:where(.s-10uoj5m) {
    padding-right: 8px;
    overflow: hidden;
    font-size: calc(var(--font-size) * 0.8125);
    line-height: calc(var(--font-size) * 1.25);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.profile-feed-header.s-4wy95v {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  container-type: inline-size;
  border-bottom: 1px solid var(--divider);
  padding: 12px 16px;
}
.title.s-4wy95v {
  padding: 4px 0;
  min-width: 0;
  overflow: hidden;
  font-weight: 600;
  font-size: calc(var(--font-size) * 1);
  line-height: calc(var(--font-size) * 1.5);
  text-overflow: ellipsis;
  white-space: nowrap;
  &:hover {
    text-decoration: underline;
  }
}
.logo.s-4wy95v {
  width: 24px;
  height: 24px;
}
.message.s-fq32kr {
  margin: 0 auto;
  padding: 32px 16px;
  max-width: 380px;
  color: var(--text-secondary);
  text-align: center;
}
.feed.s-fq32kr {
  max-height: var(--max-feed-height);
  overflow-y: auto;
}
.end-marker.s-fq32kr {
  display: grid;
  place-items: center;
  height: 48px;
  .dot:where(.s-fq32kr) {
    border-radius: 50%;
    background: var(--text-secondary);
    width: 4px;
    height: 4px;
  }
}