.st-templates-list{
    display:flex;
    flex-wrap:wrap;
}

.st-template{
    width:25%;
    padding:20px;
    box-sizing: border-box;
    &__image{
        width:100%;
        height:200px;
        position:relative;
        img{
            object-fit:cover;
            width:100%;
            height:100%;
            position:relative;
        }
        a{
            position:absolute;
            left:0;
            top:0;
            width:100%;
            height:100%;
        }
    }

    &__actions{
        margin-top:10px;
    }

    &.start-install{
        .st-template__image{
            &:after{
                content:"Importing...";
                position:absolute;
                left:0;
                width:100%;
                top:0;
                height:100%;
                background:rgba(0,0,0,0.8);
                color:#fff;
                font-size:20px;
                text-align:center;
                line-height:200px;
            }
        }
    }

    &.success-install{
        .st-template__image{
            &:after{
                content:"Imported!";
                position:absolute;
                left:0;
                width:100%;
                top:0;
                height:100%;
                background:rgba(19, 165, 33, 0.8);
                color:#fff;
                font-size:20px;
                text-align:center;
                line-height:200px;
            }
        }
    }

    .st-theme-included-tag{
        float: right;
        border: 1px solid #61a20b;
        background: #fff;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: bold;
        color: #61a20b;
    }
}

.st-credentials{
    background: #fff;
    padding: 30px;
    p:last-child{
        margin-bottom:0px;
    }
}

.st-connect{
    background: #fff;
    padding: 30px;
    p:last-child{
        margin-bottom:0px;
    }
    margin-top:10px;
}