.categoryInput{color:#624146;background-color:#0000;border:none;border-bottom:1px solid #624146;padding-top:10px;font-family:Times New Roman,Times,serif;font-size:20px}.categoryDiv{text-align:left}.authoringView{text-align:left;height:inherit;font-family:Times New Roman,Times,serif}.authoringView h1{margin:0;padding-bottom:3px;font-size:30px;font-weight:400}.cardList{grid-template-columns:auto auto auto;display:grid}.categories{width:80%;height:50%;scrollbar-color:#776274 #a07178;background-color:#e9d0c4;border-radius:10px;padding-left:5px;font-family:Times New Roman,Times,serif;overflow:auto}.categoryTemplate{width:90%;min-height:150px;max-height:300px;scrollbar-color:#776274 #a07178;background-color:#e9d0c4;border-radius:10px;padding-left:5px;font-family:Times New Roman,Times,serif;overflow:auto}.smallButton{color:#fff;height:30px;background-color:#776274;border:1px #000;border-radius:15px;margin:5px;font-size:medium}.smallButton:disabled{opacity:.5}.Tabs{border:1px solid #a07178;border-radius:.375rem}.List{z-index:0;gap:.25rem;padding-inline:.25rem;display:flex;position:relative;box-shadow:inset 0 -1px #a07178}.Tab{color:#000;appearance:none;user-select:none;white-space:nowrap;word-break:keep-all;height:2rem;background:0 0;border:0;outline:0;justify-content:center;align-items:center;margin:0;padding-block:0;padding-inline:.5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.Tab[data-active]{color:#fff}.Indicator{color:#fff;z-index:-1;translate:var(--active-tab-left)-50%;width:var(--active-tab-width);height:1.5rem;background-color:#4a0912;border-radius:.25rem;transition-property:translate,width;transition-duration:.2s;transition-timing-function:ease-in-out;position:absolute;top:50%;left:0}.Panel{height:23rem;outline:0;justify-content:center;align-items:center;display:flex;position:relative}.sampleButton{color:#fff;height:30px;background-color:#4a0912;border:1px #000;border-radius:15px;margin:5px;font-size:medium}.userButton{color:#fff;height:30px;background-color:#a1404f;border:#8b2109;border-radius:15px;margin:5px;font-size:medium}.sampleButton:hover,.sampleButton.selectedScenario,.userButton:hover,.userButton.selectedScenario{background-color:#776274}.editor{scrollbar-color:#776274 #a07178;height:70%;width:100%;overflow:auto}.hintEditor{width:70%;margin:10px;padding:20px}.hintEditor li{width:100%;margin-bottom:5px}.scenarioInput{height:100px;width:70%;background-color:#faf2f9;border-style:solid;border-color:#a07178;border-radius:5px;margin:10px;padding:12px 20px}.smallButton{color:#fff;height:30px;background-color:#776274;border:#776274;border-radius:15px;margin:5px;font-size:medium}.smallButton:hover{background-color:#4d3f4b}.editor{scrollbar-color:#776274 #a07178;height:70%;width:100%;overflow:auto}.hintEditor{width:70%;margin:10px;padding:20px}.hintEditor li{width:100%;margin-bottom:5px}.scenarioInput{height:100px;width:70%;background-color:#faf2f9;border-style:solid;border-color:#a07178;border-radius:5px;margin:10px;padding:12px 20px}.nameInput{height:10px;width:70%;background-color:#faf2f9;border-style:solid;border-color:#a07178;border-radius:5px;margin:10px;padding:12px 20px}.hintEditor li input{width:100%;height:fit-content;background-color:#faf2f9;border-style:solid;border-color:#a07178;border-radius:5px;padding:12px 20px}.puzzleArea{background-color:#fff}.mediumButton{color:#fff;width:100px;min-height:40px;background-color:#776274;border:#776274;border-radius:10px;margin:8px;font-size:medium}.mediumButton[highlighted=true]{background-color:#8b2109}.mediumButton:hover:not(:disabled){background-color:#4d3f4b}.mediumButton:disabled{background-color:gray}.center{width:100%;justify-content:center;display:flex}.largeButton{color:#fff;width:250px;height:40px;background-color:#522504;border:#522504;border-radius:10px;margin:8px;font-size:large}.largeButton:hover{background-color:#2e1502}.entityList{padding-left:0;list-style-type:none}.entityList li{padding-top:5px}.entityList li input{border-radius:5px;font-family:Times New Roman,Times,serif}.categoryDiv label{font-size:16px}.writerHelp{z-index:300;width:500px;opacity:1;background-color:#fff;border:1px solid #000;padding:16px;display:inline-block;position:absolute}.tooltip{color:#77a2f1;border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip .tooltiptext ol{width:80%}.tooltip .tooltiptext{visibility:hidden;width:400px;color:#fff;text-align:center;z-index:1;background-color:#000;border-radius:6px;padding:5px 0;position:absolute}.tooltip:hover .tooltiptext{visibility:visible}.collapseButton{width:100%;text-align:left;color:#fff;background-color:#a07178;margin-bottom:10px;padding:10px;font-size:x-large}.personaArea{width:100%;height:inherit;grid-gap:20px;grid-template-columns:1fr 1fr 1fr;display:grid}.persona{width:100%}.persona .puzzleListElement{height:400px}.filterView,.design{width:95%;height:inherit;grid-gap:20px;grid-template-columns:1fr 1fr 1fr;display:grid}.design h1{color:#4d3f4b;border-bottom:1px solid #4d3f4b;margin:5px;font-size:30px}.topButtons{width:inherit;height:45px;background-color:#fff;padding-top:0;padding-left:20px;padding-right:20px}.bottomButtons{width:inherit;height:45px;background-color:#e9d0c4;border:5px solid #624146;padding:0 20px}.hintWriter,.hintWriter input{display:inline-block}.editButton{background-color:#0000;border:none;font-size:medium}.returnButton{float:left;padding:0;width:40px!important;height:40px!important;background-color:#0000!important}.returnButton:hover{background-color:#a0717890!important}.likeButton{float:right;border:none;padding:0;width:40px!important;height:40px!important;background-color:#0000!important}.likeButton:hover{background-color:#a0717890!important}.lockButton{border:none;padding:0;width:30px!important;height:30px!important;background-color:#0000!important}.lockButton:hover{background-color:#a0717890!important}.unlockButton{opacity:.5;border:none;padding:0;width:30px!important;height:30px!important;background-color:#0000!important}.unlockButton:hover{background-color:#a0717890!important}.collapsibleDiv{height:60%}.bottomButtons button{text-align:center;text-align:center;border:0;padding:5px 7px;text-decoration:none;color:#624146!important;height:40px!important;background-color:#e9d0c4!important;margin:0!important}.bottomButtons button:hover{color:#000;background-color:#ddd!important}.bottomButtons button.active{color:#fff!important;background-color:#522504!important}.faq{width:98%;background-color:#e6ccbe;border-bottom:10px solid #624146;border-left:3px solid #624146;border-right:3px solid #624146;margin:10px;padding:0 0 10px}.faq p{text-align:justify;margin:.5vmin;padding:.5vmin;font-size:1.7vmin}.faq h1{color:#e9d0c4;background-color:#a07178;border:5px solid #624146;font-size:6vmin}.faq h2{color:#e9d0c4;background-color:#a07178;border:5px solid #624146;font-size:4vmin}.card{width:190px;height:190px;background:#e9d0c4;border:2px solid #a07178;border-radius:20px;margin:.5vmin;padding:1.8rem;transition:all .5s ease-out;position:relative;overflow:visible}.card-details{color:#000;height:100%;place-content:center;gap:.5em;display:grid}.card-button{width:60%;color:#fff;opacity:0;background-color:#776274;border:none;border-radius:1rem;padding:.5rem 1rem;font-size:1rem;transition:all .3s ease-out;position:absolute;bottom:0;left:50%;transform:translate(-50%,125%)}.text-body{color:#868686}.text-body-small{color:#868686;font-size:medium}.text-body-large{color:#868686;text-align:center;font-size:2em}.text-title{font-size:1.3em;font-weight:700}.card:hover{border-color:#776274;box-shadow:0 4px 18px #00000040}.card:hover .card-button{opacity:1;transform:translate(-50%)}