/* [project]/src/app/(pages)/[subdomain]/posts/[id]/page.module.css [app-client] (css) */
.page-module__8tjvmG__container {
  max-width: 800px;
  margin: 0 auto;
}

.page-module__8tjvmG__title {
  margin-bottom: 32px;
  padding-top: 60px;
  font-size: 36px;
}

.page-module__8tjvmG__userInfoWrap {
  display: flex;
}

.page-module__8tjvmG__userInfo {
  color: #999;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  display: flex;
}

.page-module__8tjvmG__dot {
  margin: 0 4px;
  font-size: 14px;
}

.page-module__8tjvmG__editForm {
  margin-left: auto;
}

.page-module__8tjvmG__meta {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 12px;
  display: flex;
}

.page-module__8tjvmG__profile {
  margin-top: 100px;
  margin-bottom: 50px;
}

.page-module__8tjvmG__blogInfo {
  flex-direction: column;
  display: flex;
}

.page-module__8tjvmG__blogName {
  font-size: 24px;
  font-weight: bold;
}

.page-module__8tjvmG__avatar {
  object-fit: cover;
  border-radius: 9999px;
  width: 128px;
  height: 128px;
}

.page-module__8tjvmG__subscribeButton {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 4px;
  margin-left: auto;
  padding: 4px 12px;
  font-size: 16px;
}

