.item-list {
    flex: 100%;
    .item {
        .item-header {
            display: flex;
            .item-img {
                flex: 0 0 32px;
                padding-right: 0.25rem;
                img {
                    border: 1px solid rgba(0, 0, 0, 0.1);
                }
            }
            .item-name {
                flex: 1 1 auto;
            }
            .item-edit,
            .item-delete,
            .technique-edit,
            .technique-delete {
                flex: 0 0 1rem;
                padding: 0 0.25rem;
            }
            .icon-stat-container {
                padding: 0 0.25rem;
            }
        }
        .item-description {
            flex: unset;
            display: block;
            height: 0;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.05);
            transition: height 0.25s ease-in;
        }
        &:hover {
            .item-description {
                height: 5rem;
                overflow-y: auto;
                scrollbar-width: thin;
            }
        }
        p {
            font-size: 0.85rem;
            margin: 0;
            padding: 0 0.5rem;
            max-width: 100%;
            &:first-child {
                padding-top: 0.5rem;
            }
            &:last-child {
                padding-bottom: 0.5rem;
            }
        }
    }
}