.ecosystem{z-index:9999;box-shadow:0 4px 8px rgba(0,0,0,.5);width:25%;transition:transform .5s ease,opacity .5s ease;will-change:transform,opacity;@media (max-width:1025px){width:50%}@media (max-width:600px){width:75%}.ecosystem-title{margin-bottom:0;color:#ec7000;border-radius:16px;&:focus-visible{outline:1px solid #ec7000}}.ecosystem-item{color:#181d27;border-radius:16px;&:focus-visible{padding:0 8px;outline:1px solid #ec7000}}}.ecosystem-open{transform:translateX(0);opacity:1}.ecosystem-closed{transform:translateX(100%);opacity:0;pointer-events:none}.navbar-main{visibility:visible;display:flex;flex-grow:1;.library-link{.library-link-trigger{font-weight:600;font-size:.875rem;color:#181d27;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);&:focus,&:focus-visible,&:hover{color:#ec7000!important;outline:none;box-shadow:none}&.active{color:#ec7000!important}}&.is-active{.library-link-trigger{color:#ec7000!important}&:before{content:"";position:absolute;top:100%;left:0;width:300px;height:30px;background:transparent;z-index:1049}}.library-link-content{top:64px;left:0;z-index:1050;transform-origin:top left;opacity:0;transform:scale(.5);pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;&.is-visible{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}&.is-hidden{opacity:0;transform:scale(.5);pointer-events:none;visibility:hidden}.library-menu{background:#ffffff;max-width:300px;min-width:220px;max-height:370px;overflow-x:auto;overflow-y:auto;border-top:2px solid #ec7000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 5px 5px 0 rgba(0,0,0,.5);.link{color:inherit;text-decoration:none;display:block;border-radius:8px;outline:none;&:focus,&:focus-visible,&:hover{outline:none}&:focus-visible{.library-menu-item{color:#ec7000;background-color:rgba(236,112,0,.08);border-color:rgba(236,112,0,.35);box-shadow:0 0 0 2px rgba(236,112,0,.12)}}}.library-menu-item{display:block;color:#171717;border-radius:8px;padding:.35rem .5rem;margin:0 -.5rem;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;&:hover{color:#ec7000;background-color:rgba(236,112,0,.06);border-color:rgba(236,112,0,.28)}&.active{color:#ec7000;background-color:rgba(236,112,0,.08);border-color:rgba(236,112,0,.32);font-weight:600}svg{color:currentColor;transition:color .2s ease}p{margin-bottom:0}}.library-menu-item-header{display:block;color:#171717;border-radius:8px;padding:.35rem .5rem;margin:0 -.5rem;font-weight:600;p{margin-bottom:0}svg{color:currentColor}}}}}.navbar-nav{margin-top:5px;.nav-item{margin-right:4px;.nav-link{font-weight:600;font-size:.875rem;color:#181d27;border-radius:8px;transition:box-shadow .2s ease,color .2s ease;&.active,&:focus,&:hover{color:#ec7000!important}&:focus{outline:none}&:focus-visible{outline:none;box-shadow:0 0 0 1px #ec7000}}}}@media (max-width:1199px){.navbar-nav{margin-top:7px;.nav-item{margin-right:4px;.nav-link{font-size:.85rem}}}}@media (max-width:992px){visibility:collapse;width:0}}