.toolbar-button{align-items:center;background-color:rgba(26,115,217,.05);background-position:center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;border:2px solid #fff;border-radius:3px;display:flex;flex-shrink:0;font-size:1rem;height:3rem;padding:0;width:3rem}.toolbar-button:not(.toolbar-button-disabled):hover{background-color:rgba(26,115,217,.1);cursor:pointer}.toolbar-button:not(.toolbar-button-disabled):active{background-color:rgba(26,115,217,.25)}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active{background-color:#1a73d9;background-position:center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;opacity:20}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active:hover{background-color:rgba(26,115,217,.9);cursor:pointer}.toolbar-button:not(.toolbar-button-disabled).toolbar-button-active:active{background-color:rgba(26,115,217,.95)}.toolbar-button-display-none{display:none}.toolbar-button-cloak{visibility:hidden;opacity:0}
.h5p-phrase-randomizer-headline{color:#4c4452;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;font-size:1rem;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:initial}
.status-container{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0}@supports(-webkit-touch-callout: none) and (not (translate: none)){.status-container:not(:last-child){margin-right:1.25rem}}.status-container::before{color:#1356a3;margin-right:.5rem}.status-container.display-none{display:none}.status-container .status-container-values{box-sizing:border-box;display:flex;flex-direction:row;font-weight:bold;justify-content:center}.status-container .status-container-values span.value,.status-container .status-container-values span.max-value{color:#1356a3}.status-container .status-container-values span.delimiter{text-align:center;width:1rem}
.status-containers{box-sizing:border-box;display:flex;flex-direction:row;gap:1.25rem}@supports(-webkit-touch-callout: none) and (not (translate: none)){.status-containers:not(:last-child){margin-right:1.25rem}}.status-containers.display-none{display:none}
.h5p-phrase-randomizer-toolbar-tool-bar{align-items:center;background-color:#fff;box-shadow:10px 10px 30px rgba(166,166,166,.2);column-gap:1.25rem;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;font-size:1.25rem;justify-content:center;overflow:hidden;row-gap:.25rem;padding:.5rem;width:100%}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-headline{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline{align-items:center;column-gap:1.25rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:.25rem}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .status-containers .status-container-attempts::before{content:"";font-family:"H5PFontAwesome4",sans-serif}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .status-containers .status-container-found::before{content:"";font-family:"H5PFontAwesome4",sans-serif}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons{display:flex;flex-direction:row;flex-shrink:1;justify-content:flex-end}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button{color:#1356a3;position:relative}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-audio::before{content:"";font-family:"H5PFontAwesome4",sans-serif;font-size:1.15em;height:1.15em;left:50%;margin-left:-0.575em;margin-top:-0.575em;position:absolute;top:50%;width:1.15em}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-audio.toolbar-button-disabled{background-color:#fff;color:rgba(128,128,128,.95)}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-audio.toolbar-button-active:not(.toolbar-button-disabled){background-color:rgba(26,115,217,.05)}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-audio.toolbar-button-active::before{content:""}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-audio:active:not(.toolbar-button-disabled){background-color:rgba(26,115,217,.25)}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-randomize.toolbar-button-disabled{background-color:#fff;color:rgba(128,128,128,.95)}.h5p-phrase-randomizer-toolbar-tool-bar .tool-bar-non-headline .toolbar-buttons .toolbar-button.toolbar-button-randomize::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-phrase-randomizer-toolbar-tool-bar.display-none{display:none}
.h5p-phrase-randomizer-button{--border-width: 2px;aspect-ratio:1/1;background:linear-gradient(#d0d3dc 0%, #fff 50%, #d0d3dc 100%);border:var(--border-width) solid rgba(0,0,0,0);color:#4c4452;font-family:"H5PFontAwesome4",sans-serif;font-size:1.25rem;height:max(44px,1.5rem);line-height:max(44px,1.5rem);padding:0;position:relative}.h5p-phrase-randomizer-button::before{left:50%;margin-left:-50%;position:absolute;top:calc(var(--border-width)*-1);width:100%}.h5p-phrase-randomizer-button:not(.disabled){cursor:pointer}.h5p-phrase-randomizer-button:not(.disabled):hover{filter:brightness(0.95)}.h5p-phrase-randomizer-button:not(.disabled):active{border:var(--border-width) solid #4c4452;filter:brightness(0.9)}.h5p-phrase-randomizer-button.disabled{filter:brightness(0.8);cursor:auto}
.h5p-phrase-randomizer-wheel{--wheel-font-size: 1.5rem;background:var(--wheel-color-background, linear-gradient(to bottom, #767893 0%, #b3b7c6 9%, #d0d3dc 18%, #fff 55%, #d0d3dc 82%, #b3b7c6 91%, #767893 100%));box-shadow:0 0 10px rgba(0,0,0,.6);color:var(--wheel-color-text, #4c4452);font-size:var(--wheel-font-size);height:calc(132px + .5rem);overflow:hidden;text-align:center;width:100%;display:grid}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-list{grid-column:1;grid-row:1;min-width:0}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-list.transition{transition:transform .25s;transition-timing-function:linear}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-list .h5p-phrase-randomizer-wheel-listitem{--listitem-padding-vertical: 0.5rem;display:flex;flex-direction:column;justify-content:center;height:calc(3*var(--wheel-font-size) + 2*var(--listitem-padding-vertical));line-height:5.5rem;padding:var(--listitem-padding-vertical) .5rem}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-list .h5p-phrase-randomizer-wheel-listitem .h5p-phrase-randomizer-wheel-listitem-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;vertical-align:middle}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-list .h5p-phrase-randomizer-wheel-listitem.cloaked{visibility:hidden}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-spinbutton{grid-column:1;grid-row:1;height:inherit;z-index:1}.h5p-phrase-randomizer-wheel .h5p-phrase-randomizer-wheel-spinbutton:focus{outline:none}
.h5p-phrase-randomizer-segment{align-items:center;display:flex;flex-direction:column;gap:.5rem;flex-grow:1;justify-content:flex-end;min-width:calc(132px + .5rem);user-select:none;-webkit-touch-callout:none}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-title{color:#f0f0f0;flex-grow:1;font-size:1.25rem;font-weight:bold;margin:.75rem 0 .5rem 0;text-align:center;padding:0 .5rem}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main{align-items:center;display:flex;flex-direction:column;gap:.25rem;width:100%}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main .h5p-phrase-randomizer-segment-buttons{justify-content:center;display:flex;flex-direction:row;gap:.25rem}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main .h5p-phrase-randomizer-segment-buttons .h5p-phrase-randomizer-button.next::before{content:"▲"}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main .h5p-phrase-randomizer-segment-buttons .h5p-phrase-randomizer-button.previous::before{content:"▼"}.h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main .h5p-phrase-randomizer-segment-buttons .h5p-phrase-randomizer-button.spin::before{content:""}.h5p-phrase-randomizer-segment.focus{outline:solid #000}.h5p-content.using-mouse .h5p-phrase-randomizer-segment.focus{outline:none}
.h5p-phrase-randomizer-message-display{align-items:center;background-color:rgba(0,0,0,.1);border-radius:.5rem;box-sizing:border-box;color:#edeff2;display:flex;font-size:1.25rem;justify-content:center;line-height:1.25rem;min-height:3.5rem;padding:.25rem;text-align:center;width:100%}.h5p-phrase-randomizer-message-display.display-none{display:none}
.h5p-phrase-randomizer-case{background:linear-gradient(#fff, #b3b7c6);border-radius:.5rem;box-shadow:inset 0 -0.5rem .25rem -0.25rem #8288a1,0 2px 3px 1px rgba(0,0,0,.5);display:flex;margin-bottom:.25rem;padding:1rem}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements{background:linear-gradient(#676e89, #5e6078);border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:.5rem 1rem}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments .h5p-phrase-randomizer-group-label,.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments .h5p-phrase-randomizer-current-combination-aria{position:absolute;left:-999999px}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments.vertical-buttons .h5p-phrase-randomizer-segment{min-width:calc(176px + .5rem)}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments.vertical-buttons .h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-title{margin-right:calc(44px + .5rem)}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments.vertical-buttons .h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main{flex-direction:row}.h5p-phrase-randomizer-case .h5p-phrase-randomizer-elements .h5p-phrase-randomizer-segments.vertical-buttons .h5p-phrase-randomizer-segment .h5p-phrase-randomizer-segment-main .h5p-phrase-randomizer-segment-buttons{flex-direction:column}.h5p-phrase-randomizer-case.animate.wrong-combination{animation:wrong-combination;animation-duration:.25s}.h5p-phrase-randomizer-case.animate.correct-combination{animation:correct-combination;animation-duration:1s}@keyframes wrong-combination{0%{transform:translate3d(0, 0, 0)}15%,45%,75%{transform:translate3d(-10px, 0, 0)}30%,60%,90%{transform:translate3d(10px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes correct-combination{0%{transform:translate3d(0, 0, 0)}15%,45%,75%{transform:translate3d(0, -10px, 0)}30%,60%,90%{transform:translate3d(0, 10px, 0)}100%{transform:translate3d(0, 0, 0)}}@media(prefers-reduced-motion: reduce){.h5p-phrase-randomizer-case.animate.wrong-combination{animation-duration:1ms}.h5p-phrase-randomizer-case.animate.correct-combination{animation-duration:1ms}}
.h5p-phrase-randomizer-found-solutions{box-shadow:10px 10px 30px rgba(166,166,166,.2);margin:0 1rem 1rem 1rem;padding:1rem}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-title{font-weight:bold}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list{color:#1356a3}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list .h5p-phrase-randomizer-found-solutions-list-item::after{font-family:"H5PFontAwesome4",sans-serif;margin-left:.25rem}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list .h5p-phrase-randomizer-found-solutions-list-item.found{color:#255c41}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list .h5p-phrase-randomizer-found-solutions-list-item.found::after{content:""}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list .h5p-phrase-randomizer-found-solutions-list-item.not-found{color:#b71c1c}.h5p-phrase-randomizer-found-solutions .h5p-phrase-randomizer-found-solutions-list .h5p-phrase-randomizer-found-solutions-list-item.not-found::after{content:""}.h5p-phrase-randomizer-found-solutions.display-none{display:none}
.h5p-phrase-randomizer{background-color:#fff;color:#4c4452;width:100%}.h5p-phrase-randomizer .h5p-phrase-randomizer-main{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.h5p-phrase-randomizer .h5p-phrase-randomizer-main .h5p-phrase-randomizer-introduction{width:100%}.h5p-phrase-randomizer .h5p-phrase-randomizer-main .h5p-phrase-randomizer-introduction .h5p-phrase-randomizer-intro-content{margin:0}.h5p-phrase-randomizer .h5p-phrase-randomizer-main .h5p-phrase-randomizer-introduction .h5p-phrase-randomizer-intro-content>*:first-child{margin-top:0}.h5p-phrase-randomizer .h5p-question-feedback-content.has-content{text-align:center}.h5p-phrase-randomizer .h5p-question-scorebar{position:relative;left:50%;transform:translateX(-50%);margin-left:0;margin-right:0}.h5p-phrase-randomizer.h5p-standalone .h5p-question-buttons{display:flex;justify-content:center;margin-left:0;margin-right:0;width:100%}
