.sb-module .sb-ui-mq-label{position:fixed;z-index:999999999;right:0px;bottom:0px;font-size:11px;color:#000000;padding:0px 5px 1px 8px;font-family:monospace}.sb-module .sb-ui-mq-label a{color:white;text-decoration:none;outline:none}.sb-module .sb-ui-mq-label a:hover{background-color:white;color:black}

.sb-module .sb-ui-image-button{display:flex;justify-content:center;align-items:center}.sb-module .sb-ui-image-button img,.sb-module .sb-ui-image-button svg{user-select:none;display:block;width:100%;height:100%}

.sb-module .sb-ui-two-state-image-button img,.sb-module .sb-ui-two-state-image-button svg{user-select:none;display:block;width:100%;height:100%}

.sb-module .sb-ui-image-link{display:flex;justify-content:center;align-items:center}.sb-module .sb-ui-image-link img,.sb-module .sb-ui-image-link svg{user-select:none;display:block;width:100%;height:100%}

.sb-module .sb-ui-progress{font-size:20px;align-self:center;background-color:#444;color:white;display:flex;align-items:center;position:relative;border-radius:999px;padding-left:5px;padding-right:7px;width:100%;height:34px}.sb-module .sb-ui-progress .star{width:42%;margin-bottom:calc(42% / 20);position:absolute;filter:drop-shadow(1.5px 2px 2px rgba(0,0,0,0.3))}.sb-module .sb-ui-progress .text{font-family:'Roboto';font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-grow:1;text-align:center;margin-left:calc(42% + 5px);letter-spacing:1px}

.sb-module .sb-ui-progress-bar{position:relative;box-sizing:border-box;width:128px;background-color:rgba(0,0,0,0.6);border-radius:999px;padding:5px;width:100%;height:34px}.sb-module .sb-ui-progress-bar .background-step{width:100%;height:100%;display:flex;border-radius:15px;column-gap:2px}.sb-module .sb-ui-progress-bar .background-step div{flex-grow:1;background:linear-gradient(to right, #ffe212 50%, #fff 50%);background-size:202% 100%;background-position:right bottom;border-radius:2px;box-shadow:inset -1px -1px 0px 0px #dfdfdf;transition:all 0.5s ease}.sb-module .sb-ui-progress-bar .background-step div.completed{box-shadow:inset -1px -1px 0px 0px #FFBB10;background-position:left bottom}.sb-module .sb-ui-progress-bar .background-step div:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.sb-module .sb-ui-progress-bar .background-step div:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.sb-module .sb-ui-progress-bar .background-bar{width:100%;height:100%;border-radius:15px;background-color:#FFFFFF;overflow:hidden;box-shadow:inset -1px -1px 0px 0px rgba(0,0,0,0.4);display:flex}.sb-module .sb-ui-progress-bar .background-bar .bar{height:100%;border-top-left-radius:15px;border-bottom-left-radius:15px;transition:all 0.5s;width:50px;background-color:#ffe212;box-shadow:inset 0px -2px 0px 0px #FFBB10}.sb-module .sb-ui-progress-bar .background-bar .bar.completed{box-shadow:inset -2px -2px 0px 0px #FFBB10;border-top-right-radius:15px;border-bottom-right-radius:15px}.sb-module .sb-ui-progress-bar .background-bar .bar2{transition:width 0.5s;height:100%;background-color:#FFFFFF;box-shadow:inset -1px -2px 0px 0px rgba(0,0,0,0.15);border-top-right-radius:15px;border-bottom-right-radius:15px}

.sb-module .sb-ui-top{display:grid;width:100%;pointer-events:none}.sb-module .sb-ui-top.drop-shadow{box-shadow:0px 3px 0px rgba(0,0,0,0.15)}.sb-module .sb-ui-top>*{pointer-events:auto}.sb-module .sb-ui-top .uu-text-button{grid-area:uu-text-button}.sb-module .sb-ui-top .letter-case-button{grid-area:letter-case-button}.sb-module .sb-ui-top .keyboard-button{grid-area:keyboard-button}.sb-module .sb-ui-top .previous-page-button{grid-area:previous-page-button}.sb-module .sb-ui-top .fullscreen-button{grid-area:fullscreen-button}.sb-module .sb-ui-top .play-pause-button{grid-area:play-pause-button}.sb-module .sb-ui-top .info-button{grid-area:info-button}.sb-module .sb-ui-top .download-button{grid-area:download-button}.sb-module .sb-ui-top .print-button{grid-area:print-button}.sb-module .sb-ui-top .sound-button{grid-area:sound-button}.sb-module .sb-ui-top .progress-container{grid-area:progress-container;display:flex;align-items:center}.sb-module .sb-ui-top .close-button{grid-area:close-button}.sb-module .sb-ui-top .header{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-area:header;text-align:center}

.sb-module .sb-ui-text-button{display:flex;justify-content:center;align-items:center;color:#FFFFFF;border-radius:999px;border:2px solid white;box-shadow:inset -3.5px -4px 0px rgba(0,0,0,0.3);background-color:#3A6BDF;padding:0.5em 1em;line-height:1}.sb-module .sb-ui-text-button img,.sb-module .sb-ui-text-button svg{position:relative;width:1em;height:1em;user-select:none;display:block}.sb-module .sb-ui-text-button img.left,.sb-module .sb-ui-text-button svg.left{margin-right:0.5em}.sb-module .sb-ui-text-button img.right,.sb-module .sb-ui-text-button svg.right{margin-left:0.5em}

.sb-module .sb-ui-two-state-icon-button{display:flex;justify-content:center;align-items:center;border-radius:999px;border:2px solid white;box-shadow:inset -3.5px -4px 0px rgba(0,0,0,0.3);background-color:#3A6BDF;padding:0.5em}.sb-module .sb-ui-two-state-icon-button img,.sb-module .sb-ui-two-state-icon-button svg{user-select:none;display:block;width:auto;height:1em}

.sb-module .sb-ui-intro-outro[data-v-049e7786]{position:relative;width:100%;flex-grow:1;display:flex;flex-direction:column;background-repeat:repeat;background-attachment:fixed;overflow:hidden}.sb-module .sb-ui-intro-outro .content[data-v-049e7786]{flex-grow:1;display:flex;justify-content:center;align-items:center}.sb-module .sb-ui-intro-outro .content img[data-v-049e7786]{max-width:calc(100% - 10px - 10px);max-height:500px}@media (max-width: 1799px){.sb-module .sb-ui-intro-outro .content img[data-v-049e7786]{max-height:450px}}@media (max-width: 1199px){.sb-module .sb-ui-intro-outro .content img[data-v-049e7786]{max-height:400px}}.sb-module .sb-ui-intro-outro .bottom[data-v-049e7786]{z-index:1;display:flex;padding:0px 10px 20px 10px;justify-content:center;align-items:stretch;font-size:1.8rem;flex-wrap:wrap}@media (max-width: 899px){.sb-module .sb-ui-intro-outro .bottom[data-v-049e7786]{font-size:1.6rem}}.sb-module .sb-ui-intro-outro .bottom button[data-v-049e7786]{margin-top:20px;margin-right:8px;margin-left:8px;border-radius:20px}.sb-module .sb-ui-intro-outro .bottom button.button-play[data-v-049e7786]{min-width:2.4em}.sb-module .sb-ui-intro-outro .image-left[data-v-049e7786]{position:absolute;left:0px;bottom:0px;max-width:32%;user-select:none}@media (max-width: 599px){.sb-module .sb-ui-intro-outro .image-left[data-v-049e7786]{display:none}}.sb-module .sb-ui-intro-outro .image-right[data-v-049e7786]{position:absolute;right:0px;bottom:0px;max-width:32%;user-select:none}@media (max-width: 599px){.sb-module .sb-ui-intro-outro .image-right[data-v-049e7786]{display:none}}

.sb-module .sb-ui-uu-text-panel[data-v-b5f7f72a]{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.2);z-index:999;box-sizing:border-box;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;left:10px;top:10px;max-width:85%;right:auto;border-radius:10px;border:2px solid #C7C7C7;background-color:#FFFFFF;color:#000000;overflow:hidden;margin-bottom:10px}@media (max-width: 899px){.sb-module .sb-ui-uu-text-panel[data-v-b5f7f72a]{right:10px;max-width:none}}.sb-module .sb-ui-uu-text-panel .top-content[data-v-b5f7f72a]{display:flex;justify-content:flex-end;align-items:center;padding:10px 10px 0px 10px}.sb-module .sb-ui-uu-text-panel .top-content button[data-v-b5f7f72a]{width:40px;height:40px;padding:10px}.sb-module .sb-ui-uu-text-panel .main-content[data-v-b5f7f72a]{padding:0px 60px 30px 30px;font-size:1.2rem;max-width:65ch;min-width:30ch}@media (max-width: 599px){.sb-module .sb-ui-uu-text-panel .main-content[data-v-b5f7f72a]{padding:0px 20px 20px 20px}}.sb-module .sb-ui-uu-text-panel .main-content p[data-v-b5f7f72a]{white-space:pre-line;line-height:1.4}@media (max-width: 599px){.sb-module .sb-ui-uu-text-panel .main-content p[data-v-b5f7f72a]{white-space:normal}}

.sb-module .sb-ui-top-header-cartoon h1[data-v-fc8b1f4a]{margin-top:15px;text-align:center}.sb-module .sb-ui-top-header-cartoon h1.rotate[data-v-fc8b1f4a]{transform:rotate(-2deg)}@media (max-width: 599px){.sb-module .sb-ui-top-header-cartoon h1.rotate[data-v-fc8b1f4a]{transform:rotate(0deg)}}.sb-module .sb-ui-top-header-cartoon h1[data-v-fc8b1f4a]:focus{outline:none}@media (max-width: 599px){.sb-module .sb-ui-top-header-cartoon h1[data-v-fc8b1f4a]{font-size:2.5rem}}.sb-module .sb-ui-top-header-cartoon h2[data-v-fc8b1f4a]{text-align:center;line-height:1}.sb-module .sb-ui-top-header-cartoon h2.rotate[data-v-fc8b1f4a]{transform:rotate(1deg)}@media (max-width: 599px){.sb-module .sb-ui-top-header-cartoon h2.rotate[data-v-fc8b1f4a]{transform:rotate(0deg)}}@media (max-width: 599px){.sb-module .sb-ui-top-header-cartoon h2[data-v-fc8b1f4a]{font-size:2.2rem}}

.sb-visual-choice .answer{display:flex;flex-direction:column;position:relative;border-radius:0.7rem;padding:30px}.sb-visual-choice .answer p{text-align:center;font-size:1.5rem;padding-top:10px}.sb-visual-choice .answer .sound-button{position:absolute;top:10px;right:10px;width:50px;height:50px}.sb-visual-choice .answer .click-area{position:absolute;top:0;left:0;width:100%;height:100%}.sb-visual-choice .answer .click-area:disabled{opacity:1}.sb-visual-choice .answer .image-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.sb-visual-choice .answer .image-container img{object-fit:contain;max-width:100%;max-height:100%}

.sb-visual-choice .question-image{flex-shrink:1;margin-right:0.7rem;display:flex;flex-direction:column;justify-content:center;max-width:400px}@media (max-width: 899px){.sb-visual-choice .question-image{grid-column:1 / span 2;flex-shrink:2}}@media (max-width: 599px){.sb-visual-choice .question-image{flex-shrink:0;margin-right:0;margin-bottom:0.7rem;max-width:none}}.sb-visual-choice .question-image .image-container{border-radius:0.7rem;overflow:hidden;border:0.15rem solid white}.sb-visual-choice .question-image .image-container img{vertical-align:top;width:100%;height:100%;object-fit:contain}

.sb-module .sb-ui-sound-icon-button-plain{display:block;border-radius:0px;border:none;box-shadow:none;background-color:transparent;padding:0px}

.sb-module .sb-ui-top-header-default{max-width:60ch}.sb-module .sb-ui-top-header-default:focus{outline:none}.sb-module .sb-ui-top-header-default button{display:inline-block;vertical-align:-0.17em;margin-right:0.1em}

.sb-module .sb-ui-status-box{position:absolute;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important}

.sb-module .sb-ui-txt.html-text ul,.sb-module .sb-ui-txt.html-text ol{list-style-position:inside}

.sb-visual-choice .visual-choice{position:relative;flex-grow:1;flex-shrink:0;display:grid;width:100%;grid-template-rows:auto 1fr}.sb-visual-choice .visual-choice .top-heading{color:white}.sb-visual-choice .visual-choice .top-heading.uppercase{text-transform:uppercase}@media (max-width: 599px){.sb-visual-choice .visual-choice .top-heading{font-size:1.5rem}}.sb-visual-choice .visual-choice .content-container{display:flex;padding:1.2rem;flex-grow:1;justify-content:center}@media (max-width: 599px){.sb-visual-choice .visual-choice .content-container{flex-direction:column}}.sb-visual-choice .visual-choice .content-container .answers-container{list-style:none;min-height:25rem;display:grid;grid-gap:1.2rem;grid-template-columns:repeat(2, minmax(0, 350px));justify-content:center;align-items:stretch;align-content:center}@media (max-width: 599px){.sb-visual-choice .visual-choice .content-container .answers-container{grid-template-columns:repeat(1, minmax(0, 100%))}}

.sb-module .sb-visual-choice{display:flex;flex-grow:1;min-height:100%;flex-shrink:0;position:relative;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.sb-module .sb-visual-choice .intro{font-size:2rem}@media (max-width: 599px){.sb-module .sb-visual-choice .intro{font-size:1.2rem}}

.sb-module {
  all: initial;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sb-module * {
  margin: 0px;
  padding: 0px;
}
.sb-module *, .sb-module *:before, .sb-module *:after {
  box-sizing: border-box;
}

/* OUTLINE */
.sb-module a:focus,
.sb-module button:focus,
.sb-module input:focus,
.sb-module select:focus,
.sb-module textarea:focus,
.sb-module .focusable:focus,
.sb-module input[type=range]:focus::-webkit-slider-thumb,
.sb-module .focus-within:focus-within {
  outline: #ff6600 solid 5px;
}
.sb-module:not(.user-is-tabbing) a:focus,
.sb-module:not(.user-is-tabbing) button:focus,
.sb-module:not(.user-is-tabbing) input:focus,
.sb-module:not(.user-is-tabbing) select:focus,
.sb-module:not(.user-is-tabbing) textarea:focus,
.sb-module:not(.user-is-tabbing) .focusable:focus,
.sb-module:not(.user-is-tabbing) input[type=range]:focus::-webkit-slider-thumb,
.sb-module:not(.user-is-tabbing) .focus-within:focus-within {
  outline: none;
}
/* END OUTLINE */

.sb-module button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  font-size: inherit;
  color: inherit;
}
.sb-module button:disabled {
  cursor: default;
  opacity: 0.5;
}
.sb-module h1, .sb-module h2, .sb-module h3, .sb-module h4, .sb-module h5, .sb-module h6, .sb-module input, .sb-module button {
  font-family: inherit;
}
.sb-module svg {
  height: auto;
}