/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/css/comment-module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.wp-block-comments {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.wp-block-comments .comment-reply-title {
  font-family: var(--wp--preset--font-family--program-ot);
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  padding-top: 0px
}

@media (min-width: 1024px) {

  .wp-block-comments .comment-reply-title {
    padding-left: 0px;
    padding-right: 0px
  }
}

.wp-block-comments .comment-reply {
  margin: 0px !important;
  display: flex;
  align-items: center;
  gap: 1rem
}

.wp-block-comments .comment-reply a {
  border-radius: 0px;
  padding: 0px;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(251 217 72 / var(--tw-text-opacity, 1));
  border-style: none;
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.wp-block-comments .comment-reply a:hover {
  --tw-text-opacity: 1;
  color: rgb(100 244 33 / var(--tw-text-opacity, 1))
}

.comment-form {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem
}

.comment-notes,
.comment-form label:not(.checkbox_label) {
  display: none !important
}

.checkbox_label {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.checkbox_label a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

:is(.checkbox_label a):hover {
  --tw-text-opacity: 1;
  color: rgb(198 198 198 / var(--tw-text-opacity, 1))
}

.comment-form input[name="text"],
.comment-form input[name="email"],
.comment-form input[name="author"],
.comment-form input[name="url"],
.comment-form textarea {
  font-family: var(--wp--preset--font-family--program-ot);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(57 57 57 / var(--tw-border-opacity, 1));
  padding-left: 1.4375rem;
  padding-right: 1.4375rem;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem
}

.comment-form input[name="text"].error,
.comment-form input[name="email"].error,
.comment-form input[name="author"].error,
.comment-form input[name="url"].error,
.comment-form textarea.error {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(214 11 0 / var(--tw-border-opacity, 1))
}

.wp-block-comments-pagination {
  justify-content: center
}

.wp-block-comments-pagination-previous,
.wp-block-comments-pagination-next,
.wp-block-comments-pagination-numbers {
  margin: 0px !important
}

.wp-block-comments-pagination-numbers {
  display: flex;
  gap: 0.5rem
}

.wp-block-comments-pagination a,
.wp-block-comments-pagination .page-numbers.current {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(113 113 113 / var(--tw-border-opacity, 1));
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem
}

@media (min-width: 640px) {

  .wp-block-comments-pagination a,
.wp-block-comments-pagination .page-numbers.current {
    height: 3.75rem;
    width: 3.75rem;
    min-width: 3.75rem
  }
}

.wp-block-comments-pagination a,
.wp-block-comments-pagination .page-numbers.current {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  font-family: var(--wp--preset--font-family--program-ot)
}

.wp-block-comments-pagination a:hover,
.wp-block-comments-pagination .page-numbers.current {
  --tw-bg-opacity: 1;
  background-color: rgb(251 217 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

#commentform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
  position: relative;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

#commentform:after {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
  --tw-content: "";
  content: var(--tw-content);
  left: 0px;
  bottom: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 217 72 / var(--tw-bg-opacity, 1));
  transform: skewY(1.5deg)
}

#commentform p {
  padding-top: 0px
}

.grid-comment {
  width: 100%
}

.grid-author {
  width: 100%
}

@media (min-width: 768px) {

  .grid-author {
    width: auto;
    flex: 1 1 0%
  }
}

.grid-submit {
  display: block;
  width: 100%
}

@media (min-width: 768px) {

  .grid-submit {
    width: auto
  }
}

.grid-submit .wp-element-button {
  width: 100%
}

@media (min-width: 768px) {

  .grid-submit .wp-element-button {
    width: auto
  }
}

@media (min-width: 1024px) {

  .grid-submit .wp-element-button {
    padding-left: 3.125rem;
    padding-right: 3.125rem
  }
}

.grid-submit .wp-element-button {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  background-color: transparent;
  font-family: var(--wp--preset--font-family--program-ot);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

:is(.grid-submit .wp-element-button):hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 244 33 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 244 33 / var(--tw-text-opacity, 1))
}

ol.wp-block-comment-template {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

@media (min-width: 1024px) {

  ol.wp-block-comment-template {
    padding-left: 0px !important;
    padding-right: 0px !important
  }
}

.wp-block-comment-template ol,
ol.wp-block-comment-template {
  list-style-type: none !important
}

.column-comment-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  padding: 0px
}

.column-comment-content .wp-block-comment-author-name,
.column-comment-content .wp-block-comment-date {
  font-family: var(--wp--preset--font-family--program-ot);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.column-comment-content .wp-block-comment-date {
  padding-left: 0.5rem
}

.column-comment-content .wp-block-comment-content {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.column-comment-content .wp-block-comment-content p {
  width: 100%;
  padding-top: 0px
}

.column-comment-content .comment-content {
  width: 100%
}

.column-comment-content .cld-like-dislike-wrap {
  margin-bottom: 0px;
  display: flex;
  gap: 0.5rem
}

.column-comment-content .cld-common-wrap {
  margin-right: 0px;
  border-radius: 0.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.column-comment-content .cld-common-wrap:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(198 198 198 / var(--tw-bg-opacity, 1))
}

.column-comment-content .cld-like-like-trigger,
.column-comment-content .cld-like-dislike-trigger,
.column-comment-content .cld-like-dislike-wrap.cld-custom img {
  height: 100%;
  width: 1.5rem
}

.column-comment-content .cld-like-like-trigger,
.column-comment-content .cld-like-dislike-trigger {
  width: 100%
}

.column-comment-content .cld-common-wrap {
  position: relative;
  min-width: 0px;
  padding: 0.25rem
}

.column-comment-content .cld-like-wrap.cld-common-wrap,
.column-comment-content .cld-dislike-wrap.cld-common-wrap {
  display: flex;
  height: 2rem;
  width: 3rem;
  align-items: center
}

.column-comment-content .cld-count-wrap {
  margin-left: 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.column-comment-content .cld-common-wrap {
  border-width: 1px;
  border-color: transparent
}

.column-comment-content .cld-common-wrap:hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 244 33 / var(--tw-border-opacity, 1));
  background-color: transparent
}

.wp-block-comment-template {
  padding-left: 0px !important
}

.cld-like-wrap,
.cld-dislike-wrap {
  position: relative
}

.cld-like-wrap a,
.cld-dislike-wrap a {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0px
}

.cld-like-wrap a img,
.cld-dislike-wrap a img {
  position: relative;
  left: 10%;
  z-index: 1
}

.comment-error-message {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  border-top-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(214 11 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(214 11 0 / var(--tw-text-opacity, 1))
}

.cld-like-count-wrap.cld-count-wrap,
.cld-dislike-count-wrap.cld-count-wrap {
  position: absolute;
  top: 50%;
  left: 60%;
  z-index: -1;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.comment-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem
}

.comment-wrapper .comment-content {
  display: contents
}

/*# sourceMappingURL=comment-module.css.map*/