.draft-icon78fail {
    width: 48px;
    height: 47px;
}
.draft-message {
    gap: var(--dl-space-space-space-2);
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-direction: column;
}
.draft-text {
    color: var(--dl-color-default-neutralwhite);
    width: 100%;
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 38px;
}
.draft-text02 {
    color: var(--dl-color-default-neutralwhite);
    width: 100%;
    height: auto;
    align-self: stretch;
    text-align: left;
    word-break: keep-all;
    line-height: 24px;
}
.draft-icon {
    fill: var(--dl-color-default-neutralwhite);
    width: var(--dl-size-size-size-4);
    cursor: pointer;
    height: var(--dl-size-size-size-4);
    min-width: var(--dl-size-size-size-4);
    min-height: var(--dl-size-size-size-4);
    transition: 0.3s;
}
.draft-icon:hover {
    fill: var(--dl-color-theme-primary100);
}
.draft-icon78success {
    width: 48px;
    height: 46px;
}
.draft-message1 {
    gap: var(--dl-space-space-space-2);
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-direction: column;
}
.draft-text07 {
    color: var(--dl-color-default-neutralwhite);
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 38px;
}
.draft-text09 {
    color: var(--dl-color-default-neutralwhite);
    width: 100%;
    height: auto;
    align-self: stretch;
    text-align: left;
    word-break: keep-all;
    line-height: 24px;
}
.draft-icon2 {
    fill: var(--dl-color-default-neutralwhite);
    width: var(--dl-size-size-size-4);
    cursor: pointer;
    height: var(--dl-size-size-size-4);
    min-width: var(--dl-size-size-size-4);
    min-height: var(--dl-size-size-size-4);
    transition: 0.3s;
}
.draft-icon2:hover {
    fill: var(--dl-color-theme-primary100);
}
.draft-icon78warning {
    width: 48px;
    height: 48px;
}
.draft-message2 {
    gap: var(--dl-space-space-space-2);
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-direction: column;
}
.draft-text10 {
    color: var(--dl-color-default-neutralwhite);
    height: auto;
    align-self: stretch;
    text-align: left;
    line-height: 38px;
}
.draft-text12 {
    color: var(--dl-color-default-neutralwhite);
    width: 100%;
    height: auto;
    align-self: stretch;
    text-align: left;
    word-break: keep-all;
    line-height: 24px;
}
.draft-icon4 {
    fill: var(--dl-color-default-neutralwhite);
    width: var(--dl-size-size-size-4);
    cursor: pointer;
    height: var(--dl-size-size-size-4);
    min-width: var(--dl-size-size-size-4);
    min-height: var(--dl-size-size-size-4);
    transition: 0.3s;
}
.draft-icon4:hover {
    fill: var(--dl-color-theme-primary100);
}
.draft-text14 {
    color: var(--dl-color-default-neutralwhite);
    height: auto;
    text-align: left;
    line-height: 24px;
}
@media(max-width: 767px) {
    .draft-text {
        font-size: 28px;
    }
    .draft-text02 {
        font-size: 14px;
    }
    .draft-text07 {
        font-size: 28px;
    }
    .draft-text09 {
        font-size: 14px;
    }
    .draft-text10 {
        font-size: 28px;
    }
    .draft-text12 {
        font-size: 14px;
    }
}