:root{--brand-100: hsl(147, 49%, 90%);--brand-200: hsl(147, 69%, 80%);--brand-300: hsl(147, 73%, 70%);--brand-400: hsl(147, 78%, 56%);--brand-500: hsl(147, 82%, 49%);--brand-600: hsl(147, 85%, 40%);--brand-700: hsl(147, 88%, 31%);--brand-800: hsl(147, 93%, 22%);--brand-900: hsl(147, 100%, 15%);--confirm-100: hsl(120, 81%, 90%);--confirm-200: hsl(120, 77%, 79%);--confirm-300: hsl(120, 84%, 73%);--confirm-400: hsl(120, 83%, 64%);--confirm-500: hsl(120, 81%, 55%);--confirm-600: hsl(120, 79%, 40%);--confirm-700: hsl(120, 85%, 32%);--confirm-800: hsl(120, 87%, 21%);--confirm-900: hsl(120, 90%, 13%);--warn-100: hsl(60, 49%, 90%);--warn-200: hsl(60, 65%, 81%);--warn-300: hsl(60, 75%, 75%);--warn-400: hsl(60, 79%, 66%);--warn-500: hsl(60, 81%, 55%);--warn-600: hsl(60, 79%, 41%);--warn-700: hsl(60, 86%, 30%);--warn-800: hsl(60, 86%, 21%);--warn-900: hsl(60, 90%, 13%);--error-100: hsl(0, 49%, 90%);--error-200: hsl(0, 69%, 80%);--error-300: hsl(0, 76%, 70%);--error-400: hsl(0, 81%, 61%);--error-500: hsl(0, 84%, 52%);--error-600: hsl(0, 83%, 41%);--error-700: hsl(0, 86%, 31%);--error-800: hsl(0, 91%, 22%);--error-900: hsl(0, 92%, 14%);--info-100: hsl(251, 33%, 93%);--info-200: hsl(251, 64%, 80%);--info-300: hsl(251, 73%, 71%);--info-400: hsl(251, 76%, 63%);--info-500: hsl(251, 78%, 55%);--info-600: hsl(251, 76%, 44%);--info-700: hsl(251, 81%, 31%);--info-800: hsl(251, 86%, 20%);--info-900: hsl(251, 90%, 9%);--grey-100: hsl(10, 3%, 92%);--grey-200: hsl(10, 3%, 72%);--grey-300: hsl(10, 3%, 53%);--grey-400: hsl(10, 3%, 42%);--grey-500: hsl(10, 3%, 33%);--grey-600: hsl(10, 3%, 26%);--grey-700: hsl(10, 3%, 20%);--grey-800: hsl(10, 3%, 13%);--grey-900: hsl(10, 3%, 8%)}input,textarea{background-color:var(--grey-700);color:var(--grey-100);border:1px solid var(--brand-100);border-radius:4px}select,button{background-color:var(--grey-700);color:var(--grey-100);border:1px solid var(--brand-100);border-radius:4px;cursor:pointer}button:hover{background-color:var(--grey-600)}*{box-sizing:border-box;margin:0}body{min-height:100vh;--navbar-height: 7vh;background-color:var(--grey-900);--panel-color: var(--grey-900);--border-color: var(--grey-800);--panel-header-color: var(--brand-700);--panel-header-text-color: var(--grey-100);--text-color: var(--grey-100);scrollbar-color:var(--brand-700) var(--border-color);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.PanelHeader{width:100%;background-color:var(--panel-header-color);color:var(--panel-header-text-color);border-radius:3px;text-align:center;font-weight:700;font-size:1.2rem;-webkit-user-select:none;user-select:none;cursor:default;position:sticky;top:0;z-index:5}.Panel{background-color:var(--panel-color);border-block-end:3px solid var(--border-color);padding:2px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;color:var(--text-color)}.PanelColumn{display:flex;flex-direction:column;width:20vw;height:93vh;color:var(--text-color);border:3px solid var(--border-color)}.newButton{justify-content:center;align-self:end;width:30px;height:30px}.CustomButton{background-color:var(--brand-600);border:1px solid var(--brand-900);border-radius:4px;cursor:pointer;color:var(--brand-900);font-weight:700;font-size:1rem;text-align:center;display:flex;align-items:center;justify-content:center}.CustomButton:hover,.CustomButtonHovered{background-color:var(--brand-500)}a,.green{text-decoration:none;transition:.4s;padding:3px}.ConfirmationBox{display:flex;flex-direction:column;position:fixed;justify-self:center;left:50%;top:50%;width:300px;transform:translate(-50%,-50%);padding:10px;border-radius:5px;z-index:151;background-color:var(--error-200);color:var(--grey-800);font-weight:600;text-align:center}.ConfirmationButtonRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}#confirmationBoxBackdrop{position:fixed;width:100vw;height:100vh;background:#000000b3;z-index:150}.Settings{width:min(700px,calc(100vw - 15px));height:min(400px,calc(93vh - 10px));background-color:var(--grey-800);border:4px solid var(--grey-900);border-radius:10px;z-index:100;color:var(--text-color);padding:4px;overflow:hidden}#SettingsScrollContainer{overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column;gap:10px}.Subsettings{border-bottom:2px solid var(--text-color)}.Navbar{position:fixed;width:100%;height:var(--navbar-height);background-color:var(--brand-700);z-index:20}.HomeButton{position:fixed;top:3px}.SettingsButton{position:fixed;cursor:pointer;top:3px;height:6vh;right:0}#settingsBackdrop{position:fixed;top:var(--navbar-height);left:0;width:100vw;height:93vh;background:#000000b3;z-index:99}#settings{position:absolute;top:var(--navbar-height);right:0vw}.home-button{--home-button-size: 150px;display:flex;flex-direction:column}.home-button:hover .description{margin-top:calc(-.3 * var(--home-button-size))}.button{width:var(--home-button-size);height:var(--home-button-size);display:flex;flex-direction:column;align-items:center;justify-content:start;font-size:40px;line-height:1.1;background-color:var(--brand-600);color:var(--brand-900);border-radius:10px;z-index:5}.button img{height:calc(.7 * var(--home-button-size));aspect-ratio:auto;display:flex}.description{background-color:var(--brand-500);color:var(--grey-800);border-radius:10px;width:var(--home-button-size);min-height:var(--home-button-size);align-items:center;justify-content:start;display:flex;flex-direction:column;font-size:20px;text-align:center;padding:50px 10px 10px;line-height:1.1;margin-top:calc(-1 * var(--home-button-size));transition:margin-top .1s ease}.title{display:flex;flex-direction:column;align-items:center;justify-content:end;height:33vh;font-size:clamp(0px,20vw,20vh);color:var(--grey-100)}.row{display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden;align-items:start;gap:15px}.ListItem{background-color:var(--grey-600);border:1px solid var(--panel-color);border-radius:5px;cursor:pointer;display:flex;justify-content:center;text-align:center;text-overflow:ellipsis;word-break:break-all;overflow:hidden;white-space:nowrap}.ListItem:hover{background-color:var(--grey-500)}.ListItemSelected{background-color:var(--grey-100);color:var(--grey-900);font-weight:700}.ListItemSelected:hover{background-color:var(--grey-100)}.SheetEditingRow{display:flex;flex-direction:row;justify-content:center;padding:2px;gap:5px;width:100%}.SheetGridContainer{--sheet-cell-height: 2rem;--sheet-cell-width: 100px;border:3px solid var(--border-color);background-color:var(--panel-color);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"corner top" "left grid";overflow:hidden}.SheetGrid{grid-area:grid;display:grid;grid-template-rows:repeat(24,var(--sheet-cell-height));grid-template-columns:repeat(24,var(--sheet-cell-width));height:100%;overflow:auto}.SheetGridCorner{grid-area:corner;background-color:var(--brand-800);width:var(--sheet-cell-height);border-inline-end:2px solid var(--border-color)}.SheetGridTopRow{display:flex;flex-direction:row;grid-area:top;overflow-x:auto;scrollbar-width:none}.SheetGridTopRow .SheetGridCell{background-color:var(--brand-700);min-width:var(--sheet-cell-width);display:flex;justify-content:center;align-items:center}.SheetGridLeftColumn{grid-area:left;overflow-y:auto;scrollbar-width:none}.SheetGridLeftColumn:after{content:"";display:block;height:50px}.SheetGridLeftColumn .SheetGridCell{background-color:var(--brand-700);height:var(--sheet-cell-height);width:var(--sheet-cell-height);display:flex;justify-content:center;align-items:center;border-inline-end:2px solid var(--border-color)}.SheetGridCell{padding:0 4px;border:1px solid var(--border-color);overflow:hidden;text-overflow:ellipsis;color:var(--text-color);white-space:nowrap;background-color:transparent;font-size:14px;word-break:break-word;height:var(--sheet-cell-height);line-height:var(--sheet-cell-height);width:var(--sheet-cell-width);cursor:pointer}.SheetGridCellHoverable:hover{background-color:var(--grey-700)}.SheetGridCellEmpty{background-color:var(--brand-800);cursor:default}.SheetGridCellGreyed{background-color:var(--border-color)}.SheetGridCellHightlighted{border:3px solid var(--grey-100)}.editCurCellKey{font-size:2rem;text-align:center;width:min(100%,4ch);text-transform:uppercase}.CardsView{display:flex;flex-direction:column;align-items:center;text-align:center;text-justify:distribute;font-size:1.5rem;gap:10px}.CardsMenuGrid{justify-content:center;width:80vw;display:grid;column-gap:5px;row-gap:5px;color:var(--text-color);grid-template-columns:1.5fr 1fr .25fr .7fr .7fr .7fr .5fr}.RowGap{height:2px;width:110%;background-color:var(--border-color)}.cardSelectButton{background-color:var(--brand-700);color:var(--brand-900);font-size:1rem;width:110px;border-radius:5px;cursor:pointer}.cardSelectButton:hover{background-color:var(--brand-500)}.Card{width:40vw;aspect-ratio:1.5;background-color:var(--brand-700);border:5px solid var(--grey-100);border-radius:20px;display:flex;position:relative;color:var(--grey-100);font-size:1.5rem;cursor:pointer}.FlippedCard{background-color:var(--brand-800);border:5px solid var(--grey-200)}.AnimatedCardFlipForward{animation:animatedCardFlipForward .05s forwards}@keyframes animatedCardFlipForward{0%{transform:scale(1)}to{transform:scaleY(0)}}.AnimatedCardFlipBackward{animation:animatedCardFlipBackward .05s forwards}@keyframes animatedCardFlipBackward{0%{transform:scaleY(0)}to{transform:scale(1)}}.RightAnimatedCard{animation:rightAnimatedFlashcardMove .1s ease-in forwards}.LeftAnimatedCard{animation:leftAnimatedFlashcardMove .1s ease-in forwards}@keyframes rightAnimatedFlashcardMove{0%{transform:translate(0)}to{transform:translate(200vw)}}@keyframes leftAnimatedFlashcardMove{0%{transform:translate(0)}to{transform:translate(-200vw)}}.CardTypeText{position:absolute;top:0;left:10px}.BadButton{background-color:var(--error-200);border-radius:10px;align-self:center;justify-self:end;width:10vw;cursor:pointer}.BadButton:hover{background-color:var(--error-300)}.GoodButton{background-color:var(--confirm-200);border-radius:10px;align-self:center;justify-self:start;width:10vw;cursor:pointer}.GoodButton:hover{background-color:var(--confirm-300)}.FlashcardText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-content:center;width:100%;height:100%;font-size:2rem}.PracticeView{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:10px;gap:10px;padding:5px}.PracticeSheetName{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;background-color:var(--brand-700);font-size:2rem;color:var(--grey-100);border-radius:10px;font-size:min(3rem,5vw);word-break:break-all}.RemainingPanel{display:grid;grid-template-columns:1fr auto 1fr;gap:2px;color:var(--text-color);background-color:var(--brand-800);border:3px solid var(--grey-100);border-radius:10px;text-align:center;font-size:2vw}.MemoHeader{display:grid;grid-template-columns:repeat(5,auto);gap:100px;width:100%;font-size:1.5rem;justify-self:center;margin-top:10px}#MemoSelect{justify-self:start;align-items:center;height:10vh;min-width:100vw;display:flex;flex-direction:row;gap:10px;padding-inline:20px;border:2px solid var(--brand-700)}.MemoViewHeader{display:flex;flex-direction:row;gap:10px;justify-content:center;font-size:2rem}.MemoSelectLine{border-block-end:5px solid var(--grey-400);border-radius:5px;max-width:100px;min-width:100px}.hi{animation:hiAnimation 5s linear infinite}@keyframes hiAnimation{0%{transform:translate(0)}to{transform:translate(150vw)}}.DistractAnimation{animation:distractionAnimationMove 1.5s ease-in-out infinite}@keyframes distractionAnimationMove{0%{transform:translate(-50%,50%) rotate(20deg) rotateY(20deg)}50%{transform:translate(-50%,50%) rotate(-20deg) rotateY(-20deg)}to{transform:translate(-50%,50%) rotate(20deg) rotateY(20deg)}}.MemoView{color:var(--text-color)}.MemoViewContainer{display:flex;flex-direction:column;justify-self:center;padding-top:15vh;gap:20px;font-size:2rem}.NextButton{height:50px;width:75px;position:fixed;right:0;bottom:0;transform:translate(-100%,-100%)}.MemoPair{border:4px solid var(--brand-900);border-radius:5px;background-color:var(--brand-700);width:2.7rem;height:2.7rem;justify-content:center;text-align:center;font-size:1.2rem}#ExecSelect{justify-self:center;align-items:center;height:10vh;padding-inline:1.5vw;width:100vw;display:grid;grid-template-columns:.2fr 1fr .2fr 1fr .2fr 1fr .2fr 1fr .2fr;gap:10px;border:2px solid var(--brand-700)}.ExecSelectLine{border-block-end:5px solid var(--grey-400);border-radius:5px}.StopwatchContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80%;-webkit-user-select:none;user-select:none}.ScrambleText{position:absolute;transform:translate(-50%);width:100%;text-align:center;left:50%;font-size:2rem;color:var(--grey-100)}.StageText{width:100%;text-align:center;position:absolute;left:50%;transform:translate(-50%);font-size:6rem;font-weight:700;color:var(--grey-100)}.StopwatchText{width:100%;text-align:center;font-size:7rem;font-weight:700;white-space:nowrap;overflow:hidden;color:var(--grey-100);position:absolute}.StopwatchStartYellow{color:var(--warn-300)}.StopwatchStartSpaceDown{color:var(--brand-300)}.StopwatchEndSpaceDown{color:var(--error-300)}.RatioText{width:100%;font-size:1.5rem;text-align:center;color:var(--grey-100);position:absolute;transform:translateY(5rem)}#execColumn{display:flex;flex-direction:column;color:var(--grey-300);text-align:center;font-size:1.2rem;height:100%;padding-inline:10%}.SessionEditingRow{display:flex;flex-direction:row;justify-content:center;padding:2px;gap:5px;width:100%}.SessionDetailsGrid{width:100%;display:grid;grid-template-columns:auto 2fr 2fr;text-align:center}.SessionDetail{font-size:.75rem;border-inline-start:1px solid var(--border-color);border-inline-end:1px solid var(--border-color);border-block-start:1px solid var(--border-color);border-block-end:1px solid var(--border-color)}.SolveDetails{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;overflow-x:hidden;overflow-y:auto}.scroller{height:100%;overflow-x:hidden}.StatusRow{display:grid;grid-template-columns:repeat(3,70px);text-align:center;color:var(--grey-100)}.StatusButton{background-color:var(--grey-600);border:1px solid var(--panel-color);border-radius:5px;color:var(--grey-100);cursor:pointer}#timerStatusOverlay{position:absolute;top:40%;left:50%;transform:translate(-50%,calc(-50% + 7.5rem))}.FaceletCubeVis{aspect-ratio:4/3;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.FaceletCubeVisSide{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#000;border:1px solid black;border-radius:3px;aspect-ratio:1}.FaceletVisFacelet{border-radius:5%;margin:2px}.ReconSelect{display:grid;grid-template-columns:35% 30% 35%;grid-template-rows:calc(min(3.5rem,5vw) + 15px) 1fr;color:var(--grey-100)}#reconPreviewBody{width:90%;border-inline:3px solid var(--grey-100);border-block:3px solid var(--grey-100);border-radius:5px;transform:translate(5%);padding-inline:10px}#reconPreview{text-wrap:pretty;word-break:break-word;transform:translateY(-5px)}#COLUMN2{display:flex;flex-direction:column;align-items:center;gap:5px}#newReconRow{width:100%;display:flex;gap:5px}.reconButton{width:500px;font-size:2rem;border-radius:10px;cursor:pointer;background-color:var(--grey-600)}.reconButton:hover{background-color:var(--grey-500)}#ReconEditContainer{display:grid;grid-template-columns:50% 50%;gap:10px;width:90%;transform:translate(5%,20px)}#reconBodyInput{field-sizing:content;resize:none;font-size:1.2rem;min-height:50vh}#reconNameInput{font-size:3rem}.newBufferOption{border:2px solid var(--grey-200);text-align:center;border-radius:4px;background-color:var(--grey-600);cursor:pointer;width:2ch;color:var(--grey-100);font-size:1.5rem}.newBufferOption:hover{background-color:var(--grey-500)}#ReconCreateNotationLayout{display:grid;grid-template-columns:35% 30% 35%;width:100%;height:80vh}.ReconNotationInput{width:100%;font-size:1.5rem}#scrambleText{font-size:3rem;color:var(--grey-100);border-block-end:4px solid var(--grey-100)}.ReconHeader{color:var(--grey-100);font-size:2rem;display:flex;flex-direction:row}.not-found[data-v-4b2d07bc]{display:flex;justify-content:center;align-items:center;flex-direction:column;height:75vh;padding:2rem;color:var(--grey-100)}