@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{font-family:Inter,sans-serif}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none}html{scroll-behavior:smooth}.lesson-quill-editor .ql-container,.lesson-quill-editor .ql-editor{min-height:300px!important;max-height:700px!important;height:auto!important}.upload-subtext{font-size:12px;color:var(--review-text);margin-top:4px}.center{text-align:center}section{overflow:hidden;display:flex;padding:120px 0;flex-direction:column;justify-content:center;align-items:center;gap:90px;align-self:stretch;background:#fff}.top{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.top>h2{text-align:center}.top>p{max-width:900px}@media only screen and (max-width: 700px){section{display:flex;padding:90px 0}.top>p{max-width:90%}}:root{--bg: #000000;--ButtonPrimary: #101828;--ButtonPrimaryHover: #282f3d;--primaryFontFamily: Inter;--secondaryFontFamily: Bricolage Grotesque}:root textarea,:root input,:root button{font-family:inter}:root h1{font-family:var(--secondaryFontFamily, "Bricolage Grotesque");font-size:var(--Text-Sizes-H1, 64px);font-style:normal;font-weight:var(--semibold, 600);line-height:110%;letter-spacing:-.64px;text-transform:capitalize}@media only screen and (max-width: 1250px){:root h1{font-size:50px}}@media only screen and (max-width: 800px){:root h1{font-size:36px}}:root h2{font-family:var(--secondaryFontFamily, "Inter");font-size:48px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.64px}@media only screen and (max-width: 1250px){:root h2{font-size:40px}}@media only screen and (max-width: 800px){:root h2{font-size:32px}}@media only screen and (max-width: 500px){:root h2{font-size:30px}}:root .pxl{color:var(--Component-colors-Utility-Gray-utility-gray-600, #475467);font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-XLg, 18px);font-style:normal;font-weight:var(--FontWeight-fontWeight-regular, 400);line-height:140%;letter-spacing:-.18px}@media only screen and (max-width: 1250px){:root .pxl{font-size:16px}}@media only screen and (max-width: 800px){:root .pxl{font-size:15px}}:root{--section-bg: #FFF5F5;--sidebar-success-bg: #4CAF50;--text-muted: #666666;--testimonial-text: #ffffff;--testimonial-accent: #FB584C;--testimonial-accent-rgba: rgba(251, 88, 76, .7);--nav-dashboard-bg-rgba: rgba(0, 0, 0, .03);--accent-orange: #F97066;--nav-dashboard-text: #FFF;--nav-dashboard-bg-alt: #EEF3FF;--nav-dashboard-shadow-1: 0 2px 8px rgba(0, 0, 0, .05);--nav-dashboard-shadow-2: 0 4px 15px rgba(0, 0, 0, .1);--nav-dashboard-bg-dark: #1A1A1A;--sidebar-nav-text: #ffffff;--sidebar-nav-border-rgba: rgba(255, 255, 255, .1);--sidebar-nav-bg-dark: #1A1A1A;--off-white-footer-text: #F4F4F4;--primary-color: #191919;--white: #FFFFFF;--sidebar-primary: #353E47;--sidebar-primary-hover: #353E47;--sidebar-background: #070E13;--background: #ffffff;--text-colour: #333333;--stroke: #EBEBEB;--text-link: #FFFFFF;--headline: #CBD1D8;--expand-button: #353E47;--logout: #FA7575;--table-background: #FFFFFF;--table-border: #E6E6E6;--table-header-bg: #fbfbfe;--table-row-hover: #fbfbfe;--table-text: #5b5b5b;--table-divider: #f3f4f6;--button-primary: #293444;--button-primary-border: #1f2937;--button-primary-hover: #363f4f;--button-primary-text: #f7f7f7;--button-secondary: #fbfbfb;--button-secondary-border: #101828;--button-secondary-hover: #f1f1f2;--button-secondary-text: #1f2937;--button-tertiary-text: #1f2937;--button-tertiary: #f2f2f6;--button-tertiary-border: #e4e4e4;--button-tertiary-hover: #e5e7eb;--button-new-module: #3caf72;--button-new-module-hover: #3caf72;--button-new-module-text: #fff8f8;--button-danger: #EF4444;--button-danger-hover: #b91b1b;--button-danger-light: #fff5f5;--button-danger-border: #ffd5d5;--toast-bg-color: white;--toast-text-color: #333;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .15);--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #2196F3;--Lesson-check: #eb564c;--Video-progress: #d01002;--Video-active: #ff4346;--rating-star: #fbbf24;--review-text: #6b7280;--form-border: #d2d2d2;--form-focus: #8a8a8a;--form-placeholder: #AAA;--input-background: #fbfbfb;--input-border: #ececf3;--upload-area-bg: #f9fafb;--upload-border: #e5e7eb;--upload-icon: #c1c4cc;--upload-section-text: #acadb3;--selected-text-bg: #e4e7eb;--progress-bg: #E6E6E6;--progress-fill: #4CAF50;--progress-text: #666666;--module-background: #fafafa;--module-border: #e9e9e9;--plan-group-hover: #fafafa;--border-line: #e9e9e9;--pill: #f0f0f0;--pill-hover: #e24e4e;--pilltxt: #5f5f5f;--pilltxt-hover: #eeeeee;--fill: #eaeaea;--activity-background: #f7f7f8;--activity-cell-inactive: #f3f4f6;--activity-cell-low: #dbeafe;--activity-cell-medium: #60a5fa;--activity-cell-high: #2563eb;--activity-text: #333333;--activity-text-secondary: #6b7280;--activity-border: #e5e7eb;--activity-select-bg: #f9fafb;--ai-chat-background: #ffffff;--ai-chat-header: #ffffff;--ai-chat-border: #e5e7eb;--ai-chat-shadow: rgba(0, 0, 0, .08);--ai-message-bg: #f3f4f6;--ai-message-text: #374151;--ai-message-text-secondary: #9ca3af;--ai-user-message-bg: #3b82f6;--ai-user-message-text: #ffffff;--ai-input-bg: #ffffff;--ai-fab-bg: #3b82f6;--ai-fab-hover: #2563eb;--success-bg: #388e3c;--skeleton-bg: #f2f4f7;--skeleton-highlight: #e4e7ec}:root[data-theme=dark]{--section-bg: #2a2323;--sidebar-success-bg: #388e3c;--success-bg: #388e3c;--text-muted: #aaaaaa;--testimonial-accent: #FB584C;--testimonial-accent-rgba: rgba(251, 88, 76, .5);--nav-dashboard-bg-rgba: rgba(255, 255, 255, .03);--accent-orange: #F97066;--bg-danger: #cf261a;--bg-danger-hover: #b1170c;--nav-dashboard-text: #222;--nav-dashboard-bg-alt: #23272f;--nav-dashboard-shadow-1: 0 2px 8px rgba(0, 0, 0, .15);--nav-dashboard-shadow-2: 0 4px 15px rgba(0, 0, 0, .25);--nav-dashboard-bg-dark: #111111;--sidebar-nav-text: #e4e4e4;--sidebar-nav-border-rgba: rgba(255, 255, 255, .08);--sidebar-nav-bg-dark: #181818;--off-white-footer-text: #bdbdbd;--background: #202020;--table-background: #242424;--table-header-bg: #2a2a2a;--table-row-hover: #292929;--module-background: #272727;--module-border: #383838;--module-hover: #353535;--plan-group-hover: #353535;--table-border: #333333;--table-divider: #333333;--stroke: #333333;--text-colour: #e4e4e4;--table-text: #d1d1d1;--review-text: #9ca3af;--button-primary: #1d4ed8;--button-primary-hover: #2563eb;--button-primary-text: #f0f0f0;--button-secondary: #353535;--button-secondary-border: #333333;--button-secondary-hover: #4c4c4c;--button-secondary-text: #e6e6e6;--button-tertiary-text: #e6e6e6;--button-tertiary: #2f2f2f;--button-tertiary-border: #2c2c2c;--button-tertiary-hover: #454545;--button-new-module: #537919;--button-new-module-hover: #40610f;--button-new-module-text: #ffffff;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--button-danger-light: #312626;--button-danger-border: #4a2222;--toast-bg-color: #1f2937;--toast-text-color: #e5e7eb;--toast-shadow: 0 4px 12px rgba(0, 0, 0, .4);--color-success: #63e267;--color-error: #ff7b72;--color-warning: #ffc15e;--color-info: #5cc2ff;--form-border: #404040;--form-focus: #4a5568;--form-placeholder: #6b7280;--input-background: #3b3b3b;--input-border: #505050;--input-text: #e8e8e8;--upload-area-bg: #333333;--upload-border: #404040;--upload-icon: #888888;--border-line: #404040;--progress-bg: #333333;--progress-fill: #059669;--progress-text: #9ca3af;--Lesson-check: #F97066;--pill: #6c7089;--pilltxt: #eeeeee;--pilltxt-hover: #eeeeee;--fill: #3b3b3b;--rating-star: #eab308;--white: #ffffff;--selected-text-bg: #4b545f;--activity-background: #1A1A1A;--activity-cell-inactive: #20203a;--activity-cell-low: #1e3a8a;--activity-cell-medium: #1d4ed8;--activity-cell-high: #3b82f6;--activity-text: #e4e4e4;--activity-text-secondary: #9ca3af;--activity-border: #333333;--activity-select-bg: #2f2f2f;--ai-chat-background: #1e1e1e;--ai-chat-header: #1e1e1e;--ai-chat-border: #2d2d2d;--ai-chat-shadow: rgba(0, 0, 0, .3);--ai-message-bg: #2d2d2d;--ai-message-text: #e5e7eb;--ai-message-text-secondary: #9ca3af;--ai-user-message-bg: #3b82f6;--ai-user-message-text: #ffffff;--ai-input-bg: #1e1e1e;--skeleton-bg: #333333;--skeleton-highlight: #404040}.ql-toolbar,.ql-container{font-family:inherit}.ql-editor{color:var(--text-colour);min-height:500px;padding:1rem}.ql-editor::selection{background-color:var(--selected-text-bg);min-height:500px;padding:1rem}.ql-editor.ql-blank:before{color:var(--form-placeholder)!important;font-style:normal}.ql-editor::-webkit-scrollbar{width:6px}.ql-editor::-webkit-scrollbar-thumb{background-color:var(--form-border);border-radius:3px}.ql-container.ql-snow,.ql-toolbar.ql-snow{border:1px solid var(--module-border)!important;box-shadow:none}.ql-toolbar.ql-snow{border-bottom:none!important}.ql-container{border-radius:0 0 .7rem .7rem!important}.ql-toolbar{border-radius:.7rem .7rem 0 0!important}.ai-inline-chat[data-v-51063c5a]{display:flex;flex-direction:column;height:100%;background:var(--ai-chat-background, var(--background))}.chat-messages[data-v-51063c5a]{flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.empty-state[data-v-51063c5a]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;height:100%}.empty-icon-wrapper[data-v-51063c5a]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-icon[data-v-51063c5a]{width:28px;height:28px;color:#fff}.empty-state h3[data-v-51063c5a]{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-colour)}.empty-state p[data-v-51063c5a]{font-size:14px;color:var(--review-text);margin:0 0 20px;line-height:1.5}.suggestions[data-v-51063c5a]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-chip[data-v-51063c5a]{background:var(--module-background);border:1px solid var(--stroke);border-radius:20px;padding:8px 14px;font-size:13px;color:var(--table-text);cursor:pointer;transition:all .2s}.suggestion-chip[data-v-51063c5a]:hover{background:var(--button-primary);border-color:var(--button-primary);color:#fff}.message[data-v-51063c5a]{display:flex;gap:10px;margin-bottom:16px}.message.user[data-v-51063c5a]{flex-direction:row-reverse}.message-avatar[data-v-51063c5a]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.message-bubble[data-v-51063c5a]{max-width:80%;padding:12px 16px;border-radius:16px;background:var(--ai-message-bg, var(--module-background));color:var(--ai-message-text, var(--table-text));font-size:14px;line-height:1.5}.message-bubble p[data-v-51063c5a]{margin:0}.message.user .message-bubble[data-v-51063c5a]{background:var(--button-primary);color:#fff;border-bottom-right-radius:4px}.message.ai .message-bubble[data-v-51063c5a]{border-bottom-left-radius:4px}.message-image[data-v-51063c5a]{max-width:100%;border-radius:8px;margin-bottom:8px}.typing[data-v-51063c5a]{display:flex;align-items:center;gap:4px;padding:16px!important}.dot[data-v-51063c5a]{width:6px;height:6px;border-radius:50%;background:var(--review-text);animation:dot-pulse-51063c5a 1.4s infinite ease-in-out}.dot[data-v-51063c5a]:nth-child(2){animation-delay:.2s}.dot[data-v-51063c5a]:nth-child(3){animation-delay:.4s}@keyframes dot-pulse-51063c5a{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.chat-input[data-v-51063c5a]{border-top:1px solid var(--stroke);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--activity-background)}.image-preview[data-v-51063c5a]{position:relative;margin-bottom:10px}.image-preview img[data-v-51063c5a]{max-height:80px;border-radius:8px}.remove-image[data-v-51063c5a]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-row[data-v-51063c5a]{display:flex;align-items:flex-end;gap:8px;background:var(--table-background);border:1px solid var(--stroke);border-radius:24px;padding:6px 6px 6px 12px}.image-btn[data-v-51063c5a]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--review-text);transition:all .2s}.image-btn[data-v-51063c5a]:hover{color:var(--text-colour);background:var(--module-background)}.hidden[data-v-51063c5a]{display:none}textarea[data-v-51063c5a]{flex:1;border:none;background:transparent;resize:none;font-family:inherit;font-size:14px;line-height:1.5;color:var(--text-colour);padding:6px 0;min-height:24px;max-height:120px}textarea[data-v-51063c5a]:focus{outline:none}textarea[data-v-51063c5a]::placeholder{color:var(--review-text)}.send-btn[data-v-51063c5a]{width:36px;height:36px;border-radius:50%;border:none;background:var(--module-background);color:var(--review-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.send-btn[data-v-51063c5a]:disabled{cursor:not-allowed;opacity:.5}.send-btn.active[data-v-51063c5a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.send-btn.active[data-v-51063c5a]:hover{transform:scale(1.05)}.right-sidebar[data-v-2291a386]{width:var(--right-sidebar-width, 350px);min-width:280px;max-width:500px;height:100vh;background:var(--activity-background);display:flex;flex-direction:column;position:fixed;right:0;top:0;z-index:100;border-left:1px solid var(--stroke);transition:transform .2s ease}.right-sidebar.hidden[data-v-2291a386]{transform:translate(100%)}.right-sidebar.resizing[data-v-2291a386]{transition:none;-webkit-user-select:none;user-select:none}.resize-handle[data-v-2291a386]{position:absolute;left:0;top:0;width:4px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s}.resize-handle[data-v-2291a386]:hover{background:var(--button-primary)}.sidebar-header[data-v-2291a386]{height:70px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--stroke);flex-shrink:0;background:var(--table-background)}.sidebar-tabs[data-v-2291a386]{display:flex;gap:4px;flex:1}.tab-btn[data-v-2291a386]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--review-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn[data-v-2291a386]:hover{color:var(--text-colour);background:var(--module-background)}.tab-btn.active[data-v-2291a386]{color:var(--text-colour);background:var(--module-background);font-weight:600}.chat-header-user[data-v-2291a386]{display:flex;align-items:center;gap:12px;flex:1}.back-btn[data-v-2291a386]{background:transparent;border:none;color:var(--text-colour);padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:4px}.back-btn[data-v-2291a386]:hover{background:var(--module-background)}.chat-user-info[data-v-2291a386]{display:flex;align-items:center;gap:8px}.header-avatar[data-v-2291a386]{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-name[data-v-2291a386]{font-weight:600;font-size:14px;color:var(--text-colour)}.sidebar-content[data-v-2291a386],.panel[data-v-2291a386]{flex:1;overflow:hidden;display:flex;flex-direction:column}.ai-panel[data-v-2291a386]{height:100%}.group-panel[data-v-2291a386]{background:var(--background)}.members-view[data-v-2291a386]{flex:1;overflow-y:auto;padding:0}.member-card[data-v-2291a386]{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid var(--stroke);cursor:pointer;transition:background .2s}.member-card[data-v-2291a386]:hover{background:var(--module-background)}.member-avatar-wrapper[data-v-2291a386]{position:relative}.member-avatar[data-v-2291a386]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--stroke)}.status-indicator[data-v-2291a386]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--background)}.status-indicator.online[data-v-2291a386]{background:#22c55e}.status-indicator.offline[data-v-2291a386]{background:#9ca3af}.member-info[data-v-2291a386]{flex:1;display:flex;flex-direction:column;gap:4px}.member-header[data-v-2291a386]{display:flex;align-items:center;gap:6px}.member-name[data-v-2291a386]{font-weight:500;font-size:14px;color:var(--text-colour)}.badge-me[data-v-2291a386],.badge-admin[data-v-2291a386]{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.badge-me[data-v-2291a386]{background:var(--module-background);color:var(--review-text)}.badge-admin[data-v-2291a386]{background:#dbeafe;color:#1e40af}.progress-section[data-v-2291a386]{display:flex;align-items:center;gap:8px}.progress-bar-bg[data-v-2291a386]{flex:1;height:4px;background:var(--stroke);border-radius:2px;overflow:hidden}.progress-bar-fill[data-v-2291a386]{height:100%;background:var(--button-primary);border-radius:2px}.progress-text[data-v-2291a386]{font-size:10px;color:var(--review-text);min-width:30px;text-align:right}.chat-view[data-v-2291a386]{flex:1;display:flex;flex-direction:column;background:var(--activity-background)}.messages-list[data-v-2291a386]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.message-bubble[data-v-2291a386]{max-width:85%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.message-bubble.sent[data-v-2291a386]{align-self:flex-end;background:var(--button-primary);color:#fff;border-bottom-right-radius:2px}.message-bubble.received[data-v-2291a386]{align-self:flex-start;background:var(--module-background);color:var(--text-colour);border-bottom-left-radius:2px}.message-time[data-v-2291a386]{font-size:10px;opacity:.7;float:right;margin-left:8px;margin-top:4px}.chat-input-area[data-v-2291a386]{padding:12px;border-top:1px solid var(--stroke);display:flex;gap:8px;align-items:center;background:var(--table-background)}.chat-input[data-v-2291a386]{flex:1;background:var(--input-background);border:1px solid var(--stroke);border-radius:20px;padding:8px 16px;font-size:14px;color:var(--text-colour);outline:none}.chat-input[data-v-2291a386]:focus{border-color:var(--button-primary)}.send-btn[data-v-2291a386]{background:var(--button-primary);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.send-btn[data-v-2291a386]:hover{transform:scale(1.05)}.transcript-panel[data-v-2291a386]{padding:20px}.transcript-placeholder[data-v-2291a386]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--review-text)}.transcript-placeholder h3[data-v-2291a386]{margin:16px 0 8px;font-size:18px;color:var(--text-colour)}.transcript-placeholder p[data-v-2291a386]{font-size:14px;line-height:1.5}.learn-topnav[data-v-39dbe424]{position:sticky;top:0;z-index:200;height:70px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);background-color:var(--background);color:var(--text-colour)}.nav-left[data-v-39dbe424]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.nav-right[data-v-39dbe424]{display:flex;align-items:center;gap:8px}.menu-toggle[data-v-39dbe424]{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-colour);transition:all .2s}.menu-toggle[data-v-39dbe424]:hover{background:var(--module-background)}.course-title[data-v-39dbe424]{font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.2px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.nav-icons[data-v-39dbe424]{display:flex;align-items:center;gap:4px}.icon-btn[data-v-39dbe424]{background:transparent;border:none;padding:10px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--review-text);transition:all .2s}.icon-btn[data-v-39dbe424]:hover{background:var(--module-background);color:var(--text-colour)}.icon-btn.active[data-v-39dbe424]{background:var(--button-primary);color:#fff}.end-class-btn[data-v-39dbe424]{display:flex;height:36px;padding:0 16px;align-items:center;gap:8px;border:none;border-radius:360px;color:#fff;background:#c41508;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.end-class-btn[data-v-39dbe424]:hover{background:#a21106}.desktop-only[data-v-39dbe424]{display:flex}@media (max-width: 1024px){.course-title[data-v-39dbe424]{max-width:250px}.nav-icons[data-v-39dbe424]{display:none}}@media (max-width: 768px){.learn-topnav[data-v-39dbe424]{padding:0 16px;height:60px}.course-title[data-v-39dbe424]{font-size:14px;max-width:150px}.desktop-only[data-v-39dbe424],.btn-text[data-v-39dbe424]{display:none}.end-class-btn[data-v-39dbe424]{padding:0 12px;height:32px}.icon-btn[data-v-39dbe424]{padding:8px}}@media (max-width: 480px){.course-title[data-v-39dbe424]{display:none}}.sidebar[data-v-21e6616d]{width:350px;min-width:280px;max-width:500px;height:100%;background:var(--activity-background);display:flex;flex-direction:column;position:relative;flex-shrink:0}.sidebar-top[data-v-21e6616d]{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:70px;border-bottom:1px solid var(--stroke);flex-shrink:0}.sidebar-title[data-v-21e6616d]{font-size:20px;font-weight:500;font-family:var(--primaryFontFamily);letter-spacing:-.4px;color:var(--text-colour);margin:0}.close-btn[data-v-21e6616d]{display:none;background:transparent;border:none;font-size:28px;color:var(--review-text);cursor:pointer;padding:4px 8px;line-height:1}.close-btn[data-v-21e6616d]:hover{color:var(--text-colour)}.resize-handle[data-v-21e6616d]{position:absolute;right:0;top:0;width:4px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s}.resize-handle[data-v-21e6616d]:hover{background:var(--button-primary)}.lessons[data-v-21e6616d]{padding:16px 24px;overflow-y:auto;flex:1}.section[data-v-21e6616d]{margin-bottom:8px}.section-header[data-v-21e6616d]{display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-colour);border-bottom:1px solid var(--stroke);transition:color .2s}.section-header[data-v-21e6616d]:hover{opacity:.8}.section-header.expanded[data-v-21e6616d]{border-bottom-color:transparent}.section-title[data-v-21e6616d]{flex:1;padding-right:12px}.toggle-icon[data-v-21e6616d]{display:flex;align-items:center;justify-content:center;color:var(--review-text);transition:transform .2s}.toggle-icon.rotated[data-v-21e6616d]{transform:rotate(90deg)}.section-content[data-v-21e6616d]{overflow:hidden;transition:max-height .3s ease-out;max-height:0;padding-left:8px}.section-content.expanded[data-v-21e6616d]{max-height:2000px}.lesson-item[data-v-21e6616d]{display:flex;align-items:center;padding:12px 10px;gap:12px;cursor:pointer;transition:all .2s;border-radius:8px;margin:2px 0}.lesson-item[data-v-21e6616d]:hover{background:var(--module-background)}.lesson-item.active[data-v-21e6616d]{background:var(--button-primary)}.lesson-item.active .lesson-title[data-v-21e6616d]{color:#fff}.lesson-item.active .lesson-duration[data-v-21e6616d]{color:#ffffffb3}.lesson-item.active .status-icon[data-v-21e6616d]{border-color:#ffffff80}.lesson-item.active .status-icon.completed[data-v-21e6616d]{background:#fff;border-color:#fff}.lesson-item.active .status-icon.completed .check-icon[data-v-21e6616d]{fill:var(--button-primary)}.status-icon[data-v-21e6616d]{width:20px;height:20px;border-radius:50%;border:2px solid var(--stroke);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.status-icon.completed[data-v-21e6616d]{background:var(--sidebar-success-bg);border-color:var(--sidebar-success-bg)}.check-icon[data-v-21e6616d]{width:12px;height:12px;fill:#fff}.lesson-info[data-v-21e6616d]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.lesson-title[data-v-21e6616d]{font-size:14px;color:var(--table-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.lesson-item.completed .lesson-title[data-v-21e6616d]{color:var(--review-text)}.lesson-duration[data-v-21e6616d]{font-size:12px;color:var(--review-text)}.mobile-only[data-v-21e6616d]{display:none}@media (max-width: 1024px){.sidebar[data-v-21e6616d]{width:320px;min-width:280px}.resize-handle[data-v-21e6616d]{display:none}}@media (max-width: 768px){.sidebar[data-v-21e6616d]{width:100%;height:100%}.mobile-only[data-v-21e6616d]{display:block}.resize-handle[data-v-21e6616d]{display:none}.sidebar-top[data-v-21e6616d]{padding:0 16px}.lessons[data-v-21e6616d]{padding:16px}}.fs-loader-overlay[data-v-c6e265cb]{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:99999}.fs-loader-content[data-v-c6e265cb]{display:flex;flex-direction:column;align-items:center;gap:16px}.brand-loader[data-v-c6e265cb]{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.brand-icon[data-v-c6e265cb]{position:absolute;width:32px;height:32px;object-fit:contain}.loader-text[data-v-c6e265cb]{color:#16213e;font-weight:500;font-size:14px}.toast-wrapper[data-v-343181f7]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}.toast-item[data-v-343181f7]{pointer-events:all;display:flex;align-items:center;gap:10px;padding:12px 20px;max-width:400px;min-width:300px;background-color:var(--toast-bg-color);color:var(--toast-text-color);border-radius:8px;box-shadow:var(--toast-shadow);border-left:5px solid}.toast-icon[data-v-343181f7]{font-size:1.2em;line-height:1;font-weight:700}.toast-message[data-v-343181f7]{flex-grow:1}.toast-close[data-v-343181f7]{background:none;border:none;cursor:pointer;font-size:1.5em;line-height:1;color:var(--toast-text-color);opacity:.6;transition:opacity .2s}.toast-close[data-v-343181f7]:hover{opacity:1}.toast-success[data-v-343181f7]{border-left-color:var(--color-success)}.toast-success .toast-icon[data-v-343181f7]{color:var(--color-success)}.toast-error[data-v-343181f7]{border-left-color:var(--color-error)}.toast-error .toast-icon[data-v-343181f7]{color:var(--color-error)}.toast-warning[data-v-343181f7]{border-left-color:var(--color-warning)}.toast-warning .toast-icon[data-v-343181f7]{color:var(--color-warning)}.toast-info[data-v-343181f7]{border-left-color:var(--color-info)}.toast-info .toast-icon[data-v-343181f7]{color:var(--color-info)}.toast-enter-active[data-v-343181f7],.toast-leave-active[data-v-343181f7]{transition:all .5s ease}.toast-enter-from[data-v-343181f7],.toast-leave-to[data-v-343181f7]{opacity:0;transform:translateY(-30px)}.toast-move[data-v-343181f7]{transition:transform .4s ease}.network-banner[data-v-08ab0277]{position:sticky;top:0;width:100%;left:0;right:0;z-index:9999;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;transition:transform .3s ease}.content[data-v-08ab0277]{display:flex;align-items:center;gap:12px;margin:0 auto}.is-offline[data-v-08ab0277]{background-color:#333;color:#fff}.is-online[data-v-08ab0277]{background-color:#10b981;color:#fff}.close-btn[data-v-08ab0277]{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;padding:4px}.close-btn[data-v-08ab0277]:hover{opacity:1}.base-btn[data-v-293f1d19]{cursor:pointer;border:none;border-radius:360px;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.16px;transition:all .3s ease-in-out;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px}.base-btn[data-v-293f1d19]:disabled{opacity:.6;cursor:not-allowed}.base-btn--xsmall[data-v-293f1d19]{font-size:13px;padding:6px 12px;gap:4px;height:30px}.base-btn--xsmall.is-icon-only[data-v-293f1d19]{padding:0;width:30px}.base-btn--small[data-v-293f1d19]{font-size:14px;padding:8px 18px;height:40px}.base-btn--small.is-icon-only[data-v-293f1d19]{padding:0;width:40px}.base-btn--medium[data-v-293f1d19]{font-size:16px;padding:0 24px;height:48px}.base-btn--medium.is-icon-only[data-v-293f1d19]{padding:0;width:48px}.base-btn--large[data-v-293f1d19]{font-size:18px;padding:0 32px;height:56px}.base-btn--large.is-icon-only[data-v-293f1d19]{padding:0;width:56px}.base-btn--primary[data-v-293f1d19]{background:var(--button-primary);color:var(--white, #fff)}.base-btn--primary[data-v-293f1d19]:hover:not(:disabled){background:var(--button-primary-hover, #000)}.base-btn--secondary[data-v-293f1d19]{background:transparent;border:1px solid var(--button-secondary-border);color:var(--button-secondary-text, #101828)}.base-btn--secondary[data-v-293f1d19]:hover:not(:disabled){background:var(--button-secondary-hover, #fb584c);border-color:var(--button-secondary-hover-border, #fb584c);color:var(--button-secondary-hover-text, #fff)}.base-btn--tertiary[data-v-293f1d19]{background:var(--button-tertiary, #f0f0f0);border:1px solid var(--button-tertiary-border, #e0e0e0);color:var(--button-tertiary-text, #344054);font-weight:500}.base-btn--tertiary[data-v-293f1d19]:hover:not(:disabled){background:var(--button-tertiary-hover, #e0e0e0)}.base-btn--tertiary.base-btn--small[data-v-293f1d19]{padding:6px 12px;height:36px;gap:6px}.base-btn.is-full-width[data-v-293f1d19]{width:100%!important}.base-btn--success[data-v-293f1d19]{background:var(--button-success, #10b981);color:var(--white, #fff)}.base-btn--success[data-v-293f1d19]:hover:not(:disabled){background:var(--button-success-hover, #059669)}.base-btn--danger[data-v-293f1d19]{background:var(--button-danger-light, #fee2e2);border:1px solid var(--button-danger-border, #fecaca);color:var(--button-danger, #dc2626)}.base-btn--danger[data-v-293f1d19]:hover:not(:disabled){background:var(--button-danger, #dc2626);color:var(--white, #fff)}.base-btn--danger.base-btn--small.is-icon-only[data-v-293f1d19]{width:36px;height:36px;padding:0}.base-btn--ghost[data-v-293f1d19]{background:var(--button-new-module);color:var(--button-new-module-text);border:none}.base-btn--ghost[data-v-293f1d19]:hover:not(:disabled){background:var(--button-new-module-hover)}.base-btn.mode--light[data-v-293f1d19]{--button-primary: #293444;--button-primary-border: #1f2937;--button-primary-hover: #363f4f;--button-primary-text: #f7f7f7;--button-secondary: #fbfbfb;--button-secondary-border: #101828;--button-secondary-hover: #ef4444;--button-secondary-text: #1f2937;--button-secondary-hover-border: #ef4444;--button-secondary-hover-text: #f4f4f4;--button-tertiary-text: #1f2937;--button-tertiary: #f2f2f6;--button-tertiary-border: #e4e4e4;--button-tertiary-hover: #e5e7eb;--button-success: #4caf50;--button-success-hover: #388e3c;--button-danger: #ef4444;--button-danger-hover: #b91b1b;--button-danger-light: #fff5f5;--button-danger-border: #ffd5d5}.base-btn.mode--dark[data-v-293f1d19]{--button-primary: #1d4ed8;--button-primary-hover: #2563eb;--button-primary-text: #f0f0f0;--button-secondary: #353535;--button-secondary-border: #333333;--button-secondary-hover: #4c4c4c;--button-secondary-text: #e6e6e6;--button-secondary-hover-border: #ececec;--button-secondary-hover-text: #e6e6e6;--button-tertiary-text: #e6e6e6;--button-tertiary: #2f2f2f;--button-tertiary-border: #2c2c2c;--button-tertiary-hover: #454545;--button-success: #63e267;--button-success-hover: #388e3c;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--button-danger-light: #312626;--button-danger-border: #4a2222}.base-btn__icon[data-v-293f1d19]{display:flex;align-items:center;justify-content:center}.base-btn.is-loading[data-v-293f1d19]{position:relative;color:transparent!important}.btn-spinner-white[data-v-293f1d19]{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-293f1d19 .8s linear infinite}.btn-spinner-dark[data-v-293f1d19]{position:absolute;width:16px;height:16px;border:2px solid rgba(16,24,40,.2);border-top-color:var(--ButtonPrimary, #101828);border-radius:50%;animation:spin-293f1d19 .8s linear infinite}.base-btn--small .btn-spinner-white[data-v-293f1d19],.base-btn--small .btn-spinner-dark[data-v-293f1d19]{width:14px;height:14px}.base-btn--large .btn-spinner-white[data-v-293f1d19],.base-btn--large .btn-spinner-dark[data-v-293f1d19]{width:18px;height:18px;border-width:3px}@keyframes spin-293f1d19{to{transform:rotate(360deg)}}@media screen and (max-width: 400px){.base-btn[data-v-293f1d19]{width:100%}}.nav-container[data-v-a69b0a1e]{border-bottom:1px solid var(--Component-colors-Utility-Gray-utility-gray-200, #eaecf0);background:#fff;position:sticky;top:0;z-index:1000;padding:0 5%}.nav-content[data-v-a69b0a1e]{max-width:1440px;margin:0 auto;height:80px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1002;background:#fff}.logo[data-v-a69b0a1e]{width:190px;height:auto}.nav-menu[data-v-a69b0a1e]{display:flex;align-items:center;gap:8px}.menu-item[data-v-a69b0a1e]{padding:12px;color:var(--Component-colors-Utility-Gray-utility-gray-700, #344054);font-family:Inter,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.16px;text-decoration:none;transition:color .2s ease}.menu-item[data-v-a69b0a1e]:hover{color:#42b883}.mobile-menu-btn[data-v-a69b0a1e]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.mobile-menu-btn span[data-v-a69b0a1e]{width:30px;height:2px;background:#344054;transition:all .3s linear}.mobile-menu-btn.is-active span[data-v-a69b0a1e]:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.is-active span[data-v-a69b0a1e]:nth-child(2){opacity:0}.mobile-menu-btn.is-active span[data-v-a69b0a1e]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.login-btn[data-v-a69b0a1e]{text-decoration:none}.nav-menu-overlay[data-v-a69b0a1e],.nav-menu-wrapper[data-v-a69b0a1e]{display:none}@media (max-width: 1024px){.menu-item[data-v-a69b0a1e]{padding:8px;font-size:14px}}@media (max-width: 900px){.mobile-menu-btn[data-v-a69b0a1e]{display:flex}.desktop-menu[data-v-a69b0a1e]{display:none}.nav-menu-overlay[data-v-a69b0a1e]{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000}.nav-menu-overlay.is-active[data-v-a69b0a1e]{opacity:1;visibility:visible}.nav-menu-wrapper[data-v-a69b0a1e]{display:block;position:fixed;top:80px;right:-300px;bottom:0;width:300px;background:#fff;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;overflow-y:auto;z-index:1001}.nav-menu-wrapper.menu-open[data-v-a69b0a1e]{right:0}.mobile-menu[data-v-a69b0a1e]{flex-direction:column;align-items:stretch;padding:1rem}.mobile-menu .menu-item[data-v-a69b0a1e]{padding:12px;border-bottom:1px solid #eaecf0}.mobile-menu .menu-item[data-v-a69b0a1e]:last-child{border-bottom:none}.mobile-menu .menu-item[data-v-a69b0a1e]:hover{background-color:#42b8831a;padding-left:16px}.mobile-menu .login-btn[data-v-a69b0a1e]{margin-top:12px}}@media (max-width: 900px){.large[data-v-a69b0a1e]{display:none}}@media (max-width: 480px){.nav-content[data-v-a69b0a1e]{padding:0 1rem}.logo[data-v-a69b0a1e]{width:150px}.nav-menu-wrapper[data-v-a69b0a1e]{width:250px;right:-250px}.mobile-menu .menu-item[data-v-a69b0a1e]{font-size:14px}}nav[data-v-24d247f0]{color:var(--text-colour)}nav[data-v-24d247f0]{width:100%;display:flex;height:80px;padding:32px 24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);background-color:var(--background);position:sticky;top:0;z-index:10}main[data-v-24d247f0]{padding:20px}nav>h3[data-v-24d247f0]{text-transform:capitalize;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-XLg, 18px);font-style:normal;font-weight:var(--FontWeight-fontWeight-semibold, 600);line-height:140%;letter-spacing:-.18px}menu[data-v-24d247f0]{display:flex;justify-content:center;align-items:center;gap:16px}.notice[data-v-24d247f0]{display:flex;align-items:flex-start}.notice>img[data-v-24d247f0]{width:30px;height:30px}.icon[data-v-24d247f0]{cursor:pointer;padding:8px;width:48px;height:48px;transition:transform .2s ease;border-radius:360px}.icon[data-v-24d247f0]:hover{transform:scale(1.07);background-color:#00000008}.skillogram-logo[data-v-24d247f0]{width:40px;height:40px;display:none}.message-count[data-v-24d247f0]{display:flex;padding:4px 6px;justify-content:center;align-items:center;gap:10px;border-radius:360px;background:#f97066;margin-left:-14px;margin-top:-3px;color:#fff;font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:12px;font-style:normal;font-weight:var(--FontWeight-fontWeight-medium, 500);line-height:100%;letter-spacing:-.12px}.profile-img[data-v-24d247f0]{width:40px;height:40px;border-radius:100%;border:2px solid #f97066;background:#eef3ff}.user-profile[data-v-24d247f0]{display:flex;justify-content:flex-end;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.user-profile[data-v-24d247f0]:hover{background-color:var(--stroke);transform:scale(1.02);box-shadow:0 2px 8px #0000000d}.user-profile-wrapper[data-v-24d247f0]{position:relative}.dropdown-menu[data-v-24d247f0]{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);border:1px solid var(--stroke);border-radius:12px;min-width:200px;box-shadow:0 4px 15px #0000001a;padding:0;z-index:20;overflow:hidden}.dropdown-item[data-v-24d247f0]{display:flex;align-items:center;gap:8px;padding:14px 24px;color:var(--text-colour);text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--stroke)}.dropdown-item[data-v-24d247f0]:last-child{border-bottom:none;color:#f97066}.dropdown-item[data-v-24d247f0]:hover{background-color:var(--stroke)}.dropdown-item[data-v-24d247f0]:first-child:hover{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-item[data-v-24d247f0]:last-child:hover{border-bottom-left-radius:12px;border-bottom-right-radius:12px}@media screen and (max-width: 768px){.icon-button[data-v-24d247f0],.user-profile[data-v-24d247f0],.drop-down[data-v-24d247f0],h3[data-v-24d247f0]{display:none}menu[data-v-24d247f0]{display:flex;flex-direction:row;align-items:center;margin-left:auto}nav[data-v-24d247f0]{padding:32px 24px;background:#1a1a1a}.skillogram-logo[data-v-24d247f0]{display:block}.dropdown-menu[data-v-24d247f0]{display:none}}.profile-img.placeholder[data-v-24d247f0]{display:flex;justify-content:center;align-items:center;font-weight:600;color:#f97066;font-size:18px}.user-id[data-v-24d247f0]{margin:0;font-size:12px;color:var(--text-colour);font-weight:400;text-transform:capitalize}.user-profile[data-v-51ea535e]{display:flex;align-items:center;gap:12px;padding:16px 27px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-img[data-v-51ea535e]{width:48px;height:48px;border-radius:100%;border:2px solid #F97066;background:#eef3ff}.user-detail[data-v-51ea535e]{flex-grow:1}.username[data-v-51ea535e]{color:#fff;font-size:16px;font-weight:600;margin:0}.user-id[data-v-51ea535e]{color:#ffffffb3;font-size:14px;margin:4px 0 0}.modal-overlay[data-v-2aa00555]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:flex-start}.modal-content[data-v-2aa00555]{background-color:#1a1a1a;width:260px;height:100%;overflow-y:auto;display:flex;flex-direction:column}.modal-header[data-v-2aa00555]{height:80px;display:flex;align-items:center;padding:0 27px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;position:sticky;top:0;z-index:1}.menu-toggle[data-v-2aa00555]{background:none;border:none;padding:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hamburger[data-v-2aa00555]{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span[data-v-2aa00555]{width:100%;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:left}.menu-toggle.active .hamburger span[data-v-2aa00555]:first-child{transform:rotate(45deg)}.menu-toggle.active .hamburger span[data-v-2aa00555]:nth-child(2){opacity:0}.menu-toggle.active .hamburger span[data-v-2aa00555]:last-child{transform:rotate(-45deg)}.logo[data-v-2aa00555]{margin-left:20px;font-size:24px;font-weight:500;white-space:nowrap;color:#fff}.modal-nav[data-v-2aa00555]{display:flex;flex-direction:column;flex-grow:1}.modal-nav-item[data-v-2aa00555]{display:flex;align-items:center;padding:24px 27px;text-decoration:none;color:#fff;transition:background-color .2s ease}.modal-nav-item[data-v-2aa00555]:hover,.modal-nav-item.active[data-v-2aa00555]{background-color:#262626}.nav-icon[data-v-2aa00555]{width:24px;height:24px;flex-shrink:0}.nav-text[data-v-2aa00555]{margin-left:20px;font-size:16px}.notification-item[data-v-2aa00555]{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.logout-item[data-v-2aa00555]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);color:#f97066}.modal-overlay-enter-active[data-v-2aa00555],.modal-overlay-leave-active[data-v-2aa00555]{transition:opacity .3s ease}.modal-overlay-enter-from[data-v-2aa00555],.modal-overlay-leave-to[data-v-2aa00555]{opacity:0}.modal-slide-enter-active[data-v-2aa00555],.modal-slide-leave-active[data-v-2aa00555]{transition:transform .3s ease}.modal-slide-enter-from[data-v-2aa00555],.modal-slide-leave-to[data-v-2aa00555]{transform:translate(-100%)}.modal-slide-enter-to[data-v-2aa00555],.modal-slide-leave-from[data-v-2aa00555]{transform:translate(0)}.sidebar-container[data-v-0b7e62ef]{position:relative}.sidebar[data-v-0b7e62ef]{width:260px;height:100vh;color:#fff;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.sidebar.collapsed[data-v-0b7e62ef]{width:80px}.sidebar-header[data-v-0b7e62ef]{height:70px;display:flex;align-items:center;padding:0 27px 0 13px;border-bottom:1px solid rgba(255,255,255,.1);background-color:#1a1a1a}.sidebar:not(.collapsed) .sidebar-header[data-v-0b7e62ef]{justify-content:flex-start}.menu-toggle[data-v-0b7e62ef]{background:none;border:none;padding:14px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.hamburger[data-v-0b7e62ef]{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span[data-v-0b7e62ef]{width:100%;height:2px;background-color:#fff;transition:all .3s ease;transform-origin:left}.menu-toggle.active .hamburger span[data-v-0b7e62ef]:first-child{transform:rotate(45deg)}.menu-toggle.active .hamburger span[data-v-0b7e62ef]:nth-child(2){opacity:0}.menu-toggle.active .hamburger span[data-v-0b7e62ef]:last-child{transform:rotate(-45deg)}.logo[data-v-0b7e62ef]{margin-left:8px;font-size:24px;font-weight:500;white-space:nowrap}.nav-links[data-v-0b7e62ef]{flex-grow:1;background-color:#1a1a1a}.nav-item[data-v-0b7e62ef]{display:flex;align-items:center;padding:24px 27px;text-decoration:none;transition:background-color .2s ease;color:var(--Off-White-Footer-Text, #F4F4F4);font-family:var(--FontFamily-primaryFontFamily, Inter);font-size:var(--Text-Sizes-P-Lg, 16px);font-style:normal;font-weight:var(--FontWeight-fontWeight-regular, 200);line-height:140%;letter-spacing:-.16px}.sidebar:not(.collapsed) .nav-item[data-v-0b7e62ef]{justify-content:flex-start}.nav-item[data-v-0b7e62ef]:hover,.nav-item.active[data-v-0b7e62ef]{background-color:#262626}.nav-icon[data-v-0b7e62ef]{width:24px;height:24px;flex-shrink:0}.nav-text[data-v-0b7e62ef]{margin-left:20px;font-size:16px;white-space:nowrap}.tooltip[data-v-0b7e62ef]{position:fixed;background-color:#262626;color:#fff;padding:27px 30px 27px 0;border-radius:0 200px 200px 0;margin-left:-10px;font-size:14px;white-space:nowrap;pointer-events:none;z-index:1000;transition:opacity .2s ease}.skillogram-footer[data-v-0b7e62ef]{display:flex;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background-color:#1a1a1a}.skillogram-logo[data-v-0b7e62ef]{width:40px}.skillogram-writeup[data-v-0b7e62ef]{margin-left:16px}.skillogram-writeup h1[data-v-0b7e62ef]{font-size:24px;font-weight:600;margin:0}.skillogram-writeup p[data-v-0b7e62ef]{font-size:12px;margin:4px 0 0;opacity:.7}.sidebar.collapsed .skillogram-writeup[data-v-0b7e62ef]{display:none}@media screen and (max-width: 768px){.sidebar[data-v-0b7e62ef],.sidebar-container[data-v-0b7e62ef]{width:80px;height:80px}.nav-links[data-v-0b7e62ef]:not(.modal-nav),.skillogram-footer[data-v-0b7e62ef]{display:none}.logo[data-v-0b7e62ef]{display:none!important}}main[data-v-eb470b51]{display:flex;width:100%;background-color:var(--background)}.LargeDevices[data-v-eb470b51]{display:flex;flex-direction:row;height:100vh;overflow:hidden}.section[data-v-eb470b51]{overflow:scroll;width:100%}.content[data-v-eb470b51]{width:100%;padding:20px 24px!important}.SmallDevices[data-v-eb470b51]{display:none}@media screen and (max-width: 768px){.LargeDevices[data-v-eb470b51]{display:none}.SmallDevices[data-v-eb470b51]{display:flex;flex-direction:column}.content[data-v-eb470b51]{width:100%;padding:20px 24px!important}.mobileNav[data-v-eb470b51]{height:80px;display:flex}}.learn-container[data-v-eb470b51]{width:100%;background-color:var(--background);display:flex;flex-direction:column;position:relative;transition:none;will-change:margin-left,width}.learnSideBar:not(.hidden)+.learn-container[data-v-eb470b51]{margin-left:var(--sidebar-width, 350px);width:calc(100% - var(--sidebar-width, 350px))}.learn-container.right-sidebar-open[data-v-eb470b51]{margin-right:var(--right-sidebar-width, 350px);width:calc(100% - var(--right-sidebar-width, 350px))}.learnSideBar:not(.hidden)+.learn-container.right-sidebar-open[data-v-eb470b51]{width:calc(100% - var(--sidebar-width, 350px) - var(--right-sidebar-width, 350px))}.learnSideBar[data-v-eb470b51]{position:fixed;height:100vh;z-index:100;left:0;top:0;transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}.learnSideBar.hidden[data-v-eb470b51]{transform:translate(-100%)}@media screen and (max-width: 768px){.learnSideBar:not(.hidden)+.learn-container[data-v-eb470b51]{margin-left:0;width:100%}.learn-container.right-sidebar-open[data-v-eb470b51]{margin-right:0;width:100%}.learnSideBar:not(.hidden)+.learn-container.right-sidebar-open[data-v-eb470b51]{width:100%}.learnSideBar[data-v-eb470b51]{position:fixed;top:60px;left:0;bottom:0;width:85%;max-width:320px;z-index:200;box-shadow:4px 0 20px #0003;height:calc(100vh - 60px)}.learnSideBar.hidden[data-v-eb470b51]{transform:translate(-100%)}}
