@import"https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300..700;1,300..700&display=swap";*{font-family:Inclusive Sans;padding:unset;margin:unset}.root{height:100vh}.logo{justify-content:left;margin-left:30px;margin-top:30px}.heading{font-size:48px;font-weight:400}.subtitle{font-size:15px;font-weight:400}.main{height:70%;width:100%;margin:auto;align-items:center;display:flex;flex-direction:column;justify-content:center}.whichTopic{font-size:24px;margin-bottom:22px}.main input{height:70px;width:770px;border-radius:20px;font-size:16px;color:#6d6d6d;border:0px;box-shadow:#959da533 0 8px 24px;padding:0 20px;transition:box-shadow .5s}input:focus{outline:none!important;box-shadow:#959da580 0 8px 24px}.searchbar{position:relative}.searchbar button{height:52px;width:100px;position:absolute;right:10px;top:50%;border-radius:8px;outline:none!important;border:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}.topic-title{font-size:48px;font-weight:700;margin-bottom:22px;align-self:center;text-align:center;margin-top:20px}.roadmap-container{display:flex;flex-direction:column;align-items:center;padding-left:20px;margin-top:40px;transition:margin-left .5s ease-in-out}.roadmap-container.modal-open{align-items:flex-start;margin-left:20px;width:30%}.bot-marg{margin-bottom:20px;font-size:1.2rem;margin-left:20px}.roadmap-item{display:flex;flex-direction:column;align-items:center}.roadmap-block{width:250px;height:60px;background-color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;border-radius:25px;box-shadow:#959da533 0 8px 24px;transition:background-color .3s}.roadmap-block:hover{background-color:#f6b285;cursor:pointer}.fake-line{width:4px;height:30px;background-color:gray;margin-right:150px;margin-top:3px;margin-bottom:5px;border-radius:52px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.modal-sheet{overflow-y:auto;position:fixed;top:0;right:0;width:70%;height:100vh;background:#fff;box-shadow:-5px 0 15px #0003;transform:translate(100%);transition:transform .5s ease-in-out;display:flex;flex-direction:column;padding:20px;border-radius:10px 0 0 10px}.modal-text{font-size:20px;font-weight:700;margin-bottom:15px;text-align:left}.modal-content-container{display:flex;flex-direction:row;justify-content:space-around;gap:20px}.modal-content{display:flex;flex-direction:column;align-self:flex-start;text-align:start;gap:10px}.subtopic{background:#f5f5f5;padding:10px;border-radius:8px;text-align:center;font-size:16px;text-decoration:none;color:#000;transition:background-color .3s ease}.subtopic:hover{background-color:#e0e0e0;cursor:pointer}.modal-sheet.open{transform:translate(0)}.modal-overlay.open{opacity:1;visibility:visible}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;align-self:flex-end;padding:10px}.modal-buttons{display:flex;flex-direction:column;justify-content:center;gap:20px}.quiz-container{width:400px;margin:auto;text-align:center;font-family:Arial,sans-serif}.options{display:flex;flex-direction:column;gap:10px;margin:15px 0}.option-btn{padding:10px;font-size:16px;cursor:pointer;border:1px solid #ccc;background-color:#f0f0f0;transition:.3s}.option-btn:hover{background-color:#ddd}.correct{background-color:#4caf50;color:#fff}.incorrect{background-color:#f44336;color:#fff}.feedback{font-size:18px;font-weight:700;margin-top:10px}.next-btn{margin-top:15px;padding:8px 15px;font-size:16px;cursor:pointer;background-color:#008cba;color:#fff;border:none;transition:.3s}.next-btn:disabled{background-color:#ccc;cursor:not-allowed}.progress-bar{width:100%;height:10px;background-color:#ddd;margin-top:15px;border-radius:5px;overflow:hidden}.progress{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}.flashcards-container{text-align:center;margin:20px auto;max-width:300px}.flashcard{width:250px;height:150px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;background-color:#f8f9fa;border-radius:12px;box-shadow:2px 2px 10px #0003;cursor:pointer;transition:transform .3s ease-in-out}.flashcard:hover{transform:scale(1.05)}.flashcard-front,.flashcard-back{padding:20px}.flashcard-controls{margin-top:15px;margin-right:70px}button{margin:5px;padding:8px 12px;font-size:16px;cursor:pointer}.dynamic-content{margin-top:20px}*{font-family:Inclusive Sans}.cuisine-container{padding:10rem 1.5rem 1.5rem}.cuisine-heading{color:#000;font-size:1.875rem;font-weight:600;margin-bottom:3rem;text-align:center}.cuisine-grid{max-width:570px;margin-left:auto;margin-right:auto}.cuisine-chips{display:flex;flex-wrap:wrap;gap:.75rem;overflow:visible}.cuisine-chip{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;position:relative;border:1px solid;border-style:inset;transition:background-color .1s ease}.cuisine-chip{color:#000;border-color:#ffffff0f}.cuisine-chip.selected{color:#000;background-color:#f7d4bc;border-color:#ffffff1f}.cuisine-chip:hover,.cuisine-chip.selected:hover{background-color:#f6b285}.chip-content{position:relative;display:flex;align-items:center;transition:padding-right .3s cubic-bezier(.175,.885,.32,1.275)}.selected .chip-content{padding-right:1.5rem}.check-icon-wrapper{position:absolute;right:0;display:none;transform:scale(0);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275)}.selected .check-icon-wrapper{display:block;transform:scale(1);opacity:1}.check-icon-circle{width:1rem;height:1rem;border-radius:9999px;background-color:#ff9066;display:flex;align-items:center;justify-content:center}.check-icon{width:.75rem;height:.75rem;color:#2a1711;stroke-width:1.5}.cuisine-chips{transition:all .3s cubic-bezier(.25,.1,.25,1)}.cuisine-chip{transition:all .3s cubic-bezier(.25,.1,.25,1),background-color .1s ease}.submit-btn{margin-top:50px;height:35px;width:100px;font-size:1rem;background-color:#f3f3f3;border:0;border-radius:10px;transition:background-color .2s}.submit-btn:hover{background-color:#dbefca}.submit-btn:active{background-color:#bdf68f}.topic-tile{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.exp-tiles{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center}.expTile{padding:0 10px;margin:0 10px;min-width:75px;height:32px;vertical-align:middle;background-color:#e9e9ed;text-align:center;line-height:32px;border:0;border-radius:20px;transition:background-color .1s ease;transition:min-width .1s ease}.expTile:active{min-width:70px}.badTile.selected{background-color:#e9b9b4}.mediumTile.selected{background-color:#fef4d5}.goodTile.selected{background-color:#d3ece0}.questionName{font-size:1.2rem;margin:20px 0;color:#6d6d6d}