/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[3].oneOf[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].oneOf[1].use[4]!./assets/sass/blocks/comment/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comment {
  padding: 4rem 0;
}
.comment__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.comment input,
.comment textarea {
  background: #f2f3f5;
  font-size: 1rem;
  color: #303640;
  border: 0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.comment input {
  height: 50px;
}
.comment input {
  padding: 0 0.8rem;
}
.comment input:focus {
  outline-color: #11ad36;
}
.comment input::placeholder {
  color: #a7afbd;
}
.comment textarea {
  resize: vertical;
  padding: 12px 14px;
}
.comment textarea:focus {
  outline-color: #11ad36;
}
.comment textarea::placeholder {
  color: #a7afbd;
}
.comment button {
  width: 254px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0.3em;
  padding: 0.8em 1.8em;
  background: #11ad36;
  color: #ffffff;
  cursor: pointer;
  border: none;
  position: relative;
  transition-property: background, border, box-shadow, color, opacity, transform;
  transition-duration: 0.3s;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.comment button:hover {
  background: #257aa2;
}
.comment__title {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: max(1.2rem, 1.2vw);
  line-height: 1.2;
  letter-spacing: 0;
}
.comment__button {
  color: #00bf80;
  border-bottom: 1px dotted;
  text-decoration: none;
}
.comment__form-title {
  margin-bottom: 1em;
}
.comment__block {
  padding: 1rem 0;
}
.comment__block-name {
  font-weight: 700;
  margin: 0;
}
.comment__block-date {
  text-decoration: none;
  font-size: 0.8em;
  color: #303640;
  opacity: 0.66;
}
.comment__block-text {
  margin: 0;
}
.comment__success-text {
  font-size: 1.2em;
  opacity: 0;
  color: #4c0;
  transition: opacity 0.2s;
}
.comment__success-text--success {
  opacity: 1;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3NzL2NvbW1lbnQuY3NzIiwibWFwcGluZ3MiOiI7OztBQUFBO0VBQ0U7QUFDRjtBQUNFO0VBQ0U7RUFDQTtFQUNBO0FBQ0o7QUFFRTs7RUFFRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FBQUo7QUFHRTtFQUNFO0FBREo7QUFJRTtFQUNFO0FBRko7QUFJSTtFQUNFO0FBRk47QUFLSTtFQUNFO0FBSE47QUFPRTtFQUNFO0VBQ0E7QUFMSjtBQU9JO0VBQ0U7QUFMTjtBQVFJO0VBQ0U7QUFOTjtBQVVFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUFSSjtBQVVJO0VBQ0U7QUFSTjtBQVlFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQVZKO0FBYUU7RUFDRTtFQUNBO0VBQ0E7QUFYSjtBQWNFO0VBQ0U7QUFaSjtBQWVFO0VBQ0U7QUFiSjtBQWVJO0VBQ0U7RUFDQTtBQWJOO0FBZ0JJO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7QUFkTjtBQWlCSTtFQUNFO0FBZk47QUFtQkU7RUFDRTtFQUNBO0VBQ0E7RUFDQTtBQWpCSjtBQW1CSTtFQUNFO0FBakJOLEMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9wcmVzc3Rpai5ydS8uL2Fzc2V0cy9zYXNzL2Jsb2Nrcy9jb21tZW50L3N0eWxlLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLmNvbW1lbnQge1xyXG4gIHBhZGRpbmc6IDRyZW0gMDtcclxuXHJcbiAgJl9fZm9ybSB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGdhcDogMjBweDtcclxuICB9XHJcblxyXG4gIGlucHV0LFxyXG4gIHRleHRhcmVhIHtcclxuICAgIGJhY2tncm91bmQ6ICNmMmYzZjU7XHJcbiAgICBmb250LXNpemU6IDFyZW07XHJcbiAgICBjb2xvcjogIzMwMzY0MDtcclxuICAgIGJvcmRlcjogMDtcclxuICAgIGJveC1zaGFkb3c6IDAgMXB4IDAgMCByZ2JhKDAsIDAsIDAsIDAuMDgpIGluc2V0O1xyXG4gIH1cclxuXHJcbiAgaW5wdXQge1xyXG4gICAgaGVpZ2h0OiA1MHB4O1xyXG4gIH1cclxuXHJcbiAgaW5wdXQge1xyXG4gICAgcGFkZGluZzogMCAwLjhyZW07XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIG91dGxpbmUtY29sb3I6ICMxMWFkMzY7XHJcbiAgICB9XHJcblxyXG4gICAgJjo6cGxhY2Vob2xkZXIge1xyXG4gICAgICBjb2xvcjogI2E3YWZiZDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHRleHRhcmVhIHtcclxuICAgIHJlc2l6ZTogdmVydGljYWw7XHJcbiAgICBwYWRkaW5nOiAxMnB4IDE0cHg7XHJcblxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIG91dGxpbmUtY29sb3I6ICMxMWFkMzY7XHJcbiAgICB9XHJcblxyXG4gICAgJjo6cGxhY2Vob2xkZXIge1xyXG4gICAgICBjb2xvcjogI2E3YWZiZDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGJ1dHRvbiB7XHJcbiAgICB3aWR0aDogMjU0cHg7XHJcbiAgICBmb250LXNpemU6IDE2cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMS4yO1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcclxuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xyXG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XHJcbiAgICBib3JkZXItcmFkaXVzOiAwLjNlbTtcclxuICAgIHBhZGRpbmc6IDAuOGVtIDEuOGVtO1xyXG4gICAgYmFja2dyb3VuZDogIzExYWQzNjtcclxuICAgIGNvbG9yOiAjZmZmZmZmO1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgYm9yZGVyOiBub25lO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYmFja2dyb3VuZCwgYm9yZGVyLCBib3gtc2hhZG93LCBjb2xvciwgb3BhY2l0eSwgdHJhbnNmb3JtO1xyXG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4zcztcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICMyNTdhYTI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAmX190aXRsZSB7XHJcbiAgICBmb250LWZhbWlseTogJ1JvYm90bycsIHNhbnMtc2VyaWY7XHJcbiAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgZm9udC1zaXplOiBtYXgoMS4ycmVtLCAxLjJ2dyk7XHJcbiAgICBsaW5lLWhlaWdodDogMS4yO1xyXG4gICAgbGV0dGVyLXNwYWNpbmc6IDA7XHJcbiAgfVxyXG5cclxuICAmX19idXR0b24ge1xyXG4gICAgY29sb3I6ICMwMGJmODA7XHJcbiAgICBib3JkZXItYm90dG9tOiAxcHggZG90dGVkO1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xyXG4gIH1cclxuXHJcbiAgJl9fZm9ybS10aXRsZSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XHJcbiAgfVxyXG5cclxuICAmX19ibG9jayB7XHJcbiAgICBwYWRkaW5nOiAxcmVtIDA7XHJcblxyXG4gICAgJi1uYW1lIHtcclxuICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcclxuICAgICAgbWFyZ2luOiAwO1xyXG4gICAgfVxyXG5cclxuICAgICYtZGF0ZSB7XHJcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICAgICAgZm9udC1zaXplOiAwLjhlbTtcclxuICAgICAgY29sb3I6ICMzMDM2NDA7XHJcbiAgICAgIG9wYWNpdHk6IDAuNjY7XHJcbiAgICB9XHJcblxyXG4gICAgJi10ZXh0IHtcclxuICAgICAgbWFyZ2luOiAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgJl9fc3VjY2Vzcy10ZXh0IHtcclxuICAgIGZvbnQtc2l6ZTogMS4yZW07XHJcbiAgICBvcGFjaXR5OiAwO1xyXG4gICAgY29sb3I6ICM0YzA7XHJcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnM7XHJcblxyXG4gICAgJi0tc3VjY2VzcyB7XHJcbiAgICAgIG9wYWNpdHk6IDE7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==*/