.keyboard-button{touch-action:manipulation;cursor:pointer;vertical-align:middle;font-size:var(--kb-font-size);color:var(--kb-text);text-transform:uppercase;background:var(--kb-bg);border:2px solid var(--kb-border);transform-style:preserve-3d;border-radius:.75em;outline:none;margin-bottom:.75em;padding:1em 1.5em;font-family:inherit;font-weight:600;text-decoration:none;transition:transform .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;display:inline-block;position:relative}.keyboard-button:before{content:"";background:var(--kb-shadow-bg);border-radius:inherit;width:100%;height:100%;box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow)calc(var(--kb-shadow-opacity,1)*100%),transparent);z-index:-1;transition:transform .15s ease-out,box-shadow .15s ease-out;position:absolute;top:0;left:0;transform:translate3d(0,.75em,-1em)}.keyboard-button:hover,.keyboard-button:focus-visible{background:var(--kb-hover-bg);transform:translateY(.25em)}.keyboard-button:hover:before,.keyboard-button:focus-visible:before{box-shadow:0 0 0 2px var(--kb-border),0 .5em 0 0 color-mix(in srgb,var(--kb-shadow)calc(var(--kb-shadow-opacity,1)*100%),transparent);transform:translate3d(0,.5em,-1em)}.keyboard-button:active,.keyboard-button.keyboard-button-pressed{background:var(--kb-hover-bg);transform:translateY(.75em)}.keyboard-button:active:before,.keyboard-button.keyboard-button-pressed:before{box-shadow:0 0 0 2px var(--kb-border),0 0 color-mix(in srgb,var(--kb-shadow)calc(var(--kb-shadow-opacity,1)*100%),transparent);transform:translateZ(-1em)}.keyboard-button-disabled{cursor:not-allowed;opacity:1;pointer-events:none}.keyboard-button-disabled:hover,.keyboard-button-disabled:active,.keyboard-button-disabled:focus-visible{background:var(--kb-bg);transform:none}.keyboard-button-disabled:before,.keyboard-button-disabled:hover:before,.keyboard-button-disabled:active:before,.keyboard-button-disabled:focus-visible:before{box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow)calc(var(--kb-shadow-opacity,1)*100%),transparent);transform:translate3d(0,.75em,-1em)}.keyboard-button-text{z-index:1;position:relative}
.keyboard-input-wrapper{margin-bottom:.75em;display:block;position:relative}.keyboard-input-wrapper:before{content:"";background:var(--ki-shadow-bg);width:calc(100% - .3em);height:100%;box-shadow:0 0 0 2px var(--ki-border),0 .625em 0 0 color-mix(in srgb,var(--ki-shadow)calc(var(--ki-shadow-opacity,.5)*100%),transparent);pointer-events:none;border-radius:.75em;position:absolute;top:0;left:.15em;transform:translateY(.65em)}.keyboard-input{width:100%;font-size:var(--ki-font-size);color:var(--ki-text);background:var(--ki-bg);border:2px solid var(--ki-border);border-radius:.75em;outline:none;padding:1em 1.5em;font-family:inherit;font-weight:600;display:block;position:relative}.keyboard-input::placeholder{color:color-mix(in srgb,var(--ki-text)50%,transparent);font-weight:400}
.keyboard-container-wrapper{width:100%;display:block;position:relative}.keyboard-container-wrapper.player>.keyboard-container{padding-top:.5em;padding-bottom:.75em;padding-right:.5em}.keyboard-container-wrapper.category>.keyboard-container{gap:20px}.keyboard-container-wrapper:before{content:"";background:var(--kc-shadow-bg);width:calc(100% - .3em);height:100%;box-shadow:0 0 0 2px var(--kc-border),0 .625em 0 0 color-mix(in srgb,var(--kc-shadow)calc(var(--kc-shadow-opacity)*100%),transparent);pointer-events:none;border-radius:.75em;position:absolute;top:0;left:.15em;transform:translateY(.75em)}.keyboard-container{background:var(--kc-bg);border:2px solid var(--kc-border);border-radius:.75em;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75em;padding:1em 1.5em;display:flex;position:relative}
.keyboard-button.question-cell{min-height:2.5em;margin-bottom:1em;padding:.4em .25em;font-size:.7em}.keyboard-button.category-header-btn{cursor:default;text-transform:none}.keyboard-button.category-header-btn .category-header-text{white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;max-width:100%;font-weight:400;display:block;overflow:hidden}.keyboard-button.question-cell .keyboard-button-text:empty:before{content:" ";visibility:hidden}@media (min-width:480px){.keyboard-button.question-cell{min-height:2.75em;padding:.5em .35em;font-size:.85em}}@media (min-width:640px){.keyboard-button.question-cell{min-height:3em;padding:.6em .4em;font-size:1em}}@media (min-width:768px){.keyboard-button.question-cell{min-height:3.25em;padding:.75em .5em;font-size:1.1em}}@media (min-width:1024px){.keyboard-button.question-cell{min-height:3.5em;padding:1em .75em;font-size:1.25em}}.react-tooltip{z-index:9999!important}
.keyboard-circle-button{touch-action:manipulation;cursor:pointer;vertical-align:middle;width:var(--kcb-size);height:var(--kcb-size);background:var(--kcb-bg);border:2px solid var(--kcb-border);transform-style:preserve-3d;border-radius:50%;outline:none;justify-content:center;align-items:center;margin-bottom:.5em;padding:0;font-family:inherit;text-decoration:none;transition:transform .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative}.keyboard-circle-button:before{content:"";background:var(--kcb-shadow-bg);width:100%;height:100%;box-shadow:0 0 0 2px var(--kcb-border),0 .4em 0 0 color-mix(in srgb,var(--kcb-shadow)calc(var(--kcb-shadow-opacity,1)*100%),transparent);z-index:-1;border-radius:50%;transition:transform .15s ease-out,box-shadow .15s ease-out;position:absolute;top:0;left:0;transform:translate3d(0,.5em,-1em)}.keyboard-circle-button:hover,.keyboard-circle-button:focus-visible{background:var(--kcb-hover-bg);transform:translateY(.15em)}.keyboard-circle-button:hover:before,.keyboard-circle-button:focus-visible:before{box-shadow:0 0 0 2px var(--kcb-border),0 .35em 0 0 color-mix(in srgb,var(--kcb-shadow)calc(var(--kcb-shadow-opacity,1)*100%),transparent);transform:translate3d(0,.35em,-1em)}.keyboard-circle-button:active,.keyboard-circle-button.keyboard-circle-button-pressed{background:var(--kcb-hover-bg);transform:translateY(.5em)}.keyboard-circle-button:active:before,.keyboard-circle-button.keyboard-circle-button-pressed:before{box-shadow:0 0 0 2px var(--kcb-border),0 0 color-mix(in srgb,var(--kcb-shadow)calc(var(--kcb-shadow-opacity,1)*100%),transparent);transform:translateZ(-1em)}.keyboard-circle-button-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.keyboard-circle-button-content{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}
.audio-slider{appearance:none;background:var(--color-slider-track);cursor:pointer;border-radius:4px;outline:none;height:8px}.audio-slider::-webkit-slider-thumb{appearance:none;background:var(--color-slider-thumb);border:2px solid var(--color-slider-thumb-border);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 4px var(--color-shadow-medium);border-radius:50%;transition:transform .15s}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.audio-slider::-moz-range-thumb{background:var(--color-slider-thumb);border:2px solid var(--color-slider-thumb-border);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 4px var(--color-shadow-medium);border-radius:50%;transition:transform .15s}.audio-slider::-moz-range-thumb:hover{transform:scale(1.1)}.audio-slider::-moz-range-track{background:var(--color-slider-track);border-radius:4px;height:8px}
.banter-loader{width:216px;height:216px;margin-top:-108px;margin-left:-108px;position:absolute;top:50%;left:50%}.banter-loader__box{float:left;width:60px;height:60px;margin-right:18px;position:relative}.banter-loader__box svg{width:100%;height:100%;color:var(--color-primary);transition:opacity .15s ease-out,filter .15s ease-out;position:absolute;top:0;left:0}@keyframes colorPulse{0%,to{color:var(--color-primary);stroke:var(--color-primary)}50%{color:var(--color-primary-shadow);stroke:var(--color-primary-shadow)}}.banter-loader__box:first-child svg{animation:2s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(2) svg{animation:1.75s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(3) svg{animation:1.5s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(4) svg{animation:1.25s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(5) svg{animation:1s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(6) svg{animation:.85s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(7) svg{animation:.7s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(8) svg{animation:.55s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(9) svg{animation:.4s ease-in-out infinite colorPulse}.banter-loader__box:nth-child(3n){margin-bottom:18px;margin-right:0}.banter-loader__box:first-child svg,.banter-loader__box:nth-child(4) svg{margin-left:78px}.banter-loader__box:nth-child(3) svg{margin-top:156px}.banter-loader__box:last-child{margin-bottom:0}@keyframes moveBox-1{9.09091%{transform:translate(-78px)}18.1818%{transform:translate(0)}27.2727%{transform:translate(0)}36.3636%{transform:translate(78px)}45.4545%{transform:translate(78px,78px)}54.5455%{transform:translate(78px,78px)}63.6364%{transform:translate(78px,78px)}72.7273%{transform:translate(78px)}81.8182%{transform:translate(0)}90.9091%{transform:translate(-78px)}to{transform:translate(0)}}.banter-loader__box:first-child{animation:4s infinite moveBox-1}@keyframes moveBox-2{9.09091%{transform:translate(0)}18.1818%{transform:translate(78px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(78px)}45.4545%{transform:translate(78px,78px)}54.5455%{transform:translate(78px,78px)}63.6364%{transform:translate(78px,78px)}72.7273%{transform:translate(78px,78px)}81.8182%{transform:translateY(78px)}90.9091%{transform:translateY(78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(2){animation:4s infinite moveBox-2}@keyframes moveBox-3{9.09091%{transform:translate(-78px)}18.1818%{transform:translate(-78px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(-78px)}45.4545%{transform:translate(-78px)}54.5455%{transform:translate(-78px)}63.6364%{transform:translate(-78px)}72.7273%{transform:translate(-78px)}81.8182%{transform:translate(-78px,-78px)}90.9091%{transform:translateY(-78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(3){animation:4s infinite moveBox-3}@keyframes moveBox-4{9.09091%{transform:translate(-78px)}18.1818%{transform:translate(-78px)}27.2727%{transform:translate(-78px,-78px)}36.3636%{transform:translateY(-78px)}45.4545%{transform:translate(0)}54.5455%{transform:translateY(-78px)}63.6364%{transform:translateY(-78px)}72.7273%{transform:translateY(-78px)}81.8182%{transform:translate(-78px,-78px)}90.9091%{transform:translate(-78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(4){animation:4s infinite moveBox-4}@keyframes moveBox-5{9.09091%{transform:translate(0)}18.1818%{transform:translate(0)}27.2727%{transform:translate(0)}36.3636%{transform:translate(78px)}45.4545%{transform:translate(78px)}54.5455%{transform:translate(78px)}63.6364%{transform:translate(78px)}72.7273%{transform:translate(78px)}81.8182%{transform:translate(78px,-78px)}90.9091%{transform:translateY(-78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(5){animation:4s infinite moveBox-5}@keyframes moveBox-6{9.09091%{transform:translate(0)}18.1818%{transform:translate(-78px)}27.2727%{transform:translate(-78px)}36.3636%{transform:translate(0)}45.4545%{transform:translate(0)}54.5455%{transform:translate(0)}63.6364%{transform:translate(0)}72.7273%{transform:translateY(78px)}81.8182%{transform:translate(-78px,78px)}90.9091%{transform:translate(-78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(6){animation:4s infinite moveBox-6}@keyframes moveBox-7{9.09091%{transform:translate(78px)}18.1818%{transform:translate(78px)}27.2727%{transform:translate(78px)}36.3636%{transform:translate(0)}45.4545%{transform:translateY(-78px)}54.5455%{transform:translate(78px,-78px)}63.6364%{transform:translateY(-78px)}72.7273%{transform:translateY(-78px)}81.8182%{transform:translate(0)}90.9091%{transform:translate(78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(7){animation:4s infinite moveBox-7}@keyframes moveBox-8{9.09091%{transform:translate(0)}18.1818%{transform:translate(-78px)}27.2727%{transform:translate(-78px,-78px)}36.3636%{transform:translateY(-78px)}45.4545%{transform:translateY(-78px)}54.5455%{transform:translateY(-78px)}63.6364%{transform:translateY(-78px)}72.7273%{transform:translateY(-78px)}81.8182%{transform:translate(78px,-78px)}90.9091%{transform:translate(78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(8){animation:4s infinite moveBox-8}@keyframes moveBox-9{9.09091%{transform:translate(-78px)}18.1818%{transform:translate(-78px)}27.2727%{transform:translate(0)}36.3636%{transform:translate(-78px)}45.4545%{transform:translate(0)}54.5455%{transform:translate(0)}63.6364%{transform:translate(-78px)}72.7273%{transform:translate(-78px)}81.8182%{transform:translate(-156px)}90.9091%{transform:translate(-78px)}to{transform:translate(0)}}.banter-loader__box:nth-child(9){animation:4s infinite moveBox-9}@keyframes loading-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-text-bounce{animation:2s ease-in-out infinite loading-bounce}