@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#2b3b31;background-image:linear-gradient(139deg,#00000029 57%,transparent 57.05%),linear-gradient(-47deg,#0000001e 70%,transparent 70.05%),linear-gradient(-60deg,#0000001e 23%,transparent 23.05%),linear-gradient(-48deg,#0000001e 88%,transparent 88.05%),linear-gradient(25deg,#0000001e 50%,transparent 50.05%),linear-gradient(-161deg,#0000001e 76%,transparent 76.05%),linear-gradient(-345deg,#0000001e 71%,transparent 71.05%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overscroll-behavior:none}*{box-sizing:border-box;padding:0;margin:0}:root{--navbarWidth: 200px;--toolbarFootHeight: auto;--mobileTBFootHeight: 50px;--mobileNavIconHeight: 48px;--toolbarTitleHeight: 48px;--toolbarTopHeaderHeight: 68px;--btnRadius: 5px;--defaultRadius: 10px;--defaultShadow: rgba(0, 0, 0, .24) 0px 3px 8px;--hoverHighlightDark: rgba(0,0,0,.5);--hoverHighlightLight: rgba(255,255,255,.04);--hoverHighlightEigen: rgb(61, 61, 68);--hoverHighlightDarkGrey: rgb(29, 29, 39);--hoverHighlightGreen: rgba(81, 112, 88,.5);--border: 1px solid rgba(68, 68, 74, .4);--darkGrey: rgb(17, 17, 23);--eigen: #16161d;--mediumGrey: rgb(42,42,47);--lightGrey: rgb(115,115,119);--black: rgb(12,18,12,.8);--darkGreen: #2b3b31;--green: #517058;--lightGreen: #799981;--tan: rgb(254,251,234);--red: rgba(255,0,0,.5);--lightRed: rgba(255,26,26,.6)}select{-webkit-appearance:none;-moz-appearance:none;padding-right:16px}select>option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;justify-content:center}body{font-family:Inter,sans-serif}.App{max-height:100vh}.mainbody{height:100%;max-height:100%;margin-left:var(--navbarWidth);display:flex;flex-direction:row;justify-content:center;align-items:center}.page{max-width:calc(100vw - var(--navbarWidth));margin-left:var(--navbarWidth);padding:10px}.error-message{text-align:center;color:red;font-size:1rem}input{padding:10px 12px;font-size:.9rem;letter-spacing:.2ch;border:var(--border);border-radius:5px;background-color:var(--darkGrey);color:var(--lightGrey);box-shadow:var(--defaultShadow)}input:focus{outline:none}button:focus{outline:none}.display-none{display:none}.hidden{visibility:hidden}.margin-left-auto{margin-left:auto}.align-left{text-align:left}.red-btn{background-color:var(--red);border:1px solid var(--lightRed)}.red-btn:hover{background-color:#ff00004d;border:1px solid var(--red)}.green-btn{background-color:var(--green);border:1px solid transparent}.green-btn:hover{background-color:var(--darkGreen);border:1px solid var(--lightGreen)}input::placeholder{color:#45454a}input:focus,textarea:focus{border:1px solid var(--lightGrey);outline:none}.tooltip{visibility:hidden;position:absolute;top:50%;right:0;z-index:200;height:auto;width:auto;max-width:none;text-align:center;padding:6px;border-radius:2px;font-size:12px;white-space:nowrap;color:#fff;background-color:var(--darkGreen);box-shadow:var(--defaultShadow);opacity:0;transition:opacity .2s}.tooltip-container{transition:.2s;position:relative}.tooltip-container svg{font-size:22px}.tooltip a{font-size:12px;font-weight:400;color:#fff}.tooltip a:hover,.tooltip-container:hover{color:gray}.tooltip-container:hover .tooltip{visibility:visible;opacity:1}@media (max-width: 1495px){div.small-modal-message,div.small-modal-buttons>button{font-size:12px}}@media (max-width: 1250px){.navbar-wrapper{display:none}div.navbar-icon{display:flex;height:var(--mobileNavIconHeight)}.mainbody{margin:0}div.game-wrapper{height:100%;min-width:0!important;max-width:none!important;padding:10px 20px 20px;flex:1 1 0}div.toolbar-container{height:100%}div.toolbar-wrapper{padding-top:10px;height:calc(100vh - 40px);margin-bottom:20px}div.page{margin-left:0!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:100%}div.more-blob{width:100%}}@media (max-width: 768px){div.App{max-height:none;height:auto;width:100%!important}.mainbody{flex-direction:column;height:auto;min-height:none;max-height:none}div.navbar-icon{margin-top:5px;margin-left:20px}div.toolbar-container{border-top-right-radius:5px;border-top-left-radius:5px}.toolbar-title{border-radius:0}div.toolbar-wrapper{width:360px;height:auto;padding:0 20px;width:100%;max-width:100%;min-width:none;flex:1 1 0;justify-content:flex-start}div.small-modal-message,div.small-modal-buttons>button{font-size:14px}div.game-wrapper{height:auto;width:100%;min-width:0!important;max-width:none!important;padding:10px 20px 20px;flex:1 1 0}div.buttons-container>button:hover{background-color:transparent}div.buttons-container>button:hover>svg{color:gray}div.toolbar-container{height:auto}div.toolbar-body{max-height:60vh;overflow-y:auto;padding-bottom:0;overscroll-behavior:none}}@media (max-width: 425px){.App{height:auto}html{background-color:var(--eigen);overscroll-behavior:none}div.navbar-icon{margin:0;padding-left:15px;position:fixed;top:0;left:0;background-color:var(--darkGrey);width:100%;box-shadow:var(--defaultShadow)}div.navbar-icon>button{background-color:transparent;width:auto;height:auto;font-size:28px}div.toolbar-title{display:none}div.game-wrapper{padding:0}div>div.toolbar-wrapper{height:auto;max-height:none;padding:0;margin:0}div.toolbar-container{border-radius:0;max-height:none;height:100%}div.mainbody{height:auto;min-height:none;max-height:none;margin-top:calc(var(--mobileNavIconHeight) + var(--toolbarTitleHeight) + var(--toolbarTopHeaderHeight))}h2.toolbar-title{display:none}div.toolbar-description{order:1}form.search-container{order:2;padding:10px 15px;margin:0}form.search-container>*{height:100%}.search-container select{font-size:14px}div.search-btns{min-width:0}div.search-btns>svg{right:58px}div.search-btns>input{min-width:100px}h4.flashcard-title{font-size:12px}div.toolbar-header>.toolbar-description{order:2}div.toolbar-header>.selectcolor-container{order:1;border-top:var(--border)}div.movepair-container{height:40px;padding:5px}div.white-move,div.black-move,div.move-number{font-size:14px}div.toolbar-footer{margin:0;order:2;height:var(--mobileTBFootHeight)}div.buttons-container>button{background-color:transparent;border:none;padding:0;margin:10px 20px}div.buttons-container>button>svg:hover{color:#fff}div.toolbar-body{order:3;height:100%;max-height:none;padding-top:15px;padding-left:30px;padding-right:30px;border-top:var(--border);margin-bottom:0;flex-grow:1;overflow-y:auto}div.toolbar-header{position:fixed;z-index:100;left:0;top:var(--mobileNavIconHeight);width:100%;background-color:var(--eigen);box-shadow:var(--defaultShadow)}div.flashcards-container{height:100%}div.flashcard-wrapper:hover{background-color:var(--darkGrey)}div.flashcard-wrapper:active{background-color:var(--hoverHighlightDarkGrey)}div.profile-blob{background-color:transparent;box-shadow:none}div.profile-wrapper>h1{width:100%;margin-top:calc(var(--mobileNavIconHeight) + 15px)}div.profile-blob:last-child{padding-top:0}div.login-container{background-color:transparent}.login-info button.login-button:hover{background-color:var(--green)}.login-info button.login-button:active{background-color:var(--darkGreen);border:1px solid var(--lightGreen)}.sign-up-link>a:hover{color:#fff}.sign-up-link>a:active{color:gray}}@media (max-width: 375px){div.selectcolor-container button,div.selectcolor-container select{font-size:12px}div.small-modal-message,div.small-modal-buttons>button{font-size:12px}}.navbar-icon{height:auto;width:auto;display:none;margin:10px 0 0 20px;display:relative;z-index:160}.navbar-icon>button:hover{color:gray}.navbar-wrapper>button{margin:1rem;font-size:1rem;border-radius:2px;padding:.5rem;display:flex;justify-content:center;align-items:center;border:none}.navbar-exit{background-color:transparent;border:none;border-radius:5px;color:#fff;height:40px;width:40px;font-size:25px;display:flex;justify-content:center;align-items:center;margin:.1rem;position:absolute;right:10px;top:10px}.navbar-exit>svg:hover{color:gray}.mobilenav-container>h2{padding-right:50px!important}.navbar-icon>button{background-color:var(--eigen);border:none;border-radius:5px;color:#fff;height:40px;width:40px;font-size:25px;display:flex;justify-content:center;align-items:center}.navbar-wrapper{position:fixed;top:0;left:0;z-index:99;height:100vh;width:var(--navbarWidth);background:var(--eigen);color:#fff;box-shadow:var(--defaultShadow)}.navbar-wrapper h2{padding:10px 10px 10px 20px;border-bottom:var(--border);background-color:var(--darkGrey)}nav{width:100%;height:auto;margin-top:1rem}nav>button{width:100%;height:50px;font-size:1.1rem;font-weight:bolder;text-align:left;padding:10px 10px 10px 20px;background-color:transparent;border:none;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}nav svg{margin-right:10px}nav>button:hover{background-color:var(--hoverHighlightLight)}nav>button:focus{outline:none}.selected-tab{color:var(--darkGreen)}.mobilenav-wrapper{position:fixed;top:0;left:0;z-index:150;height:100%;width:100%;color:#fff;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:filter 3s ease}.mobilenav-container{height:100%;width:calc(var(--navbarWidth) + 3rem);background-color:var(--darkGrey)!important;padding-bottom:100px;z-index:300;position:relative;animation:slideIn .4s ease-in-out;animation-name:mobilenav-animation}@keyframes mobilenav-animation{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobilenav-container>h2{padding:1rem}.game-wrapper{max-width:100vh;min-width:440px;padding:40px;flex:2 1 1;height:100vh;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.gamegui-container{display:grid;grid-template-columns:30px 1fr;gap:20px}.eval-bar-container{height:100%;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:6px;color:var(--lightGreen);font-size:12px;position:relative}.eval-bar-container p{position:relative;z-index:2;font-weight:700}.eval-bar{position:absolute;background-color:#fff;bottom:0;width:100%;max-height:100%;border-bottom-right-radius:6px;border-bottom-left-radius:6px;transition:.5s ease-in-out}.board-container{display:flex;justify-content:flex-start;flex-direction:row;align-items:center;height:auto;width:auto;max-width:100%;box-shadow:var(--defaultShadow);border-radius:6px}#BasicBoard{height:auto;width:auto;border-radius:6px}.flash-green>*{outline:5px solid var(--lightGreen)}.flash-red>*{outline:5px solid var(--red)}.checkmark-icon{height:2rem;width:2rem;color:var(--lightGreen)}.toolbar-wrapper{width:360px;height:100vh;min-height:500px;width:20%;max-width:780px;min-width:320px;flex:1 1 0;margin-right:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;padding:40px 0}.toolbar-container{background-color:var(--eigen);min-height:100%;height:100%;width:100%;border-radius:5px;position:relative;display:flex;flex-direction:column;box-shadow:var(--defaultShadow)}.toolbar-body{padding:15px;margin-bottom:var(--toolbarFootHeight);background-color:var(--eigen);flex-grow:1;overflow-y:auto;height:auto;position:relative}.toolbar-body::-webkit-scrollbar{width:8px}.toolbar-body::-webkit-scrollbar-track{background:var(--eigen)}.toolbar-body-folder-highlight{background-color:gray;-webkit-box-shadow:inset 0px 0px 30px 1px rgba(0,0,0,.7);-moz-box-shadow:inset 0px 0px 30px 1px rgba(0,0,0,.7);box-shadow:inset 0 0 10px 1px #000000b3}.toolbar-body{scrollbar-width:thin;scrollbar-color:grey var(--eigen)}.toolbar-footer{margin-top:auto;border-top:var(--border);height:var(--toolbarFootHeight);width:100%;background-color:var(--darkGrey);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.buttons-container{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:5px}.buttons-container>button{width:auto;height:auto;background-color:var(--eigen);border:var(--border);margin:1rem;padding:10px;border-radius:5px;display:flex;justify-content:center;align-items:center}.buttons-container svg{font-size:24px;color:#fff}.explore-buttons-container{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:15px;background-color:var(--darkGrey);border-top:var(--border)}.explore-buttons-container>button{flex-basis:25%;font-size:14px;font-weight:bolder;color:#fff;background-color:transparent;border:none}.explore-buttons-container>button:hover{color:gray}.upload-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px;background-color:var(--darkGrey);border-top:var(--border)}.upload-container-header{height:auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:10px}.upload-container textarea{width:100%;background-color:var(--eigen);padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;border:var(--border);border-bottom:none;color:gray}.upload-container textarea:focus{border:1px solid var(--lightGrey);border-bottom:none}.upload-btn{width:100%;padding:10px;font-weight:bolder;font-size:14px;color:#fff;background-color:var(--green);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:1px solid transparent}.upload-btn:hover{background-color:var(--darkGreen);border:1px solid var(--lightGreen)}.upload-back-btn{width:auto;height:auto;background-color:transparent;border:none;color:#fff;font-weight:bolder;font-size:18px}.upload-back-btn:focus{outline:none}.upload-back-btn:hover>svg{color:gray}.edit-name-container{width:100%;margin-bottom:20px}.edit-name-field-set{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:70%;position:relative}.edit-name-field-set input{font-size:16px;height:40px;width:100%;min-width:200px;border-radius:5px}.edit-name-field-set button.display-none{display:none}.edit-name-field-set .edit-folder-name-btn{height:40px;background-color:var(--green);border:1px solid transparent;color:#fff;padding:5px 10px;border-radius:0 5px 5px 0;font-size:14px;letter-spacing:.2ch;position:absolute;right:0}.edit-name-field-set .edit-folder-name-btn:hover{background-color:var(--darkGreen);border:1px solid var(--lightGreen)}.edit-name-field-set .edit-folder-name-btn:disabled{border:var(--border);color:var(--lightGrey);background-color:var(--darkGrey)}.edit-name-container .align-left.error-message{font-size:14px}.flashcards-container{width:100%}.toolbar-body-top-header>button.edit-folder-btn,.toolbar-body-top-header>button.cancel-edit-flashcards-btn{margin-left:auto}.toolbar-body-header{height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.toolbar-body-header button{display:flex;flex-direction:row;justify-content:center;align-items:center}.toolbar-body-header svg{font-size:14px}.toolbar-body-top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:45px;max-height:45px;margin-bottom:10px;padding-bottom:10px}.toolbar-body-header .flashcards-folders-back-btn,.toolbar-body-header button.edit-folder-btn,button.cancel-edit-flashcards-btn{border:var(--border);background-color:var(--darkGrey);border-radius:5px;color:#fff;font-size:14px;font-weight:bolder;padding:7px;display:flex;justify-content:center;align-items:center}.toolbar-body-header button.edit-folder-btn:hover,.toolbar-body-top-header>button.cancel-edit-flashcards-btn:hover{background-color:var(--hoverHighlightDarkGrey)}.toolbar-body-bottom-header{width:100%;height:40px;margin-bottom:6px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.toolbar-body-header h3{font-size:1.5rem}.toolbar-body-header .cancel-edit-folder-btn,.toolbar-body-header .delete-folder-btn{border:var(--border);background-color:var(--darkGrey);border-radius:5px;color:#fff;font-size:14px;font-weight:bolder;padding:.5rem}div.toolbar-body-top-header button.delete-folder-btn{background-color:var(--red);border:1px solid var(--lightRed)}div.toolbar-body-top-header button.delete-folder-btn:hover{background-color:#ff00004d;border:1px solid var(--red)}.flashcards-folders-btn>svg{font-weight:bolder}.folders-flashcards-button-container{width:100%;height:100%;display:flex;flex-direction:row;justify-content:stretch;align-items:center;border-radius:5px;border:var(--border)}.folders-flashcards-button-container>button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.folders-flashcards-button-container>button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.flashcards-folders-btn-selected{border:none;flex-grow:1;background-color:var(--darkGrey);color:#fff;font-size:14px;font-weight:bolder;padding:.5rem}div>button.border-right{border-right:var(--border)}.flashcards-folders-btn{background-color:var(--eigen);border:none;flex-grow:1;color:#303030;font-size:14px;font-weight:bolder;padding:.5rem}.flashcards-folders-btn:hover{color:#505050}.flashcards-folders-btn:hover,.cancel-edit-folder-btn:hover,.buttons-container>button:hover{background-color:var(--hoverHighlightDarkGrey)}.body-header-highscore-container{height:auto;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.body-header-highscore-container>.highscore{font-size:12px;flex-grow:1;text-align:left}.body-header-highscore-container>.highscore:last-child{border-right:none}.body-header-highscore-container>.highscore-flashcards{display:flex;flex-direction:row;align-items:center}.body-header-highscore-container .tooltip-container{margin-right:10px;display:flex;flex-direction:row;align-items:center}.body-header-highscore-container .tooltip-container:hover .tooltip{right:auto;left:80%}.movepair-container{height:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:7px 10px;margin:0 -15px}.movepair-container.movepair-shadow{background-color:#20202780}.move-number{font-size:.9rem;font-weight:bolder;margin-right:20px;min-width:15px}.move-btn{font-weight:bolder;font-size:.9rem;min-width:30px;margin-right:30px;border:none;background-color:transparent;color:#fff}.move-btn:focus{outline:none}.move-btn:hover{color:var(--lightGreen)}.move-highlight{color:var(--green);font-size:.9rem}.flashcard-wrapper{height:auto;min-height:90px;max-height:180px;overflow-y:hidden;width:100%;padding:15px;margin:15px 0;background-color:var(--darkGrey);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;overflow:hidden;border-bottom:1px solid black;box-shadow:3px 3px 3px #000000bf}.folder-wrapper{height:70px;width:100%;padding:15px;margin:15px 0;background-color:var(--darkGrey);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;overflow:hidden;border-bottom:1px solid black;box-shadow:3px 3px 3px #000000bf}.folder-title{color:#fff;font-size:14px;font-weight:bolder;text-align:left}.flashcard-wrapper:hover,.folder-wrapper:hover{background-color:var(--hoverHighlightDarkGrey)}.flashcard-title{color:#fff;font-size:12px;font-weight:bolder;text-align:left}.flashcard-wrapper p{font-size:12px;color:gray;text-align:left}div.flashcard-highlight{border:1px solid var(--darkGreen);box-shadow:none}.flashcard-body{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.flashcard-wrapper button:focus{outline:none}.flashcard-button-container{height:32px;width:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;border-radius:5px;margin-left:5px}.flashcard-body svg{font-weight:bolder}.edit-flashcard-button{background-color:var(--eigen);border:var(--border);color:#fff;padding:5px;border-radius:5px;height:32px}.edit-flashcard-button:hover{background-color:var(--hoverHighlightDarkGrey);color:gray}.folders-buttons-container{display:flex;flex-direction:row}.edit-flashcard-name-form{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:auto;width:60%;position:relative}form.edit-flashcard-name-form input{font-size:12px;width:100%;height:32px;margin:0}form.edit-flashcard-name-form>label{font-size:14px;font-weight:bolder;width:100%}.edit-flashcard-name-form>button{height:32px;width:auto;background-color:var(--eigen);border:var(--border);color:#fff;padding:5px;border-top-left-radius:0;border-left:none;position:absolute;right:0;bottom:0}button.edit-flashcard-btn{background-color:var(--green);border-top-right-radius:5px;border-bottom-right-radius:5px;border:1px solid var(--green)}.delete-flashcard-btn{border:1px solid transparent;color:#000;padding:5px;border-left:none;border-radius:5px}.delete-flashcard-btn>svg{font-weight:bolder}.shimmer{--baseColor: rgb(17, 17, 23);--shimmerDark: rgb(30, 30, 40);--shimmerLight: rgb(35, 35, 40);background:linear-gradient(90deg,var(--baseColor) 0%,var(--shimmerDark) 40%,var(--shimmerLight) 50%,var(--shimmerDark) 60%,var(--baseColor) 100%);background-size:200% 100%;animation:shimmer 1.8s infinite linear;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loader-animation-container{width:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:50px;left:0}.loader-animation-container>svg{animation:loader 1s infinite linear;font-size:64px}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-openings-modal-container{width:100%;border-radius:5px;margin:15px 0;padding:10px;background-color:var(--eigen)}.flashcard-to-add-container input[type=checkbox]:disabled{background-color:green}.close-add-openings-modal-btn{border:none;background-color:transparent;position:sticky;top:0}.add-openings-modal-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}button.close-add-openings-modal-btn svg:hover{color:#ff00004d}.close-add-openings-modal-btn svg{color:var(--red);font-size:16px}.add-openings-modal-header h4{text-align:center;width:100%}.flashcard-to-add-container{height:auto;width:100%;padding:10px 10px 10px 0;margin:10px 0;border-bottom:var(--border);display:flex;flex-direction:row;align-items:center}.flashcard-to-add-left{flex-grow:1;margin-left:10px}.fta-title{font-size:14px;font-weight:bolder}.flashcard-to-add-left div.fta-title-selected.fta-title{color:var(--green)}.fta-moves{font-size:12px;color:gray}.flashcard-to-add-right{width:auto;height:100%}.play-btn{padding:.2rem;background-color:var(--darkGray);color:#fff;border:var(--border);border-radius:5px;font-size:14px;font-weight:bolder;padding:.5rem}.play-btn:hover{background-color:var(--hoverHighlightLight)}.add-openings-btn{width:100%;background-color:var(--green);padding:10px;font-weight:bolder;font-size:14px;border:1px solid var(--lightGreen);border-radius:5px;color:#fff;position:sticky;bottom:0;left:0}.add-openings-btn:hover{background-color:#51705880;color:#fff;border:1px solid var(--green)}.delete-openings-btn{width:100%;padding:10px;font-weight:bolder;font-size:14px;border-radius:5px;color:#fff;position:sticky;bottom:0;left:0}.no-openings-to-add{width:75%;text-align:center;margin:50px 0;color:gray}.add-folder-wrapper{height:50px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:15px;margin:15px 0;background-color:var(--darkGrey);border-radius:5px;color:#fff;overflow:hidden;border:none;border-bottom:1px solid black;box-shadow:3px 3px 3px #000000bf}.add-folder-wrapper:hover{background-color:var(--hoverHighlightDarkGrey);transform:scale(1.02)}.add-folder-wrapper>h4{width:auto;margin-left:5px;font-size:14px}.add-folder-sign-in-msg{padding:6px 10px;background-color:var(--eigen);color:#fff;font-weight:bolder;margin-top:6px;border:var(--border);border-radius:5px}.add-folder-sign-in-msg:hover{background-color:var(--hoverHighlightDarkGrey)}.add-folder-input-wrapper{height:auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px;margin:15px 0;background-color:var(--darkGrey);border-radius:5px;color:#fff;overflow:hidden;border:none;border-bottom:1px solid black;box-shadow:3px 3px 3px #000000bf}.add-folder-input-container{width:60%}.add-folder-input-field{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px}.add-folder-input-field input{height:30px;width:100%;margin-top:5px;padding:.2rem .5rem;font-size:.9rem;letter-spacing:.2ch;border:var(--border);border-radius:5px;background-color:var(--darkGrey);color:var(--lightGrey);box-shadow:var(--defaultShadow)}.add-folder-input-field input:focus{border:1px solid var(--lightGrey)}.add-folder-buttons{width:100%;margin-top:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.add-folder-buttons button{flex:1;border:var(--border);background-color:var(--eigen);border-radius:5px;color:#fff;font-size:12x;font-weight:bolder;padding:5px;height:32px}button.cancel-create-folder{background-color:var(--eigen)}.add-folder-buttons button:hover{background-color:var(--hoverHighlightEigen);border:1px solid var(--eigen)}.add-folder-input-wrapper>div{font-weight:bolder;font-size:14px}.add-folder-buttons button.create-folder:hover{background-color:var(--hoverHighlightGreen);border:1px solid var(--green)}.add-folder-buttons button.create-folder{background-color:var(--green);margin:0}.add-folder-input-field label{font-family:inherit;font-weight:bolder}.toolbar-header{display:flex;flex-direction:column}.toolbar-title{border-bottom:var(--border);padding:10px 5px 5px 10px;font-size:1.2rem;background-color:var(--darkGrey);border-top-left-radius:5px;border-top-right-radius:5px}.toolbar-description{height:var(--toolbarTitleHeight);width:100%;font-size:14px;font-weight:bolder;padding:10px;border-top:var(--border);border-bottom:var(--border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.toolbar-description>button{padding:.5rem;width:auto;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:bolder;color:var(--green);background-color:transparent;border:none;transition:1 all ease-in-out}.toolbar-description>.add-opening-btn:hover{transform:scale(1.1);color:var(--lightGreen)}.is-added-btn{position:relative}.search-container{width:100%;height:var(--toolbarTopHeaderHeight);display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:15px 10px}.search-container>input{margin-right:10px;flex-grow:1;border-radius:5px;min-width:100px}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.search-btns{background-color:var(--darkGreen);border-radius:5px;box-shadow:var(--defaultShadow);height:100%;display:flex;flex-direction:row;align-items:center;min-width:100px}.search-btns>button,.search-select>select{background-color:transparent;border:none;padding:.5rem;font-size:1rem;color:#fff;font-weight:bolder;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.search-container button{padding:.5rem .8rem;border-left:1px solid var(--green);flex-grow:1;border-top-right-radius:5px;border-bottom-right-radius:5px}.search-select{height:100%;width:auto;position:relative;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:0;margin-right:0}.search-select select{padding:8px 27px 8px 8px;border-top-left-radius:5px;border-bottom-left-radius:5px}.search-select svg{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff}.search-select select:focus{outline:none}.search-container button:hover,.search-container select:hover{background-color:var(--hoverHighlightGreen);color:#fff}.back-to-view-moves{background-color:transparent;border:none}.back-to-view-moves:focus{outline:none}.back-to-view-moves>svg{font-size:20px;color:#fff}.back-to-view-moves>svg:hover{color:gray}.empty-query-message{text-align:center;line-height:2rem;font-size:1.3rem;height:auto;width:60%;margin:auto}.selectcolor-container{width:100%;height:var(--toolbarTopHeaderHeight);min-height:var(--toolbarTopHeaderHeight);padding:10px 0;display:flex;flex-direction:row;justify-content:center;align-items:center}.selectcolor-container .begin-test{background-color:var(--green);margin:0 auto 0 0}.selectcolor-container>*{margin:0 5px}.selectcolor-container>div:first-child{margin-left:15px}.selectcolor-container>div:last-child,.selectcolor-container>button:last-child{margin-right:15px}.selectcolor-container select,.selectcolor-container button,.freestyle-container button{border:var(--border);background-color:var(--darkGrey);border-radius:5px;color:#fff;font-size:14px;font-weight:bolder;padding:7px}.select-element{margin-right:8px;height:100%;width:auto;position:relative;display:flex;flex-direction:row}.select-element>select{height:100%;border:none;background-color:transparent;padding:6px 28px 6px 6px;font-size:14px;font-weight:500;border:var(--border);background-color:var(--darkGrey);color:#fff;border-radius:5px}.select-element>svg{font-size:12px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.selectcolor-container button:hover,.selectcolor-container select:hover{background-color:var(--hoverHighlightDarkGrey)}.selectcolor-container select:focus{outline:none}.selectcolor-container button.begin-test:hover{color:#fff;border:1px solid var(--green);background-color:var(--hoverHighlightGreen)}.selectcolor-element.shuffle-button{display:flex;justify-content:center;align-items:center}.selectcolor-element.shuffle-button>svg{font-size:14px}.score-container{width:auto;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.score-container label:first-child{margin-right:25px}.score-container label,.selectcolor-element label{font-size:14px;font-weight:bolder}.selectcolor-element svg{font-size:12px}.timer-container{font-weight:bolder;font-size:20px}button.exit-test{background-color:var(--red);border:1px solid var(--lightRed)}button.exit-test.red-btn:hover{background-color:#ff00004d;border:1px solid var(--red)}.skip-btn{margin-left:auto}.small-modal-wrapper{position:absolute;top:0;right:0;z-index:150;height:100%;width:100%}.small-modal-container{position:absolute;right:0;top:0;padding:0 10px;width:100%;height:100%;background-color:#000;flex-wrap:nowrap;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.small-modal-message{font-size:14px;flex-grow:1}.small-modal-buttons{font-size:1rem;display:flex;flex-direction:row;align-items:center;width:auto}.small-modal-buttons>button{padding:5px;font-size:14px;border-radius:3px;width:auto;display:flex;flex-direction:center;align-items:center;color:#fff}.small-modal-sign-in{margin-right:6px}.small-modal-buttons>.small-modal-cancel{border:var(--border);background-color:var(--eigen)}.small-modal-buttons>button:hover{opacity:.8}.more-wrapper{padding:50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.more-blob{width:clamp(360px,70%,1080px);height:auto;padding:1.7rem;border-radius:10px;background-color:var(--eigen);color:#fff}.more-blob>h1{font-size:24px;text-align:center;margin-bottom:10px}.more-blob h2{font-size:20px;text-align:left;margin-bottom:.5rem}.more-blob>h2{text-align:left}.more-blob p{font-size:14px;line-height:1.7rem;color:gray;text-align:left}.more-blob{margin-bottom:2rem}.tutorial-container{width:100%;height:auto}.tutorial-container>article{margin-bottom:30px}article>h3{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:20px;border-bottom:var(--border);margin-bottom:8px}article>h3>svg{margin-right:10px;font-size:18px}.trie-header>svg{font-size:18px}.tutorial-container p{text-align:left;column-count:2;column-gap:50px;font-size:14px;column-fill:balance}article li{margin-left:15px;color:#fff}.credits{font-size:1rem}@media (max-width: 425px){.more-blob h1{margin-bottom:20px}div.more-wrapper.page{padding:20px}div.more-blob{padding:0;background-color:transparent}article>h3{margin-bottom:15px}.more-blob>p{font-size:13px;line-height:1.5rem}.more-blob>h2{font-size:20px}.more-blob>h3{font-size:16px}}.login-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;height:100vh;position:relative}.login-container h2{text-align:center;margin-bottom:1.5rem;padding-bottom:5px;font-size:1.5rem;border-bottom:var(--border)}.login-container{width:clamp(400px,30%,1080px);height:auto;padding:25px;background-color:var(--eigen);color:#fff;border-radius:10px;position:absolute;top:50%;transform:translateY(-60%)}.login-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.login-info input{width:100%;margin:.5rem 0;padding:.5rem}.login-info .login-button{width:100%;padding:13px 10px;margin-top:10px;font-size:1rem;font-weight:bolder;border-radius:10px;border:none;background-color:var(--green);color:#fff;border:1px solid transparent}.login-info .login-button:hover{border:1px solid var(--lightGreen);background-color:var(--darkGreen)}.or{margin:20px}.sign-up-link,.or{text-align:center;text-decoration:none}.sign-up-link>a{color:#fff;font-size:1rem}.sign-up-link>a:hover{color:#ffffff80}.profile-wrapper{padding:20px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.profile-wrapper>h1{width:clamp(360px,50%,1080px);align-content:left;margin-top:1rem;color:#fff;margin-bottom:.5rem}.profile-blob{background-color:var(--eigen);height:auto;width:clamp(360px,50%,1080px);padding:2rem;border-radius:var(--defaultRadius);box-shadow:var(--defaultShadow);color:#fff;margin-bottom:2rem}.profile-header{width:100%;height:auto;padding-bottom:.5rem;border-bottom:.1rem solid white;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.profile-blobcontent>button{height:auto;width:auto;padding:.5rem;margin:0 1rem;color:#fff;border-radius:var(--btnRadius);font-size:1rem}.profile-header>button:hover{background-color:#ff000080}.profile-blobcontent>h2{margin:1rem 0}.profile-field{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:.5rem 0}.email{font-size:1rem!important;display:flex;flex:row;align-items:flex-end}.profile-field input::placeholder{color:#303030}.profile-field>div{width:40%;font-size:1rem}.profile-field>.stat{margin-left:3rem;overflow-x:hidden}.profile-field>input{font-size:1rem;height:100%}.profile-field>button{font-size:16px;padding:.2rem .5rem;color:#fff;border:1px solid transparent;border-radius:5px;margin-left:10px;height:100%}.profile-field>input:focus{outline:none}.profile-red-btns{display:flex;flex-direction:row;justify-content:center;align-items:center}.profile-red-btns>button{font-size:16px}.confirm-delete{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.confirm-delete>input{align-self:stretch;margin-bottom:15px;padding:.5rem;font-size:1rem}.confirm-delete>p{text-align:center;padding-top:1rem}.confirm-delete-btn{background-color:var(--red)}.confirm-delete-btn:hover{background-color:#f003}.modal-wrapper{position:fixed;top:0;left:0;z-index:100;height:100vh;width:100vw;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{position:absolute;top:50%;left:50%;z-index:101;transform:translate(-50%,-50%);background-color:var(--eigen);height:auto;width:300px;padding:50px;color:#fff;border-radius:6px;border:var(--border)}.modal-container a{color:#fff}.modal-container p{text-align:center}.modal-header{text-align:center;margin-bottom:40px}.modal-buttons{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal-buttons>button{flex-grow:1;padding:.5rem;border-radius:var(--btnRadius);font-size:1rem;font-weight:bolder;color:#fff}button.confirm{background-color:#ff000080;margin-right:5px}button.confirm:hover{background-color:#ff00004d}div>button.cancel{background-color:var(--darkGrey);border:var(--border);margin-left:5px}button.cancel:hover{background-color:var(--hoverHighlightDarkGrey);border:1px solid gray}@media (max-width: 425px){section div.profile-field{margin:15px 0}div.profile-field div.stat{margin-left:auto;text-align:right}.profile-field.profile-setting{flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:15px}.profile-field.profile-setting>input,.profile-field.profile-setting>p.email{margin-top:5px}.profile-field.profile-setting>input{max-width:60%}.profile-field.profile-setting>button{margin-left:0;padding:5px;margin-top:5px}.profile-field.profile-setting:last-child{margin-bottom:0}}