.page-feedback{display:block;--pf-text:#001e41;--pf-brand:#007dbd;--pf-panel:#eff2f9;--pf-white:#fff;--pf-border:#c3cee0}
.page-feedback__inner{box-sizing:border-box;max-width:700px;width:100%;margin:0 auto;padding:24px 0;font-family:"Open Sans",Arial,sans-serif;color:var(--pf-text)}
.page-feedback__inner *,.page-feedback__inner *::before,.page-feedback__inner *::after{box-sizing:border-box}
.page-feedback__state[hidden]{display:none !important}
.page-feedback__state--question{display:flex;align-items:center;justify-content:center;gap:35px}
.page-feedback__question{margin:0;font-size:15px;font-weight:500;line-height:1.2;color:var(--pf-text)}
.page-feedback__thumbs{display:flex;align-items:center;gap:10px;flex-shrink:0}
.page-feedback__thumb{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:0;height:40px;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;color:var(--pf-brand);cursor:pointer;transition:transform .1s ease}
.page-feedback__thumb:hover,.page-feedback__thumb:focus-visible{background-color:transparent;box-shadow:none;outline:0}
.page-feedback__thumb:active{transform:scale(0.94)}
.page-feedback__thumb .page-feedback__icon{width:30px;height:30px}
.page-feedback__thumb .page-feedback__icon path{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.page-feedback__thumb:hover .page-feedback__icon path,.page-feedback__thumb.is-selected .page-feedback__icon path{fill:currentColor;stroke:none}
.page-feedback__state--comment{display:flex;flex-direction:column;gap:12px}
.page-feedback__prompt{font-size:15px;font-weight:500;line-height:1.2;color:var(--pf-text)}
.page-feedback__field{position:relative}
.page-feedback__textarea{display:block;width:100%;min-height:115px;resize:vertical;padding:12px 14px 28px;font-family:inherit;font-size:15px;color:var(--pf-text);background-color:var(--pf-white);border:1px solid var(--pf-border);border-radius:6px}
.page-feedback__textarea:focus{outline:0;border-color:var(--pf-brand);box-shadow:0 0 0 2px rgba(0,125,189,0.2)}
.page-feedback__counter{position:absolute;right:12px;bottom:10px;font-size:11px;line-height:1;color:#7a869a;pointer-events:none}
.page-feedback__submit-wrap{display:flex;justify-content:flex-end}
.page-feedback__submit{min-width:200px;margin:0;padding:13px 28px;font-family:inherit;font-size:17px;font-weight:600;line-height:1;text-transform:none;letter-spacing:normal;color:var(--pf-brand);background-color:var(--pf-white);border:1px solid var(--pf-brand);border-radius:12px;box-shadow:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.page-feedback__submit:hover,.page-feedback__submit:focus-visible{background-color:var(--pf-brand);color:var(--pf-white);outline:0}
.page-feedback__state--thanks{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background-color:var(--pf-panel);border-radius:8px}
.page-feedback__check{display:inline-flex;align-items:center;justify-content:center;color:var(--pf-brand)}
.page-feedback__check .page-feedback__icon{width:24px;height:24px;fill:currentColor}
.page-feedback__thanks-text{margin:0;font-size:15px;font-weight:500;line-height:1.2;color:var(--pf-text)}
@media(max-width:720px){.page-feedback__inner{padding:20px 16px}
.page-feedback__state--question{flex-direction:column;align-items:center;gap:16px}
.page-feedback__thumbs{align-self:center}
.page-feedback__submit{width:100%}
}