.lg-wrap{
    padding:40px 0 24px
}
.lg__headline{
    font-size:42px
}
.lg__desc,.lg__headline{
    text-align:center;
    font-weight:700
}
.lg__desc{
    padding:24px 0;
    color:#333;
    font-size:24px;
    line-height:1.3
}
.lg__desc span{
    color:#157fe2
}
.lg__subtitle{
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    text-align:center
}
.lg__items{
    width:100%;
    max-width:940px;
    margin:0 auto;
    padding-top:24px;
    justify-content:space-between
}
.lg__items-wrap{
    padding:48px 0;
    border-radius:8px;
    border:1px solid var(--grey,#e6e8ec);
    background-color:var(--gray-bg,#f6f7f8)
}
.lg__item{
    max-width:380px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-right:16px;
    border:1px solid transparent;
    border-radius:8px;
    transition:.2s
}
.lg__item:hover{
    border-color:var(--grey,#e6e8ec);
    background-color:var(--white,#fff)
}
.lg__item-name{
    display:flex;
    padding:16px
}
.lg__item-ico{
    width:100%;
    height:100%;
    max-width:32px;
    max-height:24px;
    object-fit:contain
}
.lg__item-title{
    padding-left:8px;
    font-size:14px;
    font-weight:700;
    line-height:18px;
    white-space:nowrap
}
.lg__item-desc{
    color:#2a2e36;
    text-align:right;
    font-size:18px;
    font-weight:700
}
.network-actions,.network-select{
    width:100%;
    max-width:220px
}
.network-actions .select2,.network-actions .select-field,.network-select .select2,.network-select .select-field{
    width:100%
}
.network-input{
    display:flex
}
.network-controls .input-field{
    width:100%;
    border:1px solid var(--grey,#e6e8ec);
    max-width:220px;
    margin-right:8px
}
.network-controls .button-secondary{
    height:100%;
    padding:16px 24px;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase
}
.lg-test-wrap{
    padding-bottom:88px
}
.lg-test__form{
    display:flex;
    justify-content:center;
    margin:0 auto;
    padding:24px 16px 0
}
.lg-test__form-wrap{
    padding:48px 0;
    border:1px solid var(--grey,#e6e8ec);
    background-color:var(--gray-bg,#f6f7f8);
    border-radius:8px;
    position: relative
}
.lg-test__form-wrap.active{
    border-radius:8px 8px 0 0
}
.lg-test__console{
    display:block;
    font-family:monospace;
    white-space:pre;
    overflow:hidden;
    height:481px;
    width:100%;
    padding:10px;
    background-color:var(--black,#000);
    color:var(--white,#fff);
    font-size:16px;
    line-height:2
}
.lg-test__console-wrap{
    height:0;
    width:100%;
    max-width:1280px;
    overflow:hidden;
    transition:.5s
}
.lg-test__console-wrap.active{
    height:481px
}
.page-headline{
    background-color:#0e66ce;
    background-image:linear-gradient(90deg,#0e66ce,#1f98f6);
    padding:24px 0;
    font-size:42px;
    font-weight:700;
    text-align:center;
    color:#fff
}
@media (min-width:420px){
    .lg__items-wrap{
        padding:48px 16px
    }
}
@media (min-width:992px){
    .lg-wrap{
        padding:68px 0 48px
    }
    .lg__desc{
        padding:24px 0 48px
    }
    .lg__items{
        column-count:2
    }
    .lg__item{
        padding:0 23px 0 16px
    }
    .lg-test__form div+div{
        margin-left:8px
    }
}
@media (max-width:992px){
    .lg__item{
        margin:0 auto
    }
    .network-actions,.network-select{
        max-width:311px;
        margin:0 auto 16px
    }
    .network-input{
        flex-direction:column
    }
    .network-controls .input-field{
        max-width:311px;
        margin:0 auto 16px
    }
    .network-controls .button-secondary{
        display:flex;
        margin:0 auto;
        width:100%;
        max-width:311px
    }
    .lg-test__form{
        flex-direction:column
    }
    .network-address{
        width:100%;
        max-width:311px;
        margin:0 auto 16px
    }
    .network-address input{
        width:100%
    }
}

.lgw-fullver {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.lgw-fullver>a {
    color: #ccc;
}