.page-module__8tjvmG__imgContainer {
  background: #f0f0f0;
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.page-module__8tjvmG__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.page-module__8tjvmG__content {
  margin-bottom: 80px;
  padding: 60px 0;
  font-size: 18px;
  line-height: 1.6;
}

.page-module__8tjvmG__contentend {
  justify-content: space-between;
  padding: 20px 0;
  display: flex;
}

.page-module__8tjvmG__likeButton, .page-module__8tjvmG__shareButton {
  cursor: pointer;
  color: var(--foreground);
  background: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
}

.page-module__8tjvmG__actionBar {
  justify-content: flex-start;
  gap: 12px;
  margin: 24px 0;
  display: flex;
}

.page-module__8tjvmG__commentSection {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.page-module__8tjvmG__commentBox {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  width: 100%;
  max-width: 700px;
  padding: 20px;
  box-shadow: 0 2px 8px #0000000d;
}

.page-module__8tjvmG__commentInput {
  resize: none;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  font-family: inherit;
  font-size: 15px;
}

.page-module__8tjvmG__commentInput:focus {
  border-color: #007aff;
  outline: none;
}

.page-module__8tjvmG__commentButton {
  color: #007aff;
  cursor: pointer;
  float: right;
  background-color: #fff;
  border: 1px solid #007aff;
  border-radius: 4px;
  padding: 10px 16px;
  font-weight: 500;
  transition: all .2s;
}

.page-module__8tjvmG__commentButton:hover {
  color: #fff;
  background-color: #007aff;
}


/* [project]/src/widgets/HomePostList/HomePostList.module.css [app-client] (css) */
.HomePostList-module__sgu36G__cardList {
  grid-auto-rows: 1fr;
  gap: 32px;
  display: grid;
}

@media (width <= 768px) {
  .HomePostList-module__sgu36G__cardList {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
}

@media (width >= 769px) and (width <= 1056px) {
  .HomePostList-module__sgu36G__cardList {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1057px) and (width <= 1440px) {
  .HomePostList-module__sgu36G__cardList {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}

@media (width >= 1441px) and (width <= 1919px) {
  .HomePostList-module__sgu36G__cardList {
    grid-template-columns: repeat(4, minmax(300px, 1fr));
  }
}

@media (width >= 1920px) {
  .HomePostList-module__sgu36G__cardList {
    grid-template-columns: repeat(5, minmax(300px, 1fr));
  }
}

.HomePostList-module__sgu36G__loadingWrapper {
  color: #555;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 2rem 0;
  font-size: 1rem;
  display: flex;
}

.HomePostList-module__sgu36G__spinner {
  border: 3px solid #ccc;
  border-top-color: #0070f3;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: .8s linear infinite HomePostList-module__sgu36G__spin;
}

@keyframes HomePostList-module__sgu36G__spin {
  to {
    transform: rotate(360deg);
  }
}

.HomePostList-module__sgu36G__endMessage {
  text-align: center;
  color: #888;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 2rem 0;
  font-size: .95rem;
  display: flex;
}

.HomePostList-module__sgu36G__checkIcon {
  color: #4caf50;
  font-size: 1.2rem;
}


/* [project]/src/features/user/PostUserProfile/PostUserProfile.module.css [app-client] (css) */
.PostUserProfile-module__JYrNYG__contianer {
  align-items: center;
  padding: 0 5px 8px;
  display: flex;
}

.PostUserProfile-module__JYrNYG__avatar {
  border-radius: 50%;
}

.PostUserProfile-module__JYrNYG__blog {
  margin-left: 8px;
  font-size: 12px;
}


/* [project]/src/features/post/card/Card.module.css [app-client] (css) */
.Card-module__P-lrzG__card {
  background-color: var(--color-card);
  border-radius: .5rem;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: transform .6s;
  display: flex;
  box-shadow: 0 2px 8px #0000001a;
}

@media (prefers-color-scheme: dark) {
  .Card-module__P-lrzG__card {
    background-color: #2c2c2c;
  }
}

.Card-module__P-lrzG__card:hover {
  transform: translateY(-5px);
}

.Card-module__P-lrzG__thumbnail {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.Card-module__P-lrzG__img {
  object-fit: cover;
  border-radius: .5rem .5rem 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.Card-module__P-lrzG__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  font-size: 18px;
  overflow: hidden;
}

.Card-module__P-lrzG__content {
  color: #666;
  height: 70px;
  font-size: 15px;
}

.Card-module__P-lrzG__date {
  color: var(--color-text);
  font-size: 12px;
}

.Card-module__P-lrzG__main {
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  display: flex;
}

.Card-module__P-lrzG__info {
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  font-size: 10px;
  display: flex;
}

.Card-module__P-lrzG__cardFooter {
  justify-content: space-between;
  display: flex;
}


/* [project]/src/features/post/postContent/PostMarkDownContent.module.css [app-client] (css) */
.PostMarkDownContent-module__tJjQzq__markdown {
  color: var(--foreground);
  background: var(--background);
  white-space: pre-wrap;
  white-space: normal;
  width: 100%;
  padding: 1rem;
  line-height: 1.6;
  overflow-y: auto;
}

@media (prefers-color-scheme: dark) {
  .PostMarkDownContent-module__tJjQzq__markdown {
    color: var(--foreground);
    background: var(--background);
  }
}

.PostMarkDownContent-module__tJjQzq__markdown ol, .PostMarkDownContent-module__tJjQzq__markdown ul {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.PostMarkDownContent-module__tJjQzq__markdown .PostMarkDownContent-module__tJjQzq__list-item {
  word-break: keep-all;
  margin-top: 0;
  margin-bottom: .1rem;
  line-height: 1.6;
}

.PostMarkDownContent-module__tJjQzq__markdown img {
  max-width: 100%;
  height: auto;
}

.PostMarkDownContent-module__tJjQzq__markdown p {
  margin-top: .2rem;
  margin-bottom: .2rem;
}

.PostMarkDownContent-module__tJjQzq__codeBlock {
  background-color: var(--code-bg);
  border-radius: 10px;
  margin: 1.5rem 0;
  padding: 1rem;
  font-size: .9rem;
  overflow-x: auto;
}

.PostMarkDownContent-module__tJjQzq__blockCode {
  color: var(--code-text);
  font-family: Fira Code, Courier New, monospace;
}

.PostMarkDownContent-module__tJjQzq__inlineCode {
  background-color: #d7a72126;
  border-radius: 6px;
  padding: .2em .4em;
  font-family: Fira Code, monospace;
  font-size: .95em;
}


/* [project]/src/widgets/CommentForPost/ui/comments.module.css [app-client] (css) */
.comments-module__FTq5nq__commentsSection {
  max-width: 720px;
  margin: 40px auto;
  padding: 0 16px;
}

.comments-module__FTq5nq__commentCount {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.comments-module__FTq5nq__inputBox {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 32px;
  padding: 16px;
  box-shadow: 0 1px 4px #0000000d;
}

.comments-module__FTq5nq__textarea {
  resize: none;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}

.comments-module__FTq5nq__submitButton {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 500;
}

.comments-module__FTq5nq__commentList {
  flex-direction: column;
  display: flex;
}

.comments-module__FTq5nq__comment {
  background: none;
  border: none;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 12px 0;
}

.comments-module__FTq5nq__commentHeader {
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.comments-module__FTq5nq__avatar {
  background: #ccc;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.comments-module__FTq5nq__nickname {
  font-size: 15px;
  font-weight: 600;
}

.comments-module__FTq5nq__content {
  font-size: 14px;
  line-height: 1.6;
}

.comments-module__FTq5nq__replyBox {
  border-left: 2px solid #eee;
  margin-top: 12px;
  padding-left: 24px;
}

.comments-module__FTq5nq__reply {
  margin-top: 12px;
}

.comments-module__FTq5nq__replyToggle {
  color: #999;
  cursor: pointer;
  font-size: 14px;
}

.comments-module__FTq5nq__dateAndReply {
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.comments-module__FTq5nq__date {
  color: #999;
  font-size: 13px;
}

.comments-module__FTq5nq__replyWrite {
  color: #999;
  cursor: pointer;
  font-size: 13px;
}

.comments-module__FTq5nq__commentInput {
  margin-top: 24px;
}


/* [project]/src/features/comment/commentProfile/CommentProfile.module.css [app-client] (css) */
.CommentProfile-module__5Edp3G__commentHeader {
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.CommentProfile-module__5Edp3G__avatar {
  background: #ccc;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.CommentProfile-module__5Edp3G__nickname {
  font-size: 15px;
  font-weight: 600;
}

.CommentProfile-module__5Edp3G__date {
  color: #999;
  margin-top: 2px;
  font-size: 12px;
}

.CommentProfile-module__5Edp3G__textarea {
  resize: none;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}

.CommentProfile-module__5Edp3G__submitButton {
  color: #333;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
}

.CommentProfile-module__5Edp3G__submitButton:hover {
  background-color: #e0e0e0;
}


/* [project]/src/features/comment/subComment/SubComment.module.css [app-client] (css) */
.SubComment-module__zKj30W__subCommentBox {
  margin-top: 8px;
  padding-left: 44px;
}

.SubComment-module__zKj30W__textarea {
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  height: 80px;
  margin-bottom: 8px;
  padding: 10px;
}

.SubComment-module__zKj30W__button {
  color: #333;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
}

.SubComment-module__zKj30W__button:hover {
  background-color: #e0e0e0;
}


/* [project]/src/features/comment/CommentInput/CommentInput.module.css [app-client] (css) */
.CommentInput-module__ycRVra__inputBox {
  background-color: var(--background);
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 32px;
  padding: 16px;
  box-shadow: 0 1px 4px #0000000d;
}

.CommentInput-module__ycRVra__textarea {
  resize: none;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 14px;
}

.CommentInput-module__ycRVra__submitButton {
  background-color: var(--foreground);
  color: var(--background);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 500;
}


/* [project]/src/features/user/blogProfile/BlogProfile.module.css [app-client] (css) */
.BlogProfile-module__aW5hJW__meta {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 12px;
  display: flex;
}

.BlogProfile-module__aW5hJW__profile {
  align-items: center;
  gap: 12px;
  display: flex;
}

.BlogProfile-module__aW5hJW__blogInfo {
  flex-direction: column;
  display: flex;
}

.BlogProfile-module__aW5hJW__blogName {
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
}

.BlogProfile-module__aW5hJW__bio {
  color: #444;
  margin-top: 8px;
  font-size: 1.1rem;
}

@media (prefers-color-scheme: dark) {
  .BlogProfile-module__aW5hJW__bio {
    color: #b0b0b0;
  }
}

.BlogProfile-module__aW5hJW__avatar {
  object-fit: cover;
  border-radius: 9999px;
  width: 128px;
  height: 128px;
}

.BlogProfile-module__aW5hJW__subscribeButton {
  background-color: var(--foreground);
  color: var(--background);
  cursor: pointer;
  border-radius: 4px;
  margin-left: auto;
  padding: 4px 12px;
  font-size: 16px;
}


/* [project]/src/features/user/subscribeButton/SubscribeButton.module.css [app-client] (css) */
.SubscribeButton-module__FggOYq__subscribeButton {
  min-width: 44px;
}


/* [project]/src/features/post/postActionBar/PostActionBar.module.css [app-client] (css) */
.PostActionBar-module__KnzE_W__likeButton, .PostActionBar-module__KnzE_W__shareButton {
  cursor: pointer;
  color: var(--foreground);
  background: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
}

.PostActionBar-module__KnzE_W__actionBar {
  justify-content: space-between;
  gap: 12px;
  margin-top: 30px;
  display: flex;
}

.PostActionBar-module__KnzE_W__postAction {
  gap: 12px;
  display: flex;
}


/* [project]/src/features/post/ReviewSettingModal/ReviewSettingModal.module.css [app-client] (css) */
.ReviewSettingModal-module__fZmLrW__overlay {
  z-index: 1000;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.ReviewSettingModal-module__fZmLrW__modal {
  background-color: #fff;
  border-radius: 8px;
  width: 400px;
  padding: 24px;
  box-shadow: 0 2px 8px #0003;
}

.ReviewSettingModal-module__fZmLrW__field {
  margin-bottom: 16px;
}

.ReviewSettingModal-module__fZmLrW__field label {
  margin-bottom: 8px;
  font-weight: bold;
  display: block;
}

.ReviewSettingModal-module__fZmLrW__field input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
}

.ReviewSettingModal-module__fZmLrW__chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
}

.ReviewSettingModal-module__fZmLrW__chip {
  background-color: #e0e0e0;
  border-radius: 16px;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.ReviewSettingModal-module__fZmLrW__chip button {
  cursor: pointer;
  background: none;
  border: none;
  margin-left: 8px;
}

.ReviewSettingModal-module__fZmLrW__actions {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.ReviewSettingModal-module__fZmLrW__planList {
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}


/* [project]/src/features/post/TagList/TagList.module.css [app-client] (css) */
.TagList-module__nXyrgW__wrapper {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 8px;
  padding: 8px 0;
  display: flex;
}

.TagList-module__nXyrgW__tag {
  color: #000;
  cursor: pointer;
  user-select: none;
  background-color: #e0e0e0;
  border-radius: 9999px;
  padding: 6px 14px;
  font-size: 14px;
  transition: background .2s;
}

@media (prefers-color-scheme: dark) {
  .TagList-module__nXyrgW__tag {
    background-color: #f6f6f6;
  }
}

.TagList-module__nXyrgW__tag:hover {
  background-color: #e0e0e0;
}


/*# sourceMappingURL=src_a615628e._.css.map*/