.feedback-demo{margin-block:clamp(2rem,5vw,3.5rem)}.feedback-demo__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feedback-demo__cards label{display:block;font-weight:700;margin-top:1rem}.feedback-demo__value{display:block;width:fit-content;margin:.8rem 0 .5rem;padding:.25rem .65rem;border-radius:.5rem;background:#eaf6fa;color:#005e7a;font-size:1.05rem;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums;white-space:nowrap}.feedback-demo input[type=range]{display:block;width:100%;margin:.5rem 0 0;accent-color:#007a9e}.feedback-demo__scale{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem}.feedback-demo textarea{display:block;width:100%;padding:.65rem;margin-top:.35rem;border:1px solid #9fb5bd;border-radius:.5rem;background:#fff;color:inherit;font:inherit;resize:vertical}.feedback-demo__summary{margin-top:1rem}.feedback-demo__summary progress{display:block;width:100%;height:.75rem;margin:.5rem 0;border:0;border-radius:1rem;background:#e5eef0;accent-color:#007a9e;overflow:hidden}.feedback-demo__summary progress::-webkit-progress-bar{background:#e5eef0;border-radius:1rem}.feedback-demo__summary progress::-webkit-progress-value{background:#007a9e;border-radius:1rem}.feedback-demo__summary progress::-moz-progress-bar{background:#007a9e;border-radius:1rem}@media(max-width:650px){.feedback-demo__cards{grid-template-columns:minmax(0,1fr)}}