.navbar-menu{position:absolute;top:100%;z-index:1;background-color:#ffffff;width:100%;height:calc(100vh - 100%);overflow-y:auto;transition:transform .3s ease;ul{margin:0;padding:0;li{list-style:none}}&.navbar-menu-hide{transform:translateY(-150%)}.navbar-menu-section{border-radius:var(--rounded-sm);border:1px solid var(--color-stroke-primary);background:var(--color-background-primary);margin-bottom:var(--padding-02);padding:var(--padding-03,16px);&:last-of-type{margin-bottom:0}button{border:0;padding:var(--padding-02) var(--padding-03);background:none;width:100%;margin:0}&.selected{.navbar-menu-section-items{height:auto;padding-bottom:var(--padding-02);max-height:1000px}.navbar-menu-section-title{&:after{transform:rotate(270deg)}}}.navbar-menu-section-title{color:var(--color-text-titles-primary);font-weight:700;display:flex;justify-content:space-between;align-items:center;&.selected{color:var(--color-text-blue)}&:after{content:"";background:url(/imgs/right-chevron.svg) no-repeat 50%;background-size:100% 100%;width:var(--size-icon-md);height:var(--size-icon-md);display:block}}.navbar-menu-section-items{height:0;max-height:0;overflow:hidden;transition:all .3s ease;.navbar-menu-item{margin:0 var(--padding-03);a{display:block;padding:var(--padding-03);border-radius:var(--rounded-md);text-decoration:none;&.external-link{background:url(/imgs/open-new-tab.svg) no-repeat right var(--padding-03) top calc(var(--padding-03) - 3px)}}&.selected,&:hover{a{background-color:var(--color-blue-50)}}.navbar-menu-item-title{display:block;margin-bottom:var(--padding-02);color:var(--color-text-titles-primary);font-weight:700}.navbar-menu-item-description{display:block;color:var(--color-text-body-secondary);margin-bottom:0}}}&.skip-description .navbar-menu-section-items .navbar-menu-item .navbar-menu-item-title{font-weight:400;margin-bottom:0}}}.navbar-menu-overlay{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;background-color:#000;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;&.show{opacity:.5;visibility:visible}}@media (min-width:992px){.navbar-menu{margin-left:auto;margin-right:auto;height:auto;width:96%;max-width:1200px;border-radius:0 0 10px 10px;left:50%;transform:translateX(-50%);padding:0;&.navbar-menu-hide{transform:translate(-50%,-150%)}.navbar-menu-section{display:none;border:none;padding:0;margin-bottom:0;&.selected{display:block}.navbar-menu-section-title{display:none}.navbar-menu-section-items{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--padding-03);gap:var(--padding-03);padding-top:0}&.skip-description .navbar-menu-section-items{grid-template-columns:1fr 1fr 1fr}}.navbar-menu-mobile-buttons{display:none!important}}}