.calculatorCategoryContainer{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.calculatorCategoryContainer .groupsWrapperContainer{flex-direction:column;height:100%;min-height:0;padding:.5rem .25rem;display:flex}.calculatorCategoryContainer .groupsWrapperContainer .groupsContainer{flex-direction:column;gap:.5rem;display:flex}.calculatorCategoryContainer .groupsWrapperContainer .p-scrollpanel{flex:auto;min-height:0}.calculatorCategoryNotFoundContainer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;font-family:JimNightshade;font-size:4rem;display:flex}.calculatorCategoryNotFoundContainer .note{font-family:WRose Serif Worn;font-size:1.5rem;font-style:italic}

.calculatorCategoryGroupContainer .p-panel-title{font-family:WRose Serif Worn;font-size:1.2rem}.calculatorCategoryGroupContainer .elementsContainer{flex-flow:wrap;gap:.5rem;display:flex}
.calculatorElementContainer{border:1px solid var(--wr-secondary-text-color);border-radius:.3rem;flex-flow:row;gap:.25rem;padding:.25rem .5rem;display:flex}.calculatorElementContainer.rarity-common{background-color:#a7a3a3bf}.calculatorElementContainer.rarity-uncommon{background-color:#14af21bf}.calculatorElementContainer.rarity-rare{background-color:#1775a0bf}.calculatorElementContainer.rarity-epic{background-color:#721fd1bf}.calculatorElementContainer.rarity-legendary{background-color:#ffa500bf}.calculatorElementContainer .iconContainer{border-radius:.25rem;transition:background .1s ease-in-out}.calculatorElementContainer .iconContainer:hover{cursor:pointer;background:#6966661a}.calculatorElementContainer .iconContainer img{width:2.5rem;height:2.5rem}.calculatorElementContainer .iconContainer{padding:.5rem}.calculatorElementContainer .contentContainer{flex-direction:column;gap:.25rem;display:flex}.calculatorElementContainer .contentContainer .controls{flex-flow:row;gap:.25rem;display:flex}.calculatorElementContainer .contentContainer .controls .p-button{padding:.25rem .5rem;font-size:.9rem}.calculatorElementContainer .contentContainer .controls input{text-align:center;max-width:5rem;padding:.25rem .375rem}