/* Picatron's image reviews, using Visedeg's shared sections, controls and palette. */
.picture-page .picture-rating{display:grid;gap:.8rem}
.picture-rating-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;font-variant-numeric:tabular-nums}
.picture-rating-total>strong{font-size:2.4rem;line-height:1;font-weight:700}
.picture-rating-total>span,.picture-rating-count{font-size:.8rem;color:#949ba4}
.picture-personal-rating{display:grid;gap:.4rem;font-size:.8rem;color:#949ba4}
.picture-rating-control{display:grid;grid-template-columns:minmax(0,1fr) 2.4rem;gap:.7rem;align-items:center}
.picture-rating-control output{font-size:1.3rem;font-weight:700;text-align:right;color:#eef0f3;font-variant-numeric:tabular-nums}
body input.picture-rating-slider[type=range]{appearance:none;width:100%;height:2rem;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}
.picture-rating-slider::-webkit-slider-runnable-track{height:.3rem;border-radius:.2rem;background:linear-gradient(90deg,#637f95,#f39f39,#c96b4b)}
.picture-rating-slider::-moz-range-track{height:.3rem;border-radius:.2rem;background:linear-gradient(90deg,#637f95,#f39f39,#c96b4b)}
.picture-rating-slider::-webkit-slider-thumb{appearance:none;width:1.2rem;height:1.2rem;margin-top:-.4rem;border:.1rem solid #ffffff35;border-radius:50%;background:#eef0f3}
.picture-rating-slider::-moz-range-thumb{width:1rem;height:1rem;border:.1rem solid #ffffff35;border-radius:50%;background:#eef0f3}
.picture-review-toolbar,.picture-response-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.picture-review-toolbar>[role=status],.picture-response-actions>[role=status],.picture-response-status{font-size:.8rem;color:#949ba4;overflow-wrap:anywhere}
.picture-review-editor,.picture-comment-composer{display:grid;gap:.7rem;min-width:0}
.picture-review-editor label,.picture-comment-composer label{display:grid;gap:.4rem;min-width:0;margin:0;font-size:.8rem}
.picture-review-editor input,.picture-comment-composer input{width:100%;min-width:0}
.picture-review-editor textarea,.picture-comment-composer textarea{margin:0;min-height:5rem;max-height:20rem;resize:vertical;font-size:.9rem}
.picture-guest-name{max-width:20rem}
.picture-written-reviews{display:grid;gap:1rem;padding-top:1rem;border-top:.1rem solid #ffffff15}
.picture-page .picture-written-reviews h3{margin:0;font-size:.9rem}
.picture-written-review{display:grid;gap:.6rem;min-width:0}
.picture-review-heading{display:flex;align-items:center;gap:.5rem;min-width:0}
.picture-review-heading>strong{font-size:1.4rem;line-height:1;font-variant-numeric:tabular-nums}
.picture-review-heading>div:not(.picture-review-votes){flex:1;display:grid;gap:.2rem;min-width:0}
.picture-response-author{font-size:.8rem;font-weight:600;overflow-wrap:anywhere}
.picture-response-author small{color:#949ba4;font-size:.7rem;font-weight:400}
.picture-review-heading time,.picture-comment-heading time{font-size:.7rem;color:#949ba4}
.picture-review-votes{display:flex;gap:.2rem}
body .button.picture-review-vote{display:grid;justify-items:center;gap:.2rem;min-width:1.8rem;height:auto;min-height:2.5rem;margin:0;padding:.3rem;border:.1rem solid #ffffff15;border-radius:.3rem;background:rgba(255,255,255,.03);color:#eef0f3;font-size:.7rem;line-height:1.2;cursor:pointer}
body .button.picture-review-vote[aria-pressed=true]{border-color:#ffffff35;background:rgba(255,255,255,.05)}
.picture-review-vote svg{width:1rem;height:1rem}
.response-thumb-down{transform:rotate(180deg)}
.picture-review-text{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
.picture-review-text p{margin:0}
.picture-review-text>[data-review-expand]{margin-top:.3rem;font-size:.8rem}
body .picture-written-review>.button.response-delete{justify-self:start;font-size:.7rem;color:#c96b4b}
.picture-page .picture-discussion{margin-top:1rem}
.picture-discussion>h2{display:flex;align-items:baseline;gap:.5rem}
.picture-comment-count{font-size:.8rem;font-weight:400;color:#949ba4}
.picture-comments-viewport{min-height:10rem;max-height:30rem;margin-top:1rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#949ba4 #010103}
.picture-discussion.is-empty .picture-comments-viewport{min-height:0}
.picture-discussion.is-empty .picture-comment-composer{margin-top:.5rem;padding-top:.7rem}
.picture-comments-viewport:focus{outline:0}
[data-comments-items]{display:grid;gap:.8rem}
.picture-comment-thread{display:grid;gap:.5rem;min-width:0}
.picture-comment{display:grid;gap:.5rem;min-width:0;padding:.8rem;border:.1rem solid #ffffff15;border-radius:.5rem;background:#010103}
.picture-comment-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .6rem}
.picture-comment-heading time{margin-left:auto}
.picture-comment>p{margin:0;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.picture-comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}
body .picture-comment-actions>.button.text{font-size:.8rem;color:#949ba4}
body .picture-comment-actions>.button[aria-pressed=true]{color:#f39f39}
body .picture-comment-actions>.response-delete{margin-left:auto;color:#c96b4b}
.picture-comment-replies{display:grid;gap:.5rem;margin-left:1.5rem;min-width:0}
.picture-comment-replies:empty{display:none}
.picture-comment-thread>[data-comment-reply-form],.picture-comment-replies>[data-comment-reply-form]{margin:.3rem 0 .6rem 1.5rem}
.picture-comment-composer{margin-top:1rem;padding-top:1rem;border-top:.1rem solid #ffffff15}
.picture-comments-empty,.picture-response-status{margin:.7rem 0;font-size:.8rem;color:#949ba4}
.picture-response-status:empty{display:none}
[data-comments-pagination]:not(:empty){margin-top:1rem}
.response-removed{color:#949ba4;font-size:.8rem;background:transparent}
@media(max-width:37rem){.picture-comment-replies{margin-left:.7rem}.picture-comment-thread>[data-comment-reply-form],.picture-comment-replies>[data-comment-reply-form]{margin-left:.7rem}.picture-comments-viewport{max-height:26rem}}

.picture-comment-composer>.picture-response-actions{justify-content:flex-end}
.picture-comment-composer>.picture-response-actions>[data-comment-form-status]{order:-1;margin-right:auto}