:root,.h5p-content{--pv-red:#8a1c1c;--pv-red-dark:#6f1515;--pv-red-light:#f3e4e4;--pv-gold:#c9a449;--pv-gold-light:#f1e5c6;--pv-cream:#fffdf8;--pv-sand:#f7f3ea;--pv-line:#e3dccd;--pv-ink:#222;
--h5p-theme-main-cta-base:#8a1c1c;--h5p-theme-main-cta-light:#a02424;--h5p-theme-main-cta-dark:#6f1515;--h5p-theme-focus:#8a1c1c;--h5p-theme-contrast-cta:#ffffff;--h5p-theme-contrast-cta-white:#8a1c1c;--h5p-theme-contrast-cta-light:#f3e4e4;--h5p-theme-secondary-cta-base:#f1e5c6;--h5p-theme-secondary-cta-light:#f7f3ea;--h5p-theme-secondary-cta-dark:#e0cf9c;--h5p-theme-secondary-contrast-cta:#222222;--h5p-theme-secondary-contrast-cta-hover:#ffffff;--h5p-theme-alternative-base:#f7f3ea;--h5p-theme-alternative-light:#fbf8f1;--h5p-theme-alternative-dark:#e3dccd;--h5p-theme-alternative-darker:#d3c9b3;--h5p-theme-background:#fffdf8;--h5p-theme-text-primary:#222222;--h5p-theme-text-secondary:#444444;--h5p-theme-text-third:#777777;--h5p-theme-ui-base:#ffffff;--h5p-theme-stroke-1:#e3dccd;--h5p-theme-stroke-2:#efe9dc;--h5p-theme-stroke-3:#e5e5e5}
.h5p-content{background:#fffdf8;color:#222;font-family:inherit}
.h5p-question .h5p-question-introduction{color:#222}
.h5p-question-content,.h5p-blanks .h5p-question-content,.h5p-drag-text .h5p-question-content,.h5p-mark-the-words .h5p-question-content{background:#f7f3ea;border:1px solid #e3dccd;border-radius:6px}
.h5p-joubelui-button,.h5p-joubelui-button:visited{background:#8a1c1c;color:#fff;border:1px solid #8a1c1c;border-radius:4px;box-shadow:none}
.h5p-joubelui-button:hover,.h5p-joubelui-button:focus{background:#6f1515;border-color:#6f1515;color:#fff}
.h5p-joubelui-button.h5p-question-try-again,.h5p-joubelui-button.h5p-question-show-solution{background:#fff;color:#8a1c1c}
.h5p-joubelui-button.h5p-question-try-again:hover,.h5p-joubelui-button.h5p-question-show-solution:hover{background:#f3e4e4;color:#6f1515}
.h5p-joubelui-score-bar-progress{background:#8a1c1c}
.h5p-joubelui-score-bar{border-color:#e3dccd}
.h5p-joubelui-score-bar-star-shadow{color:#e3dccd}
.h5p-joubelui-score-bar-star-fg{fill:#c9a449}
.joubel-tip-container,.h5p-blanks .joubel-tip-container{color:#8a1c1c}
.joubel-tip-container:hover,.joubel-tip-container:focus{color:#6f1515}
.h5p-blanks .h5p-input-wrapper .h5p-text-input{border:1px solid #c9c2b4;border-radius:4px;background:#fff;color:#222}
.h5p-blanks .h5p-input-wrapper .h5p-text-input:focus{border-color:#8a1c1c;box-shadow:0 0 0 2px #f3e4e4;outline:none}
.h5p-blanks .h5p-input-wrapper.h5p-correct .h5p-text-input{background:#eaf4e6;border-color:#4a8f3a}
.h5p-blanks .h5p-input-wrapper.h5p-wrong .h5p-text-input{background:#f9e6e6;border-color:#b32d2e}
.h5p-blanks .h5p-correct-answer{color:#4a8f3a}
.h5p-drag-text .h5p-drag-draggable,.h5p-drag-draggable{background:#fff;border:1px solid #8a1c1c;color:#8a1c1c;border-radius:4px;box-shadow:none}
.h5p-drag-text .h5p-drag-draggable:hover,.h5p-drag-draggable.ui-draggable-dragging{background:#f3e4e4}
.h5p-drag-text .h5p-drag-dropzone,.h5p-drag-dropzone{border:1px dashed #c9a449;background:#fffdf8;border-radius:4px}
.h5p-drag-text .h5p-drag-dropzone.h5p-drag-dropzone-hover,.h5p-drag-dropzone.h5p-drag-dropzone-hover{background:#f1e5c6;border-style:solid}
.h5p-drag-text .h5p-drag-draggables-container{background:#fffdf8;border-color:#e3dccd}
.h5p-drag-text .h5p-drag-draggable.h5p-drag-dropped{background:#fff}
.h5p-drag-text .h5p-drag-correct-feedback,.h5p-drag-text .h5p-drag-draggable.h5p-drag-correct-feedback{border-color:#4a8f3a}
.h5p-drag-text.h5p-theme .h5p-draggable{margin:3px 4px;--h5p-theme-font-size-m:0.875rem;--h5p-theme-spacing-xxs:3px;--h5p-theme-spacing-xs:6px}
.h5p-drag-text.h5p-theme .h5p-drag-droppable-words{line-height:2}
.h5p-drag-text.h5p-theme .h5p-dropzone{--h5p-theme-font-size-m:0.875rem}
.h5p-drag-text.h5p-theme .h5p-drag-draggables-container{padding-top:6px}
.h5p-mark-the-words .h5p-word-selectable{color:#222}
.h5p-mark-the-words .h5p-word-selectable:hover{color:#8a1c1c}
.h5p-mark-the-words .h5p-word-selected{background:#f1e5c6;border:1px solid #c9a449;border-radius:3px;color:#222}
.h5p-mark-the-words .h5p-word-selected.h5p-word-correct,.h5p-mark-the-words .h5p-word-correct{background:#eaf4e6;border-color:#4a8f3a}
.h5p-mark-the-words .h5p-word-selected.h5p-word-wrong,.h5p-mark-the-words .h5p-word-wrong{background:#f9e6e6;border-color:#b32d2e}
.h5p-mark-the-words .h5p-word-missed{border-bottom:2px dashed #8a1c1c}
.h5p-dialogcards .h5p-dialogcards-card-content,.h5p-dialogcards-card-content{background:#fffdf8;border:1px solid #e3dccd;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.h5p-dialogcards .h5p-dialogcards-title,.h5p-dialogcards-title{color:#222;font-family:inherit}
.h5p-dialogcards .h5p-dialogcards-description{color:#555}
.h5p-dialogcards .h5p-dialogcards-card-text-area{color:#222}
.h5p-dialogcards .h5p-dialogcards-audio-wrapper .h5p-audio-minimal-button,.h5p-audio-minimal-button{background:#8a1c1c;color:#fff;border-radius:50%}
.h5p-dialogcards .h5p-audio-minimal-button:hover{background:#6f1515}
.h5p-dialogcards .h5p-dialogcards-turn{background:#8a1c1c;color:#fff}
.h5p-dialogcards .h5p-dialogcards-turn:hover{background:#6f1515}
.h5p-dialogcards .h5p-dialogcards-answer-button{color:#8a1c1c;background:#fff;border-color:#8a1c1c}
.h5p-dialogcards .h5p-dialogcards-answer-button:hover{background:#f3e4e4}
.h5p-dialogcards .h5p-dialogcards-navigation .h5p-dialogcards-prev,.h5p-dialogcards .h5p-dialogcards-navigation .h5p-dialogcards-next{color:#8a1c1c}
.h5p-dialogcards .h5p-dialogcards-progress{color:#555}
.h5p-dialogcards .h5p-dialogcards-cardwrap .h5p-dialogcards-cardholder{background:transparent}
.h5p-dialogcards .h5p-dialogcards-footer .h5p-joubelui-button{background:#8a1c1c}
.h5p-dialogcards .h5p-dialogcards-quick-progression{color:#8a1c1c}
.h5p-dialogcards .h5p-dialogcards-summary-screen .h5p-joubelui-button{background:#8a1c1c}
.h5p-dialogcards .h5p-dialogcards-cards-right,.h5p-dialogcards .h5p-dialogcards-summary-subheader{color:#222}
.h5p-question-feedback-content{color:#222}
.h5p-question-feedback-content-text{color:#8a1c1c}
.h5p-actions,.h5p-actions .h5p-button,.h5p-actions .h5p-link{color:#555}
.h5p-actions .h5p-button:hover,.h5p-actions .h5p-link:hover{color:#8a1c1c}