.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-bingo-device .screen-reconnecting{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;color:white}.sb-bingo-device .screen-reconnecting .connection-status{position:absolute;top:0px;left:0px;color:white;padding:4px 8px}

.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-bingo-device .screen-code{position:relative;display:flex;flex-direction:column;flex-grow:1;align-items:center;color:white}.sb-bingo-device .screen-code .bingo-logo{margin-top:20px;width:200px}.sb-bingo-device .screen-code .connection-status{position:absolute;top:0px;left:0px;background-color:grey;color:white;padding:4px 8px}.sb-bingo-device .screen-code form{color:black;display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;padding-top:20px;padding-bottom:20px}.sb-bingo-device .screen-code form .content-wrapper{background-color:white;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.3);margin-bottom:20px;padding:40px 40px 40px 40px;border-radius:10px;margin-top:auto;margin-top:auto;display:flex;flex-direction:column;justify-content:center;gap:40px}.sb-bingo-device .screen-code form .content-wrapper>div{display:flex;flex-direction:column}.sb-bingo-device .screen-code form .content-wrapper>div label{display:flex;flex-direction:column;font-size:1rem;margin-left:3px}.sb-bingo-device .screen-code form .content-wrapper>div label .label-error-message{color:#d50101;margin-top:2px}.sb-bingo-device .screen-code form .content-wrapper>div input{padding:10px 15px 9px 15px;font-size:1.5rem;border:3px solid #e5e7e9;border-radius:7px;background-color:#e5e7e9;min-width:0;width:260px;margin-top:8px;text-align:left}.sb-bingo-device .screen-code form .content-wrapper>div input:not(:focus):invalid.is-submitted{border:3px solid #d50101}.sb-bingo-device .screen-code form .button-ok{margin-top:auto;font-size:1.4rem;font-weight:700;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}

.sb-bingo-device .screen-wait{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;flex-basis:0;color:white}

.sb-bingo-device .screen-end{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;flex-basis:0;color:white}

.sb-bingo-device .board-piece{position:relative;border:none;width:100%;padding-bottom:100%;aspect-ratio:1 / 1}.sb-bingo-device .board-piece:disabled{opacity:1}.sb-bingo-device .board-piece.freeze{opacity:0.4}.sb-bingo-device .board-piece.correct{opacity:1}.sb-bingo-device .board-piece.opening-wrong-answer{opacity:1}.sb-bingo-device .board-piece .card{position:absolute;top:0px;left:0px;width:100%;height:100%}.sb-bingo-device .board-piece .card .card-face{position:absolute;display:flex;width:100%;height:100%;background-color:#ffffff;border-radius:14px;overflow:hidden}.sb-bingo-device .board-piece .card .card-face .card-content{display:flex;justify-content:center;align-items:center;flex-grow:1;margin:10px;margin:5px;border-radius:10px;transition:0.2s all}.sb-bingo-device .board-piece .card .card-face.card-front .card-content{background-color:#f0f3f4;background-color:#771CD1;color:#ffffff;font-size:2rem;padding:10px;overflow:hidden;flex-grow:1;width:100%}@media (max-width: 599px){.sb-bingo-device .board-piece .card .card-face.card-front .card-content{font-size:1.5rem}}.sb-bingo-device .board-piece .card .card-face.card-front .card-content img{align-self:center;vertical-align:top;object-fit:contain;width:90%;height:90%}.sb-bingo-device .board-piece .card .card-face.card-front .card-content span{position:absolute;top:5px;left:5px}.sb-bingo-device .board-piece .card .card-face.card-front .card-content p{word-break:break-word}.sb-bingo-device .board-piece .card .card-face.card-back .card-content.wrong{background:repeating-linear-gradient(55deg, #cb4335, #cb4335 10px, #b03a2e 10px, #b03a2e 20px)}.sb-bingo-device .board-piece .card .card-face.card-back .card-content.correct{background:repeating-linear-gradient(55deg, #52be80, #52be80 10px, #27ae60 10px, #27ae60 20px)}.sb-bingo-device .board-piece .card .card-face.card-back .card-content.wrong svg{display:none}.sb-bingo-device .board-piece .card .card-face.card-back .card-content.correct svg{opacity:0}.sb-bingo-device .board-piece .card .card-face.card-back .card-content svg{width:65%;height:auto;fill:#1e8449}

.sb-bingo-device .screen-board{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.sb-bingo-device .screen-board .bingo-types{font-size:2rem;font-weight:700;color:#3498db;display:flex;justify-content:center;align-items:center;flex-direction:row;font-size:1rem}.sb-bingo-device .screen-board .bingo-types .bingo-type{margin-right:10px}.sb-bingo-device .screen-board .bingo-types .bingo-type.not-available{color:red;text-decoration:line-through}.sb-bingo-device .screen-board .bingo-types .bingo-type:last-child{margin-right:0}.sb-bingo-device .screen-board .top-text{margin-right:10px;color:red;font-weight:400;font-size:1.2rem}.sb-bingo-device .screen-board .board{display:grid;align-content:center;flex-grow:1;grid-gap:10px;padding:10px;grid-template-columns:repeat(3, minmax(0, 200px))}.sb-bingo-device .screen-board .feedback{color:white;margin-bottom:auto;flex-grow:1;font-size:1.3em}

.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-bingo-device{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;position:relative;background-color:#f5f5f5;font-family:'Roboto', sans-serif}.sb-module .sb-bingo-device .sb-ui-top .bingo-logo{padding:5px;width:200px}

.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;
}
.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) .focus-within:focus-within {
  outline: none;
}

.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;
}