.feedback-submit-section{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:80px;isolation:isolate}
.feedback-submit-section::before{content:"";position:absolute;z-index:-1;inset:5% 0;pointer-events:none;background:radial-gradient(ellipse at 70% 50%,#526fff10,transparent 65%)}
.feedback-intro.section-heading{text-align:left;margin:0;max-width:390px}
.feedback-intro-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:28px;border:1px solid #91abff29;border-radius:18px;background:linear-gradient(145deg,#7696ff1a,#7696ff03);box-shadow:inset 0 1px #ffffff0d,0 12px 48px #4268ff0d;color:#b9caff}
.feedback-intro-icon svg{width:29px;height:29px}
.feedback-intro.section-heading h2{margin-top:18px;margin-bottom:20px}
.feedback-intro.section-heading>p{margin-left:0;font-size:16px;line-height:28px;max-width:330px}
.feedback-intro-note{display:flex;align-items:center;gap:10px;margin-top:32px;color:#8c96ae;font:400 12px/20px var(--body)}
.feedback-intro-note>span{color:#aac0ff;font-size:20px}
.public-feedback-form{position:relative;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;padding:4px;border:0;border-radius:0;background:none;box-shadow:none}
.public-feedback-form *,.public-feedback-form *::before,.public-feedback-form *::after{box-sizing:border-box}
.feedback-fields{display:grid;gap:24px;min-width:0;margin:0;padding:0;border:0}
.feedback-fields[hidden]{display:none}
.feedback-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.feedback-fields label:not(.feedback-consent),.feedback-rating legend{font:500 13px/22px var(--body);color:#e3e7f6}
.feedback-form-grid>label,.feedback-fields>label:not(.feedback-consent){display:flex;flex-direction:column;gap:10px;min-width:0}
.feedback-label small{color:#858fa3;font-size:11px;font-weight:400}
.feedback-fields input:not([type=checkbox]):not([type=radio]),.feedback-fields textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;padding:12px 14px;border:1px solid #aabbec38;border-radius:12px;background:#0d121bcc;color:var(--ink);font:400 14px/24px var(--body);box-shadow:none;transition:border-color .2s,background .2s,box-shadow .2s}
.feedback-fields textarea{min-height:140px;resize:vertical;max-height:360px;overflow-x:hidden;overflow-wrap:anywhere;white-space:pre-wrap}
.feedback-fields input::placeholder,.feedback-fields textarea::placeholder{color:#78869e}
.feedback-fields input:not([type=radio]):hover,.feedback-fields textarea:hover{border-color:#aabbec55}
.feedback-fields input:focus-visible,.feedback-fields textarea:focus-visible{outline:2px solid #8da3fc77;outline-offset:3px;background:#0b101a;border-color:#8da3fc55}
.feedback-message-meta{display:flex;justify-content:space-between;gap:12px;margin-top:-15px;color:#8b98af;font:400 11px/18px var(--body)}
#feedback-character-count{flex:none;font-variant-numeric:tabular-nums}
.feedback-rating{position:relative;min-width:0;margin:0;padding:0;border:0}
.feedback-rating>div{display:flex;gap:8px;margin-top:10px;width:max-content;max-width:100%}
.feedback-rating label{position:relative;cursor:pointer}
.feedback-rating input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.feedback-rating label>span{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;border:1px solid #aabbec14;border-radius:11px;background:#ffffff03;color:#526079;font-size:24px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.feedback-rating label:has(input:checked)>span,.feedback-rating label:has(~label input:checked)>span{color:#b6c8ff;background:#7195ff12;border-color:#8da3fc33}
.feedback-rating label:hover>span{transform:translateY(-2px);border-color:#a6bcff77;background:#7195ff24}
.feedback-rating input:focus-visible+span{outline:2px solid #8da3fc99;outline-offset:3px}
.feedback-rating-caption{position:absolute;right:0;bottom:12px;color:#99a7c0;font:400 12px/20px var(--body)}
.feedback-consent{display:flex;align-items:flex-start;gap:12px;color:#929db1;font:400 12px/21px var(--body);cursor:pointer}
.feedback-consent>span{min-width:0;overflow-wrap:anywhere}
.feedback-consent input{appearance:none;display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;padding:0;margin:1px 0 0;border:1px solid #aabbec33;border-radius:6px;background:#ffffff05;cursor:pointer}
.feedback-consent input:checked{background:#7195ff26;border-color:#8da3fc66}
.feedback-consent input:checked::after{content:'✓';color:#cad7ff;font:500 13px var(--body)}
.feedback-consent a{color:#b2c4ff;text-decoration:underline;text-underline-offset:3px}
.feedback-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;border-top:1px solid #aabbec14}
.feedback-review-note{display:flex;align-items:center;gap:7px;color:#8b98af;font:400 11px/18px var(--body)}
.feedback-review-note svg{width:16px;height:16px;flex:none;color:#94a8d8}
.feedback-form-footer button.pill{flex:none}
.feedback-send-icon{font-size:19px;font-weight:400}
.feedback-fields:disabled{opacity:.65}
.feedback-fields button:disabled{cursor:wait;opacity:.65}
.feedback-submit-status{color:var(--muted);font:400 14px/24px var(--body);overflow-wrap:anywhere;margin:0}
.feedback-submit-status:not(:empty){padding:18px;border:1px solid var(--line);border-radius:14px;margin-top:20px}
.feedback-submit-status[data-state=success]{color:#b6e7d3;background:#41b7820c;border-color:#41b78233;margin-top:0;padding:28px}
.feedback-submit-status[data-state=success]::before{content:'✓';display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border:1px solid #76c9a14d;border-radius:50%;background:#41b78214;font-size:22px}
.feedback-submit-status[data-state=error]{color:#f2a8bb;background:#f273930a;border-color:#f2739333}
.feedback-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.feedback-submit-section{gap:40px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.feedback-form-footer{align-items:stretch;flex-direction:column}.feedback-review-note{justify-content:center;order:2}.feedback-form-footer button.pill{justify-content:center}}
@media(max-width:760px){.feedback-submit-section{grid-template-columns:minmax(0,1fr);gap:32px;max-width:560px}.feedback-intro.section-heading{max-width:none;text-align:center}.feedback-intro-icon{margin:0 auto 24px}.feedback-intro.section-heading h2 br{display:none}.feedback-intro.section-heading>p{max-width:360px;margin-inline:auto}.feedback-intro-note{justify-content:center;margin-top:20px}.feedback-form-footer{flex-direction:row;align-items:center}.feedback-review-note{order:0;text-align:left;justify-content:flex-start}}
@media(max-width:480px){.feedback-form-grid{grid-template-columns:minmax(0,1fr);gap:20px}.feedback-fields{gap:22px}.feedback-fields input:not([type=checkbox]):not([type=radio]),.feedback-fields textarea{font-size:16px}.feedback-form-footer{flex-direction:column;align-items:stretch;gap:14px}.feedback-review-note{order:2;justify-content:center}.feedback-rating-caption{font-size:11px}.feedback-rating>div{gap:6px}.feedback-rating label>span{width:40px}.feedback-message-meta{font-size:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.feedback-rating label>span,.feedback-form-footer button.pill,.feedback-fields input,.feedback-fields textarea{transition:none;transform:none!important}}
@media(max-width:360px){.feedback-rating-caption{position:static;display:block;margin-top:8px}.feedback-message-meta>span:first-child{max-width:150px}}
