:root{--feedback-accent:#b66c48}
.feedback-body{background:#f6f6f6}
html.feedback-root,.feedback-body{scrollbar-width:none;-ms-overflow-style:none}
html.feedback-root::-webkit-scrollbar,.feedback-body::-webkit-scrollbar{display:none;width:0;height:0}
.feedback-header{padding-inline:24px;gap:12px}
.feedback-header h1{margin:0;font-size:20px;white-space:nowrap}
.feedback-page{width:min(760px,100%);margin:28px auto 0;padding-bottom:140px}
.feedback-notice{padding:22px 26px;background:#f0eeec;font-size:15px;line-height:1.7}
.feedback-notice a{color:var(--feedback-accent);font-weight:700;text-decoration:none}
#feedback-session{padding:24px;line-height:1.7}
#feedback-session a{color:var(--feedback-accent)}
.feedback-section{min-width:0;margin:0;border:0;border-top:10px solid #f6f6f6;padding:26px;background:#fff}
fieldset.feedback-section{position:relative;padding-top:65px}
.feedback-section legend{position:absolute;top:25px;left:26px;right:26px;width:auto;padding:0;font-size:17px;font-weight:700;line-height:1.5}
.feedback-question{display:block;font-size:17px;line-height:1.5;font-weight:700;margin-bottom:20px}
.required{color:#b65e3c}
.feedback-topics label{display:flex;gap:13px;align-items:center;min-height:57px;cursor:pointer;font-size:16px}
.feedback-topics input{appearance:none;flex:0 0 23px;width:23px;height:23px;border:1.5px solid #969696;border-radius:50%;margin:0;display:grid;place-content:center}
.feedback-topics input:checked{border-color:var(--accent)}
.feedback-topics input:checked:after{content:"";width:13px;height:13px;border-radius:50%;background:var(--accent)}
.feedback-section select{width:100%;min-height:54px;padding:12px 35px 12px 14px;border:1px solid #dedede;border-radius:6px;background:#fff;color:var(--ink);font:inherit}
.feedback-section select:disabled{color:#929292;background:#fafafa}
.feedback-textarea{position:relative;border:1px solid #dedede;border-radius:6px}
.feedback-textarea:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(229,164,132,.16)}
.feedback-textarea textarea{display:block;width:100%;padding:12px 16px 32px;box-sizing:border-box;resize:none;overflow-y:hidden;border:0;outline:0;border-radius:6px;font:inherit;line-height:1.6;min-height:0;background:#fff;color:var(--ink)}
.feedback-textarea textarea::placeholder{color:#a4a4a4}
#feedback-count{position:absolute;right:16px;bottom:12px;color:#858585;font-size:13px;pointer-events:none}
.feedback-hint{color:#777;font-size:13px;line-height:1.6;margin:18px 0 12px}
.feedback-small{font-size:11px;margin-top:9px}
.feedback-photo-heading{margin:20px 0 12px;color:#333;font-size:14px;font-weight:700}
.feedback-photo-heading span{color:#777;font-size:12px;font-weight:400}
.feedback-media{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;padding:3px 0;min-width:0}
#feedback-images{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px}
#feedback-images[hidden]{display:none}
.feedback-upload{display:grid;place-items:center;flex:0 0 68px;width:68px;height:75px;margin:0;padding:0;border:0;border-radius:9px;background:#fcfaf9;cursor:pointer;transition:background-color .2s ease,transform .2s ease}
.feedback-upload>img{display:block;width:18px;height:18px;object-fit:contain}
.feedback-upload:hover,.feedback-upload:has(+input:focus-visible){background:#fff8f4;transform:translateY(-1px)}
.feedback-upload:has(+input:focus-visible){box-shadow:0 0 0 2px #e5a484}
.feedback-upload:active{background:#fff8f4;transform:scale(.96)}
.feedback-upload.is-disabled{background:#efedec;cursor:not-allowed;opacity:.55;pointer-events:none;transform:none}
.feedback-upload.is-disabled>img{filter:grayscale(1);opacity:.65}
.feedback-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.feedback-thumbnail{position:relative;flex:0 0 68px;width:68px;height:75px}
.feedback-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.feedback-thumbnail button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2);cursor:pointer;padding:3px}
.feedback-thumbnail button img{display:block;width:100%;height:100%;object-fit:contain}
.feedback-photo-limit{margin:14px 0 0;color:#777;font-size:11px;line-height:1.5}
.feedback-rating legend small{font-size:12px;font-weight:400;color:#777;white-space:nowrap}
.feedback-stars{display:flex;gap:20px;margin-top:10px}
.feedback-stars label{position:relative;cursor:pointer;line-height:1}
.feedback-stars input{position:absolute;opacity:0;width:100%;height:100%;margin:0;outline:none}
.feedback-stars span{font-size:40px;color:#ddd;display:block}
.feedback-stars label.is-selected span{color:var(--accent)}
.feedback-stars label:focus-within{outline:none}
.feedback-stars input:focus-visible+span{text-decoration:underline;text-decoration-color:#e5a484;text-underline-offset:7px;text-decoration-thickness:2px}
.feedback-rating-caption{display:flex;align-items:center;gap:12px;min-height:32px;margin-top:12px;font-size:13px;color:#777}
.feedback-rating-caption button{border:0;background:none;text-decoration:underline;color:var(--feedback-accent);font:inherit;cursor:pointer}
.feedback-submit-bar{position:fixed;bottom:0;left:0;right:0;z-index:5;background:rgba(246,246,246,.97);padding:12px max(20px,calc((100% - 708px)/2)) max(16px,env(safe-area-inset-bottom));border-top:1px solid #eee}
#feedback-submit{width:100%;min-height:52px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:700 16px Larke,Arial,sans-serif;letter-spacing:1px;cursor:pointer}
#feedback-submit:disabled{background:#c8c8c8;cursor:default}
#feedback-error{margin:0 0 9px;color:#a23c28;line-height:1.5;font-size:13px}
#feedback-error:empty{display:none}
.feedback-success{text-align:center;padding:56px 24px;background:#fff;border:1px solid #d9d9d9;border-radius:16px;margin:24px}
.feedback-success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 25px;background:#E5A484;border-radius:50%}
.feedback-success-icon img{display:block;width:30px;height:30px;object-fit:contain}
.feedback-success h2{font-size:26px}.feedback-success p{line-height:1.6}
.feedback-success a{display:block;width:min(330px,100%);padding:16px;margin:28px auto 15px;background:var(--accent);color:white;border-radius:8px;text-decoration:none}
.feedback-success button{border:0;background:none;color:var(--feedback-accent);text-decoration:none;font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:3px}
@media(max-width:600px){.feedback-header{grid-template-columns:42px 1fr 42px;padding-inline:16px;gap:4px}.feedback-header h1{text-align:center;font-size:18px}.feedback-page{margin-top:0}.feedback-notice{padding:19px 20px;font-size:14px}.feedback-section{padding:22px 20px}.feedback-section legend{left:20px;right:20px;top:22px;font-size:16px}.feedback-question{font-size:16px}.feedback-topics label{min-height:59px;font-size:15px}.feedback-rating legend small{display:block}fieldset.feedback-rating{padding-top:83px}.feedback-stars{gap:22px}.feedback-success{margin:20px 16px}}

/* Customer feedback history shares the finished card styling of the form. */
.feedback-history{margin:38px 24px 0;min-width:0}
.feedback-history-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.feedback-history-kicker{margin:0 0 8px;color:var(--feedback-accent);font-size:10px;font-weight:700;letter-spacing:1.4px}
.feedback-history-heading h2{margin:0;color:#333;font-size:22px;line-height:1.35}
.feedback-history-subtitle{max-width:440px;margin:9px 0 0;color:#827a75;font-size:13px;line-height:1.7}
.feedback-history-refresh{flex:none;min-height:38px;padding:9px 14px;border:1px solid #e5ded9;border-radius:9px;background:#fff;color:#67584f;font:inherit;font-size:12px;cursor:pointer}
.feedback-history-refresh:hover{border-color:#e5a484;background:#fff8f4}
.feedback-history-refresh:disabled{opacity:.6;cursor:wait}
.feedback-history-list{display:grid;gap:20px}
.feedback-history-card{overflow:hidden;min-width:0;border:1px solid #e9e2dd;border-radius:16px;background:#fff;box-shadow:0 3px 14px rgba(65,45,34,.025)}
.feedback-history-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 24px;border-bottom:1px solid #f0ebe7}
.feedback-history-topic{display:flex;align-items:flex-start;gap:13px;min-width:0}
.feedback-history-topic>img{display:block;width:21px;height:21px;margin-top:3px;object-fit:contain;flex:none}
.feedback-history-topic h3{margin:0;color:#3d3530;font-size:15px;line-height:1.55;font-weight:700;overflow-wrap:anywhere}
.feedback-history-date{margin:6px 0 0;color:#91857d;font-size:11px;line-height:1.5}
.feedback-history-status{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:25px;padding:5px 9px;border-radius:99px;background:#fcf0e8;color:#a76745;font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap}
.feedback-history-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.feedback-history-status.is-review{background:#f5eedf;color:#95702d}
.feedback-history-status.is-resolved{background:#edf5ef;color:#497558}
.feedback-history-status.is-closed{background:#f0eeed;color:#7d746f}
.feedback-history-submission{padding:22px 24px}
.feedback-history h4{margin:0 0 10px;color:#796a60;font-size:11px;font-weight:700;line-height:1.5}
.feedback-history-description{margin:0;color:#514843;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}
.feedback-history-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;color:#8a7d74;font-size:11px}
.feedback-history-stars{display:inline-flex;gap:1px;color:#d99670;font-size:18px;line-height:1;letter-spacing:2px}
.feedback-history-stars .is-unfilled{color:#e8e1dc}
.feedback-history-reference{display:flex;align-items:baseline;gap:12px;padding:0 24px 20px;color:#9a8f87;font-size:10px;line-height:1.6}
.feedback-history-reference>span:first-child{flex:none;font-weight:700;color:#84756b}
.feedback-history-reference>span:last-child{min-width:0;overflow-wrap:anywhere}
.feedback-history-reply{margin:0 14px 14px;padding:17px 18px;border:1px solid #e5ddd7;border-radius:11px;background:#fcfbfa}
.feedback-history-reply h4{margin-bottom:6px;color:#8a7a6e;font-size:12px}
.feedback-history-reply>p{margin:0;color:#958980;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.feedback-history-reply.has-response{border:1px solid #f0d7ca;background:#fdf5ef}
.feedback-history-reply.has-response h4{color:#a45e3c}
.feedback-history-reply .feedback-history-response{color:#5d4d43;white-space:pre-wrap;font-size:13px}
.feedback-history-reply .feedback-history-reply-date{margin-top:12px;color:#a18e80;font-size:10px}
.feedback-history-message{padding:14px 16px;border:1px solid #eddacc;border-radius:11px;background:#fff8f2;color:#9b6444;font-size:13px;line-height:1.7}
.feedback-history-message:empty{display:none}
@media(max-width:600px){.feedback-history{margin:32px 16px 0}.feedback-history-heading{align-items:flex-start;gap:12px}.feedback-history-heading h2{font-size:19px}.feedback-history-subtitle{font-size:12px}.feedback-history-refresh{padding:8px 11px;font-size:11px}.feedback-history-card-header{padding:19px 18px;gap:10px}.feedback-history-topic{gap:10px}.feedback-history-topic h3{font-size:14px}.feedback-history-topic>img{width:18px;height:18px}.feedback-history-status{font-size:9px;padding:5px 7px}.feedback-history-submission{padding:19px 18px}.feedback-history-reference{padding:0 18px 18px;gap:8px;font-size:9px}.feedback-history-reply{margin:0 10px 10px;padding:15px}.feedback-history-description{font-size:13px}}

.feedback-reference-number{color:#E5A484;overflow-wrap:anywhere}
#feedback-another:is(:hover,:focus,:active){text-decoration:none}

@media(max-width:600px){.feedback-media,#feedback-images{gap:4px}.feedback-upload,.feedback-thumbnail{flex-basis:48px;width:48px;height:54px}.feedback-thumbnail button{top:3px;right:3px;width:15px;height:15px}.feedback-photo-limit{font-size:10px}}