.ux-slide-status {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 200px;
    padding: 20px 1px 0 1px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: fixed;
    bottom: -200px;
    z-index: 3001;
}

    .ux-slide-status.amber {
        background: var(--slide-status-amber);
    }

    .ux-slide-status.red {
        background: var(--slide-status-red);
    }

    .ux-slide-status.green {
        background: var(--slide-status-green);
    }

    .ux-slide-status .slide-content {
        background: #FFF;
        padding: 4px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        display: block;
        height: 100%;
    }

    .ux-slide-status.amber .slide-content .slide-title {
        border-bottom: groove 2px var(--slide-status-amber);
        display: flex;
    }

    .ux-slide-status.red .slide-content .slide-title {
        border-bottom: groove 2px var(--slide-status-red);
        display: flex;
    }

    .ux-slide-status.green .slide-content .slide-title {
        border-bottom: groove 2px var(--slide-status-green);
        display: flex;
    }

    .ux-slide-status .slide-content .slide-title .slide-icon {
        display: inline-flex;
        flex-basis: 10%;
        font-size: 2rem;
    }

    .ux-slide-status.amber .slide-content .slide-title .slide-icon {
        color: var(--slide-status-amber);
    }

    .ux-slide-status.red .slide-content .slide-title .slide-icon {
        color: var(--slide-status-red);
    }

    .ux-slide-status.green .slide-content .slide-title .slide-icon {
        color: var(--slide-status-green);
    }

    .ux-slide-status .slide-content .slide-title .slide-caption {
        display: inline-flex;
        flex-basis: 90%;
        font-size: 1rem;
        font-weight: 500;
        padding-top: 0.6rem;
        color: #000;
    }

    .ux-slide-status .slide-content .slide-message {
        font-size: 1rem;
        font-weight: normal;
        color: #000;
    }