.feedbackPage-page{background-color:var(--lightgrey);min-height:100%;position:relative;overflow-y:auto}.feedbackPage-page--dragActive:after{content:"";border:3px dashed var(--black);pointer-events:none;background:#ffffff40;border-radius:25px;position:absolute;inset:0}.feedbackPage-header{margin:0 calc(10% + 20px);padding-top:10%}.feedbackPage-header h1{margin:0}.feedbackPage-header p{color:var(--black);max-width:44rem;margin-top:.75rem;font-size:16px;line-height:1.5}.feedbackPage-form{flex-direction:column;margin:25px 10%;display:flex}.feedbackPage-subject-input{border:2px solid var(--white);width:calc(100% - 40px);box-shadow:none;color:var(--black);border-radius:25px;margin:0 20px 20px;padding:12px 20px}.feedbackPage-subject-input.feedbackPage-input-error{margin-bottom:0}.feedbackPage-subject-input.p-inputtext::placeholder{color:var(--placeholder-light-grey)}.feedbackPage-subject-input.p-inputtext:enabled:focus{box-shadow:none;border-color:var(--black)}.feedbackPage-message-input{border:2px solid var(--white);width:calc(100% - 40px);min-height:241px;box-shadow:none;color:var(--black);border-radius:25px;margin:0 20px;padding:12px 20px}.feedbackPage-upload-row{background-color:var(--lightgrey);border-radius:25px;align-items:center;gap:15px;margin:20px;padding:20px;display:flex}.feedbackPage-upload-row--dragActive{background-color:var(--white)}.feedbackPage-upload-help{color:var(--black);flex-direction:column;gap:2px;font-size:16px;display:flex}.feedbackPage-inline-message{margin:0 20px 12px}.feedbackPage-preview-grid{grid-template-columns:repeat(auto-fill,220px);justify-content:flex-start;gap:15px;margin:0 20px 20px;display:grid}.feedbackPage-preview-card{background:var(--white);border:2px solid var(--white);border-radius:25px;overflow:hidden}.feedbackPage-preview-media{aspect-ratio:16/10;background:var(--light-grey);overflow:hidden}.feedbackPage-preview-imageWrapper,.feedbackPage-preview-imageWrapper>span{width:100%;height:100%;display:block}.feedbackPage-preview-image{object-fit:cover;width:100%;height:100%;display:block}.feedbackPage-preview-meta{justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.feedbackPage-preview-text{flex-direction:column;min-width:0;display:flex}.feedbackPage-preview-fileName{text-overflow:ellipsis;white-space:nowrap;color:var(--black);overflow:hidden}.feedbackPage-preview-fileSize{color:var(--dark-grey);font-size:16px}.feedbackPage-actions{margin-top:25px;margin-left:20px}.feedbackPage-upload-button.p-button{padding:0 15px}.feedbackPage-send-button.p-button{width:20%;height:50px;padding:0 24px}.feedbackPage-message-input.p-inputtextarea::placeholder{color:var(--placeholder-light-grey);opacity:1}.feedbackPage-message-input.p-inputtextarea:enabled:focus{border-color:var(--white);box-shadow:none}.feedbackPage-input-error.p-inputtext,.feedbackPage-input-error.p-inputtext:enabled:focus,.feedbackPage-input-error.p-inputtextarea,.feedbackPage-input-error.p-inputtextarea:enabled:focus{border-color:var(--red)}.feedbackPage-field-error-text{color:var(--red);margin:4px 40px 12px;font-size:13px}@media (max-width:768px){.feedbackPage-header{margin:0 20px;padding-top:2rem}.feedbackPage-form{margin:25px 0}.feedbackPage-upload-row{flex-direction:column;align-items:flex-start}.feedbackPage-preview-grid{grid-template-columns:minmax(0,1fr)}}