/* Copies of the CSS that jsPsych's survey plugins inject at runtime as inline <style> blocks and style="" attributes.
   Under a strict Content-Security-Policy (style-src 'self') those inline styles are blocked, so the same rules are
   loaded here from a file. Taken from plugin-survey-likert 2.2.0, plugin-survey-multi-choice 2.2.1, plugin-survey-text 2.1.1.
   Likert widths assume 7 labels and no scale_width (as used in main.js). */
.jspsych-survey-likert-statement{display:block;font-size:16px;padding-top:40px;margin-bottom:10px}
.jspsych-survey-likert-opts{list-style:none;width:100%;margin:auto;padding:0 0 35px;display:block;font-size:14px;line-height:1.1em}
.jspsych-survey-likert-opt-label{line-height:1.1em;color:#444}
.jspsych-survey-likert-opts:before{content:'';position:relative;top:11px;display:block;background-color:#efefef;height:4px;width:100%}
.jspsych-survey-likert-opts:last-of-type{border-bottom:0}
.jspsych-survey-likert-opts li{display:inline-block;width:calc(100% / 7);text-align:center;vertical-align:top}
.jspsych-survey-likert-opts li input[type=radio]{display:block;position:relative;top:0;left:50%;margin-left:-6px}

.jspsych-survey-multi-choice-question{margin-top:2em;margin-bottom:2em;text-align:left}
.jspsych-survey-multi-choice-text span.required{color:darkred}
.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text{text-align:center}
.jspsych-survey-multi-choice-option{line-height:2}
.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option{display:inline-block;margin-left:1em;margin-right:1em;vertical-align:top}
label.jspsych-survey-multi-choice-text input[type='radio']{margin-right:1em}

.jspsych-survey-text-question{margin:2em 0}