:root{--baseSize: 16px;--fontFamily: sans-serif;--basePadding: 6px;--marginPadding: 6px;--borderColour: #ccc;--accentColour: #007bff;--buttonColour: #007bff;--buttonColourHover: #0069d9;--buttonTextColour: white}#bbcomments-container{padding:0 20px}#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:2px solid var(--borderColour);margin:0;padding-top:0;font-size:1.2em;margin-bottom:var(--basePadding)}.formContainer h4{padding-top:var(--marginPadding);padding-bottom:0;text-transform:capitalize;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%}.formField label{text-transform:unset}@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:0;margin-bottom:0}@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:2px 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:initial}.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{background:#f7f7f7;border-radius:5px;padding:10px;margin-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:initial;background:transparent;border:0}.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:2px;font-size:.8em;color:var(--accentColour)}.commentListContainer .commentList .replyComment{margin-left:10px;padding-left:10px;border-left:2px 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:2px solid var(--borderColour)}.commentAlert{position:fixed;bottom:1%;right:2%;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}.secret-approve-indicator{position:fixed;bottom:10px;right:10px;background-color:#007bff33;color:#007bff;padding:8px 12px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease;z-index:1000}.secret-approve-indicator.active{opacity:1}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.comments-skeleton{padding:var(--basePadding) 0}.comments-skeleton-title{height:24px;background-color:#e0e0e0;border-radius:4px;margin-bottom:16px;width:40%;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton{border:1px solid var(--borderColour);border-radius:4px;padding:var(--basePadding);margin-bottom:var(--marginPadding);background-color:#fff}.comment-skeleton-header{display:flex;align-items:center;margin-bottom:8px}.comment-skeleton-avatar{width:40px;height:40px;border-radius:50%;background-color:#e0e0e0;margin-right:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-meta{flex:1}.comment-skeleton-name{height:16px;background-color:#e0e0e0;border-radius:3px;width:30%;margin-bottom:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-date{height:14px;background-color:#e0e0e0;border-radius:3px;width:50%;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-rating{height:20px;background-color:#e0e0e0;border-radius:3px;width:120px;margin-bottom:12px;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-content{margin-bottom:8px}.comment-skeleton-line{height:16px;background-color:#e0e0e0;border-radius:3px;margin-bottom:6px;width:100%;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-line:nth-child(2){width:85%}.comment-skeleton-line.short{width:60%}