@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.comment-connect { border-radius: 12px; display: grid; margin: 0px auto; max-width: 670px; padding: 24px; background: rgb(255, 233, 178); gap: 16px; text-align: center; }

@media (min-width: 880px) {
  .comment-connect { grid-template-columns: 1fr auto; -webkit-box-align: center; align-items: center; padding: 24px; text-align: left; }
}

@media (min-width: 1200px) {
  .comment-connect { padding-bottom: 40px; padding-top: 40px; }
}

.comment-connect__btnbox { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; }

@media (min-width: 1200px) {
  .comment-connect__btnbox { gap: 12px; }
}

.comment-connect__title { color: rgb(32, 32, 32); font-family: BrownBold, sans-serif; font-size: 2rem; font-weight: 700; line-height: 135%; }

.comment-connect__title::first-letter { text-transform: capitalize; }

.comment-connect__subtitle { color: rgb(66, 66, 66); font-family: -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, verdana; font-size: 1.4rem; line-height: 145%; }

.comment-connect__subtitle a { border-bottom: 1px solid; color: rgb(66, 66, 66); text-decoration: none; }

.comment-connect__subtitle a:focus-visible, .comment-connect__subtitle a:hover { border-bottom: 1px solid; cursor: pointer; text-decoration: none; }

.comment-connect__subtitle a:active { background: rgb(221, 221, 221); border-radius: 2px; box-shadow: rgb(221, 221, 221) 0px 0px 0px 2px; }

.comment-connect__subtitle a:focus-visible { border-radius: 2px; outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,2px); }

.comment-connect__subtitle a:visited { color: rgb(118, 118, 118); }

.comment-connect__subtitle a[target="_blank"] { padding-bottom: 2px; }

.comment-connect__subtitle a[target="_blank"]::after { background-color: rgb(66, 66, 66); content: "-"; display: inline; mask: url("external-link-e092162c.svg") center center no-repeat; padding-top: 1px; vertical-align: middle; }

.comment-connect__subtitle a[target="_blank"]:visited::after { background-color: rgb(118, 118, 118); }

.comment-connect__subtitle a[target="_blank"]::after { margin-left: 4px; padding-left: 16px; }