@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-family:Inter,sans-serif}html{position:absolute;background-color:#fff}body{min-height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto}.danddq-container{display:flex;flex-direction:column;height:95vh;width:95vw;background-color:#efefef;padding:1rem;overflow:hidden;overflow-y:auto;max-width:85rem}h2,h3{font-family:Arial,Helvetica,sans-serif}.make-it-row{display:flex;flex-direction:row;margin-top:2rem;margin-bottom:2rem}.d-inputarea{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid black;width:auto;background:#e9f0f0}.q-heading{background-color:#178c9a;color:#fff;font-weight:700;padding:.75rem 1rem;border:1px solid white;font-size:1rem;font-family:Arial,Helvetica,sans-serif;width:100%;display:flex;justify-content:center;align-items:center}.ans-cell{min-height:80px;border:1px solid #d3d3d3;background:#eef3f3;padding:1rem;font-size:.85rem;font-family:Arial,Helvetica,sans-serif;width:100%;display:flex;justify-content:center;align-items:center}.d-questionarea{min-height:10rem;min-width:10rem;border:1px solid black;margin-left:.5rem;margin-right:.5rem}.selection-area{display:flex;position:relative;padding:.5rem;height:fit-content;width:fit-content;border:1px solid black;flex-direction:column}.selection-block{display:flex;position:relative;min-height:2rem;width:fit-content;max-width:15rem;padding:.5rem 1rem;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin-bottom:1rem}.selection-box{display:flex;position:relative;flex-direction:column;height:fit-content;width:15rem;min-height:2rem;border:1px solid red;margin-left:2rem;margin-right:2rem;border:1px solid gray}.selection-heading{display:flex;position:relative;height:fit-content;min-height:2rem;width:100%;padding:.5rem;background-color:#3d9072;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1rem}.selection-item{display:flex;position:relative;height:fit-content;min-height:2rem;width:100%;padding:.5rem;background-color:#cddbd4;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:.75rem}.drop-cell{background-color:#f1f7f7;border:1px solid #d4d4d4}.selection-item{padding:.7rem;border:1px solid #cccccc;cursor:grab;background:#fff}.selection-item.alt{background:#e8eeeb}.selection-item:active{cursor:grabbing}.drop-cell:hover{background-color:#d8f0f0}.save-progress-btn{display:flex;position:fixed;z-index:999999;bottom:10px;right:10px;height:3.5rem;width:3.5rem;padding:.5rem;background-color:#fff;justify-content:center;align-items:center;border-radius:50%;border:2px solid #3d9072;cursor:pointer;box-shadow:0 0 20px 2px #00000038}.save-progress-btn>img{height:2rem;width:fit-content}.save-progress-btn:hover{background-color:#419b7a}.save-progress-btn:active{background-color:#29604c}.sub-question-label{display:none!important;position:absolute;right:2px;top:2px;padding:.5rem;min-height:2.5rem;min-width:2.5rem;background-color:#000;color:#fff;font-size:.9rem;font-family:inherit;font-weight:500;justify-content:center;align-items:center;z-index:1}.drop-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:16px}.container-b{display:flex;position:absolute;height:100vh;width:100vw;background-color:#fff;overflow-y:auto;overflow-x:hidden;align-items:center;flex-direction:column;padding:2rem;margin-top:2rem}.center-box{display:flex;position:relative;width:fit-content;height:fit-content;width:100%;max-width:75rem;background-color:#f1f1f1;padding:.5rem;flex-direction:column}.top-info-area{display:flex;position:fixed;top:0;left:0;height:fit-content;width:100vw;padding:.2rem 1rem;flex-direction:row;align-items:center;z-index:100;background-color:#000}.info-btn-action{display:flex;position:relative;height:2.7rem;width:4.7rem;min-width:2.7rem;justify-content:center;align-items:center;font-family:inherit;font-weight:500;border:1px solid white;outline-style:none!important;color:#fff;background-color:#3d9072;cursor:pointer;font-size:.85rem}.info-question-indicator-area{display:flex;position:relative;width:100%;flex-direction:row;justify-content:space-evenly;align-items:center;overflow-x:auto;overflow-y:hidden}.info-q-indicator,.info-q-indicator-focused{display:flex;position:relative;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:50%;background-color:#000;color:#fff;justify-content:center;align-items:center;border:1px solid white;font-size:1rem;font-family:inherit;font-weight:500}.info-q-indicator-focused{background-color:#fff;border:1px solid black;color:#000}.heading-area-container{display:flex;position:relative;flex-direction:column;height:fit-content;width:100%}.scene-title{display:flex;position:relative;height:fit-content;width:100%;font-family:inherit;font-weight:500;font-size:2rem;padding:1rem;color:#000}.question-number{display:flex;position:relative;height:fit-content;width:100%;color:#000;font-size:1rem;font-family:inherit;padding:0 1.5rem 1rem 1rem;font-weight:500}.question-title{display:flex;position:relative;height:fit-content;width:100%;background-color:#3d9072;font-family:inherit;font-weight:400;font-size:1.2rem;padding:1rem;color:#fff;white-space:"pre-wrap";white-space:pre-line}.h-q-main-content{display:flex;position:relative;height:fit-content;min-height:7rem;background-color:#d3d3d3;justify-content:flex-start;padding:1rem;font-family:inherit;font-weight:600;color:#000;font-size:1.1rem;margin-top:.5rem;margin-bottom:.5rem;width:100%}.h-q-main-video-image-area{display:flex;position:relative;height:fit-content;min-height:15rem;background-color:#d3d3d3;justify-content:flex-start;padding:1rem;margin-top:.5rem;margin-bottom:.5rem;justify-content:center;align-items:center}.h-q-main-video-image-area>img{height:15rem;width:fit-content;object-fit:contain}.h-q-main-video-image-area>video{height:15rem;width:fit-content;object-fit:contain}.heading-row-title-and-content{display:flex;position:relative;width:100%;height:fit-content;background-color:#d3d3d3;flex-direction:row-reverse}.radio-container{display:flex;position:relative;height:fit-content;width:100%;min-width:17rem;min-height:5rem;background-color:#d0ffdaa8;flex-direction:column;margin-top:.2rem}.radio-heading{display:flex;position:relative;height:fit-content;width:100%;background-color:#3d9072;padding:.5rem;color:#fff;font-size:1rem;font-family:inherit}.radio-r-container{display:flex;position:relative;height:fit-content;width:fit-content;flex-direction:row;padding:.5rem}.radio-r-container>span{margin-left:.5rem}.radio-rower{display:flex;position:relative;flex-direction:row}.resultInfo-container{display:flex;position:relative;height:fit-content;width:fit-content;min-width:15rem;border-radius:.75rem;margin-top:.2rem;margin-bottom:.2rem;padding:1rem;margin:1.2rem;flex-direction:column}.resultInfo-heading-area{display:flex;position:relative;flex-direction:row;height:fit-content;width:fit-content;align-items:center}.resultInfo-content-area{margin-top:1rem}.resultInfo-heading-icon>img{height:1.5rem;width:fit-content;margin-right:.5rem;border-radius:50%}.resultInfo-heading-text{font-weight:600}.resultInfo-breakdown{display:flex;position:relative;height:fit-content;min-height:5rem;width:100%;border:1px solid rgb(255,170,0);margin-top:1.5rem;border-radius:.35rem;flex-direction:column;padding:.2rem}.ri-heading{display:flex;position:relative;min-height:2rem;height:fit-content;width:100%;background-color:#fa0;border-radius:.3rem .3rem 0 0}.ri-heading-part{display:flex;position:relative;min-height:2rem;height:fit-content;width:60%;justify-content:flex-start;align-items:center;padding:.5rem;font-size:1rem;font-family:inherit;font-weight:600}.ri-heading-part:nth-child(1){width:25%}.ri-heading-part:nth-child(2){width:10%}.ri-heading-part:nth-child(3){width:65%}.ri-content-container{display:flex;position:relative;min-height:2rem;height:fit-content;width:100%;background-color:#f8d691;margin-top:.2rem;margin-bottom:.2rem}.ri-content-part{display:flex;position:relative;min-height:2rem;height:fit-content;width:60%;justify-content:flex-start;align-items:center;padding:.5rem;font-size:.9rem;font-family:inherit;font-weight:500}.ri-content-part:nth-child(1){width:25%}.ri-content-part:nth-child(2){width:10%}.ri-content-part:nth-child(3){width:65%}.text-area-subquestion{position:relative;padding:.2rem .2rem .2rem .5rem;margin-bottom:.5rem;margin-top:.5rem;font-family:inherit;height:fit-content;width:100%;min-height:5rem;color:#000;font-size:1rem;min-width:20rem}.container-star-drop{display:flex;position:relative;flex-direction:column}.choice-container{display:flex;position:relative;height:fit-content;width:100%;flex-direction:column;background-color:#fff;margin:.5rem;padding:.2rem}.choice-list-container{display:flex;position:relative;margin-top:.2rem;margin-bottom:.2rem;border:1px solid black;padding:.4rem;min-width:15rem;width:fit-content;font-size:1rem;font-family:inherit;cursor:grab;height:fit-content;min-width:100%;min-height:7rem;max-width:20rem}.choice-list-container:active{cursor:grabbing}.choice-container.two-columns,.ndndrop-input-container.two-columns{display:grid;grid-template-columns:repeat(2,minmax(auto,auto));column-gap:.5rem;row-gap:.2rem}@media(max-width:600px){.choice-container.two-columns,.ndndrop-input-container.two-columns{grid-template-columns:1fr}}.star-name-input-container{display:flex;position:relative;height:fit-content;flex-direction:row;margin-top:.5rem;margin-bottom:.5rem;padding:.35rem}.ndndrop-input-container{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:.5rem;margin:.5rem 0;padding:.35rem}.ndndrop-input-container-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0;padding:.35rem}.star-label{display:flex;position:relative;height:1.7rem;justify-content:center;align-items:center;font-size:1rem;font-weight:400;font-family:inherit;background-color:#8bbc9a;padding:.2rem .4rem}.star-input-area{display:flex;position:relative;height:fit-content;min-width:20rem;width:100%;min-height:4rem;background-color:#fff;margin-left:.5rem;padding:.5rem}.label-equal-spacer{display:flex;position:relative;width:7.7rem;height:fit-content}.image-drop-container{display:flex;position:relative;width:100%;min-height:5rem;height:fit-content;margin-top:.5rem;margin-bottom:.5rem;flex-direction:column}.image-drop-container>p{font-size:1rem;font-family:inherit;color:#fff;margin-bottom:1rem}.image-drop-area{display:flex;position:relative;flex-direction:column;width:100%;height:fit-content;min-height:10rem;background-color:#3d9072;padding:1rem;color:#fff;font-family:inherit;font-size:1rem;font-weight:500}.image-drop-input{display:flex;position:relative;height:10rem;width:fit-content;min-width:15rem;object-fit:contain;background-color:#fff;margin-top:1.5rem}.image-drop-image-from-choice{width:100%;max-width:20rem;object-fit:contain;border:1px solid black;aspect-ratio:4 / 3;margin-left:.2rem;margin-right:.2rem}.drop-images-container{display:grid;grid-template-columns:repeat(4,minmax(0,20rem));gap:8px;margin-top:.5rem;padding:1rem}.image-drop-input-area{display:flex;position:relative;width:100%;height:fit-content;flex-direction:row;flex-wrap:wrap}.image-drop-input-area{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.image-drop-input{width:100%;min-width:unset}.image-drop-image-inside{display:flex;position:relative;height:100%;width:100%;object-fit:contain}.ws-container{display:flex;position:relative;height:fit-content;width:100%;margin-top:.5rem;margin-bottom:.5rem;flex-direction:column;align-items:center;padding:1rem;border:1px solid black}.ws-image-center{display:flex;position:relative;height:10rem;width:10rem;border:2px solid #404b43;border-radius:.75rem}.bin-container{display:flex;position:relative;height:fit-content;width:100%;margin-top:4rem;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.bin-and-input-container{display:flex;position:relative;height:20rem;width:fit-content;margin-left:.5rem;margin-right:.5rem}.bin-and-input-container>img{mix-blend-mode:multiply;filter:contrast(1.1)}.bin-input-container{height:5rem;width:5rem;max-width:5rem;object-fit:contain;background-color:#ffffffdb;display:flex;position:absolute;border:2px solid #404b43;bottom:26px;left:50%;transform:translate(-50%);border-radius:.75rem;overflow:hidden}.page-indicator-row{position:relative;display:flex;gap:12px;justify-content:flex-start;min-width:20rem;width:75vw;height:2rem;overflow-x:auto;overflow-y:hidden;padding-left:.5rem;padding-right:.5rem;background-color:red}.subquestion-indicator{margin-top:6px;font-size:14px;color:#fff;height:fit-content;min-height:2.7rem;width:fit-content;min-width:2.7rem;padding:.2rem;justify-content:center;background-color:#3d9072;font-family:inherit;font-weight:500;font-size:1rem;display:flex;position:relative;align-items:center}.new-ndragndrop-container{display:flex;position:relative;height:fit-content;width:100%;min-height:5rem;margin-top:1rem;padding:.5rem;flex-direction:row;justify-content:space-evenly;background-color:#fff}.leftside-box-dndrop{display:flex;position:relative;height:fit-content;min-height:2rem;width:25rem;margin-right:2rem;flex-direction:column}.rightside-box-dndrop{display:flex;position:relative;height:fit-content;min-height:2rem;width:35rem;flex-direction:column}.lsb-heading{display:flex;position:relative;flex-direction:row;min-height:2.2rem;width:100%;height:fit-content;background-color:#fa9a43;margin-bottom:.35rem}.lsb-heading-no{display:flex;position:relative;height:fit-content;min-height:2.2rem;border-right:2px solid white;width:5rem;justify-content:flex-start;align-items:center;padding-left:.5rem;color:#fff;font-size:1rem;font-family:inherit;font-weight:600}.lsb-heading-steps{display:flex;position:relative;height:fit-content;min-height:2.2rem;border-left:2px solid white;width:20rem;justify-content:flex-start;align-items:center;padding-left:.5rem;color:#fff;font-size:1rem;font-family:inherit;font-weight:600}.lefside-content-area{display:flex;position:relative;flex-direction:row;min-height:2.2rem;width:100%;height:fit-content;background-color:#feefe8;margin-bottom:.15rem;margin-top:.15rem}.lsb-content-no{display:flex;position:relative;height:fit-content;min-height:2.2rem;width:5rem;justify-content:flex-start;align-items:center;padding:.5rem;color:#000;font-size:.9rem;font-family:inherit;font-weight:500}.lsb-content-steps{display:flex;position:relative;height:fit-content;min-height:2.2rem;border-left:2px solid white;width:20rem;justify-content:flex-start;align-items:center;padding:.5rem;color:#000;font-size:.9rem;font-family:inherit;font-weight:500}.rs-box-heading{display:flex;position:relative;flex-direction:row;min-height:2.2rem;width:100%;height:fit-content;background-color:#179c9a;margin-bottom:.35rem;color:#fff;font-size:1rem;font-family:inherit;padding-left:.5rem;justify-content:flex-start;align-items:center}.rightside-content-area{display:flex;position:relative;flex-direction:row;min-height:2.2rem;width:100%;height:fit-content;background-color:#e7efef;margin-bottom:.15rem;margin-top:.15rem}.rhs-content-steps{display:flex;position:relative;height:fit-content;min-height:2.2rem;width:20rem;justify-content:flex-start;align-items:center;padding:.5rem;color:#000;font-size:.9rem;font-family:inherit;font-weight:500}.alert-box-container{display:flex;position:fixed;z-index:99999999;background-color:#0000003c;height:100vh;width:100vw;justify-content:center;align-items:center;left:0;top:0}.alert-box-body{display:flex;position:relative;height:fit-content;width:30rem;background-color:#fff;border-radius:.5rem;flex-direction:column}.alert-heading-area{display:flex;position:relative;min-height:2.5rem;height:fit-content;padding:.5rem;width:30rem;background-color:#3d9072;color:#fff;font-size:.85rem;font-weight:500;font-family:inherit;border-radius:.5rem .5rem 0 0;align-items:center}.alert-content-area{display:flex;position:relative;height:100%;width:30rem;min-height:fit-content;background-color:#f4f1f1;border-radius:0 0 .5rem .5rem;padding:1rem;font-size:.8rem;color:#000;font-family:inherit;font-weight:600;flex-direction:column}.alert-message-area{height:fit-content;width:100%;padding:1rem}.alert-yes-no-button{padding:1rem;height:fit-content;width:fit-content;display:flex;position:relative;flex-direction:row;width:100%;justify-content:center}.alert-yes-no-button>button{height:2.2rem;width:fit-content;padding:.2rem 1rem;margin-right:.5rem;border:2px solid #18362b;background-color:#3d9072;color:#fff;font-family:inherit;font-weight:500;cursor:pointer}.alert-yes-no-button>button:hover{border:2px solid #1d4335;background-color:#46aa85}.alert-yes-no-button>button:active{border:2px solid #11261f;background-color:#31725a}.profile-info-main-container{display:flex;position:relative;flex-direction:column}.profile-info-container{display:flex;position:relative;min-height:2.2rem;height:fit-content;width:100%;background-color:#bbbbbb39;color:#000;font-size:.9rem;font-weight:500;font-family:inherit;flex-direction:row;border-radius:.25rem;margin-top:.2rem}.p-i-c-key{min-height:2.2rem;height:fit-content;width:40%;justify-content:flex-start;padding:.2rem;align-items:center;flex-direction:row;display:flex;font-weight:600}.p-i-c-value{min-height:2.2rem;height:fit-content;width:60%;justify-content:flex-start;padding:.2rem;align-items:center;flex-direction:row;display:flex}.loading-container{display:flex;position:fixed;z-index:999999999;height:100vh;width:100vw;background-color:#0003;overflow:hidden}.loading-container:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#055e2666,#18362b);animation:pulse .7s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.toast-container{position:fixed;right:3rem;top:5rem;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast-item{pointer-events:auto;min-width:250px;padding:12px 20px;border-radius:4px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;font-family:inherit;font-weight:500;font-size:.95rem}.success{background-color:#2ecc71}.error{background-color:#e74c3c}.info{background-color:#3498db}.toast-close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:10px;opacity:.7}.toast-close-btn:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{display:flex;position:fixed;z-index:9999999999;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.result-card{background:#3d9072;padding:40px 60px;border-radius:8px;box-shadow:0 4px 20px #0000001a;text-align:left;min-width:450px}.result-title{font-size:3rem;font-weight:800;margin-bottom:30px;color:#fff}.score-container{display:flex;gap:60px;margin-bottom:40px}.score-box{display:flex;flex-direction:column}.label{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#fff}.number{font-size:5rem;font-weight:400;color:#fff}.review-btn{background-color:#e9ecef;border:1px solid #adb5bd;border-radius:12px;padding:15px 25px;font-size:1.2rem;cursor:pointer;transition:background-color .2s;color:#333}.review-btn:hover{background-color:#dee2e6}.grid-question-viewer-container{display:flex;position:fixed;z-index:9999999;height:100vh;width:100vw;background-color:#00000027}.grid-question-viewer-body{display:flex;position:absolute;top:50%;left:50%;height:20rem;width:25rem;transform:translate(-50%,-50%);background-color:#fff;border-radius:.5rem;flex-direction:column}.grid-question-area{display:flex;position:relative;height:100%;min-height:10rem;max-height:14rem;width:100%;background-color:#ececec;padding:1rem;overflow-y:auto;overflow-x:hidden;flex-wrap:wrap;grid-gap:10px;justify-content:center}.grid-question-item{display:flex;height:2.5rem;width:2.5rem;background-color:#3d9072;color:#fff;border:1px solid #18362b;justify-content:center;align-items:center;margin-left:.5rem;margin-right:.5rem;font-size:.75rem;font-family:inherit;font-weight:500;cursor:pointer;outline-style:none}.grid-question-heading{display:flex;position:relative;min-height:2.5rem;height:fit-content;padding:.5rem;width:25rem;background-color:#3d9072;color:#fff;font-size:.85rem;font-weight:500;font-family:inherit;border-radius:.5rem .5rem 0 0;align-items:center}.grid-button-container{padding:1rem;height:fit-content;width:fit-content;display:flex;position:relative;flex-direction:row;width:100%;justify-content:center}.grid-button-container>button{height:2.2rem;width:fit-content;padding:.2rem 1rem;margin-right:.5rem;border:2px solid #18362b;background-color:#3d9072;color:#fff;font-family:inherit;font-weight:500;cursor:pointer}.grid-viewer-btn{display:flex;position:relative;height:2.7rem;width:2.7rem;width:fit-content;object-fit:contain;background-color:#3d9072;padding:.45rem;border:1px solid white;outline-style:none!important;cursor:pointer;margin-right:1rem}