/*------------------------------------------------------------------------------
  >>> Custom styles for UX-Ray polls
  ------------------------------------------------------------------------------*/

uxr-poll-panel {
    /*panel styles*/
    --uxr-panel-bg: var(--b-light-02, #FDFCFF);
    --uxr-panel-border: none;
    --uxr-border-radius: 8px;
    --uxr-panel-box-shadow: var(--elevation-positive-6);
    /*heading styles*/
    --uxr-heading-color: var(--b-dark-02, #34344B);
    --uxr-heading-font-family: 'IBM Plex Sans Condensed';
    --uxr-heading-font-weight: 500;
    /*text font styles*/
    --uxr-text-font-family: 'IBM Plex Sans';
    --uxr-btn-font-weight: 500;
    --uxr-text-font-weight: 400;
    /*semantic color styles*/
    --uxr-accent-color: var(--a-orange-02, #FB8C3F);
    --uxr-error-color: var(--red-02, #EF3059);
    /*--------------------------------------------------------------------------*/
    /*header --> close button styles*/
    --uxr-close-btn-bg: var(--b-light-01, #F1F0FA);
    --uxr-close-btn-color: var(--b-med-01, #686985);
    /*header --> close button --> hover styles*/
    --uxr-close-btn-bg-hover: var(--b-med-02, #B7BAD6);
    --uxr-close-btn-color-hover: var(--b-dark-01, #1F1F30);
    /*--------------------------------------------------------------------------*/
    /*poll options styles*/
    --uxr-poll-opt-bg: var(--white, #FFFFFF);
    --uxr-poll-opt-border: none;
    --uxr-poll-opt-border-radius: 4px;
    --uxr-poll-opt-box-shadow: var(--elevation-positive-3);
    --uxr-poll-opt-text-color: var(--b-med-01, #686985);
    /*poll options --> hover styles*/
    --uxr-poll-opt-bg-hover: var(--b-light-01, #F1F0FA);
    /*poll options --> active styles*/
    --uxr-poll-opt-bg-active: var(--a-light-orange-01, #FFF3E2);
    --uxr-poll-opt-box-shadow-active: var(--elevation-negative-1);
    /*--------------------------------------------------------------------------*/
    /*poll inputs styles*/
    --uxr-input-color: var(--b-dark-02, #34344B);
    --uxr-input-bg: var(--white, #FFFFFF);
    --uxr-input-border-radius: 4px;
    --uxr-input-border-color: var(--b-light-01, #F1F0FA);
    --uxr-input-box-shadow: var(--elevation-negative-2);
    --uxr-input-font-family: 'IBM Plex Mono';
    /*--------------------------------------------------------------------------*/
    /*submit button styles*/
    --uxr-submit-btn-bg: var(--a-orange-01, #F27633);
    --uxr-submit-btn-border-radius: 4px;
    --uxr-submit-btn-box-shadow: var(--elevation-positive-2);
    --uxr-submit-btn-color: var(--a-light-orange-02, #FFF9F2);
    /*submit button --> hover styles*/
    --uxr-submit-btn-bg-hover: var(--a-orange-03, #FF9949);
    /*submit button --> focus styles*/
    --uxr-submit-btn-box-shadow-focus: 0px 0px 0px 2px var(--white, #FFFFFF), 0px 0px 0px 4px var(--a-orange-02, #FB8C3F), 0px 0px 0px 2px var(--white, #FFFFFF);
    /*--------------------------------------------------------------------------*/
}