/*
 * votingapi_reaction
*/
/*
:root
   {
      --votingapi-reaction-form-br: rgb(238, 238, 238);
      --votingapi-reaction-form-br-hover: rgba(0, 143, 219, 0.2);
      --votingapi-reaction-form-br-checked: rgb(0, 113, 179);
      --votingapi-reaction-form-bg: #006a4d;
      --votingapi-reaction-form-bg-hover: #00a4b4;
      --votingapi-reaction-form-bg-checked: #00a4b4;
      --votingapi-reaction-form-c: #ffffff;
      --votingapi-reaction-form-c-hover: #ffffff;
      --votingapi-reaction-form-c-checked: #ffffff;
   }
*/
.votingapi-reaction-form > div
   {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -0.5rem;
   }
/*
.votingapi-reaction-form .form-item 
   {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -0.5rem;
   }
   */
.votingapi-reaction-form .form-item input[type="radio"] 
   {
      display: none;
   }
.votingapi-reaction-form .form-item label 
   {
      display: block;
      margin: 0;
      cursor: pointer;
   }
.votingapi-reaction-form .form-item label .votingapi-reaction-item 
   {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      border: 0rem solid var(--votingapi-reaction-form-bc);
      border-radius: 0rem;
      padding: 0.5rem;
      margin: 0 0.5rem;
      margin-bottom: 0.5rem;
      user-select: none;
      
      background-color: var(--votingapi-reaction-form-bg);
      color: var(--votingapi-reaction-form-c);
   }
.votingapi-reaction-form .form-item label .votingapi-reaction-item > * 
   {
      margin: 0 0.5rem;
   }
.votingapi-reaction-form .form-item label .votingapi-reaction-image 
   {
      width: 25px;
      height: 25px;
   }
.votingapi-reaction-form .form-item label .votingapi-reaction-count 
   {
      text-align: center;
      padding-top: 0.5rem;
   }

/* selected reaction */
.votingapi-reaction-form .form-item input[type="radio"]:checked + label 
   {
      color: inherit;
   }
.votingapi-reaction-form .form-item input[type="radio"]:checked + label .votingapi-reaction-item 
   {
      border-color: var(--votingapi-reaction-form-br-checked);
      background-color: var(--votingapi-reaction-form-bg-checked);
      color: var(--votingapi-reaction-form-c-checked);
   }

/* selected reaction */
.votingapi-reaction-form .form-item label:hover .votingapi-reaction-item 
   {
      border-color: var(--votingapi-reaction-form-br-hover);
      background-color: var(--votingapi-reaction-form-bg-hover);
      color: var(--votingapi-reaction-form-c-hover);
   }

/* hide buttons if js is active */
/*
.js .votingapi-reaction-form input[type="submit"] 
   {
      display: none;
   }
*/
/* custom footer */
/*
.p-list-item .pli-footer
   {
      padding-left: 0rem !important;
      padding-right: 0rem !important;
      padding-top: 0.5rem !important;
   }
 */  
/* custom preset */
/*
.field--name-field-n-p-vote .form-checkboxes .form-item, 
.field--name-field-n-p-vote .form-item .form-item 
   {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
   }
   */