@import '../common.scss';

InventoryDisplay {
    bottom: 50px;
    right: 100px;
    position: absolute;
    font-family: $font-family;
    font-size: 128px;
    transition: transform 0.3s;
    background-color: $hud-bg;
    border-radius: 32px;
    flex-direction: column;
    padding: 12px;
    justify-content: space-between;
    pointer-events: all;

    .inv-row {
        width: 100%;
        height: 100px;
    }

    &.hide {
        transform: translateX(490px);
        pointer-events: none;
    }
}