.doc-feedback{background:var(--wp--preset--color--neutral-50,#f9fafb);border:1px solid var(--wp--custom--border--color,#e5e7eb);border-radius:var(--wp--custom--border--radius,6px);padding:2rem;transition:all .2s ease}.doc-feedback__title{font-size:1rem;font-weight:600;margin:0 0 .5rem}.doc-feedback__message{font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.doc-feedback__options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.doc-feedback__option{align-items:center;background:#fff;border:none;border-radius:var(--wp--custom--border--radius,6px);cursor:pointer;display:flex;font-family:inherit;justify-content:center;min-height:60px;min-width:60px;padding:.5rem;position:relative;transition:all .2s ease}.doc-feedback__option:hover{background:#f1f5f9;border-color:#0542fa}.doc-feedback__option:hover:after{animation:doc-feedback-tooltip-show .2s ease forwards;background:#1e293b;border-radius:6px;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.doc-feedback__option.is--selected{background:#ecfdf5;border-color:#10b981}.doc-feedback__emoji{font-size:1.5rem;line-height:1}.doc-feedback__status{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center}.doc-feedback__status.is--submitted{color:#047857}.doc-feedback__status.is--loading{opacity:.7}.doc-feedback__status-icon{font-size:1rem}.doc-feedback__status-text{font-size:.875rem}.doc-feedback__loading{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;justify-content:center}.doc-feedback__loading-spinner{animation:doc-feedback-spin 1s linear infinite;border:2px solid var(--wp--custom--border--color,#e5e7eb);border-radius:50%;border-top:2px solid #0542fa;height:16px;width:16px}.doc-feedback__loading-text{font-size:.875rem}.doc-feedback__error{align-items:center;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;justify-content:center}.doc-feedback__error-icon{font-size:1rem}.doc-feedback__error-text{font-size:.875rem}.doc-feedback.has-text-align-left{text-align:left}.doc-feedback.has-text-align-left .doc-feedback__error,.doc-feedback.has-text-align-left .doc-feedback__loading,.doc-feedback.has-text-align-left .doc-feedback__options,.doc-feedback.has-text-align-left .doc-feedback__status{justify-content:flex-start}.doc-feedback.has-text-align-right{text-align:right}.doc-feedback.has-text-align-right .doc-feedback__error,.doc-feedback.has-text-align-right .doc-feedback__loading,.doc-feedback.has-text-align-right .doc-feedback__options,.doc-feedback.has-text-align-right .doc-feedback__status{justify-content:flex-end}.doc-feedback.has-text-align-center{text-align:center}.doc-feedback.has-text-align-center .doc-feedback__error,.doc-feedback.has-text-align-center .doc-feedback__loading,.doc-feedback.has-text-align-center .doc-feedback__options,.doc-feedback.has-text-align-center .doc-feedback__status{justify-content:center}.doc-feedback--centered{text-align:center}@media(max-width:480px){.doc-feedback{padding:1rem}.doc-feedback .doc-feedback__options{gap:.5rem}.doc-feedback .doc-feedback__option{min-height:50px;min-width:50px;padding:.5rem}.doc-feedback .doc-feedback__emoji{font-size:1.25rem}}@keyframes doc-feedback-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes doc-feedback-tooltip-show{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}