@font-face{font-family:CustomFont;src:url(/PhonicsPlayground/assets/fonts/SassoonInfant.otf) format("opentype");font-weight:400;font-style:normal}:root{--background-light: #FAF9F6;--header-light: #f1f1f1;--button-light: #FF7F50;--light-button: #FFBAA1;--main-text-light: #1A1A1A;--secondary-text-light: #777777;--textbox-light: #FFFFFF;--background-dark: #1E1E1E;--header-dark: #2A2A2A;--button-dark: #862e0e;--light-button-dark: #ac654c;--main-text-dark: #FFFFFF;--secondary-text-dark: #AAAAAA;--textbox-dark: #2F2F2F}body{background-color:var(--background-light);color:var(--main-text-light);font-family:Arial Rounded MT Bold,sans-serif;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:var(--background-dark);color:var(--main-text-dark)}header{position:fixed;top:0;left:0;width:98%;height:4.25em;background-color:var(--header-light);box-shadow:0 .25em .78125em #00000040;padding:1.25em;display:flex;justify-content:space-between;align-items:center;z-index:10;border-bottom-left-radius:1.25em;border-bottom-right-radius:1.25em;transition:background-color .3s ease,color .3s ease}body.dark-mode header{background-color:var(--header-dark)}header.show-header{top:0}button{background-color:var(--button-light);color:var(--textbox-light)}button:hover{background-color:var(--light-button)}button.dark-mode{background-color:var(--button-dark);color:var(--textbox-dark)}button.dark-mode:hover{background-color:var(--light-button-dark)}.dark-mode-toggle{display:flex;align-items:center}.switch{position:relative;display:inline-block;width:3.75em;height:2.125em}.switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background-light);transition:.4s;border-radius:2.125em}.toggle-slider:before{position:absolute;content:"☀️";height:1.625em;width:1.625em;border-radius:50%;left:.25em;bottom:.25em;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:.4s}input:checked+.toggle-slider{background-color:var(--background-dark)}input:checked+.toggle-slider:before{content:"🌙";transform:translate(1.625em)}.header-title{color:var(--button-light);font-size:3em}main{width:100%;display:flex;justify-content:center}.enabled-button{pointer-events:none;opacity:.4}.buttons{width:45%;margin:45em auto 0}.top-buttons{width:100%;display:flex;justify-content:space-between;margin-bottom:1em}.word-entry-content{position:absolute;left:50%;transform:translate(-50%);width:57em;height:22em;margin-top:7em;display:flex;flex-direction:column;align-items:center}.word-entry-content h1{font-size:2.375em;font-weight:700;color:var(--main-text-light);margin:.3em 0 0;padding:0}.word-entry-content .word-count{margin:1em 0 0;padding:0;font-size:1.5em;color:var(--secondary-text-light)}.word-entry-content .wec-text-container{width:90%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:0;padding-bottom:0}.word-entry-content textarea{border-radius:1.25em;width:62.5em;height:18.75em;resize:none;background-color:var(--textbox-light);border:solid 1px #e0e0e0;box-shadow:inset 0 0 10px #00000040;color:var(--main-text-light);margin:1em 0 0;padding:1em 0 0 1em;transition:background-color .3s ease,color .3s ease}body.dark-mode .word-entry-content h1{color:var(--main-text-dark)}body.dark-mode .word-entry-content textarea{background-color:var(--textbox-dark);color:var(--main-text-dark);border-color:#4e4e4e;box-shadow:inset 0 0 10px #ffffff40}.number-slider-container{position:absolute;left:50%;transform:translate(-50%);width:57em;height:10em;margin-top:30em;display:flex;flex-direction:column;align-items:center}.number-slider-container h1{font-size:2.375em;font-weight:700;color:var(--main-text-light);margin-top:.3em;margin-bottom:0;width:90%}.number-slider-container h2{font-size:1.5em;color:var(--secondary-text-light)}.number-slider-container .slider-content{width:90%;display:flex;justify-content:space-around;margin:0;padding:0}.slider{width:40em;cursor:pointer;accent-color:var(--button-light)}.number-slider-container .shuffle-screen-content{width:90%;display:flex;justify-content:space-around;margin:0;padding:0}.shuffle-screen-content-input{width:2em;height:2em;margin:0 0 0 .1em;padding:0}.checkbox-label{font-size:1.5em;color:var(--secondary-text-light);width:90%;margin:0;padding:0}body.dark-mode .number-slider-container,body.dark-mode .number-slider-container h1{color:var(--main-text-dark)}.present-button{background-color:var(--button-light);color:var(--main-text-dark);width:100%;height:1.5em;font-size:3.5em;padding:0;margin:0;border:none;border-radius:.25em;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.present-button:disabled{cursor:not-allowed;opacity:.4}.present-button:hover{background-color:var(--light-button-dark)}body.dark-mode .present-button{background-color:var(--button-dark)}body.dark-mode .present-button:hover{opacity:.5}.reset-button{background-color:var(--button-light);color:var(--main-text-dark);width:9em;height:1.2em;font-size:2.5em;padding:0;margin:0;border:none;border-radius:.25em;cursor:pointer;transition:background-color .3s ease,opacity .3s ease}.reset-button:disabled{cursor:not-allowed;opacity:.4}.reset-button:hover{background-color:var(--light-button-dark)}body.dark-mode .reset-button{background-color:var(--button-dark)}body.dark-mode .reset-button:hover{opacity:.5}.displayed-word{width:100%;font-family:CustomFont,Comic Sans MS,serif;text-align:center;font-size:15em}.counter-container{display:flex;justify-content:space-around;align-items:center;gap:1em}.counter-container h2{font-size:1em}.button-container{display:flex;align-items:center;gap:1em}.button-container button{width:2em;height:2em;font-size:2em;background:#0000;border:none;cursor:pointer;transition:color .3s ease-in-out;color:var(--main-text-light)}body.dark-mode .button-container button{color:var(--main-text-dark)}.button-container button:hover,body.dark-mode .button-container button:hover{color:var(--button-light)}.stats-container{position:fixed;bottom:0;left:0;width:98%;height:4em;display:flex;justify-content:space-between;align-items:center;padding:0 2em;z-index:1000}.next-set-button{border:none;height:80%;width:10%;border-radius:.8em;font-size:1em;transition:opacity .3s ease-in-out}.next-set-button:hover{opacity:.7}._cardContainer_kby3y_1{position:relative;width:15.625em;height:18.75em;margin:8em auto 6.25em;perspective:62.5em;display:flex;justify-content:space-between;gap:.625em}._card_kby3y_1{position:absolute;width:100%;height:65%;background:#eddd53;background:radial-gradient(circle,#eddd53,coral);border:solid .125em #333;border-radius:.625em;box-shadow:0 .625em 1.25em #0003;animation:_shuffle_kby3y_60 2s ease-in-out infinite}@keyframes _shuffle_kby3y_60{0%{transform:translate(0) rotate(0)}20%{transform:translate(2.5em,-3.125em) rotate(15deg)}40%{transform:translate(-3.125em,1.875em) rotate(-15deg)}60%{transform:translate(1.875em,-1.25em) rotate(10deg)}80%{transform:translate(-1.875em,2.5em) rotate(-10deg)}to{transform:translate(0) rotate(0)}}._leftSide_kby3y_46,._rightSide_kby3y_47{position:relative;flex:1}._leftSide_kby3y_46{transform:rotateY(180deg)}._rightSide_kby3y_47{transform:rotateY(0)}._shuffleText_kby3y_60{text-align:center;margin-top:1em;font-size:2.5em;color:var(--main-text-light);font-family:Arial,sans-serif}._loader_kby3y_69{width:60px;aspect-ratio:4;background:radial-gradient(closest-side at calc(100%/6) 50%,#000 90%,#0000) 0/75% 100%;position:relative;animation:_l15-0_kby3y_1 1s infinite linear}._loader_kby3y_69:before{content:"";position:absolute;background:inherit;clip-path:inset(0 0 0 50%);top:0;right:0;bottom:0;left:0;animation:_l15-1_kby3y_1 .5s infinite linear}@keyframes _l15-0_kby3y_1{0%,49.99%{transform:scale(1)}50%,to{transform:scale(-1)}}@keyframes _l15-1_kby3y_1{0%{transform:translate(-37.5%) rotate(0)}80%,to{transform:translate(-37.5%) rotate(1turn)}}._loaderWrapper_kby3y_93{display:flex;justify-content:center;align-items:center;height:100px}body._dark-mode_kby3y_100 ._shuffleText_kby3y_60{color:var(--main-text-dark)}body._dark-mode_kby3y_100 ._loader_kby3y_69{background:radial-gradient(closest-side at calc(100%/6) 50%,#fff 90%,#0000) 0/75% 100%}