.feedback-sheet{box-sizing:border-box;color:#302f2c;background:#fff;border:1px solid #deddd6;border-radius:16px;width:min(440px,100% - 28px);margin:auto;padding:24px}.feedback-sheet::backdrop{background:#242a2666}.feedback-sheet h2{margin:0;font-size:22px;line-height:1.25}.feedback-sub{color:#66655f;margin:4px 0 18px;font-size:14px}.feedback-stars{border:0;gap:6px;margin:0 0 20px;padding:0;display:flex}.feedback-stars legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.feedback-stars label{cursor:pointer;border-radius:10px;place-items:center;width:48px;height:48px;display:grid;position:relative}.feedback-stars input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.feedback-stars svg{color:#c9c7bf;fill:#0000;transition:color .1s,fill .1s}.feedback-stars svg[data-on=true]{color:#d39b1f;fill:#f0b93a}.feedback-stars label:hover svg{color:#d39b1f}.feedback-stars input:focus-visible+svg{outline-offset:4px;border-radius:6px;outline:3px solid #9dbda8}.feedback-comment,.feedback-comment strong,.feedback-comment textarea{display:block}.feedback-comment>span{color:#66655f;font-size:12px}.feedback-comment strong{color:#765c29;margin:5px 0 9px;font-size:13px}.feedback-comment textarea{box-sizing:border-box;resize:vertical;width:100%}.feedback-sheet footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.feedback-send{color:#fff;background:#245c38;border-color:#245c38}@media (max-width:640px){.feedback-sheet{padding:20px}}