.rns-container {
  background: #f3f3f3; }

.rns-plugin {
  flex-direction: column; }

.rns-reactions {
  flex-direction: row;
  width: 100%;
  align-items: baseline; }

.rns-plugin {
  margin: 0; }

.rns-header-text, .rns-input-header, .rns-input-sent {
  color: #00347f;
  font-size: 1.25rem; }

.rns-plugin .rns-header {
  margin: 10px 0; }

.rns-reaction {
  width: 75px !important;
  padding: 0.5rem 0; }

.selected > .rns-reaction-button {
  background: #579dc2 !important; }

.rns-container .rns-plugin .rns-inputs {
  margin-top: 0; }

.rns-inputs {
  padding: 0.5rem 0; }

.rns-inputs form {
  margin-bottom: 0; }

.rns-input-header, .rns-plugin .rns-header {
  font-size: 18px !important;
  font-weight: 400; }

.rns-input-field, .rns-form-submit {
  margin-bottom: 10px !important; }

.rns-plugin, .rns-reactions, .rns-inputs {
  display: flex; }

.rns-plugin, .rns-inputs {
  justify-content: center; }

.rns-reactions {
  justify-content: space-around;
  padding: 0.5rem 0; }

.rns-input-empty-fields {
  display: block; }

.rns-form-submit {
  display: inline-block; }

.selected {
  top: -2px; }

.rns-reaction-button, .rns-form-submit {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  padding: 0.625rem 0.9375rem !important;
  margin-bottom: 0.125rem;
  text-shadow: none;
  line-height: 1.2 !important;
  background: #0f73a9 none !important;
  font-weight: normal;
  border-radius: 0 !important;
  border: 0px none !important;
  -webkit-box-shadow: 0px 2px 0px #00347f !important;
  box-shadow: 0px 2px 0px #00347f !important;
  text-align: center !important;
  display: inline-block;
  width: auto;
  text-align: center;
  -webkit-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
  cursor: pointer; }

.rns-reaction-button:hover, .rns-form-submit:hover {
  background-color: #579dc2 !important; }

.rns-reaction-button:hover .rns-label, .rns-form-submit:hover {
  text-decoration: underline; }

.rns-label, .rns-form-submit {
  color: #fff !important; }

.rns-input-field {
  width: 100% !important; }

.rns-plugin .rns-inputs.rns-highlight {
  animation: none; }

.rns-input-sent {
  padding: 0.5rem 0;
  margin: 10px 0; }

@media only screen and (max-width: 500px) {
  .rns-reactions {
    flex-direction: column;
    align-items: center; } }