.item-slot {
    position: relative;
}

.item-slot::before {
    content: '';
    position: absolute;
    inset: 2px;
}

.item-image {
    width: 48px;
    height: 48px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.category-btn {
    transition: all 0.3s;
}

.category-btn.active {
    background: #16a34a;
    color: white;
}

input{
    color: white;
}

.crafting{
    background-image: url('../../assets/img/crafting.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.result-crafting{
    background-image: url('../../assets/img/result-crafting.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}