.loadoutListContainer{padding:0 .5rem .25rem;height:calc(100% - 3rem)}.loadoutListContainer.mobile{height:calc(100% - 5.5rem)}.loadoutListContainer{align-content:flex-start;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.loadoutListContainer .loadoutHighlightElementsWrapperContainer>.title{font-family:Bebas Neue;font-size:1.8rem;display:flex;align-items:baseline;flex-wrap:nowrap;gap:.5rem;flex-direction:row;margin-top:-.2rem;margin-bottom:-.4rem}.loadoutListContainer .loadoutHighlightElementsWrapperContainer>.title svg{color:#eeb11a}.loadoutListContainer .loadoutElementsContainer,.loadoutListContainer .loadoutHighlightElementsContainer{display:flex;flex-direction:row;flex-wrap:wrap}.loadoutListContainer .loadoutElementsContainer.loading,.loadoutListContainer .loadoutHighlightElementsContainer.loading{height:100%;justify-content:center}.loadoutListContainer hr{margin:.4rem 0}.loadoutListContainer .scrollUpBtn{position:absolute;bottom:3.5rem;right:1rem;background-color:#eeaf1a;width:-moz-fit-content;width:fit-content;visibility:hidden;opacity:0;padding:.3rem .6rem}.loadoutListContainer .scrollUpBtn.scrollable{visibility:visible;opacity:1}.loadoutListContainer .scrollUpBtn{transition:visibility .1s,opacity .3s linear}.loadoutListContainer .scrollUpBtn svg{color:#444}.loadoutFilterSidebar{max-width:calc(15rem + 8vw - 1rem);height:calc(100% - 1rem);border:2px solid;border-radius:.5rem;padding:.25rem 0;overflow-y:hidden}.loadoutFilterSidebar .title{padding:0 .5rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.loadoutFilterSidebar .title svg{margin-right:.5rem}.loadoutFilterSidebar .title svg.active{color:#ffc60c}