.documentation-reaction{margin:32px 0;padding:3px;border:1px solid #f2f2f2;border-radius:5px;background:#f2f2f2}.documentation-reaction__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:2px;padding:14px 16px;background:#f2f2f2}.documentation-reaction__title{width:100%;font-size:18px;font-weight:600;color:#16324f}.documentation-reaction__actions{display:flex;gap:20px}.documentation-reaction__button{display:inline-flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:1px solid #b8cde5;border-radius:999px;background:#fff;color:#16324f;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.documentation-reaction__button:hover:not(:disabled){border-color:#2fc7f7;background:#2fc7f7;color:#fff}.documentation-reaction__button:disabled{cursor:default;opacity:.75}.documentation-reaction__button.is-active{border-color:#8dc812;background:#8dc812;color:#fff}.documentation-reaction__button_dislike.is-active{border-color:#e1c30b;background:#e1c30b}.documentation-reaction__button-icon{font-size:18px;font-weight:700;line-height:1}.documentation-reaction__panel{margin-top:16px;padding:16px 16px 0;border-top:1px solid #b7e2df}.documentation-reaction__panel-title{margin-bottom:12px;font-size:14px;font-weight:600;color:#36516d}.documentation-reaction__reason-list{display:grid;gap:10px}.documentation-reaction__reason-item{display:flex;align-items:center;gap:8px;color:#24405c}.documentation-reaction__comment-block{margin-top:16px}.documentation-reaction__comment-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#36516d}.documentation-reaction__comment-input{width:100%;padding:10px 12px;border:1px solid #b8cde5;border-radius:10px;background:#fff;color:#24405c;font:inherit;resize:vertical;box-sizing:border-box}.documentation-reaction__comment-input::placeholder{color:#36516d}.documentation-reaction__comment-input:disabled{background:#f3f7fb;cursor:default}.documentation-reaction__panel-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.documentation-reaction__submit,.documentation-reaction__cancel{padding:10px 16px;border:1px solid #b8cde5;border-radius:10px;background:#fff;color:#16324f;cursor:pointer}.documentation-reaction__submit:hover:not(:disabled),.documentation-reaction__cancel:hover:not(:disabled){border-color:#2fc7f7;background:#2fc7f7;color:#fff}.documentation-reaction__submit{border-color:#8dc812;background:#8dc812;color:#fff}.documentation-reaction__summary{display:none;margin-top:16px;padding:14px 16px;border-top:1px solid #b7e2df}.documentation-reaction__summary.is-visible{display:block}.documentation-reaction__summary-text{font-size:14px;font-weight:600;color:#1d5e2a}.documentation-reaction__selected-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.documentation-reaction__selected-reason{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e7eef7;color:#36516d;font-size:13px}.documentation-reaction__error{display:none;margin-top:12px;padding:0 16px 16px;color:#c62828;font-size:14px}.documentation-reaction__error.is-visible{display:block}@media(max-width: 767px){.documentation-reaction{padding:3px}.documentation-reaction__header,.documentation-reaction__panel,.documentation-reaction__summary,.documentation-reaction__error{padding-left:12px;padding-right:12px}.documentation-reaction__actions{width:100%}.documentation-reaction__button,.documentation-reaction__submit,.documentation-reaction__cancel{width:100%;justify-content:center}}