label[data-label="edited_string"] {
    padding                 : calc(var(--message-height) + var(--message-margin) + 0px) 0px 0px;
}

label[data-label="edited_string"] .label__title {
    position                : absolute;
    top                     : 0%;
    left                    : 0%;
    width                   : 100%;
    font-size               : 14px;
    line-height             : 1;
    transition-property     : opacity;
    transition-duration     : var(--hover-animation);
}

label[data-label="edited_string"] .label__message {
    position                : absolute;
    top                     : 0%;
    left                    : 0%;
    width                   : 100%;
    font-size               : 14px;
    line-height             : 1;
    opacity                 : 0;
    transition-property     : opacity;
    transition-duration     : var(--hover-animation);
}

label[data-label="edited_string"][data-status~="success"] .label__message {
    color                   : var(--green-lime-100);
    opacity                 : 1;
}

label[data-label="edited_string"][data-status~="notice"] .label__message {
    color                   : var(--amber-100);
    opacity                 : 1;
}

label[data-label="edited_string"][data-status~="error"] .label__message {
    color                   : var(--pink-raspberry-100);
    opacity                 : 1;
}

label[data-label="edited_string"][data-status~="success"]:hover .label__message,
label[data-label="edited_string"][data-status~="notice"]:hover .label__message,
label[data-label="edited_string"][data-status~="error"]:hover .label__message {
    opacity                 : 0;
}

label[data-label="edited_string"][data-status~="success"] .label__message:not(:empty) ~ .label__title,
label[data-label="edited_string"][data-status~="notice"] .label__message:not(:empty) ~ .label__title,
label[data-label="edited_string"][data-status~="error"] .label__message:not(:empty) ~ .label__title {
    opacity                 : 0;
}

label[data-label="edited_string"][data-status~="success"]:hover .label__message:not(:empty) ~ .label__title,
label[data-label="edited_string"][data-status~="notice"]:hover .label__message:not(:empty) ~ .label__title,
label[data-label="edited_string"][data-status~="error"]:hover .label__message:not(:empty) ~ .label__title {
    opacity                 : 1;
}