.feedback-popup{position:fixed;bottom:1rem;right:1rem;width:335px;padding:1rem;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:none;z-index:1050}.feedback-popup .feedback-content h5{margin-top:0;font-size:1.25rem}.feedback-popup .feedback-content p{margin:.5rem 0}.feedback-popup .btn{margin-right:.5rem}.rating-faces.is-invalid{border:1px solid #dc3545;border-radius:.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.rating-faces .face-container{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:1.2rem;width:10vw;max-width:102px}.rating-faces .face-container .description{margin-top:.1em;text-align:center;color:#333;font-size:clamp(12px,2vw,1em)}.rating-faces .face-container .rating-face{width:10vw;height:10vw;min-width:50px;min-height:50px;max-width:80px;max-height:80px;border-radius:50%;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;margin:14px}.rating-faces .face-container .rating-face.small-face{transform:scale(.5);margin:2px}.rating-faces .face-container .rating-face:hover,.rating-faces .face-container .rating-face.selected{transform:scale(1.3);box-shadow:0 6px 10px rgba(0,0,0,.2);outline:#000 auto 1px}.rating-faces .face-container .rating-face.small-face:hover,.rating-faces .face-container .rating-face.small-face.selected{transform:scale(.8)}.rating-faces .face-container .rating-face:hover+.description,.rating-faces .face-container .rating-face.selected+.description,.rating-faces .face-container .rating-face.small-face:hover+.description,.rating-faces .face-container .rating-face.small-face.selected+.description{font-weight:bold}.rating-faces .rating-face::before,.rating-faces .rating-face::after{content:'';position:absolute;background-color:#000;border-radius:50%;width:12%;height:12%;top:30%}.rating-faces .rating-face::before{left:25%}.rating-faces .rating-face::after{right:25%}.rating-faces .rating-face .mouth{position:absolute;width:50%;height:15%;border:3px solid transparent;border-radius:50%}.rating-faces .happy{background-color:#4caf50}.rating-faces .happy .mouth{border-color:transparent transparent #000 transparent;bottom:25%;height:48%}.rating-faces .slightly-happy{background-color:#8bc34a}.rating-faces .slightly-happy .mouth{border-color:transparent transparent #000 transparent;bottom:25%;height:20%}.rating-faces .neutral{background-color:#ffc107}.rating-faces .neutral .mouth{width:50%;height:3px;background-color:#000;border:none;border-radius:0;bottom:30%}.rating-faces .slightly-sad{background-color:#ff9800}.rating-faces .slightly-sad .mouth{border-color:#000 transparent transparent transparent;bottom:15%;height:23%}.rating-faces .sad{background-color:#f44336}.rating-faces .sad .mouth{border-color:#000 transparent transparent transparent;top:58%;height:48%}