// /**
//  * Copyright Â© Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Magento_ReleaseNotification Modal on dashboard
//  ---------------------------------------------

.release-notification-modal {
    -webkit-transition: visibility 0s .5s, opacity .5s ease;
    transition: visibility 0s .5s, opacity .5s ease;

    &._show {
        -webkit-transition: opacity .5s ease;
        opacity: 1;
        transition: opacity .5s ease;
        visibility: visible;
    }

    .modal-inner-wrap {
        .modal-content,
        .modal-header {
            padding-left: 4rem;
            padding-right: 4rem;

            .action-close {
                display: none;
            }
        }

        -webkit-transform: translateX(0);
        -webkit-transition: -webkit-transform 0s;
        height: 50rem;
        transition: transform 0s;
        transform: translateX(0);
        margin-top: 13rem;
        max-width: 75rem;
    }

    .admin__fieldset {
        padding: 0;
    }
}

.release-notification-title-with-image {
    background-repeat: no-repeat;
    background-size: 55px 49.08px;
    padding: 1.5rem 0 2rem 7rem;
}

.release-notification-text {
    line-height: @line-height__l;

    ul {
        margin: 2rem 0 2rem 0;

        li {
            font-size: @font-size__xs;
            margin: 1.5rem 0 1.5rem 2rem;

            span {
                font-size: @font-size__base;
                vertical-align: middle;
                position: relative;
                left: 1rem;
            }
        }
    }
}

.release-notification-button-next,
.release-notification-button-back {
    bottom: 4rem;
    display: block;
    float: right;
    position: absolute;
}

.release-notification-button-next {
    .lib-button-as-link();
    font-weight: 400;
    right: 4rem;
}

.release-notification-button-back {
    .lib-button-as-link();
    font-weight: 400;
    left: 4rem;
}

.highlight-item {
    h3 {
        margin: 0;

        span {
            font-size: @font-size__s;
            font-style: @font-style__emphasis;
            font-weight: @font-weight__light;
        }
    }

    background-size: 65px 58px;
    background-repeat: no-repeat;
    padding: 0 0 2rem 8.5rem;
    margin-left: 1rem;
}

.highlight-item-no-image {
    padding: 0 0 2rem 0;

    h3 {
        margin: 0;
    }
}

.hide-release-notification {
    display: none;
}
