.label-patch {
    display: flex;
    flex-direction: row;

    min-height: 32px;
}

.label-content-patch {
    display: flex;
    flex-direction: column;
    justify-content: center;

    flex: 1 0 70%;
    min-width: 0;
}

.label-icon-patch {
    display: flex;
    flex-direction: row;
}

.inner-label-patch {
    display: flex;
    align-items: center;
    line-break: auto;
}

.inner-icon-patch-container {
    container-type: inline-size;
    container-name: label-container;

    flex: 1 0 auto;
}

.inner-icon-patch {
    display: flex;
    height: 100%;
}

@container label-container (max-width: 25px) {
    .inner-icon-patch {
        justify-content: center;
        align-items: end;
        flex-direction: column;
        gap: 4px;
    }
}

@container label-container (min-width: 26px) {
    .inner-icon-patch {
        justify-content: end;
        align-items: flex-end;
        flex-direction: row;
        padding-bottom: 8px;
    }
}