:root{

}

.geekui-platform-container{
    padding: 20px;
}
.geekui-platform-name{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
}
.geekui-plafrom-content{
    display:grid;
    grid-template-columns: 1fr 300px;
    gap:20px;
}
.geekui-plafrom-header{
    display:grid;
    grid-template-columns:200px 1fr;
    gap:20px;
}
.geekui-plafrom-header>div:first-child{
    height: 200px;
    width: 200px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.geekui-plafrom-header-general{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
}
.geekui-plafrom-websites{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
}
.geekui-plafrom-websites>div{
    position: relative;
    margin-top:20px;
}
.geekui-plafrom-websites>div>img{
    float:left;
    width: 30px;
    margin-right: 10px;
}
.geekui-plafrom-websites>div>a{
    position:relative;
    top:5px;
    font-weight: bold;
}
.geekui-platform-semi-title{
    font-weight: bold;
    margin-top:20px;
}
.geekui-platform-version{
    display:block;
}
.geekui-platform-version-item{
    display:grid;
    grid-template-columns: 60px 1fr;
    gap:10px;
    margin-bottom:10px;
    padding:5px;
    cursor: pointer !important;

}
.geekui-platform-version-item.active{
    background-color: #cccccc;
}

.geekui-platform-version-item>div:first-child{
    height: 60px;
    width: 60px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.geekui-platform-version-item>div:last-child>strong{
    font-weight: bold;
    display:block;
}
.geekui-platform-desktop{
    display:block;
}
.geekui-platform-mobile{
    display:none
}
.geekui-platform-version-content{
    margin-top:30px;
}
.geekui-platform-version-content-title{
    font-weight: bold;
    margin-bottom: 10px;
    font-size:18px
}
.geekui-platform-tabs{
    margin-top: 10px;
}
.geekui-platform-tabs span{
    font-weight: bold;
    padding: 10px 10px 9px;
    cursor: pointer;
}
.geekui-platform-tabs span.geekui-active{
    border-bottom:3px solid;
}
.geekui-tab-platform-content{
    display:block;
    margin-top: 9px;
    padding:20px;
    border:1px solid #c2c2c2;
    min-height: 100px;
    position:relative;
    z-index: 2!important;
}
.geekui-platform-overview-grid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:10px;
    margin-top:10px
}
.geekui-platform-hardware{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
}
.geekui-platform-games{
    margin-top:20px;
}

@media (max-width: 600px){
    .geekui-plafrom-content{
        display:block
    }

    .geekui-plafrom-header{
        display:block;
    }
    .geekui-platform-desktop{
        display:none;
    }
    .geekui-platform-mobile{
        display:block;
        margin:20px 0;
    }
    .geekui-platform-overview-grid{
        font-size:13px;
        grid-template-columns: 1fr 1fr
    }
}