#app{max-width:100vw;max-height:100vh;margin:0 auto;padding:2rem;font-weight:400}.no-border{border:none}.box-shadow{box-shadow:2px 2px 4px #00000080}.border-radius{border-radius:20px}.border-radius-light{border-radius:10px}.bg-tea-choco{background-color:#4e2e1d}.bg-tea-cream{background-color:#fcdfc2}.bg-tea-one{background-color:#f1a159}.bg-tea-two{background-color:#feb05c}.bg-tea-three{background-color:#f5962c}.bg-tea-four{background-color:#f37600}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.text-tea-choco{color:#4e2e1d}.text-tea-cream{color:#fcdfc2}.text-tea-one{color:#f1a159}.text-tea-two{color:#feb05c}.text-tea-three{color:#f5962c}.text-tea-four{color:#f37600}.text-white{color:#fff}.font-weight{font-weight:600}.font-size-form{font-size:1vw}.font-size-label{font-size:1.5vw}.font-size-button{font-size:1.25vw}.font-size-title{font-size:1.75vw}.bg-white{background-color:#fff}.login-button-blue{background-color:#4492f6}.login-text-color{color:#163760}.register-box-color{background-color:#00afef}#app[data-v-f9a71c09]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.mini-game-wrapper[data-v-10916f56]{position:relative}.instruction-div[data-v-10916f56]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity 2s}.instruction-text[data-v-10916f56]{font-size:1.5vw;text-align:center;margin:20px}.ready-button[data-v-10916f56]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#4492f6;color:#fff;width:10vw;height:auto;border:none;border-radius:5px;cursor:pointer;font-size:1vw;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:2px 2px 4px #00000080}.ready-button[data-v-10916f56]:hover{background-color:#144e98}.mini-game-container[data-v-10916f56]{opacity:0;transition:opacity 2s;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.image-container[data-v-10916f56]{top:25%}.mini-game-image[data-v-10916f56]{width:15vw;height:auto}.interaction-container[data-v-10916f56]{position:absolute;bottom:20%;width:100%;display:flex;flex-direction:column;align-items:center}.question-text[data-v-10916f56]{font-size:1.25vw;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.button-container[data-v-10916f56]{display:flex;gap:10px}.button-emotion[data-v-10916f56]{width:12.5vw;height:5vh;border-radius:15px;box-shadow:2px 2px 4px #00000080;font-size:1vw;font-weight:700;background-color:#4492f6;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.welcome-text{position:absolute;top:10vh;left:10vw;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.secondary-text{top:15vh;left:10vw;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.response-div{position:absolute;display:flex;justify-content:center;align-items:center;top:0vh;left:10vw;color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.5);width:75vw;height:70vh;border-radius:20px}.mini-game-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.title-div{background-color:#fff;color:#000;padding:2.5%;position:relative;width:65vw;height:45vh;top:0vh;left:12vw;box-shadow:2px 2px 4px #00000080}.continue-button{position:absolute;bottom:5%;left:50%;transform:translate(-50%);padding:10px 20px;background-color:#4492f6;color:#fff;width:10vw;height:auto;border:none;border-radius:5px;cursor:pointer;font-size:1vw;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:2px 2px 4px #00000080}.continue-button:hover{background-color:#144e98}.title-text{margin:0;font-size:2.5vw}.result-div{position:absolute;padding:2.5%;top:0vh;left:12.5vw;width:65vw;height:45vh;color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;background-color:#fff;box-shadow:2px 2px 4px #00000080;border-radius:20px}button{background-color:#fcdfc2;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.button-container{display:flex;justify-content:center;align-items:center;width:100%}.button-wrapper{flex:1;display:flex;justify-content:center;width:12.5vw;height:20vh;top:70%;transform:translateY(70%)}.middle-button{flex:2}.button-decision{background-color:#fff;border:none;color:#000;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:1.1vw;cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.5);border-radius:20px;box-shadow:2px 2px 4px #00000080}.button-decision:hover{background-color:#4492f6;color:#fff}.left-button-decision,.right-button-decision,.middle-button-decision{width:90%;height:100%}.content-container{width:90%;height:90%}.dashboard-button{position:absolute;display:flex;align-items:center;justify-content:center;width:7vw;height:5vh;right:5vw;top:5vh}.score-container{display:flex;flex-direction:column;align-items:center}.score-container input[type=text]{margin-bottom:10px;padding:5px;border-radius:5px;border:1px solid #ccc}.score-container .save-button{background-color:#fcdfc2;color:#000;padding:10px 20px;border:none;font-size:16px;margin:0 10px;cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.5);border-radius:20px;box-shadow:2px 2px 4px #00000080}.response-result{padding:1%}.response-result-score{margin-top:5%}.next-button{margin-top:2.5%;width:10vw;height:7.5vh}.score-hover-div{position:absolute;padding:10px;text-align:center;width:10vw;bottom:10vh;left:50%;transform:translate(-50%)}.score-hover-div p{margin:5px 0;text-align:left}.back-button-container{position:absolute;top:2.5vh;left:7.5vw;display:flex;align-items:center}.mute-button-container{position:absolute;top:2.5vh;right:7.5vw;display:flex;align-items:center;opacity:0}.back-arrow-square{width:2vw;height:2vw;border:2px solid #848688;border-radius:5px;display:flex;justify-content:center;align-items:center;margin-right:10px}.back-arrow-square:hover{background-color:#4492f6;border:2px solid #4492f6;box-shadow:2px 2px 4px #00000080}.back-arrow-icon{border-top:.5vw solid transparent;border-bottom:.5vw solid transparent;border-right:1vw solid #848688}.back-arrow-square:hover .back-arrow-icon{border-right:1vw solid white}.play-button-icon{background-image:url(/assets/PlaySpeakerIcon_Black-CqFFMuDk.png)}.back-arrow-square:hover .play-button-icon{background-image:url(/assets/PlaySpeakerIcon_White-Ckl8caeb.png)}.mute-button-icon{background-image:url(/assets/PlaySpeakerIcon_Black_Mute-DUcz3_YJ.png)}.back-arrow-square:hover .mute-button-icon{background-image:url(/assets/PlaySpeakerIcon_White_Mute-CmSoo9u-.png)}.play-button-icon,.mute-button-icon{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;display:inline-block}.back-button-text{font-size:1rem;line-height:50px}.score-box{background-color:#fff;height:15vh;position:absolute;bottom:10vh;width:65vw;left:15vw;display:flex;box-shadow:2px 2px 4px #00000080;overflow:visible;border-radius:15px;z-index:20}.score-group{display:flex;justify-content:space-around;align-items:center;width:100%}.score-item{display:flex;flex-direction:column;align-items:center;flex:1}.group-one{display:flex;align-items:center;flex:1}.group-one img{width:1.8vw;height:auto}.group-two{width:70%;display:flex;justify-content:space-between;align-items:flex-end}.score-item img{width:2.2vw;height:auto}.score-text{font-weight:900;margin-top:5%;font-size:1.25vw}.score-text-item-group{margin-top:5%;display:flex;flex-direction:column;align-items:center;width:100%}.union-icon{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0%}.union-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.union-icon img{width:2.5vw;height:auto}.union-text{position:absolute;color:#fff;font-weight:700;text-align:center;font-size:1.1vw}.score-div{display:flex;flex-direction:column;align-items:center}.score-intro{text-align:center;margin-bottom:20px}.score-breakdown{display:flex;justify-content:space-around;width:100%;margin:10px 0}.care-score-card,.respect-score-card,.understanding-score-card{width:30vw;height:22.5vh;border-radius:5px;text-align:center;box-shadow:2px 2px 4px #00000080;margin:1.5%}.care-score-card{background-color:#fee}.respect-score-card{background-color:#d7f3ff}.understanding-score-card{background-color:#ebf6e7}.progress-bar-container{width:90%;padding:0;margin-top:2%;margin-left:5%}.progress-bar-container-total{position:relative;width:90%;padding:0;margin-top:5%;margin-left:5%;bottom:25%}.progress-bar-background{background-color:#808080bf;border-radius:5px;height:.8vw;box-shadow:2px 2px 4px #00000080}.progress-bar-foreground{background-color:#000;height:100%;border-radius:5px;transition:width .3s ease;width:0%;box-shadow:2px 2px 4px #00000080}.score-card-point-wrapper{margin-top:2.5%;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 5%;box-sizing:border-box}.score-image-group{display:flex;align-items:center}.score-text-group{display:flex;flex-direction:column;text-align:left;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.total-score-box{display:flex;flex-direction:column;padding:15px;background-color:#9747ff;color:#fff;border-radius:5px;width:90%;box-shadow:2px 2px 4px #00000080}.score-group{display:flex;justify-content:space-between;align-items:center;width:100%}.total-score-group{display:flex;align-items:center;flex:1}.score-value-group{display:flex;flex-direction:column;align-items:flex-end;max-width:20%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-value-group-total{margin-right:5%}.comparison-score-box{width:100%;background-color:#fff;color:#000;padding:15px;border-radius:5px;text-align:center;margin:10px 0}.score-button-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;width:100%}.end-button{padding:10px 20px;background-color:#fff;color:gray;border:#2c3e50;border-radius:5px;cursor:pointer;font-size:1vw;width:15vw;height:5vh;box-shadow:2px 2px 4px #00000080;font-weight:300}.end-button:hover{padding:10px 20px;background-color:#4492f6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1vw;width:15vw;height:5vh;box-shadow:2px 2px 4px #00000080;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:600}.form-content[data-v-a8067fb7]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;background-color:#000;overflow:auto;padding:20px;box-sizing:border-box}.text-box[data-v-a8067fb7]{margin-bottom:15px}.text-box textarea[data-v-a8067fb7],.text-box input[type=number][data-v-a8067fb7]{width:100%;padding:10px;margin-top:5px;resize:none;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#f8f8f8;color:#333}.text-box textarea[data-v-a8067fb7]{height:100px}.row-boxes[data-v-a8067fb7]{display:flex;gap:2%}.row-boxes .text-box[data-v-a8067fb7]{flex:1}.button-row[data-v-a8067fb7]{display:flex;justify-content:center;margin-top:20px}.action-button[data-v-a8067fb7]{padding:10px 20px;margin:0 2.5%;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.action-button[data-v-a8067fb7]:hover{background-color:#0056b3}h3[data-v-a8067fb7]{color:#fff;margin-bottom:10px}input[type=number][data-v-a8067fb7]{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.disabled-input[data-v-a8067fb7]{background-color:#e0e0e0;color:#999;cursor:not-allowed}.answer-detail[data-v-dc5b83bf]{padding:10px;border:1px solid #555;border-radius:5px;background-color:#444;width:120%}.details-container[data-v-dc5b83bf]{display:flex;justify-content:space-between;z-index:10}.question-list[data-v-5ffb4b32]{padding:20px;color:#fff;height:100%;overflow-y:auto}.question-item[data-v-5ffb4b32]{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#333;cursor:pointer;position:relative;display:flex;flex-direction:column;overflow-x:auto}.mini-game[data-v-5ffb4b32]{background-color:#04810b;border:1px solid #ffcc00;color:#fff}.answer-details[data-v-5ffb4b32]{display:flex;margin-top:10px}.button-container[data-v-5ffb4b32]{margin-top:20px;display:flex;justify-content:center}.button-container button[data-v-5ffb4b32]{margin:0 10px;padding:10px 15px;cursor:pointer}.reorder-buttons[data-v-5ffb4b32]{display:flex;flex-direction:column;margin-right:10px}.reorder-buttons button[data-v-5ffb4b32]{padding:5px 10px;margin:2px 0;cursor:pointer}.action-buttons[data-v-5ffb4b32]{display:flex;margin-top:10px}.edit-button[data-v-5ffb4b32],.delete-button[data-v-5ffb4b32]{padding:5px 10px;cursor:pointer;border:none;border-radius:4px;margin-left:5px}.edit-button[data-v-5ffb4b32]{background-color:#007bff;color:#fff}.delete-button[data-v-5ffb4b32]{background-color:#dc3545;color:#fff}.hover-statement[data-v-5ffb4b32]{position:relative;background-color:#222;color:#fff;padding:10px;border-radius:5px;z-index:10}.color-picker[data-v-5ffb4b32]{margin-top:10px}.color-picker input[type=color][data-v-5ffb4b32]{width:50px;height:30px;border:none;cursor:pointer}.color-picker input[type=text][data-v-5ffb4b32]{width:100px;padding:5px;margin-left:10px}.form-content[data-v-bbcec9dd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;background-color:#000;overflow:auto;padding:20px;box-sizing:border-box}.text-box[data-v-bbcec9dd]{margin-bottom:15px}.text-box textarea[data-v-bbcec9dd],.text-box input[type=number][data-v-bbcec9dd]{width:100%;padding:10px;margin-top:5px;resize:none;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#f8f8f8;color:#333}.text-box textarea[data-v-bbcec9dd]{height:100px}.row-boxes[data-v-bbcec9dd]{display:flex;gap:2%}.row-boxes .text-box[data-v-bbcec9dd]{flex:1}.button-row[data-v-bbcec9dd]{display:flex;justify-content:center;margin-top:20px}.action-button[data-v-bbcec9dd]{padding:10px 20px;margin:0 2.5%;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.action-button[data-v-bbcec9dd]:hover{background-color:#0056b3}h3[data-v-bbcec9dd]{color:#fff;margin-bottom:10px}input[type=number][data-v-bbcec9dd]{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.disabled-input[data-v-bbcec9dd]{background-color:#e0e0e0;color:#999;cursor:not-allowed}.score-list[data-v-efc8e83b]{padding:20px;color:#fff;height:100%;overflow-y:auto}.score-list-container[data-v-efc8e83b]{overflow-y:auto;height:calc(100% - 50px)}.score-item[data-v-efc8e83b]{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#333}.filter-options[data-v-efc8e83b]{margin-bottom:10px;display:flex;align-items:center}.filter-options label[data-v-efc8e83b]{margin-right:10px}.filter-options select[data-v-efc8e83b]{padding:5px;border-radius:4px}.export-button[data-v-efc8e83b]{margin-left:10px;border-radius:5px;background-color:#f5962c;box-shadow:2px 2px 4px #00000080;color:#fcdfc2;font-size:1vw;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.export-button[data-v-efc8e83b]:hover{background-color:#4e2e1d}.edit-collection[data-v-d1a6be25]{margin:20px}.div-form[data-v-d1a6be25]{display:flex;flex-direction:column;align-items:center;gap:10px}.form-input[data-v-d1a6be25],.form-input-button[data-v-d1a6be25]{width:12.5vw;height:7.5vh;text-align:center}.form-input-initial-story[data-v-d1a6be25]{width:35vw;height:auto;resize:vertical;padding:10px}.add-collection[data-v-258045ac]{margin:20px}.add-collection input[data-v-258045ac]{margin-bottom:10px}.div-form[data-v-258045ac]{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.form-input[data-v-258045ac]{width:12.5vw;height:7.5vh;text-align:center}.form-input-initial-story[data-v-258045ac]{width:35vw;height:auto;resize:vertical;padding:10px}.form-input-button[data-v-258045ac]{width:12.5vw;height:7.5vh;text-align:center}.image-preview[data-v-258045ac]{width:100%;max-width:300px;margin-top:10px}.approx-time-container[data-v-258045ac]{display:flex;flex-direction:column;margin-top:10px}.approx-time-inputs[data-v-258045ac]{display:flex;gap:10px}.approx-time-inputs input[data-v-258045ac]{width:35%}.welcome-text{position:absolute;top:2.5vh;left:10vw}.secondary-text{top:5vh;left:10vw}::-webkit-scrollbar{width:0px;background:transparent}.mainpage-button{position:absolute;width:15vw;height:5vh;right:5vw;top:5vh}.form-list-button{padding:0 10px;text-align:center;text-decoration:none;display:inline-block;margin:10px;cursor:pointer;width:12.5vw;height:5vh;background-color:#f37600}.form-list-button:hover{background-color:#4e2e1d}.dashboard-list-buttons{position:absolute;top:50%;left:3vw;transform:translateY(-50%);width:15vw;height:70vh;display:flex;flex-direction:column;align-items:center;gap:10px}.form-div{position:absolute;top:60vh;right:3vw;transform:translateY(-50%);width:75vw;height:80vh;opacity:0;overflow:scroll;overflow-y:auto;padding-bottom:50px}.planned-forms{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:brown;color:#fff;text-align:left;overflow-y:scroll}.text-strikethrough{text-decoration:line-through}.drop-down-story-selector{margin-top:5%;width:10vw;height:5vh}.first-statement-indent{margin-left:5%;margin-top:5%}.statement-indent{margin-left:5%;margin-top:2.5%}.child-statement-indent{margin-left:10%}#background-container[data-v-f0cff831]{position:relative;height:100vh}.dashboard-container[data-v-f0cff831]{text-align:center;position:relative;width:100vw}.header[data-v-f0cff831]{position:absolute;top:20px;right:20px;display:flex;align-items:center}.welcome-message[data-v-f0cff831]{margin-right:25px}.logout-button[data-v-f0cff831]{padding:10px 20px;cursor:pointer}.stats-content[data-v-f0cff831]{margin-top:2%}.center-content[data-v-f0cff831]{margin-top:2.5%}.main-page-link[data-v-f0cff831]{display:inline-block;margin-top:20px}.margin-element[data-v-f0cff831]{margin-top:2.5%}.input-field[data-v-f0cff831]{height:1.5%;padding:5%}.story-button-container[data-v-f0cff831]{display:flex;flex-wrap:wrap;justify-content:center}.story-button-wrapper[data-v-f0cff831]{margin:1.25%}.story-button[data-v-f0cff831]{width:15vw;height:30vh}.info-box[data-v-f0cff831]{display:flex;justify-content:space-between;align-items:flex-start;background-color:#fff;border-radius:8px;padding:20px;margin:2.5% auto;width:70%;height:auto;box-shadow:0 2px 10px #0000001a;position:relative}.group-one[data-v-f0cff831]{width:15%;display:inline-flex;align-items:center}.initial-circle-container[data-v-f0cff831]{width:25%}.greeting-container[data-v-f0cff831]{display:flex;flex-direction:column;text-align:left}.group-two[data-v-f0cff831]{width:70%;display:flex;align-items:center;margin-left:5%}.info-item[data-v-f0cff831]{flex:1;text-align:left;padding:10px}.info-item h3[data-v-f0cff831]{margin:0;font-size:1vw}.username[data-v-f0cff831]{color:#00afef;margin:0;font-weight:700}.info-item p[data-v-f0cff831]{margin:0;font-size:.75vw}.initial-circle[data-v-f0cff831]{background-color:#4492f6;color:#fff;border-radius:50%;width:3.5vw;height:3.5vw;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:100;margin-right:10px}.logout-icon-container[data-v-f0cff831]{width:2vw;height:2vw;border:1px solid #d9d9d9;border-radius:5px;display:flex;align-items:center;justify-content:center;position:absolute;right:7.5%;top:50%;transform:translateY(-50%)}.logout-icon[data-v-f0cff831]{width:3vw;height:auto}.stat-games[data-v-f0cff831]{position:absolute;display:flex;align-items:center;top:50%;transform:translateY(-50%);width:15vw;font-size:1vw}.stat-icon[data-v-f0cff831]{width:2vw;height:auto;margin-right:2.5%}.stat-box[data-v-f0cff831]{background-color:silver;box-shadow:2px 2px 4px #00000080;padding:2.5% 5%;border-radius:5px;text-align:center;margin-left:2.5%;width:10%}.story-box[data-v-f0cff831]{width:15vw;height:35vh;background-color:#fff;position:relative;border:1px solid #d9d9d9;border-radius:15px}.difficulty-box[data-v-f0cff831]{position:absolute;top:2%;right:5%;background-color:#f0f0f0;padding:5px;border-radius:30px;font-size:.7vw;font-weight:600;width:30%}.character-selection[data-v-f0cff831]{text-align:center;position:relative;top:40%;transform:translateY(-40%);margin-top:10px}.character-image[data-v-f0cff831]{width:5vw;height:5vw;border-radius:50%;object-fit:cover;display:block;margin:0 auto}.select-button[data-v-f0cff831]{width:90%;height:7.5%;background-color:#fff;color:gray;border:1px solid grey;border-radius:5px;cursor:pointer;margin:10px auto;padding:5px;display:block;font-weight:300;font-size:1.1vw}.select-button[data-v-f0cff831]:hover{background-color:#4492f6;color:#fff;border:1px solid #4492f6;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.story-info[data-v-f0cff831]{margin:1rem 0}.login-wrapper[data-v-cc91dcf3]{display:flex;justify-content:center;align-items:center;height:100vh;position:relative}.masthead-image[data-v-cc91dcf3]{max-width:100%;max-height:100%;position:absolute;z-index:1}.masthead-image-login[data-v-cc91dcf3]{max-width:100%;max-height:50%;margin-bottom:1.5%;display:block}.login-container[data-v-cc91dcf3]{position:absolute;padding:20px;border-radius:8px;width:25vw;height:45vh;z-index:2;display:flex;flex-direction:column;opacity:0;pointer-events:none}.login-form[data-v-cc91dcf3],.register-form[data-v-cc91dcf3]{pointer-events:none}.form-content[data-v-cc91dcf3]{margin:1.5% 0;padding-left:10%;padding-right:10%;display:flex;flex-direction:column;align-items:center}.form-content-register[data-v-cc91dcf3]{padding-left:3%;padding-right:3%;display:flex;flex-direction:column;align-items:center}.text-group[data-v-cc91dcf3]{margin-bottom:.1rem}.margin-element[data-v-cc91dcf3]{margin-top:2.5%}.input-field[data-v-cc91dcf3]{height:1.5%;padding:5%;text-align:center;color:#163760;border-radius:15px}.login-button[data-v-cc91dcf3]{background-color:#fff;border:1px solid gray;color:#163760;width:50%}.login-button[data-v-cc91dcf3]:hover{background-color:#4492f6;color:#fff;border:1px solid #4492f6}.register-container[data-v-cc91dcf3]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;height:90%;margin:0 auto;padding:15px}.question-planner[data-v-53a82682]{padding:20px}.upper-section[data-v-53a82682]{border:1px solid #ddd;padding:10px;margin-bottom:20px}.scrollable-container[data-v-53a82682]{max-height:200px;overflow:auto}.question-container[data-v-53a82682]{display:flex;flex-direction:column;position:relative}.question-input-container[data-v-53a82682]{display:flex;align-items:center;position:relative}.add-button[data-v-53a82682]{cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:50%;width:30px;height:30px;margin-left:10px}.top-right[data-v-53a82682]{position:absolute;top:5px;right:5px}.bottom-right[data-v-53a82682]{position:absolute;bottom:5px;right:5px}.left-answer-container[data-v-53a82682]{display:flex;flex-direction:column;margin-top:10px}.left-answer-input[data-v-53a82682],.left-result-input[data-v-53a82682]{padding:8px;margin-bottom:5px}.number-inputs[data-v-53a82682]{display:flex;justify-content:space-between}.number-input[data-v-53a82682]{width:70px;margin-right:10px}.question-input[data-v-53a82682]{width:300px;padding:8px;margin-right:auto}.lower-section[data-v-53a82682]{display:flex;justify-content:space-around;margin-top:20px}.save-button[data-v-53a82682],.cancel-button[data-v-53a82682]{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-53a82682]{background-color:#ccc}