body{font-family:sans-serif;background-color:#293A48;min-width:320px}:root{--f1e9de:#F1E9DE;--637484:#637484;--dcebf2:#DCEBF2;--86776a:#86776A;--927961:#927961;--a9c9ff:#A9C9FF;--dbaf93:#DBAF93;--cead9c:#CEAD9C;--cc9866:#CC9866;--eee3d7:#EEE3D7;--f7f1e8:#F7F1E8}.mainContent{flex-grow:1;display:flex;flex-direction:column;margin-left:64px;margin-top:75px;overflow-y:auto;transition:margin-left .3s}.mainContent.expanded{margin-left:200px}.layout{height:100vh}.layout,.sideNav{display:flex;overflow:hidden}.sideNav{position:fixed;height:calc(100vh - 75px);background-color:#23303C;color:#ffffff;flex-direction:column;margin-top:75px;padding-top:1rem;align-items:flex-start;justify-content:flex-start;border-left:1px solid black;left:0;z-index:50;width:64px;transition:width .3s}.sideNav:hover{width:200px;transform:translateX(0)}.sideNav:hover .iconText{display:inline-block}.sidebarSectionLabel{display:none;margin:1rem 0 0 1rem;color:#B4BEC7;font-size:.75rem;font-weight:600;text-transform:uppercase}.sideNav.expanded .sidebarSectionLabel,.sideNav:hover .sidebarSectionLabel{display:block}.sidebarItem{width:90%;justify-content:flex-start;column-gap:.75rem;margin-top:.75rem;color:#ffffff}.iconContainer,.sidebarItem{display:flex;align-items:center;position:relative}.iconContainer{width:3rem;height:3rem;margin-left:.5rem;background-color:transparent;border-radius:50%;flex-direction:column;justify-content:center}.bubble{position:absolute;min-width:20px;height:17px;top:0;right:0;color:#ffffff;border-radius:35%;padding:0 6px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#72A2C8 0 0 no-repeat padding-box}.sideNav:hover .bubble{top:15px;left:180px}.sideNav.expanded .bubble{top:20px;right:20px}.sidebarItem .bubble{display:block}.adminToggleButton{cursor:pointer;background:none;border:none;justify-content:flex-start;gap:.5rem}.adminToggleChevron{color:#B4BEC7;transition:transform .2s ease}.adminToggleChevron.rotated{transform:rotate(180deg)}.adminSubMenu{display:none;width:100%;padding-left:1.5rem;margin-top:.5rem}.sideNav.expanded .adminSubMenu,.sideNav:hover .adminSubMenu{display:flex;flex-direction:column}.sidebarSubLink{display:flex;align-items:center;gap:.75rem;margin-left:1.5rem;color:#B4BEC7;font-size:.85rem;text-decoration:none;margin-top:.5rem;transition:color .2s ease}.sidebarSubLink:hover{color:#FFFFFF}.sidebarSubLink.active{color:#FFFFFF;font-weight:600}.sidebarSubLinkIcon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:inherit}.filter-pill-group{display:inline-flex;align-items:center;justify-content:flex-start;gap:.25rem;padding:.35rem;border-radius:9999px;background-color:rgba(64,83,98,.85);border:1px solid rgba(92,105,118,.8);box-shadow:inset 0 1px 2px rgba(0,0,0,.25);backdrop-filter:blur(4px)}.filter-pill-group--full{width:100%}.filter-pill-group--compact{gap:.125rem;padding:.25rem .3rem}.filter-pill-button{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;border-radius:9999px;border:1px solid transparent;background-color:transparent;color:#e6edf5;font-weight:700;font-size:.875rem;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;flex:0 1 auto;white-space:nowrap}.filter-pill-button--grow{flex:1 1 0%}.filter-pill-button--compact{padding:0 .875rem}@media (min-width:768px){.filter-pill-button--compact{padding:0 1rem}}.filter-pill-button[data-active=true],.filter-pill-button[data-state=active]{background-color:#72a2c8;color:#ffffff;box-shadow:0 4px 12px rgba(27,43,58,.3)}.filter-pill-button:not([data-active=true]):not([data-state=active]):focus-visible,.filter-pill-button:not([data-active=true]):not([data-state=active]):hover{background-color:rgba(75,93,108,.9);color:#ffffff}.iconImage{width:60%;height:60%}.iconImage--learningJourneys{width:95%;height:95%}.iconText{margin-left:1rem;color:#ffffff;display:none;opacity:1;width:150px;height:auto}.group:hover .iconText{display:inline-block;border:1px solid #a89076;opacity:1}.sideNav:hover+.mainContent{margin-left:125px}.active .iconText{color:#000000;padding:.25rem .5rem}.active .iconText,.sidebarItem.active{background-color:#ffffff;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.sidebarItem.active{color:#1a252f;width:225px}.sideNav.expanded+.mainContent{margin-left:200px}.titleBar{height:75px;background-color:#23303C;color:#FFFFFF;display:flex;align-items:center;justify-content:space-between;padding:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.logo{margin-left:.75rem;font-size:32px;font-weight:700;letter-spacing:8px}.name{margin-left:10px;text-align:left;font:normal normal normal 16px/22px sans-serif;color:#ffffff}.profileContainer{display:flex;justify-content:left;margin-right:5rem;width:160px;position:relative}.profileImage{height:1rem;width:1rem}.profileName{font-size:32px}.dropdownIcon{margin-left:.5rem;cursor:pointer}.dropdownMenu{position:absolute;top:100%;right:0;margin-top:.5rem;width:160px;background:#23303C 0 0 no-repeat padding-box;color:#ffffff;border:1px solid #fff7ed;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:9999}.group-hover\:block:hover .dropdownMenu{display:block}.dropdownMenu{background:#1f2937;border-radius:.25rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);display:inline-block}.dropdownItem{display:flex;align-items:center;width:100%;padding:.5rem 1rem;text-decoration:none;background:none;border:none;color:#fff;font:inherit;cursor:pointer;box-sizing:border-box}.dropdownItem:hover{background-color:rgba(255,255,255,.1)}.icon{flex:0 0 1.25rem;height:1.25rem;margin-right:.5rem}.searchbarContainer{display:flex;align-items:center;background-color:transparent;margin-left:10rem;margin-right:auto;max-width:calc(100% - 200px);overflow:hidden}.searchInput{margin-left:8px;padding:4px;width:286px;border-radius:4px;color:white;font-weight:700;border:none}.searchInput,.searchInput:focus{background-color:transparent;opacity:1}.searchInput:focus{color:#ffffff;outline:none}.customFontStyle{font:normal normal normal 16px/19px sans-serif}.sectionContainer{display:flex;justify-content:space-between;width:100%;height:23px;max-width:180px;margin-top:50px;color:#ffffff;background-color:#6F7F8F;border-radius:3px;margin-left:4.7rem}.sectionItem{flex:1;text-align:center;padding:0}.editProfileButton{background-color:#4C6C88;height:32px;width:150px;border-radius:.375rem;font-weight:700;margin-top:6px}.highlighted{background-color:#516581;border:1px solid white;border-radius:5px;opacity:1}.profileHeaderContainer{display:flex;flex-direction:column;align-items:flex-start;padding-left:50px;padding-right:100px;margin:0}.profileTopContainer{display:flex;align-items:center;width:900px}.profilePictureContainer{width:160px;height:160px;overflow:hidden;background-color:transparent;margin-left:70px;margin-top:20px}.defaultProfilePicture,.profilePictureContainer{border-radius:50%;display:flex;align-items:center;justify-content:center}.defaultProfilePicture{width:100px;height:100px;background-color:#A9C9FF;font-weight:700}.profilePicture{width:140px;height:140px;color:#ffffff;background-color:transparent;border-radius:50%;object-fit:cover}.profileDetails{margin-left:20px;text-align:left;margin-top:40px;height:140px;color:#ffffff}.profileName{font-size:1.4rem;font-weight:700}.profileEmail,.profileTeam,.profileTitle{font-size:1rem;font-weight:700}.workStyle{display:flex;width:1100px;flex-direction:column;gap:6px;background-color:#637484;border-radius:.375rem;margin:0 5rem}.workStyleTitle{text-align:left;font-size:1.125rem;font-weight:700;color:#ffffff;margin:1rem 1rem 1rem 2rem}.workStyleBoxes{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:1rem 2rem}.workStyleBox{flex:1;display:flex;min-width:230px;min-height:170px;flex-direction:column;border-radius:.375rem;padding:1rem;background-color:#6F7F8F;color:#ffffff}.customSpan{padding:.25rem .75rem;background-color:#ffffff;color:#000000;text-align:center;border-width:1px;border-color:#000000;font-size:.875rem;line-height:1.25rem;font-weight:500;border-radius:.5rem}.careerGoalsContainer{background-color:#637484;color:#ffffff;width:400px;margin:5rem;border-radius:.375rem;padding:1rem}.careerGoalsTitle{font-size:1.125rem;font-weight:700;color:#ffffff;margin:1rem}.goalBox{padding:1rem;background-color:#6F7F8F;box-shadow:0 3px 6px #00000029;min-height:147px;margin:1rem 1rem 1rem 0}.goalBox,.iconBox{display:flex;border-radius:.5rem}.iconBox{align-items:center;justify-content:center;width:40px;height:100%;margin-right:.5rem;background-color:#2574B24B;padding:.5rem}.goalspread{display:flex;justify-content:space-between;margin-left:2.5%;margin-right:2%;gap:.1%;margin-top:1rem}.goalBoxContent{padding:.75rem;border-radius:.5rem;min-height:100px}.goalTitle{margin:1rem;font-size:.9rem;font-weight:700}.goalList{list-style-type:disc;list-style-position:inside}.goalItem{font-size:.875rem;color:white}.noGoals{font-size:.875rem;color:#718096}.trainingStyleBoxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:1000px;margin:1rem 3rem 1rem 4.5rem;row-gap:24px;column-gap:12px}.userPhoto{width:140px;height:140px;border:1px solid #f7f1e8;border-radius:172px;opacity:1}.group:hover .group-hover\:inline-block{display:inline-block}.modal-backdrop{position:fixed;inset:0;margin-top:100px;z-index:50;display:flex;align-items:center;justify-content:center;width:547px;height:1310px;background-color:#637484;border-radius:5px;margin-left:250px}.empCareerPath{background-color:#637484;width:100%;color:#ffffff;padding:10px}.learningJourneyContainer{background-color:#637484;color:#ffffff;width:1100px;border-radius:.375rem;padding:1rem}.with-shadow{box-shadow:0 0 50px #EFE5D9}.tts-speaking .wave{position:absolute;border-radius:9999px;background:rgba(255,255,255,.25);pointer-events:none;animation:pulse 2s ease-out infinite;z-index:0}.wave1{width:100%;height:100%;animation-delay:0s}.wave2{width:85%;height:85%;animation-delay:.5s}.wave3{width:70%;height:70%;animation-delay:1s}@keyframes pulse{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.5}}.editBox{background-color:#6F7F8F;margin-left:1rem;border-radius:.5rem;width:calc(100% - 5rem);padding:.85rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);border:1px solid #ffffff;display:flex;flex-wrap:wrap;gap:1rem}.profile-skill-proficiency-legend{margin-top:4rem;margin-bottom:2.5rem;width:100%;display:flex;flex-direction:column;align-items:center;background:transparent}.proficiency-legend-box{height:28px;width:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem;text-align:center;box-sizing:border-box;padding:0 .5rem}.profile-proficiency{display:flex;justify-content:flex-end;margin-top:-20px;margin-right:3.5rem}.custom-popover-scroll::-webkit-scrollbar{width:6px!important}.custom-popover-scroll::-webkit-scrollbar-track{background-color:#5C6165!important;border-radius:3px!important;margin:0!important}.custom-popover-scroll::-webkit-scrollbar-thumb{background-color:#8C9093!important;border-radius:3px!important;border:1px solid #5c6165!important}.custom-popover-scroll{scrollbar-width:thin!important;scrollbar-color:#8C9093 #383D42!important}.custom-popover-scroll-x::-webkit-scrollbar:horizontal{height:10px!important}.custom-popover-scroll-x::-webkit-scrollbar-track:horizontal{background-color:#5C6165!important;border-radius:9999px!important}.custom-popover-scroll-x::-webkit-scrollbar-thumb:horizontal{background-color:#8C9093!important;border-radius:9999px!important;border:1px solid #5c6165!important}.custom-popover-scroll-x{scrollbar-width:thin!important;scrollbar-color:#8C9093 #383D42!important}