body{margin:0;height:100%}#root{height:100%}.table{border-collapse:collapse;width:100%;height:100%}.td,.th,.tr,.thead{border:1px solid #ddd;text-align:center;width:9%;height:9%}.text-small{font-size:.5rem;font-weight:700}.text-medium{font-size:1.5rem;font-weight:700}.text-big{font-size:2rem;font-weight:700}.text-huge{font-size:3rem;font-weight:700}.margin-left-right{margin-left:.2em;margin-right:.2em}.emoji{font-size:50px;letter-spacing:.01rem;padding-top:.01rem}.container{display:flex;flex-direction:column;height:100dvh}.top-bar{flex:0 0 5%}.content{display:flex;flex:1;overflow-y:auto}.left-bar{display:inline-flex}.middle-area{flex:1;padding:1rem;overflow-y:auto}.responsive-div{flex:1 1 calc(33.33% - 20px);margin:10px;max-width:800px;height:auto}@media (max-width: 768px){.responsive-div{flex:1 1 100%}.middle-area{display:inline}}.container-center{width:100%;justify-content:center;display:flex;flex-wrap:wrap;align-self:self-start}.content-center{display:flex;padding:.5em;text-align:center;height:auto;justify-content:center;align-items:center}.content-center-no-padding{display:flex;text-align:center;height:auto;justify-content:center;align-items:center}.content-left{display:flex;padding:.5em;text-align:left;align-items:center;height:auto;justify-content:left}.content-right{display:flex;padding:.5em;text-align:left;align-items:center;height:auto;justify-content:right}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(10px)}50%{transform:translate(-10px)}75%{transform:translate(10px)}to{transform:translate(0)}}.wrong-answer-button-shake{animation:horizontal-shaking .3s}.mixed-number{display:inline-flex;align-items:center;vertical-align:middle}.whole-number{margin-right:5px}.fraction{display:inline-block;text-align:center;vertical-align:middle;line-height:1.2}.numerator{display:block;border-bottom:1px solid rgb(245,242,242);padding:0 5px}.denominator{display:block;padding:0 5px}.clock{width:70%;border:1em solid #333;border-radius:50%;position:relative;box-shadow:0 0 0 4px #0000001a,inset 0 0 0 3px #efefef,inset 0 0 10px #000,0 0 10px #0003}.clock-face{position:relative;width:100%;height:100%;padding-bottom:100%}.hand{width:38%;left:12%;height:6px;position:absolute;top:50%;transform-origin:100%;transform:rotate(90deg);transition:all 1s;transition-timing-function:linear}.hour-hand{width:30%;left:20%;height:8px;border-radius:8px}.minute-hand{height:4px;border-radius:4px}.second-hand{height:2px;background:red}.number{position:absolute;width:100%;height:100%;text-align:center;font-size:calc(1vw + 1vh + 2vmin);font-weight:700}.number div{padding:.5em}.ui-wheel-of-fortune{--_items: 10;all:unset;padding-bottom:100%;container-type:inline-size;direction:ltr;display:grid;position:relative;width:100%}.ui-wheel-of-fortune .center-value{border:3px solid rgb(8,9,67);border-radius:50%;font-size:2rem;height:23%;width:23%;font-weight:700;position:absolute;place-self:center;align-content:center}.ui-wheel-of-fortune .item-middle,.ui-wheel-of-fortune .item-outer{position:absolute;font-size:2rem;font-weight:700;transform:translate(-50%,-50%)}.ui-wheel-of-fortune .wheel{all:unset;position:absolute;width:100%;height:100%;place-content:center;align-content:center;border-radius:50%;overflow:hidden}.ui-wheel-of-fortune .wheel .middle-circle{border:3px solid rgb(8,9,67);content:"";top:50%;left:50%;transform:translate(-50%,-50%);height:67%;width:67%;border-radius:50%;position:absolute;place-self:center}.ui-wheel-of-fortune .wheel .slice{position:absolute;align-content:center;place-self:center right;top:0%;height:100%;left:50%;width:100%;text-align:right;padding-right:10px;display:block}.ui-wheel-of-fortune .wheel .slice .label{align-content:center;aspect-ratio:1 / calc(2*tan(180deg / var(--_items)));clip-path:polygon(0% 50%,100% 0%,100% 100%);rotate:calc(360deg / 10 * var(--_idx) - 126deg);display:grid;font-size:3rem;text-align:right;padding-right:5rem;grid-area:1 / -1;padding-left:0;transform-origin:left;-webkit-user-select:none;user-select:none;width:50cqi;overflow:hidden}.ui-wheel-of-fortune .wheel .slice:nth-of-type(1){--_idx: 1}.ui-wheel-of-fortune .wheel .slice:nth-of-type(2){--_idx: 2}.ui-wheel-of-fortune .wheel .slice:nth-of-type(3){--_idx: 3}.ui-wheel-of-fortune .wheel .slice:nth-of-type(4){--_idx: 4}.ui-wheel-of-fortune .wheel .slice:nth-of-type(5){--_idx: 5}.ui-wheel-of-fortune .wheel .slice:nth-of-type(6){--_idx: 6}.ui-wheel-of-fortune .wheel .slice:nth-of-type(7){--_idx: 7}.ui-wheel-of-fortune .wheel .slice:nth-of-type(8){--_idx: 8}.ui-wheel-of-fortune .wheel .slice:nth-of-type(9){--_idx: 9}.ui-wheel-of-fortune .wheel .slice:nth-of-type(10){--_idx: 10}*{box-sizing:border-box}
