.tool-list-dropdown,.tool-list-dropdown .tool-list-icon,.tool-list-dropdown a,.tool-list-header,.tool-list-sections-container{display:flex}.tool-list-sections-container{flex-direction:row;justify-content:space-between;width:100%;gap:32px;&:after{content:"";width:1px;height:80%;left:220px;top:50%;position:absolute;background:#e2e2e2;transform:translate(0px, -50%)}}.tool-list-container{font-family:Poppins,sans-serif;width:100%;max-width:480px;margin:0 auto;position:relative;width:fit-content;z-index:1000}.tool-list-header{aspect-ratio:1/1;align-items:center;width:100%;height:100%;justify-content:center}.grid-icon{cursor:pointer;svg{width:100%}}@media(max-width: 768px){svg{width:20px !important}}.tool-list-dropdown{position:absolute;top:calc(100% + 12px);right:0px;background-color:#fff;padding:1.5rem 1.5rem 1rem;flex-wrap:wrap;box-sizing:border-box;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .1s,visibility .1s,transform .1s;box-shadow:0px 0px 18.12px 0px rgba(0,0,0,.0784313725);border-radius:10px;&.hidden{opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none}.allapps{color:#8c8c8c;padding:0 0 16px 10px}.tool-list-section{flex:1;min-width:180px}h3{font-size:16px;font-weight:600;color:#1d1d1d;padding-left:10px;margin:0;text-align:left}ul{list-style:none;padding:10px 0;margin:0;a{align-items:center;text-decoration:none;transition:background-color .2s,color .2s;white-space:nowrap;padding:8px 25px 8px 10px;font-size:16px;color:#1d1d1d;font-family:Poppins,sans-serif;font-weight:400;strong{font-weight:600}&:hover{background-color:#f9f9f9;border-radius:10px;border:none}&.active{background-color:#f9f9f9;color:#ff6f00;.icon{svg{color:#ff6f00}}}}}.tool-list-icon{align-items:center;justify-content:center;margin-right:10px;color:#ff6f00;flex-shrink:0;border-radius:5px;align-items:center;justify-content:center}}.tool-list-dropdown .mars-hub-link{color:#ff6f00;text-decoration:none;font-size:14px;padding:8px 12px;margin-top:48px;border-bottom:1px solid #e8e8e8}.tool-list-dropdown .mars-hub-link svg{margin-left:16px}@media(max-width: 768px){.tool-list-dropdown{max-height:calc(100vh - 130px);overflow:auto}.tool-list-dropdown .tool-list-sections-container{flex-direction:column;min-width:max-content;width:100%;gap:0;transform:translateX(0)}.tool-list-dropdown .tool-list-section{min-width:unset;width:100%;margin-bottom:20px}.tool-list-dropdown .tool-list-section:last-of-type{margin-bottom:0}.tool-list-container{width:30px !important;height:30px !important}.tool-list-sections-container:after{content:none}.tool-list-dropdown .mars-hub-link{margin-top:0}.profile-container{.profile-sections-container{top:40px}.shortName{width:30px;height:30px;font-size:14px}.name-sections-container{.name{font-size:14px}}a{font-size:14px}}.lang-container{margin-right:8px !important;.lang-dropdown-toggle{padding:3px 6px;.lang-current-label{font-size:10px}.togglearrow{margin-left:4px}}}}.shortName{position:relative;width:42px;height:42px;color:#3a3a3a;border:1px solid #ff5100 !important;background-color:#fee2d4 !important;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.profile-container{position:relative}.profile-sections-container{display:none;background:#fff;box-shadow:0 0 30px 0 rgba(140,141,152,.3019607843);border:none;padding:20px 0;border-radius:6px;position:absolute;top:46px;right:0;&.open{display:block}a{display:block;padding:4px 18px;color:#6b778c;&.manageAccount{font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;&:hover{color:#ff5100;path{fill:#ff5100}}}}hr{margin:.75rem 0;opacity:1;border-color:#e5e7eb}.extraMenuLink{list-style:none;padding-left:0;margin-bottom:0;a{&:hover{background-color:#f6f6f6}}}.logout{color:#ff5100;&:hover{background-color:#f6f6f6}}.shortName{cursor:auto}}.name-sections-container{display:flex;align-items:flex-start;gap:16px;padding:0 18px;min-width:max-content;.name{min-width:110px;max-width:185px;font-weight:500;color:#3a3a3a;line-height:18px;&:not(.role){align-self:center}}.role{display:block;font-weight:400;font-size:14px;color:#a2a4b9}}.lang-container{margin-right:24px;.language{padding:4px;border-radius:4px;position:relative;display:inline-flex;vertical-align:middle;font-size:16px;font-weight:400;line-height:1.5;&:hover{background-color:#f6f6f6}}}.lang-dropdown-toggle{display:flex;align-items:center;background:#fff;border:1px solid rgba(107,119,140,.3490196078) !important;border-radius:8px;color:#6b778c;font-size:12px;line-height:12px;padding:6px 12px}.langIcon{margin-right:4px}.togglearrow{margin-left:8px}.lang-dropdown-menu{box-shadow:0px 0px 30px 0px rgba(140,141,152,.3019607843);min-width:max-content;list-style:none;padding:8px 0;background:#fff;border-radius:6px;position:absolute;top:40px;left:0;right:0;display:none}.lang-dropdown-menu.open{display:block}.lang-dropdown-menu li{color:#6b778c;font-size:14px;padding:4px 24px 4px 24px}
