@charset "utf-8";

.product-reviews-dialog .s-kit-modal-content { width: 500px; }

.product-reviews-dialog .product-info-panel { color: rgb(99, 105, 114); font-size: 14px; text-align: center; }

.product-reviews-dialog .product-img { width: 60px; height: 60px; border-radius: 6%; margin: 30px auto 20px; background-size: cover; background-position: center center; }

.product-reviews-dialog .product-name { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.product-reviews-dialog .product-variations { font-weight: 600; margin-bottom: 24px; }

.product-reviews-dialog .product-variations .line { height: 12px; width: 1px; margin: 0px 10px; display: inline-block; background-color: rgb(169, 174, 178); }

.product-reviews-dialog .product-rate { font-weight: 600; margin-bottom: 30px; }

.product-reviews-dialog .product-rate .rate-label.error { color: rgb(230, 71, 81); }

.product-reviews-dialog .product-rate .score-star { margin-top: 10px; display: inline-block; }

.product-reviews-dialog .product-rate .star-icon { cursor: pointer; font-size: 30px; margin-right: 10px; color: rgb(226, 228, 231); }

.product-reviews-dialog .product-rate .star-icon.selected { color: rgb(243, 199, 53); }

.product-reviews-dialog .product-reviews-form .input-section input { width: 100%; height: 38px; }

.product-reviews-dialog .product-reviews-form .textarea-section textarea { width: 100%; resize: none; height: 120px; margin-top: 20px; }

.product-reviews-dialog .product-reviews-form .textarea-section .count { margin-top: 4px; font-size: 13px; text-align: right; color: rgb(169, 174, 178); }

.product-reviews-dialog .gdpr-container { width: 100%; margin-top: 10px; text-align: left; display: inline-table; }

.product-reviews-dialog .gdpr-container .review-checkbox { cursor: pointer; margin-right: 6px; }

.product-reviews-dialog .gdpr-container .s-terms-link { color: rgb(27, 176, 230); cursor: pointer; display: inline-block; }

.product-reviews-dialog .gdpr-container .gdpr-text { text-align: left; }

.product-reviews-dialog .submit-btn { width: 100%; }

.product-reviews-dialog .form-field-error { color: rgb(230, 71, 81); margin-top: 6px; line-height: 1.2; text-align: left; }

.product-review-success-dialog .review-success-panel { text-align: center; }

.product-review-success-dialog .review-success-panel .success-icon { color: rgb(147, 183, 25); font-size: 32px; margin-top: 40px; }

.product-review-success-dialog .review-success-panel .review-title { color: rgb(99, 105, 114); font-size: 18px; margin-top: 20px; font-weight: bold; }

.product-review-success-dialog .review-success-panel .review-text { margin: 10px 0px 20px; }

.product-review-success-dialog .review-success-panel .back-btn { width: 100%; display: none; }

.product-review-failure-dialog .s-kit-modal-content { width: 470px; }

.product-review-failure-dialog .message-icon { width: 40px; height: auto; }

.product-review-failure-dialog .review-failure-panel { margin-top: 40px; text-align: center; }

.product-review-failure-dialog .error-message { margin: 14px 0px; }

@media screen and (max-width: 500px) {
  .product-review-dialog-wrapper .s-kit-modal-content { padding-top: 10vh; }
  .product-review-dialog-wrapper .s-kit-modal-content .s-kit-modal-close { top: 60px; }
  .product-reviews-dialog .s-kit-modal-content, .product-review-success-dialog .s-kit-modal-content, .product-review-failure-dialog .s-kit-modal-content { height: 100vh; width: 100vw; border-radius: 0px; box-sizing: border-box; }
  .product-reviews-dialog .s-kit-modal-content .s-kit-modal-body, .product-review-success-dialog .s-kit-modal-content .s-kit-modal-body, .product-review-failure-dialog .s-kit-modal-content .s-kit-modal-body { width: 100%; box-sizing: border-box; }
  .product-review-success-dialog { display: flex; align-items: center; justify-content: center; }
  .product-review-success-dialog .review-success-panel { margin-top: 24vh; }
  .product-review-success-dialog .review-success-panel .back-btn { display: block; }
  .product-review-failure-dialog .review-failure-panel { margin-top: 26vh; }
}