.media-screen{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;padding:1rem 0 3rem 0;position:relative;top:0;z-index:3}.media-screen.display-none{display:none}.media-screen>:not(:first-child){margin-top:.5rem}.media-screen p{margin:0 0 .5rem}.media-screen .media-screen-medium{align-items:center;display:flex;height:15rem;justify-content:center;margin:4.375em 0;position:relative;width:100%}.media-screen .media-screen-medium.display-none{display:none}.media-screen .media-screen-medium.h5p-image>img,.media-screen .media-screen-medium.h5p-video>video,.media-screen .media-screen-medium.h5p-video.h5p-youtube>div:not(.media-screen-bar){box-shadow:.5em .25em 3em 0 rgba(0,0,0,.2);position:absolute;left:50%;max-height:15rem;min-width:20rem;top:50%;transform:translate(-50%, -50%)}.media-screen .media-screen-medium.h5p-image>img{object-fit:contain}.media-screen .media-screen-medium.h5p-image>img,.media-screen .media-screen-medium.h5p-video>video{max-width:85%}.media-screen .media-screen-medium.h5p-video.h5p-youtube>div:not(.media-screen-bar){max-width:26.666rem}.media-screen .media-screen-bar{background-color:var(--color-button-pale);background-size:cover;height:70%;width:inherit}.media-screen .media-screen-image{box-shadow:10px 4px 47px 0 rgba(0,0,0,.2);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:3}.media-screen .media-screen-introduction{color:#4c4452;text-decoration:none solid #4c4452}.media-screen .media-screen-introduction.display-none{display:none}.media-screen .media-screen-content{width:80%}.media-screen .media-screen-content.display-none{display:none}.media-screen .media-screen-buttons-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;width:90%}.media-screen .media-screen-buttons-wrapper .media-screen-button{background-color:var(--color-button-background);background-size:cover;border:0;border-radius:3px;color:var(--color-button-text);cursor:pointer;font-size:20px;font-weight:400;padding:.5rem 2.5rem;text-align:center;text-decoration:none solid var(--color-button-text);white-space:nowrap}.media-screen .media-screen-buttons-wrapper .media-screen-button:hover{background-color:var(--color-button-hover);background-size:cover;cursor:pointer}.media-screen .media-screen-buttons-wrapper .media-screen-button:active{background-color:var(--color-button-active);background-size:cover}.media-screen .media-screen-buttons-wrapper .media-screen-button:focus{outline-style:double}
.h5p-personality-quiz-message-box{margin:0;padding:0}.h5p-personality-quiz-message-box.display-none{display:none}.h5p-personality-quiz-message-box .h5p-personality-quiz-message-box-message{margin:0;padding:0}
.h5p-personality-quiz-message-box.message-box-hint{background-color:#f5e8d5;border:1px solid #ed5;box-sizing:border-box;color:#9e5c16;font-size:.8rem;padding:.8rem}.h5p-personality-quiz-message-box.message-box-hint .h5p-personality-quiz-message-box-message{text-align:center}
@keyframes button-fill{from{background-position:100%;color:#000}to{background-position:0%;color:var(--color-button-text-active)}}.h5p-personality-quiz-answer-option{height:100%}.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button{align-items:center;background:none;border:none;display:flex;flex-direction:column;font-size:1rem;height:100%;line-height:1rem;padding:0}.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-image{max-height:15em;max-width:15em;object-fit:cover}.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text{width:100%}.h5p-personality-quiz-answer-option .h5p-personality-quiz-answer-option-button:not([disabled]):hover{cursor:pointer}.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button{align-items:center;background:none;border:none;display:flex;flex-direction:column;font-size:1rem;height:100%;line-height:1rem;padding:0;width:100%}.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-image{flex-grow:1;max-width:100%;width:100%}.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text{background:linear-gradient(to right, var(--color-button-active) 50%, #dddddd 50%) 100% center/200% 100%;border-left:5px solid var(--color-button-active);color:#000;padding:.25rem 0;text-align:center}.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text.selected{background-position:0%;color:var(--color-button-text-active)}.h5p-personality-quiz-answer-option.appearance-classic .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text.animate{animation-duration:.9s;animation-name:button-fill;animation-fill-mode:forwards}.h5p-personality-quiz-answer-option.appearance-classic:not(.has-image):not([disabled]):hover .h5p-personality-quiz-answer-option-button-text:not(.animate){background:#ececec}.h5p-personality-quiz-answer-option.appearance-classic.has-image .h5p-personality-quiz-answer-option-button{border:4px solid #dbe2e8;border-radius:4px;padding:1em}.h5p-personality-quiz-answer-option.appearance-classic.has-image .h5p-personality-quiz-answer-option-button:not([disabled]):hover{background-color:var(--color-button-pale);border-style:dotted;border-color:var(--color-button-background)}.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button{background-color:#eee;border-radius:1rem 1rem 0 1rem;box-shadow:.125rem .125rem .25rem rgba(0,0,0,.2);color:inherit;position:relative;text-align:left;width:fit-content}.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-image{border-radius:1rem 1rem 0 0;height:10em;width:15em}.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text{border-radius:0 0 0 1rem;font-weight:normal;padding:.5rem 1rem;text-align:left}.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button .h5p-personality-quiz-answer-option-button-text.selected{background-color:var(--color-button-active);color:var(--color-button-text-active)}.h5p-personality-quiz-answer-option.appearance-chat .h5p-personality-quiz-answer-option-button:not([disabled]):hover .h5p-personality-quiz-answer-option-button-text:not(.animate){background:#ccc}.h5p-personality-quiz-answer-option.appearance-chat.has-image .h5p-personality-quiz-answer-option-button-text{border-radius:0 0 0 1rem}.h5p-personality-quiz-answer-option.appearance-chat:not(.has-image) .h5p-personality-quiz-answer-option-button-text{border-radius:1rem 1rem 0 1rem}
@keyframes loadingFade{0%{opacity:0}50%{opacity:.8}100%{opacity:0}}.h5p-personality-quiz-panel{align-content:center;display:flex;flex-direction:column;gap:1rem;min-height:4rem;width:100%}.h5p-personality-quiz-panel .h5p-personality-quiz-panel-image{max-height:10rem;object-fit:cover}.h5p-personality-quiz-panel .h5p-personality-quiz-question{font-weight:bold;padding:1em;text-align:center}.h5p-personality-quiz-panel .h5p-personality-quiz-answer-options{padding:0}.h5p-personality-quiz-panel .h5p-personality-quiz-answer-options .h5p-personality-quiz-answer-list-item{list-style:none}.h5p-personality-quiz-panel .h5p-personality-quiz-answer-options.mode-image{grid-template-columns:repeat(auto-fit, minmax(15em, 1fr));gap:1rem}.h5p-personality-quiz-panel .h5p-personality-quiz-answer-options.mode-image .h5p-personality-quiz-answer-list-item{height:100%}.h5p-personality-quiz-panel .h5p-personality-quiz-answer-options.mode-text{gap:.5rem;grid-template-columns:1fr}.h5p-personality-quiz-panel.appearance-classic .h5p-personality-quiz-question{font-weight:bold;padding:1em;text-align:center}.h5p-personality-quiz-panel.appearance-classic .h5p-personality-quiz-answer-options{display:grid;margin:0;padding:0}.h5p-personality-quiz-panel.appearance-chat{gap:1.5rem;margin-bottom:.5rem;min-height:2.5rem}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question{background-color:#eee;border-radius:1rem 1rem 1rem 0;box-shadow:.125rem .125rem .25rem rgba(0,0,0,.2);font-weight:normal;line-height:1rem;margin-left:2.5rem;padding:.5rem 1rem;position:relative;text-align:left;width:fit-content}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question .typing-animation-dots{padding:calc(.25rem + 1px) 0;height:1rem}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question .typing-animation-dots .typing-animation-dot{float:left;width:.5rem;height:.5rem;margin:0 .25rem;background:#8d8c91;border-radius:50%;opacity:0;animation:loadingFade 1s infinite}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question .typing-animation-dots .typing-animation-dot:nth-child(1){animation-delay:0s}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question .typing-animation-dots .typing-animation-dot:nth-child(2){animation-delay:.2s}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question .typing-animation-dots .typing-animation-dot:nth-child(3){animation-delay:.4s}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-question::before{background-color:var(--color-button-active);border:1px solid rgba(0,0,0,0);border-radius:100%;color:var(--color-button-text-active);content:"?";display:block;font-weight:bold;height:2rem;line-height:2rem;text-align:center;width:2rem;position:absolute;bottom:-1rem;left:-2.5rem}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-answer-options{align-self:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin:0 2.5rem .5rem 0;max-width:calc(100% - 5rem);position:relative}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-answer-options::before{background-color:var(--color-button-active);border:1px solid rgba(0,0,0,0);border-radius:100%;color:var(--color-button-text-active);content:"";display:block;font-family:"H5PFontAwesome4",sans-serif;font-weight:bold;height:2rem;line-height:2rem;text-align:center;width:2rem;position:absolute;bottom:-1rem;right:-2.5rem}.h5p-personality-quiz-panel.appearance-chat .h5p-personality-quiz-answer-options.display-none{display:none}.h5p-personality-quiz-panel.display-none{display:none}
.h5p-focus-catcher{bottom:0;height:1px;left:-999999px;overflow:hidden;position:absolute;text-indent:1px;width:1px}.h5p-focus-catcher[tabindex="-1"]{display:none}
.progress-bar{background-color:var(--color-background);box-shadow:10px 10px 30px rgba(166,166,166,.2);content:"";color:var(--color-text);height:2rem;position:relative;width:100%}.progress-bar .progress-bar-label{align-items:center;display:flex;height:100%;padding-left:.75rem;position:relative}.progress-bar::before{background-color:var(--color-base);content:"";height:2rem;position:absolute;width:calc(var(--bar-width, 0)*1%)}.progress-bar.is-animated::before{transition:width ease-out .3s}.progress-bar.display-none{display:none}
.h5p-personality-quiz-question-screen{align-items:center;display:flex;flex-direction:column}.h5p-personality-quiz-question-screen .h5p-personality-quiz-panel-wrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem;width:min(100%,60em)}.h5p-personality-quiz-question-screen.display-none{display:none}
.h5p-personality-quiz-result-screen{align-items:center;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:25rem;opacity:1;transition:opacity ease-in-out 1s;padding:1rem}.h5p-personality-quiz-result-screen.fade-in{opacity:0}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation{background-color:rgba(233,239,247,.8);padding:1rem;width:80%}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-title{font-size:1.5rem;font-weight:bold;margin:0}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-image-inline{display:block;max-height:15rem;max-width:100%;margin:1rem auto 0 auto}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-image-inline.display-none{display:none}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-description{margin-bottom:0;margin-top:1rem}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-description>p:last-child{margin-bottom:0}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation .h5p-personality-quiz-result-screen-explanation-description.display-none{display:none}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-explanation.display-none{display:none}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-reset-button{background-color:var(--color-button-background);background-size:cover;border:0;border-radius:3px;color:var(--color-button-text);cursor:pointer;font-size:20px;font-weight:400;padding:.5rem 2.5rem;text-align:center;text-decoration:none solid var(--color-button-text)}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-reset-button:hover{background-color:var(--color-button-hover);background-size:cover;cursor:pointer}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-reset-button:active{background-color:var(--color-button-active);background-size:cover}.h5p-personality-quiz-result-screen .h5p-personality-quiz-result-screen-reset-button:focus{outline-style:double}.h5p-personality-quiz-result-screen.display-none{display:none}
.wheel-of-fortune{align-items:center;display:flex;flex-direction:column;gap:1em;opacity:1;padding:1em;transition:opacity ease-in-out 1s}.wheel-of-fortune .wheel-of-fortune-wheel{height:25rem;width:100%;--color-wheel-of-fortune-indicator: #eeeeee}.wheel-of-fortune .wheel-of-fortune-wheel .wheel-of-fortune-backdrop{fill:#fff}.wheel-of-fortune .wheel-of-fortune-wheel .wheel-of-fortune-segments{transform:translate(50%, 50%)}.wheel-of-fortune .wheel-of-fortune-wheel .wheel-of-fortune-segments .wheel-of-fortune-segment{stroke:#888;stroke-opacity:.5;stroke-width:.25}.wheel-of-fortune .wheel-of-fortune-wheel .wheel-of-fortune-indicator-knob{fill:var(--color-wheel-of-fortune-indicator)}.wheel-of-fortune .wheel-of-fortune-wheel .wheel-of-fortune-indicator{fill:var(--color-wheel-of-fortune-indicator)}.wheel-of-fortune .wheel-of-fortune-button{background-color:var(--color-button-background);background-size:cover;border:0;border-radius:3px;color:var(--color-button-text);cursor:pointer;font-size:20px;font-weight:400;padding:.5rem 2.5rem;text-align:center;text-decoration:none solid var(--color-button-text)}.wheel-of-fortune .wheel-of-fortune-button:hover{background-color:var(--color-button-hover);background-size:cover;cursor:pointer}.wheel-of-fortune .wheel-of-fortune-button:active{background-color:var(--color-button-active);background-size:cover}.wheel-of-fortune .wheel-of-fortune-button:focus{outline-style:double}.wheel-of-fortune.display-none{display:none}.wheel-of-fortune.fade-out{opacity:0}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.h5p-personality-quiz{background-color:#fff;color:#4c4452}