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

//
//  Variables
//  _____________________________________________

//  Sizes

@readiness-check-side__width: 22rem;
@readiness-check-content__indent: 5.7rem;

//
//  Common
//  ---------------------------------------------

.readiness-check-item {
    margin-bottom: 4rem;
    min-height: 2.5rem;

    .spinner {
        float: left;
        font-size: 2.5rem;
        margin: -.4rem 0 0 1.7rem;
    }
}

.readiness-check-title {
    font-size: @base__font-size;
    font-weight: @font-weight__bold;
    margin-bottom: .1rem;
    margin-left: @readiness-check-content__indent;
}

.readiness-check-content {
    margin-left: @readiness-check-content__indent;
    margin-right: @readiness-check-side__width;
    position: relative;

    .readiness-check-title {
        margin-left: 0;
    }

    .list {
        margin-top: -.3rem;
    }
}

.readiness-check-side {
    left: 100%;
    padding-left: 2.4rem;
    position: absolute;
    top: 0;
    width: @readiness-check-side__width;

    .side-title {
        margin-bottom: 0;
    }
}

.readiness-check-icon {
    float: left;
    margin-left: 1.7rem;
    margin-top: .3rem;
}

//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .readiness-check-content {
        margin-right: 2rem;
    }

    .readiness-check-side {
        padding: 2rem 0;
        position: static;
    }
}