.inventory-container{height:100%;display:flex;align-items:center;width:100%;margin-top:8px;justify-content:space-between}.inventory{width:50%}.inventory-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);max-height:83vh;align-content:start;width:100%}.slot a{display:block;height:100%;width:100%}.slot{position:relative;border:solid 1px var(--text-secondary)}.inventory .slot{min-height:0;aspect-ratio:unset;height:100%;width:100%}.item-container{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background-color .3s,opacity .3s}.slot:hover .item-container{background-color:var(--text-secondary);opacity:.2}.slot p,.slot>p{text-align:center;position:absolute;top:4px;z-index:20;display:none;width:100%}.slot>p{display:block;top:auto;bottom:4px;right:4px;width:auto;text-decoration:none}.slot:hover a p{display:block;text-decoration:underline}#equipment-container{width:auto;display:flex;flex-direction:column;justify-content:center;position:relative;gap:3vw;min-height:50vh}.equipment{height:100%;display:flex;flex-direction:column;align-items:center;gap:7vw}.character{height:100%;width:auto;-o-object-fit:contain;object-fit:contain;opacity:.4;aspect-ratio:1/1;position:absolute}.equipment .slot{height:7vw;min-height:8vh;aspect-ratio:1/1}.equipment .mid-row{gap:4vw}.slot .equip-btn{position:absolute;z-index:20;bottom:4px;height:4vh;aspect-ratio:1/1;border-radius:100;display:none}.slot:hover .equip-btn{display:block;width:-moz-fit-content;width:fit-content}.equip-btn svg{height:100%;max-width:-moz-fit-content;max-width:fit-content;aspect-ratio:1/1;fill:var(--text-secondary);transition:fill .3s}.equip-btn:hover svg{fill:var(--text-primary)}.equipped{background-color:var(--accent)}