body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bodyNoScroll{height:100%;overflow:hidden}*,:after,:before{box-sizing:border-box}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}body{margin:0}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container .photoContainer{display:flex;flex-direction:row}.container .photoContainer .photo img{max-height:35vh}.container .photoContainer .photo p{font-weight:700;text-align:center}img{max-width:100%;width:auto}.main-image{background-position:top;background-repeat:no-repeat;background-size:contain;grid-area:image;height:100%;width:100%}.sidebar,.sidebar-item{display:flex;flex-direction:row}.sidebar-item{border:none;cursor:pointer}.sidebar-item:focus,.sidebar-item:hover{background-color:#b885ff}.sidebar-item.active{background-color:#a666ff}.sidebar-item:after{bottom:0;content:"";height:1px;left:10%;position:absolute;width:80%}.sidebar-item:last-child:after{display:none}.slider,.sliderLocked{-webkit-appearance:none;background:transparent;cursor:pointer;width:200%}.sliderLocked{opacity:.35}.slider::-webkit-slider-runnable-track,.sliderLocked::-webkit-slider-runnable-track{background:#b7b7b7;border-radius:5px;height:.5rem}.slider::-webkit-slider-thumb{background-color:#f86969}.slider::-webkit-slider-thumb,.sliderLocked::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:.5rem;height:1rem;margin-top:-4px;width:1rem}.sliderLocked::-webkit-slider-thumb{background-color:#848484}.slidersContainer{flex-direction:column;gap:0;margin-bottom:10px;margin-top:5px}.slidersContainer,.slidersContainer .sliderContainer{align-items:center;display:flex;justify-content:center}.slidersContainer .sliderContainer{flex-direction:row;gap:10px;height:30px;width:400px}.slidersContainer .sliderContainer p{color:#000;font-weight:400;width:305px}.slidersContainer .sliderContainerLocked{opacity:.5}.slidersContainer .sliderContainerLocked input{cursor:not-allowed}button{background-color:#363636;border:none;border-radius:5px;color:#fff;cursor:pointer;height:30px;width:100px}button:hover{background-color:#70737a}.actionButtons{display:flex;flex-direction:row;gap:8px}.actionButtons .resetButton{background-color:#fff;border:2px solid #363636;color:#363636;transition:background-color .7s,color .7s}.actionButtons .resetButton:hover{background-color:#e27272;color:#fff}.modal-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.comparisonContainer{padding-top:10px;width:55%}.headerText{font-size:larger;font-weight:700}.avatar{border-radius:50%;height:55px;object-fit:cover;width:55px}.columnFlex{display:flex;flex-direction:column}.rowFlex{display:flex;flex-direction:row}.whiteButton{background-color:#fff;border:2px solid #363636;color:#000}.redButton,.whiteButton:hover{background-color:#e27272;color:#fff}.redButton:hover{background-color:#fff;color:#000}.BlackButton:hover{background-color:#70737a}.hoverPointer{cursor:pointer}.homeContainer{position:relative;z-index:2}.homeContainer,.homeContainer .mainMenu{align-items:center;display:flex;flex-direction:column;justify-content:center}.homeContainer .mainMenu{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;height:120vh;text-align:center;width:100vw}.homeContainer .mainMenu .homeVideo{background-color:#000;width:100vw}.homeContainer .mainMenu #Logo{height:300px;margin-bottom:70px;margin-right:0;margin-top:55px;opacity:100%}.homeContainer .mainMenu .buttonContainer{display:flex;flex-direction:column;gap:15px}.homeContainer .mainMenu .buttonContainer #Daily{background-color:#e27272;color:#fff;cursor:pointer;font-size:18px;font-weight:700;justify-content:center;padding:20px 40px 40px;transition-duration:.4s;transition:all .3s ease;vertical-align:middle;width:150px}.homeContainer .mainMenu .buttonContainer #Daily:hover{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#e27272;font-weight:700;justify-content:center;text-shadow:0 1px 2px rgba(231,76,60,.5);-webkit-transform:scale(1.075);transform:scale(1.075)}.homeContainer .mainMenu .buttonContainer #Scroll{background-color:transparent;color:#fff;cursor:pointer;font-size:14px;font-weight:700;justify-content:center;margin-top:15px;vertical-align:middle;width:150px}.homeContainer .tutorialText{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.75);box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;padding:50px 0;position:relative;text-align:left;width:100vw}.homeContainer .tutorialText .contentContainer{margin:0 auto;max-width:680px;padding:0 20px}.homeContainer .tutorialText .contentContainer .tutorialHeader{color:#000;flex-shrink:0;font-size:40px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:30px;margin-top:50px}.homeContainer .tutorialText .contentContainer .tutorialHeader2{color:#e27272;flex-shrink:0;font-size:28px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:10px}.homeContainer .tutorialText .contentContainer .tutorialParagraph{font-size:20px;font-style:normal;font-weight:300;margin-bottom:60px;margin-top:10px}#video{bottom:0;height:100%;left:0;min-height:100%;min-width:100%;object-fit:cover;position:fixed;right:0;top:0;width:100%;z-index:-1}.resultsModal{padding:20px}.headerModal{min-height:120px}.buttonsModal{flex-direction:column;gap:5px;margin:10px}#smallText{font-size:13px}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:7px solid #f3f3f3;border-radius:50%;border-top-color:#db4a34;height:45px;width:45px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.infoModalButton{cursor:pointer;height:30px}.infoModalButton:hover{border:2px solid #f86969;border-radius:5px}.viewButtonsContainer{align-items:center;display:flex;flex:2 1;flex-direction:row;justify-content:center;margin-top:5px}.viewButtonsContainer .selected{border:2px solid #f86969!important}.viewButtonsContainer .tIconGame{cursor:pointer;height:30px;margin-right:10px;width:30px}.viewButtonsContainer .tIconGame:hover{color:#f86969}.viewButtonsContainer .viewButtonVS{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;border-radius:5px;cursor:pointer;height:30px;margin:8px;width:30px}.viewButtonsContainer .viewButtonVS:hover{border:2px solid #f86969!important}.viewButtonsContainer .viewButtonHS{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #000;border-radius:5px;cursor:pointer;height:30px;margin:8px;width:30px}.viewButtonsContainer .viewButtonHS:hover{border:2px solid #f86969!important}.viewButtonsContainer .viewButtonS2S{border:1px solid #000;border-radius:5px;cursor:pointer;height:30px;margin:8px;width:60px}.viewButtonsContainer .viewButtonS2S:hover{border:2px solid #f86969!important}.container .spaceBetween{display:flex;justify-content:space-between;width:50%}.resultsModal{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.2);left:50%;max-width:80%;padding:10px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:11}.resultsModal .exitButton{color:#000;cursor:pointer;position:fixed;right:5px;top:2.5px}@media(max-width:600px){.resultsModal{max-width:100%;width:100%}}.headerModal{padding-bottom:7px}.headerModal .section1{max-height:60px}.headerModal .puzzleTextBlock{display:flex;flex-direction:column;gap:0}.headerModal .buttonsModal{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.headerModal .buttonsModal .tutorialButton{background-color:#e27272}.imagesModal-container{max-width:100%;width:400px}.imagesModal-container img{max-width:100%}.loginContainer{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.signUpModal{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.2);left:50%;padding:10px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%;z-index:11}@media(max-width:600px){.formContainer{align-items:center;background-color:#fff;display:flex;flex-direction:column;width:100%}.signUpModal{width:80%}}@media(min-width:600px)and (max-width:1000px){.formContainer{align-items:center;background-color:#fff;border-radius:25px;display:flex;flex-direction:column;width:75%}}@media(min-width:1000px){.formContainer{align-items:center;background-color:#fff;border-radius:25px;display:flex;flex-direction:column;width:100%}}form{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 50px 0 40px;width:100%}form img:hover{cursor:pointer}form input{border:2px solid #d2d2d2;border-radius:20px;font-size:16px;height:50px;padding:5px 20px;width:100%}form input:focus,form input:hover{border:2px solid #e27272}form input:focus{outline:none}form button{border-radius:20px;font-size:16px;width:100%}.helperContainer{padding-bottom:30px}.helperContainer .b1{font-weight:600}.helperContainer p{font-size:12px;text-align:center}.helperContainer .helperButton{background-color:#fff;border:none;color:#000;cursor:pointer;font-size:12px;font-weight:600;height:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profileContainer{align-items:center;background-color:#ededed;border-top:1px solid #bbb;display:flex;flex-direction:row;height:calc(100vh - 66px);justify-content:center}.profileContainer .leftProfileBar{align-items:center;background-color:#bbb;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;height:100%;justify-content:space-between;padding:15px;width:20%}.profileContainer .leftProfileBar .topBar{align-items:center;display:flex;flex-direction:row;gap:7px;justify-content:center;width:100%}.profileContainer .leftProfileBar .topBar .avatarContainer{display:flex;flex-grow:1;justify-content:flex-end}.profileContainer .leftProfileBar .topBar .avatarContainer .avatar{background-color:#fff;border-radius:50%;height:60px;padding:5px;width:60px}.profileContainer .leftProfileBar .topBar .username{flex-grow:3}.profileContainer .leftProfileBar .middleBar{flex-grow:2;width:100%}.profileContainer .leftProfileBar .middleBar .sliderScoreHeader{align-items:center;justify-content:space-between}.profileContainer .leftProfileBar .middleBar .sliderScoreHeader .scoreQuestionMark{align-items:center;border:1px solid #333;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center}.profileContainer .leftProfileBar .middleBar .sliderScoreHeader .progressBar{color:red}.profileContainer .rightProfileBar{display:flex;flex-direction:row;height:100%;width:80%}.profileContainer .rightProfileBar .profileViewContainer{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin-left:20px;margin-top:20px;max-width:100%;overflow:scroll;width:100%}.profileContainer .rightProfileBar .profileViewContainer .profileViewNav{background-color:#bbb;border-radius:5px;display:flex;flex-direction:row;gap:0;height:5%;padding:5px}.profileContainer .rightProfileBar .profileViewContainer .profileViewNav button{border-radius:0;height:100%}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent{border-radius:5px;height:60%;width:95%}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards{display:flex;flex-direction:column}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard{border-bottom:1px solid #bbb;display:flex;flex-direction:row;gap:5px;justify-content:space-between;padding:10px 5px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard:hover{background-color:#bbb}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard .activityCardType{align-items:center;background-color:#8d8d8d;border-radius:50px;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard .activityCenterCard{flex-grow:2}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard .activityCenterCard .activityCardHeader{font-weight:700}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard .activityCardDate,.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .activityCards .activityCard .activityCenterCard .activityCardContent{color:#8d8d8d}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer .puzzleCardContainer{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer .puzzleCardContainer:hover{cursor:pointer}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer .puzzleCardContainer .dateHeader{color:#333;font-weight:700;padding-bottom:5px;padding-top:5px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer .puzzleCardContainer .scoreHeader{color:#7f7f7f;font-family:Helvetica,Arial,sans-serif;font-size:14px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .statisticsContainer .puzzleCardContainer .scoreDisplay{align-items:center;display:flex;flex-direction:row;gap:5px}.profileContainer .rightProfileBar .profileViewContainer .profileViewContent .uploadViewContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.puzzleCardContainer{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:360px;padding:12px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.puzzleCardContainer:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);cursor:pointer}.puzzleCardContainer .dateHeader{color:#333;font-weight:700;padding-bottom:5px;padding-top:5px}.puzzleCardContainer img{display:block;height:250px;object-fit:cover;width:355px}.puzzleCardContainer .photoTitleContainer{align-items:center;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%}.puzzleCardContainer .photoTitleContainer h2{margin:0;padding:0}.puzzleCardContainer .photoTitleContainer #reportContainer{margin-left:auto}.puzzleCardContainer .photoTitle{color:#000;font-family:Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;margin:0;padding:0}.puzzleCardContainer .scoreHeader{color:#7f7f7f;font-family:Helvetica,Arial,sans-serif;font-size:14px}.puzzleCardContainer .scoreDisplay{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.puzzleCardContainer .scoreDisplay .redLike{color:#e27272}.puzzleCardContainer .scoreDisplay .default,.puzzleCardContainer .scoreDisplay .redLike:hover{color:#7f7f7f}.puzzleCardContainer .scoreDisplay .default:hover{color:#e27272}.puzzleCardContainer .scoreDisplay .rightSidePuzzleStats{align-items:center;display:flex;flex-direction:row}.puzzleCardContainer .scoreDisplay .rightSidePuzzleStats .redLike:hover{color:#7f7f7f}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.gameModalContainer{align-items:center;display:flex;justify-content:center}.modalOverlay{background-color:rgba(0,0,0,.5);cursor:default;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.exitButton{color:#fff;cursor:pointer;font-size:25px;font-weight:700;position:fixed;right:15px;top:10px;z-index:11}.exitButton:hover{color:#9e9e9e}.gameModal{background-color:#fff;border:1px solid #ccc;border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.2);cursor:default;height:95%;left:50%;max-width:80%;overflow:scroll;padding:10px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;z-index:100}.gameModal,.headerModal{align-items:center;display:flex;flex-direction:column;justify-content:center}.headerModal{position:relative}.headerModal .section1{max-height:50px}.headerModal .puzzleTextBlock{text-align:center}.red{background-color:#f86969;color:#fff}.buttonsModal,.imagesModal-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.imagesModal-container{width:100%}.imagesModal-container img{display:flex;height:auto;justify-content:center;width:6%}.shareResultsButton{margin-top:22px}.backButton{display:flex}.infoTextBlock{align-items:center;display:flex;flex-direction:row;gap:10px;width:85%}.infoTextBlock h3{text-align:left;width:35%}.infoTextBlock p{text-align:left}#editFields{display:flex;flex-direction:row;justify-content:space-between}#reportUl{background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);list-style-type:none;margin:0;padding:10px;position:absolute;right:0;top:100%;z-index:10000}#reportUl:hover{background-color:#d7d7d7;cursor:pointer}#reportUl #reportLi{color:red;font-weight:700}.collapsible{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.collapsible .collapsible-header{align-items:center;border-bottom:1px solid #5e5e5e;cursor:pointer;display:flex;justify-content:space-between;padding:5px 0;width:100%}.collapsible .collapsible-content{color:#6e6d6d;display:flex;justify-content:flex-start;width:100%}.headerContainer{background-color:#ededed;justify-content:center;padding:10px 0 5px;width:100%}.headerContainer,.headerContainer .contentContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.headerContainer .contentContainer{justify-content:space-between;width:90%}.headerContainer .contentContainer .logoDateContainer{display:flex;flex-direction:row;gap:10px}.headerContainer h1{color:#000}.headerContainer img{cursor:pointer}.headerNavModal{background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;width:50%;z-index:10}.headerNavModal button{border-radius:0;height:5%;width:100%}.headerNav{align-items:center;display:flex;flex-direction:row;justify-content:center}@media screen and (max-width:910px){.headerNav{justify-content:flex-start;width:100%}}.headerNav .profileIcon{cursor:pointer;height:35px;width:35px}.headerNav .profileIcon:hover{color:#e27272}.headerNav button{height:35px;margin:8px}.menuButton{cursor:pointer}.tutorialNavContainer{background-color:#ededed;bottom:0;display:flex;height:30px;justify-content:center;position:fixed;width:100vw}.tutorialNavContainer .tutorialHeaderNav{align-items:flex-end;display:flex;flex-direction:row;justify-content:center;width:90vw}.tutorialNavContainer .tutorialHeaderNav .tutorialNavButton{border-radius:0;cursor:default;display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:14px;height:40px;justify-content:space-between;margin:0;padding:5px;text-align:left;transition:background-color .3s,color .3s;width:14.2857142857vw}.tutorialNavContainer .tutorialHeaderNav .tutorialNavButton:hover{background-color:#333;color:#fff}.tutorialNavContainer .tutorialHeaderNav .currentStage{background-color:#ededed;border-top:4px solid #f86969;color:#333;height:55px}.tutorialNavContainer .tutorialHeaderNav .prevStage{background-color:#ededed;border-top:4px solid #439e43;color:#333}.tutorialNavContainer .tutorialHeaderNav .upcomingStage{background-color:#ededed;border-top:4px solid gray;color:#333}.tutorialNavContainer .tutorialHeaderNav .upcomingStage:hover{background-color:#333;color:#fff;cursor:not-allowed}.communityPhotoContainer{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-left:60px;margin-right:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.communityFilterContainer{border-radius:10px;display:flex;width:100%}.communityFilterContainer .communityFilterBar{display:flex;flex-direction:row;gap:10px;padding:10px}.communityFilterContainer .communityFilterBar .selected{background-color:#e27272}.communityFilterContainer .communityFilterBar button{align-items:center;display:flex;gap:5px;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.communityFilterContainer .communityFilterBar button p{font-weight:700}.communityFilterContainer .communityFilterBar .communityFilters{background-color:#333;display:flex;font-weight:700;gap:10px;padding:10px}.leaderboardPageContainer{width:100%}.leaderboardPageContainer,.userCardsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.userCardsContainer{width:80%}.userCardContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.userCardContainer .leftContainer{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;width:50%}.userCardContainer .leftContainer h3{text-align:center;width:20%}
/*# sourceMappingURL=main.4ef3f4d7.css.map*/