body{margin:0;padding:0}#startComponent{display:flex;flex-direction:row;align-items:flex-start;height:calc(100vh - 5px)}#sideMenuContainer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:30%;background-color:#7571de;overflow:auto;z-index:1000}#sideMenuInstructionsContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:75%;height:84.5%;border-radius:20px;box-shadow:-5px 3px #0003;padding:10px 3px;overflow:auto;background-color:#f5f5fe}#sideMenuWelcomeTitle{text-decoration:underline;text-decoration-thickness:2px;font-size:2vw;color:#7571de}#sideMenuWelcomeSubtitleContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.75vw;font-weight:500}#sideMenuWelcomeSubtitle,#sideMenuWelcomeSubtitleTwo{margin:0}#horizontalDivider{width:50%;height:2px;background-color:#7571de;margin:10px 0}#sideMenuHTPContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}#sideMenuHTPTitle{text-decoration:underline;text-decoration-thickness:2px;font-size:1.5vw}#sideMenuHTP{text-align:center;font-size:1.75vw;margin:0;padding:0 10px;font-weight:500}#veevaInfoContainer{bottom:0;width:100%;display:flex;justify-content:center;align-items:flex-end}#veevaInfo{font-size:1.5vw;color:#fff;padding:5px 0;text-align:center;font-weight:500;margin-bottom:10px}#startScreenDisclaimerContainer{bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#startScreenDisclaimer{font-size:1.5vw;color:#000;text-align:center;font-weight:500}#startComponentTitleContainer{position:relative;width:70%;height:calc(100vh - 2px);display:flex;flex-direction:column;align-items:center;justify-content:space-between}#startComponentTitle{display:flex;height:90%;flex-direction:column;align-items:center;margin-top:8%;margin-bottom:2%;border-radius:20px;box-shadow:-5px 5px #0003;background-color:#fff;width:95%}#startComponentSubTitle{position:relative;margin-top:0;height:auto;width:100%;display:flex;justify-content:center}#startComponentButton{display:flex;flex-direction:row;align-content:flex-start;justify-content:center;width:100%}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac}#challengeModeContainer{display:flex;flex-direction:row;width:98%;flex:1;align-items:center;justify-content:center;min-height:0;overflow:hidden}#challengeModeContainer h1{align-self:center;text-decoration:underline;text-decoration-thickness:2px;font-size:2vw}.challengeModeButton{all:unset;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1000 / 772;padding:0;margin:0 0 2px;cursor:pointer;position:relative;transition:transform .5s ease-in-out}.challengeModeButton:hover{transform:scale(1.025)}.challengeModeButton img{width:90%;height:90%;margin-right:10px}#instructions{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:10px;overflow:auto}#instructions h1{font-size:2vw;margin-top:0;align-self:center;color:#7571de}#roundContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:95%;height:85%;overflow:hidden;border-radius:20px;background-color:#b6a594;box-shadow:-5px 3px #0003;padding:15px 10px;box-sizing:border-box}#roundContainerInstructions{font-size:2vw;color:#fff;margin-bottom:20px;flex-shrink:0;text-align:center}#roundObjective{display:flex;flex-direction:column;align-items:center;width:100%;overflow:auto;border-radius:20px;background-color:#fee8d6;box-shadow:-5px 3px #0003}#roundObjective div{text-align:center;font-size:1.5vw;margin:0;font-weight:500}#homePageFooter{display:flex;align-items:center;justify-content:space-around;width:95%;padding:10px 0}#referenceContainer{display:flex;align-items:center;justify-content:flex-start;width:66%}#referenceContainer h5{font-size:1.4vw;color:#000;font-weight:500;margin:0}#homePageButtonContainer{position:relative;display:flex;justify-content:flex-end;width:29%}#homePageStartButton,#homePageBackButton{display:flex;align-items:end;justify-content:center;width:auto;padding:10px 5px;transform:translateY(-4px);margin-right:10px;color:#000;font-size:1.5vw;cursor:pointer;border:solid 2px #393532;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e;z-index:1000}@media screen and (max-width: 768px) and (orientation: portrait){#startComponent{flex-direction:column;height:100vh}#sideMenuContainer{width:100%;height:40vh;min-height:300px}#sideMenuInstructionsContainer{width:90%;height:85%;padding:15px 10px}#sideMenuWelcomeTitle{font-size:6vw}#sideMenuWelcomeSubtitleContainer,#sideMenuHTPTitle{font-size:4vw}#sideMenuHTP{font-size:4vw;padding:0 15px}#startComponentTitleContainer{width:100%;height:60vh;padding:10px}#startComponentTitle{width:100%;margin-top:2%;margin-bottom:2%;padding:10px}#challengeModeContainer{flex-direction:column;width:100%;transform:translateY(-20px);gap:10px}#challengeModeContainer h1{font-size:6vw;margin-bottom:10px}.challengeModeButton{max-width:300px;align-self:center}#instructions h1{font-size:6vw}#roundContainer{width:100%;height:80%;margin:10px 0}#roundContainerInstructions{font-size:5vw;padding:0 15px}#roundObjective div{font-size:4vw;padding:10px}#homePageButtonContainer{width:100%;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px}#homePageStartButton,#homePageBackButton{width:auto;min-width:120px;font-size:4vw;padding:12px 8px;transform:translateY(0);margin:5px}}@media screen and (max-width: 480px) and (orientation: portrait){#sideMenuContainer{height:35vh;min-height:250px}#startComponentTitleContainer{height:65vh}#sideMenuWelcomeTitle{font-size:7vw}#sideMenuWelcomeSubtitleContainer,#sideMenuHTPTitle,#sideMenuHTP{font-size:5vw}#challengeModeContainer h1,#instructions h1{font-size:7vw}#roundContainerInstructions{font-size:6vw;margin-bottom:20px}#challengeModeContainer{gap:12px}#roundObjective div{font-size:5vw}#homePageStartButton,#homePageBackButton{width:auto;font-size:5vw}}@media (hover: none) and (pointer: coarse){.challengeModeButton:hover{transform:none}.challengeModeButton:active,#homePageStartButton:active,#homePageBackButton:active{transform:scale(.95)}}:root{--tile-top: auto;--tile-left: auto;--tile-width: 90vw;--tile-bg: #B6A494;--tile-border: 2px solid #393532}#tileComponentContainer{position:absolute;right:.5%;top:24.5%;width:45.5%;display:flex;align-items:center;justify-content:center;background-color:transparent;pointer-events:auto}#tileComponent{display:flex;flex-direction:column;flex-wrap:nowrap;width:var(--tile-width);margin:0;background-color:var(--tile-bg);border:var(--tile-border);font-size:0}.rows{display:flex;width:100%;margin:0;padding:0}.cell{width:25%;margin:0;padding:0;font-size:0px;background-color:#fff0;border-style:none;cursor:pointer}.cell img{width:100%;transform-origin:center;transition:transform .75s}@media (hover: hover) and (pointer: fine){.cell img:hover{width:100%;border:solid 2px #393532;transform:scale(.88)}}@media (hover: none) and (pointer: coarse){.cell img:active{width:100%;border:solid 2px #393532;transform:scale(.88)}.cell{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media (hover: hover) and (pointer: coarse){.cell img:active{width:100%;border:solid 2px #393532;transform:scale(.88)}}.zoomed-out{width:100%;border:solid 2px #393532;transform:scale(.88)}#submitContainer{display:flex;margin:.5em 0 0;justify-content:center}#submitButtonContainer{display:flex;justify-content:flex-start}#submitButton{display:flex;align-items:center;justify-content:center;width:7vw;gap:10px;margin:0 .2em 0 0;padding:2px 10px;color:#000;cursor:pointer;border:solid 2px #000000;letter-spacing:1px;font-weight:800;font-size:1.2vw;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e}#submitButton:active{transform:scale(.9);transition:all 50ms ease}#challengeInstructionsContainer{display:flex;justify-content:center}#challengeInstructions{font-size:1.5vw;font-weight:400;padding:.5rem;color:#fff;background-color:#7571de}.submit-span{transition:all .25s ease;transition-delay:.15s}.res{position:absolute;left:-1px;transform:translate(-100%);transition:all .25s ease;z-index:2}#backgroundOverlayChallenge{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff15;z-index:-1}#handImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#challengeWrapper{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;height:auto}#tilecontainerWithHand{position:relative;display:flex;width:100%;max-width:65%;aspect-ratio:1252 / 766;height:auto;margin-right:auto}#tileInfoContainer{position:relative;display:flex;flex-direction:column;height:auto;width:100%;max-width:35%;aspect-ratio:1252 / 766;margin-left:0;margin-right:auto}#progressCounterContainer{position:relative;display:flex;margin-top:26.75%;width:95%;height:auto;flex-direction:column;justify-content:center;align-items:left;padding:0 10px}#progressCounter{position:relative;width:6vw;height:4vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-radius:20px;background-color:#f1efeb;box-shadow:-5px 3px #0003}.progressCounterFont{align-self:center;font-size:2vw}#imageInfoContainer{position:absolute;display:flex;left:10px;bottom:1px;width:90%;flex-direction:column;justify-content:center;align-items:left;padding:0 10px;border-radius:20px;background-color:#f1efeb;box-shadow:-5px 3px #0003}#imageInfoContainer p{display:inline;font-size:1.5vw}#imageInfoContainer span{padding-bottom:5px}#imageInfoContainer h2{align-self:center;text-decoration:underline;text-decoration-thickness:2px;font-size:2vw}#imageInfoButtonContainer{position:relative;display:flex;margin-top:26.75%;width:95%;height:auto;flex-direction:column;justify-content:center;align-items:left;padding:0 10px}#imageInfoButton{position:relative;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;border-radius:20px;background-color:#f1efeb;box-shadow:-5px 3px #0003;cursor:pointer}#imageInfoButtonIcon{width:35px;height:35px}@media (max-width: 800px){#challengeWrapper{flex-direction:column;aspect-ratio:auto;height:auto;align-items:flex-start}#challengeInstructionsContainer{display:flex;justify-content:flex-start}#tilecontainerWithHand{max-width:98%;width:100%;aspect-ratio:1252 / 766}#tileInfoContainer{max-width:100%;align-self:flex-start;height:auto;flex:0 0 auto;min-height:0;align-items:stretch;justify-content:flex-start;width:100%;aspect-ratio:auto;flex-direction:row}#progressCounterContainer,#imageInfoButtonContainer{justify-content:flex-start;align-items:center;padding:0;width:25%;height:auto;margin-top:0}#smScSubmitInstructionsContainer{display:flex;align-items:flex-end;width:50%;flex-direction:column;height:auto;margin-right:0}#challengeInstructions{width:35vw;text-align:center;font-size:medium;margin-right:15px}#submitButton{width:auto;font-size:medium;margin-right:15px}#progressCounter{width:40px;height:40px;padding:5px}.progressCounterFont{align-self:center;font-size:3vw}#smScrImgInfoConContainer{display:flex;justify-content:center}#smallScreenImageInfoContainer{display:flex;right:0;bottom:0;width:55%;flex-direction:column;justify-content:center;align-items:left;padding:0 10px;border-radius:20px;background-color:#f1efeb;box-shadow:-5px 3px #0003}#smallScreenImageInfoContainer p{display:inline}#smallScreenImageInfoContainer span{padding-bottom:5px}#smallScreenImageInfoContainer h2{align-self:center;text-decoration:underline;text-decoration-thickness:2px}}@media (max-width: 800px) and (max-height: 580px){#challengeWrapper{height:100vh}#tilesSmScSubmitInstructionsContainer{display:flex;flex-direction:column;width:50%;height:auto}#progressFullImageInfoContainer{width:100%;flex-direction:row}#imageInfoContainer{left:0;bottom:auto;width:80%}#smScSubmitInstructionsContainer{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;flex-direction:column;height:80%;margin-right:0}#submitContainer{width:100%;align-items:flex-start}#challengeInstructionsContainer{width:100%;justify-content:flex-start}#tilecontainerWithHand{max-width:98%;width:100%;height:100%;aspect-ratio:1252 / 766}#tileComponentContainer{position:relative;top:1px;width:90%;left:5%}#tileInfoContainer{height:100%;width:50%}#challengeInstructions{width:100%;text-align:center;font-size:medium;margin-right:15px}#submitButton{width:auto;font-size:medium;margin-right:15px}#progressCounterContainer{align-items:flex-start;margin-bottom:5%}#progressCounter{width:40px;height:40px;padding:5px}}.patchaTitleContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2.5vw}.patchaTitle{font-size:6vw;margin-top:0;margin-bottom:0;padding:0 .5em}.patchaTitle h1{color:#393532;font-size:1.2vw;text-shadow:5px 10px rgba(60,66,66,.363)}.resultsComponent{display:flex;flex-direction:column;height:100vh}.resultsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.results{display:flex;align-items:center;flex-direction:column;height:auto;width:53vw;padding-bottom:1vw;margin-bottom:1vw;border-radius:20px;background-color:#fff;box-shadow:-5px 3px #0003}.titleContainer{position:relative;display:flex;height:auto;width:99%;padding-top:10px}#titleLogoContainer{position:relative;display:flex;align-items:center;justify-content:center;width:auto}.titleLogo{width:9vw;height:4vw;aspect-ratio:150/70}#tyMessageContainer{display:flex;align-items:center;justify-content:center;width:100%}#tyMessage{font-size:1.5vw;font-weight:200;color:#7571de}#resultsListingContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:90%;height:85%;overflow:hidden;border-radius:20px;background-color:#b6a594;box-shadow:-5px 3px #0003;padding:15px 10px;box-sizing:border-box}.subtitleContainer{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;padding:0}.subtitle{font-size:2vw;color:#fff}.alert-success{font-size:1vw;font-weight:200;color:green;margin-left:2%}.alert-error{font-size:1vw;font-weight:200;color:red;margin-left:2%}#submitResultsContainer{display:flex;justify-content:flex-start}#submitResultsButtonContainer{display:flex;justify-content:center;width:30%}#submitResultsButton{display:flex;align-self:center;align-items:center;justify-content:center;width:8vw;height:fit-content;gap:10px;padding:2px 10px;color:#000;cursor:pointer;border:solid 2px #000000;font-weight:800;font-size:1.2vw;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e}#submitResultsButton:active{transform:scale(.9);transition:all 50ms ease}#submitResultsButton:disabled{cursor:not-allowed!important;color:#ccc3bd!important;background-color:#b6a49466!important;transition:none;transform:none}#privacy-checklist-checkbox{width:1vw;height:1vw;cursor:pointer}#aliasLabel{width:18%!important;margin-left:2%}#firstnameInput,#aliasInput{width:100%}.privacy-checklist{display:flex;width:70%;flex-direction:column;align-items:start;padding-left:10px;font-size:1vw}.privacy-checklist-checked{font-weight:400}#pathomation-privacy{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-left:auto}#pathomation-privacy-button{display:flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;white-space:nowrap;padding:0 1%;color:#000;cursor:pointer;border:solid 2px #000000;font-weight:400;font-size:1vw;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;background-color:#ffc89e;text-decoration:none;margin-right:3%}#objectiveContainer{display:flex;flex-direction:row;width:100%;align-items:center}#objectiveLabel{font-size:1.5vw;font-weight:200}#objective{font-size:1.2vw;font-weight:100;color:#393532;margin-left:2%}#totalScoreContainer{display:flex;flex-direction:row;width:100%;align-items:center}#totalScoreLabel{font-size:1.5vw;font-weight:200}#totalScore{font-size:1.2vw;font-weight:100;color:#393532;margin-left:2%}#retryContainer{display:flex;align-items:center;flex-direction:column;height:auto;width:53vw;padding-bottom:1vw;border-radius:20px;background-color:#fff;box-shadow:-5px 3px #0003}#retry{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:95%;height:85%;overflow:hidden;border-radius:20px;background-color:#b6a594;box-shadow:-5px 3px #0003;padding:15px 10px;box-sizing:border-box}#retryMessage{font-size:1.5vw;font-weight:200;color:#7571de;padding:1vw}#retryVerboseMessage{font-size:1.2vw;font-weight:100;color:#393532;padding:1vw}#retryButton{display:flex;align-items:end;justify-content:center;width:auto;padding:10px 5px;transform:translateY(5px);color:#000;font-size:1.2vw;font-weight:200;cursor:pointer;border:solid 2px #393532;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e;z-index:1000}#showAnswerKeyContainer{display:flex;justify-content:center;width:100%;margin-top:.5vw;margin-bottom:1vw}#showAnswerKeyButton{display:flex;align-items:center;justify-content:center;width:15vw;height:fit-content;gap:10px;padding:2px 10px;color:#000;cursor:pointer;border:solid 2px #000000;font-weight:800;font-size:1.3vw;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e}#goToHomePageContainer{position:fixed;top:.5vw;left:.5vw;display:flex;justify-content:center}#goToHomePageButton{display:flex;align-items:center;justify-content:center;height:fit-content;gap:10px;padding:2px 10px;color:#000;cursor:pointer;border:solid 2px #000000;font-weight:800;font-size:1.3vw;border-radius:10px 10px 10px 0;position:relative;overflow:hidden;transition:all .25s ease;background-color:#ffc89e}@media (max-width: 500px){#privacy-checklist-checkbox{width:3vw;height:3vw;cursor:pointer}.privacy-checklist{width:90%;font-size:2vw}.privacy-checklist-checked{font-weight:400}.results{width:90%}#submitResultsButton{width:15vw;font-size:2vw}#tyMessage{font-size:3vw}.titleLogo{width:12vw;height:6vw;aspect-ratio:150/70;margin-left:5vw}.subtitle{font-size:2vw}.alert-success,.alert-error{font-size:1.5vw}.resultsComponent{flex-direction:column;justify-content:flex-start}.patchaTitleContainer{margin-top:15%;flex-direction:column}.resultsTitleCircles{width:40vw!important}}@media (min-height: 500px) and (max-height: 800px){.resultsComponent{flex-direction:column;justify-content:flex-start}.patchaTitleContainer{margin-top:15%;flex-direction:column}.resultsTitleCircles{width:40vw!important}.results{width:80%}#submitResultsButton{width:15vw;font-size:2vw}#tyMessage{font-size:3vw}.titleLogo{width:12vw;height:6vw;aspect-ratio:150/70;margin-left:5vw}.subtitle{font-size:1.8vw}.alert-success,.alert-error{font-size:1.5vw}}@font-face{font-family:Urbanist;src:url(/assets/Urbanist-VariableFont_wght-CTijjoPN.ttf) format("truetype")}@font-face{font-family:Urbanist-Bold;src:url(/assets/Urbanist-ExtraBold-Dci-TSHK.ttf) format("truetype")}html{font-size:14px}body{background:linear-gradient(to bottom right,#bcbac3,#b3b9c5)}#root{margin:0 auto}.urbanist-font{font-family:Urbanist,serif;font-optical-sizing:auto;font-style:normal}.urbanist-font-bold{font-family:Urbanist-Bold,serif;font-optical-sizing:auto;font-style:normal;font-weight:800;color:#393532}.hide{display:none!important}.backgroundOverlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff15;z-index:-1}.titleCircles{margin-top:7%;width:25vw;height:auto;z-index:-1}.subTitleCircles{width:6vw;padding:0 .25em}.resultsTitleCircles{width:35vw;height:auto;z-index:-1}.branding-container{position:absolute;top:0;right:0;display:flex;align-items:center;z-index:1000}.branding-logo{aspect-ratio:1889 / 215;width:35vw;margin-right:10px}.branding-text{font-size:14px;color:#555;font-weight:700}.errorMessage{margin-top:50vh;text-align:center}.removeBold{font-weight:400!important}.marginBelow{margin-bottom:.75rem!important}.smallIcon{width:1.5rem;height:1.5rem}.valueStyle{color:#5d6168}