.h5p-game-map-message-box{background-color:var(--color-hint-message-background);border:1px solid var(--color-hint-message-border);box-sizing:border-box;color:var(--color-hint-message-text);font-size:.8em;padding:.8em}.h5p-game-map-message-box .h5p-game-map-message-box-message{margin:0;text-align:center}
.slider-container{--box-shadow-params: 0 0 0 0.5rem;--slider-min-width: 4rem;min-width:var(--slider-min-width);width:100%}.slider-container .slider{-webkit-appearance:none;appearance:none;background:var(--color-primary-15);border-radius:3px;height:.5rem;margin:0;opacity:.7;outline:none;-webkit-transition:.2s;touch-action:none;transition:opacity .2s;width:100%}.slider-container .slider[disabled]::-webkit-slider-thumb{background:var(--color-disabled)}.slider-container .slider:not([disabled]){cursor:pointer}.slider-container .slider:hover:not([disabled]){opacity:1}.slider-container .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-dark);border:none;border-radius:50%;height:1rem;width:1rem}.slider-container .slider::-webkit-slider-thumb:hover:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-20)}.slider-container .slider::-webkit-slider-thumb:active:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.slider-container .slider::-webkit-slider-thumb:focus:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.slider-container .slider::-moz-range-thumb{appearance:none;background:var(--color-primary-dark);border:none;border-radius:50%;height:1rem;width:1rem}.slider-container .slider::-moz-range-thumb:hover:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-20)}.slider-container .slider::-moz-range-thumb:active:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.slider-container .slider::-moz-range-thumb:focus:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.slider-container .slider:focus:not([disabled])::-webkit-slider-thumb{box-shadow:var(--box-shadow-params) var(--color-primary-20)}.slider-container .slider:focus:not([disabled])::-moz-range-thumb{box-shadow:var(--box-shadow-params) var(--color-primary-20)}
.slider-panel-input{-moz-appearance:textfield;text-align:end;width:var(--input-field-width)}.slider-panel-input::-webkit-outer-spin-button,.slider-panel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.slider-panel-container{container-type:inline-size;container-name:slider-panel}.slider-panel-container .slider-panel{--slider-panel-column-gap: 0.5rem;column-gap:var(--slider-panel-column-gap);display:grid;grid-template-columns:var(--label-width, 10ch) 1fr var(--input-field-width) var(--unit-width, 2ch)}.slider-panel-container .slider-panel .slider-panel-input{justify-self:end}@container slider-panel (width < 480px){.slider-panel-container .slider-panel{grid-template-columns:1fr var(--input-field-width) var(--unit-width, 2ch);grid-template-rows:1fr 1fr}.slider-panel-container .slider-panel .slider-panel-label{grid-column:1/span 3}}@container slider-panel (width < 15rem){.slider-panel-container .slider-panel{grid-template-columns:1fr var(--input-field-width) var(--unit-width, 2ch);grid-template-rows:1fr 1fr 1fr}.slider-panel-container .slider-panel .slider-panel-label{grid-column:1/span 3}.slider-panel-container .slider-panel .slider-container{grid-column:1/span 3}.slider-panel-container .slider-panel .slider-panel-input{grid-column:1/span 2}}
.results-panel-container{container-type:inline-size;container-name:results-panel}.results-panel-container .results-panel{--results-panel-column-gap: 0.5rem;column-gap:var(--results-panel-column-gap);display:grid;grid-template-columns:1fr var(--results-field-width) var(--unit-width, 2ch)}.results-panel-container .results-panel .results-panel-label{font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.results-panel-container .results-panel .results-panel-value{background-color:var(--color-disabled-light);border:1px solid var(--color-disabled);border-radius:.125rem;font-weight:bold;justify-self:end;pointer-events:none;text-align:end;width:var(--results-field-width);-moz-appearance:textfield}.results-panel-container .results-panel .results-panel-value::-webkit-outer-spin-button,.results-panel-container .results-panel .results-panel-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.results-panel-container .results-panel .results-panel-value.correct{border:2px solid var(--color-correct);color:var(--color-correct)}.results-panel-container .results-panel .results-panel-value.wrong{border:2px solid var(--color-wrong);color:var(--color-wrong)}@container results-panel (width < 15rem){.results-panel-container .results-panel{grid-template-columns:1fr var(--results-field-width) var(--unit-width, 2ch);grid-template-rows:1fr 1fr}.results-panel-container .results-panel .results-panel-label{grid-column:1/span 3}.results-panel-container .results-panel .results-panel-value{grid-column:1/span 2;justify-self:end}}
.h5p-choice-explorer-main{--max-input-field-digits: 5;--number-spinner-slack: calc(2ex + 15px);--input-field-width: calc(var(--max-input-field-digits) * 1ch + var(--number-spinner-slack));--max-result-digits: 5;--results-field-width: max(var(--input-field-width), calc((1 + var(--max-result-digits)) * 1ch));display:flex;flex-direction:column}.h5p-choice-explorer-main .h5p-choice-explorer-slider-panels{display:flex;flex-direction:column;gap:.5rem}.h5p-choice-explorer-main .h5p-choice-explorer-results-panels{border-top:1px solid var(--color-shadow-light);display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.5rem}
.h5p-choice-explorer{--color-background: #fff;--color-text: #4c4452;--color-text-dark: var(--color-text);--color-text-light: #fff;--color-shadow-light: rgba(166, 166, 166, .2);--color-disabled: rgb(128 128 128 / 95%);--color-disabled-light: rgb(128 128 128 / 5%);--color-hint-message-background: #f5e8d5;--color-hint-message-border: #ed5;--color-hint-message-text: #9e5c16;--color-primary: rgb(26, 115, 217);--color-primary-dark: rgb(23, 104, 196);--color-primary-dark-80: rgb(23 104 196 / 80%);--color-primary-5: rgb(26 115 217 / 5%);--color-primary-10: rgb(26 115 217 / 10%);--color-primary-15: rgb(26 115 217 / 15%);--color-primary-20: rgb(26 115 217 / 20%);--color-primary-25: rgb(26 115 217 / 15%);--color-primary-30: rgb(26 115 217 / 30%);--color-primary-50: rgb(26 115 217 / 50%);--color-primary-70: rgb(26 115 217 / 70%);--color-primary-90: rgb(26 115 217 / 90%);--color-primary-95: rgb(26 115 217 / 95%);--color-joubelui-button: #1a73d9;--color-joubelui-button-hover: #1356a3;--color-joubelui-button-active: #104888;--color-wrong: #b71c1c;--color-correct: #255c41;background-color:var(--color-background);color:var(--color-text)}
