.h5p-animator-canvas-element{line-height:normal;position:absolute}.h5p-animator-canvas-element.h5p-advanced-text{color:initial;font-family:sans-serif}.h5p-animator-canvas-element.h5p-advanced-text p{padding:0;margin:0 0 1em}.h5p-animator-canvas-element.h5p-advanced-text p:last-child{margin-bottom:0}
.h5p-animator-canvas{aspect-ratio:var(--aspect-ratio, 16/9);background-color:var(--background-color, initial);max-height:var(--max-height, none);margin:auto;overflow:hidden;position:relative}.h5p-animator-canvas.has-background-image{background-image:var(--background-image);background-position:center;background-repeat:no-repeat;background-size:cover}
.toolbar-button{--button-background-size: 1.25em;--button-size: 3em;background-color:var(--color-primary-5);background-position:center;background-repeat:no-repeat;background-size:var(--button-background-size) var(--button-background-size);border:2px solid var(--color-text-light);border-radius:3px;font-size:1em;height:var(--button-size);padding:0;width:var(--button-size)}.toolbar-button:not(.toolbar-button-disabled):hover{background-color:var(--color-primary-10);cursor:pointer}.toolbar-button:not(.toolbar-button-disabled):active{background-color:var(--color-primary-25)}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active{background-color:var(--color-primary);background-position:center;background-repeat:no-repeat;background-size:var(--button-background-size) var(--button-background-size);opacity:20}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active:hover{background-color:var(--color-primary-90);cursor:pointer}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active:active{background-color:var(--color-primary-95)}.toolbar-button.toolbar-button-disabled{background-color:var(--color-disabled)}.toolbar-button.toolbar-button-disabled::before{color:var(--color-background)}.toolbar-button-display-none{display:none}.toolbar-button-cloak{visibility:hidden;opacity:0}
.h5p-animator-slider-container{--box-shadow-params: 0 0 0 0.5rem;--slider-min-width: 4rem;min-width:var(--slider-min-width);width:100%}.h5p-animator-slider-container .h5p-animator-slider{-webkit-appearance:none;appearance:none;background:var(--color-primary-15);border-radius:3px;height:.5rem;opacity:.7;outline:none;-webkit-transition:.2s;touch-action:none;transition:opacity .2s;width:100%}.h5p-animator-slider-container .h5p-animator-slider[disabled]::-webkit-slider-thumb{background:var(--color-disabled)}.h5p-animator-slider-container .h5p-animator-slider:not([disabled]){cursor:pointer}.h5p-animator-slider-container .h5p-animator-slider:hover:not([disabled]){opacity:1}.h5p-animator-slider-container .h5p-animator-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-dark);border:none;border-radius:50%;height:1rem;width:1rem}.h5p-animator-slider-container .h5p-animator-slider::-webkit-slider-thumb:hover:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-20)}.h5p-animator-slider-container .h5p-animator-slider::-webkit-slider-thumb:active:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.h5p-animator-slider-container .h5p-animator-slider::-webkit-slider-thumb:focus:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.h5p-animator-slider-container .h5p-animator-slider::-moz-range-thumb{appearance:none;background:var(--color-primary-dark);border:none;border-radius:50%;height:1rem;width:1rem}.h5p-animator-slider-container .h5p-animator-slider::-moz-range-thumb:hover:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-20)}.h5p-animator-slider-container .h5p-animator-slider::-moz-range-thumb:active:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.h5p-animator-slider-container .h5p-animator-slider::-moz-range-thumb:focus:not([disabled]){box-shadow:var(--box-shadow-params) var(--color-primary-30)}.h5p-animator-slider-container .h5p-animator-slider:focus:not([disabled])::-webkit-slider-thumb{box-shadow:var(--box-shadow-params) var(--color-primary-20)}.h5p-animator-slider-container .h5p-animator-slider:focus:not([disabled])::-moz-range-thumb{box-shadow:var(--box-shadow-params) var(--color-primary-20)}
.h5p-animator-time-display{display:flex;flex-direction:row;flex-shrink:0;padding:0 .25rem}.h5p-animator-time-display .h5p-animator-time-display-current{color:var(--color-primary-dark)}.h5p-animator-time-display .h5p-animator-time-display-separator{margin:0 .125rem}.h5p-animator-time-display .h5p-animator-time-display-max{color:var(--color-text)}.h5p-animator-time-display.display-none{display:none}
.h5p-animator-toolbar-tool-bar{align-items:center;background-color:var(--color-background);box-shadow:10px 10px 30px var(--color-shadow-light);box-sizing:border-box;container-name:toolbar;container-type:inline-size;display:flex;flex-direction:row;flex-shrink:0;gap:.5rem;overflow:hidden;padding:.5rem}.h5p-animator-toolbar-tool-bar.absolute{bottom:0;position:absolute;transition:opacity .5s;width:100%;z-index:1}.h5p-animator-toolbar-tool-bar.absolute:hover{opacity:1}.h5p-animator-toolbar-tool-bar.transparent{opacity:0}.h5p-animator-toolbar-tool-bar .toolbar-button{color:var(--color-primary-dark);position:relative;flex-shrink:0}.h5p-animator-toolbar-tool-bar .toolbar-button::before{content:"";font-family:"H5PFontAwesome4",sans-serif;font-size:1.15rem;height:1.15rem;left:50%;margin-left:-0.575rem;margin-top:-0.575rem;position:absolute;top:50%;width:1.15rem}.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play::before{content:var(--icon-fontawesome-play)}.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play.toolbar-button-active:not(.toolbar-button-disabled){background-color:var(--color-primary-5)}.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play.toolbar-button-active::before{content:var(--icon-fontawesome-pause)}.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-fullscreen.toolbar-button-exit-fullscreen::before{content:var(--icon-fontawesome-shrink)}.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-fullscreen.toolbar-button-enter-fullscreen::before{content:var(--icon-fontawesome-expand)}.h5p-animator-toolbar-tool-bar.display-none{display:none}@container toolbar (width < 320px){.h5p-animator-time-display{display:none}}
.h5p-animator-main{position:relative}.h5p-animator-main .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
html{box-sizing:border-box}.h5p-animator{--color-background: #fff;--color-text: #4c4452;--color-text-dark: var(--color-text);--color-text-light: #fff;--color-shadow-dark: rgba(0, 0, 0, .2);--color-shadow-light: rgba(166, 166, 166, .2);--color-disabled: rgb(128 128 128 / 95%);--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;--icon-fontawesome-play:"";--icon-fontawesome-pause:"";--icon-fontawesome-expand:"";--icon-fontawesome-shrink:"";background-color:var(--color-background);color:var(--color-text);width:100%}

/* Custom: no progress bar/time/fullscreen; only a transparent replay triangle in the corner of the canvas */
.h5p-animator-toolbar-tool-bar{position:absolute!important;right:0;bottom:0;left:auto;width:auto!important;padding:.25rem!important;background:none!important;box-shadow:none!important;overflow:visible!important;container-type:normal!important;opacity:1!important;z-index:2}
.h5p-animator-toolbar-tool-bar .h5p-animator-slider-container,.h5p-animator-toolbar-tool-bar .h5p-animator-time-display,.h5p-animator-toolbar-tool-bar .toolbar-button-fullscreen{display:none!important}
.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play{--button-size:2.25em;background:none!important;background-color:transparent!important;border:none!important;box-shadow:none!important;color:#fff;opacity:.8}
.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play:hover{opacity:1}
.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play::before,.h5p-animator-toolbar-tool-bar .toolbar-button.toolbar-button-play.toolbar-button-active::before{content:var(--icon-fontawesome-play)!important;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.6)}