html{overflow-y:scroll}.main-body{margin:0 auto;max-width:1000px;padding:20px}.main-body,.search-main{font-family:Playfair Display,sans-serif}.top-bar{align-items:center;box-shadow:0 4px 21.2px 0 #c8c8c885;display:flex;justify-content:space-between;padding:20px}.switch-button{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:16px;margin-left:auto;padding:10px 20px}.content{box-shadow:0 4px 21.2px 0 #c8c8c885;padding-top:20px}.title{display:flex;font-size:32px;justify-content:center;margin-top:10px}.input-box{margin-left:92px;margin-right:92px;margin-top:24px}.input-row{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;max-height:76px!important;padding:20px}.input-row input{border:none;font-size:16px;width:100%}.remove-button{border:none;cursor:pointer;height:50px;margin:0;padding:0;width:50px}.remove-img{height:100%;width:100%}.button-white{min-height:100px}.thumbnail{height:40px;width:40px}.thumbnail-img{height:100%;width:100%}.show-icon{height:10px;width:10px}.show-img{height:100%;scale:.9;width:100%}.action-button{margin-left:10px}.action-button,.exp-button{background-color:#fff;border:none;cursor:pointer}.exp-button{margin-top:2px}.expand-child{align-items:center;color:#3b82f6;display:inline-flex;gap:4px;text-decoration:none;transition:color .3s,background-color .3s}.expand-child:hover{background-color:#e0e7ff;border-radius:4px;color:#1e3a8a;text-decoration:underline}.expand-child .hyper{filter:brightness(.8)}.expanded-row{max-height:0;overflow:hidden;transition:max-height .5s ease}.expanded-row.expanded{max-height:500px}.icon-placeholder,.icon-placeholder-concepts{align-items:center;display:flex;gap:8px;margin-left:90px}.icon-placeholder-concepts{margin-top:35px}.keywords-word{color:#56539d}.concepts-word,.keywords-word{font-size:18px;font-weight:700}.concepts-word{color:#1365d8}.keywords-header{align-items:center;display:flex;gap:8px}.score-content{box-shadow:0 4px 21.2px 0 #c8c8c885;padding-top:60px}.content-header{font-size:24px;font-weight:700;margin-left:92px}.input-box-concepts,.input-box-keywords{margin-left:92px;margin-right:92px;margin-top:24px}.total-score{display:flex;font-size:20px;font-weight:700;justify-content:center;margin-top:-30px}.keywords-section{background-color:#fff;border:2px solid #dbdbdb;border-radius:5px;margin-left:92px;margin-right:92px;margin-top:20px;padding:30px 30px 20px}.keyword-expand-btn{align-items:center;background-color:#f1ebfc;border:1px solid #dbdbdb;border-radius:5px;color:#56539d;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:10px 15px}.concepts-section{background-color:#fff;border:2px solid #dbdbdb;border-radius:5px;margin-left:92px;margin-right:92px;margin-top:30px;padding:30px 30px 20px}.concept-expand-btn{align-items:center;background-color:#edf7ff;border:1px solid #dbdbdb;border-radius:5px;color:#1365d8;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:10px 15px}.score-number{font-size:24px}.white-space{height:100px}.predefined-frameworks{background-color:#f9fafc;border:1px solid #dbdbdb;border-radius:5px;margin-left:20px;margin-right:20px;padding:20px}.framework-header{align-items:center;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:15px}.framework-card{border:1px solid #6b6b6b;margin-bottom:0;min-height:80px;width:calc(50% - 10px)}.framework-card h3{margin:0;max-width:300px;padding:0}.framework-search{margin-bottom:20px}.framework-search-input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px;width:100%}.framework-list-wrapper{position:relative}.framework-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;max-height:800px;overflow-y:auto}.framework-list::-webkit-scrollbar{position:relative;right:-5px;width:8px}.framework-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.framework-list::-webkit-scrollbar-thumb:hover{background-color:#aaa}@media screen and (max-width:768px){.framework-list{grid-template-columns:1fr}}.framework-card{background:#fff;border:1px solid #757575;border-radius:5px;box-sizing:border-box;flex:0 0 48%;padding:15px}.framework-card.selected{border:2px solid #5c9de2;box-shadow:0 8px 16px #00808066,0 4px 8px #00808033;transition:box-shadow .3s ease,transform .3s ease}.framework-card h3{font-size:16px}.keywords{color:#56539d;margin-bottom:15px}.concepts{color:#2f74d4;margin-bottom:15px}.concepts-list,.keywords-list{display:flex;flex-wrap:wrap;gap:10px}.concept,.keyword{background:#f0f0f0;border-radius:3px;color:#333;display:inline-block;font-size:14px;margin:5px;padding:5px 10px}.edit-btn{align-items:center;background:none;border:1px solid #5c5c5c;border-radius:5px;color:#535353;cursor:pointer;display:flex;font-size:14px;padding:5px;position:absolute;right:15px;top:20px}.edit-btn:hover,.select-btn{background-color:#f1ebfc}.select-btn{border:none;border-radius:5px;color:#56539d;cursor:pointer;font-size:14px;padding:10px 15px;text-align:center;transition:background-color .3s ease;width:100%}.select-btn:hover{outline:1px solid #1009ec}.begin-scoring-btn{background-color:#52c41a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto 0;padding:15px 20px;text-align:center;width:fit-content}.begin-scoring-btn:hover{background-color:#389e0d}.manual-input{background-color:#fff;border:1px solid #5c5c5c;border-radius:5px;cursor:pointer;font-size:16px;padding:10px}.manual-input:hover{background-color:#f1ebfc}.materials-section{background-color:#fff;border:2px solid #dbdbdb;border-radius:5px;margin-left:92px;margin-right:92px;margin-top:30px;padding:30px 30px 20px}.action-button-score{align-items:center;background-color:#fff;display:flex;justify-content:center;left:-10px;padding:0;position:relative}.action-button-score.expanded{left:-10px}.expand-section{width:812px}table{border-collapse:initial;width:100%}th{border-bottom:2px solid #dbdbdb;color:#525252;font-size:14px;padding:10px;text-align:left}td{background-color:#f9f9f9;color:#181818;font-size:16px;font-weight:700;padding:12px;vertical-align:middle}td>div{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.score-boxes{display:flex;gap:5px}.score-box{border-radius:3px;height:15px;width:15px}.score-box.filled{background-color:#2f74d4}.score-box.empty{background-color:#e0e0e0}.action-button-score{background-color:initial;border:none;cursor:pointer}.action-button-score img{height:20px;transition:transform .3s ease;width:20px}.edit-section{background:#fff;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;margin-top:10px;max-width:400px;padding:20px}.framework-name-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:20px;padding:8px;width:100%}.edit-section h4{color:#333;font-size:16px;font-weight:700;margin-bottom:10px}.input-row{align-items:center;display:flex;margin-bottom:10px}.text-input{background-color:#f8f8f8;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:14px;padding:8px}.editable-input{background-color:#f8f8f8;border:1px solid #b0aed9!important;border-radius:5px;margin-bottom:3px;margin-top:3px}.text-input:focus{border-color:#999;outline:none}.add-btn,.remove-btn{background-color:#f1ebfc;border:1px solid #56539d;border-radius:4px;color:#56539d;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease,color .3s ease,transform .2s ease}.add-btn:hover,.remove-btn:hover{background-color:#e0d6f9;color:#333;transform:scale(1.05)}.add-btn{margin-bottom:20px}.action-buttons{display:flex;gap:10px;margin-top:20px}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s ease,color .3s ease,outline-color .3s ease}.save-btn{background:#378212;color:#fff}.save-btn:hover{background:#2a6810}.save-btn:focus{outline:2px solid #290381;outline-offset:2px}.cancel-btn{background:#ddd;color:#333}.cancel-btn:hover{background:#ccc}.line-div{left:-18px;margin-top:20px;position:relative;width:104%}hr{border:2px solid #56539d}.course-option{background-color:#000;left:10px;position:relative}.upload{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;margin-left:20px;margin-right:20px;padding:20px}.button-framework,.upload-button{align-items:center;display:flex}.button-framework{gap:15px}.reset-button{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:10px 20px}.back-to-predefined{background-color:#f9fafc;border:1px solid #dbdbdb;border-radius:8px;margin-left:20px;margin-right:20px;padding:20px}.logo{height:50px;width:150px}
/*# sourceMappingURL=main.b28a620c.css.map*/