.h5p-combination-lock-button{background:linear-gradient(#d0d3dc 0%, #fff 50%, #d0d3dc 100%);border:none;color:#4c4452;font-size:1.25rem;height:max(44px,1.5rem);line-height:max(44px,1.5rem);padding:0;width:100%}.h5p-combination-lock-button:not(.disabled){cursor:pointer}.h5p-combination-lock-button:not(.disabled):hover{filter:brightness(0.95)}.h5p-combination-lock-button:not(.disabled):active{filter:brightness(0.9)}.h5p-combination-lock-button.disabled{filter:brightness(0.8);cursor:auto}.h5p-combination-lock-button.bottom{border-radius:0 0 .2rem .2rem}.h5p-combination-lock-button.top{border-radius:.2rem .2rem 0 0}
.h5p-combination-lock-segment{align-items:center;display:flex;flex-direction:column;grid-column:1;grid-row:1;margin:0 .3rem;user-select:none;-webkit-touch-callout:none;min-width:44px}.h5p-combination-lock-segment.focus{outline:solid #000}.h5p-content.using-mouse .h5p-combination-lock-segment.focus{outline:none}
.h5p-combination-lock-wheel{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);font-size:2rem;height:6rem;overflow:hidden;text-align:center;width:100%;display:grid}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-list{grid-column:1;grid-row:1}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-list.transition{transition:transform .25s}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-list .h5p-combination-lock-wheel-listitem{height:3.5rem;line-height:3.5rem}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-list .h5p-combination-lock-wheel-listitem.cloaked{visibility:hidden}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-spinbutton{grid-column:1;grid-row:1;height:6rem;z-index:1}.h5p-combination-lock-wheel .h5p-combination-lock-wheel-spinbutton:focus{outline:none}
.h5p-combination-lock-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-combination-lock-message-display.display-none{display:none}
.h5p-combination-lock-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-combination-lock-case .h5p-combination-lock-elements{background:linear-gradient(#676e89, #5e6078);border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem 1rem}.h5p-combination-lock-case .h5p-combination-lock-elements .h5p-combination-lock-segments{display:flex;flex-direction:row;margin-bottom:1rem}.h5p-combination-lock-case .h5p-combination-lock-elements .h5p-combination-lock-segments .h5p-combination-lock-group-label,.h5p-combination-lock-case .h5p-combination-lock-elements .h5p-combination-lock-segments .h5p-combination-lock-current-combination-aria{position:absolute;left:-999999px}.h5p-combination-lock-case.animate.wrong-combination{animation:wrong-combination;animation-duration:.25s}@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)}}@media(prefers-reduced-motion: reduce){.h5p-combination-lock-case.animate.wrong-combination{animation-duration:1ms}}
.h5p-combination-lock{background-color:#fff;color:#4c4452;width:100%}.h5p-combination-lock .h5p-combination-lock-main{align-items:center;display:flex;flex-direction:column;justify-content:center}.h5p-combination-lock .h5p-combination-lock-main .h5p-combination-lock-introduction{width:100%}.h5p-combination-lock .h5p-combination-lock-main .h5p-combination-lock-introduction .h5p-combination-lock-intro-content{margin:0}.h5p-combination-lock .h5p-combination-lock-main .h5p-combination-lock-introduction .h5p-combination-lock-intro-content>*:first-child{margin-top:0}.h5p-combination-lock.h5p-standalone .h5p-question-buttons{display:flex;justify-content:center;margin-left:0;margin-right:0;width:100%}