:root{--baseSize:16px;--fontFamily:sans-serif;--basePadding:7px;--marginPadding:10px;--borderColour:#ccc;--accentColour:#007bff;--buttonColour:#007bff;--buttonColourHover:#0069d9;--buttonTextColour:#fff}#commentsContainer{font-size:var(--baseSize);font-family:var(--fontFamily);padding-top:var(--basePadding);box-sizing:border-box}.formContainer h2{padding-bottom:var(--basePadding);border-bottom:1px solid var(--borderColour);margin:0;padding-top:0;font-size:1.2em}.formContainer h4{padding-top:var(--marginPadding);padding-bottom:0;margin:0;font-size:1em}@media (max-width:768px){.formContainer h4{padding-top:calc(var(--basePadding) - 4px)}}.formContainer input,.formContainer textarea{font-family:var(--fontFamily);padding:var(--basePadding);margin:var(--marginPadding) 0;border:1px solid var(--borderColour);border-radius:5px;box-sizing:border-box;font-size:1em;width:100%}.formContainer input[type=checkbox]{width:auto;margin-right:5px}.formContainer button{padding:10px var(--basePadding);margin:var(--marginPadding) 0;border:1px solid var(--buttonColour);border-radius:5px;box-sizing:border-box;width:100%;font-size:1em;color:var(--buttonTextColour);background-color:var(--buttonColour);cursor:pointer}.formContainer button:hover{background-color:var(--buttonColourHover)}.formContainer .flexContainer{display:flex;flex-direction:row;justify-content:space-between;gap:var(--marginPadding)}.formContainer .flexContainer .formField{width:50%}@media (max-width:768px){.formContainer .flexContainer{flex-direction:column;gap:0}.formContainer .flexContainer .formField{width:100%}.formContainer .flexContainer input{margin:calc(var(--marginPadding) - 2px) 0}.formContainer .flexContainer h4{padding-top:calc(var(--basePadding) - 4px)}}.formContainer .formStarContainer{margin-top:-5px;margin-bottom:-5px}@media (max-width:768px){.formContainer .formStarContainer{margin-bottom:0}}.formContainer .errorMessage{padding:0;margin:0;font-size:.8em;color:#ff4b4b}.commentListContainer h2{padding-bottom:var(--basePadding);border-bottom:1px solid var(--borderColour);margin:15px 0 0;padding-top:0;font-size:1.2em}.commentListContainer h4{padding-top:var(--marginPadding);padding-bottom:0;margin:0;font-size:1.2em}.commentListContainer .commentList .individualComment,.commentListContainer .commentList .replyComment{margin:var(--marginPadding) 0}.commentListContainer .commentList .individualComment .commentHeader,.commentListContainer .commentList .replyComment .commentHeader{display:flex;justify-content:space-between}.commentListContainer .commentList .individualComment .commentName,.commentListContainer .commentList .replyComment .commentName{flex:50%;font-weight:700;font-size:1em;margin:0;line-height:normal}.commentListContainer .commentList .individualComment .commentDate,.commentListContainer .commentList .replyComment .commentDate{flex:50%;text-align:right;font-size:.9em;color:#666}.commentListContainer .commentList .individualComment .commentContent,.commentListContainer .commentList .replyComment .commentContent{padding-top:var(--marginPadding)}.commentListContainer .commentList .individualComment .commentContent p,.commentListContainer .commentList .replyComment .commentContent p{margin:0;font-size:1em;padding:var(--basePadding) 0}.commentListContainer .commentList .individualComment .showReplyForm,.commentListContainer .commentList .replyComment .showReplyForm{margin:var(--marginPadding) 0;cursor:pointer;line-height:normal}.commentListContainer .commentList .individualComment .showReplyForm svg,.commentListContainer .commentList .replyComment .showReplyForm svg{width:13px;height:13px;margin:2px;vertical-align:bottom;color:var(--accentColour)}.commentListContainer .commentList .individualComment .showReplyForm span,.commentListContainer .commentList .replyComment .showReplyForm span{padding-left:var(--basePadding);font-size:.8em;color:var(--accentColour)}.commentListContainer .commentList .replyComment{margin-left:10px;padding-left:10px;border-left:1px solid var(--borderColour);padding-bottom:var(--marginPadding)}.commentListContainer .commentList .commentStars{height:23px}.commentListContainer .commentList .commentStars .starIcon{width:20px;height:20px;margin:2px}.commentListContainer .replyForm{margin-left:10px;padding-left:10px;border-left:1px solid var(--borderColour)}.commentAlert{padding:var(--marginPadding);border-radius:3px;color:#fff;text-align:left;margin-bottom:20px}.commentAlert p{font-family:sans-serif;padding:var(--marginPadding);margin:0}.commentAlert.success{background-color:#47be4b}.commentAlert.error{background-color:#f44336}