@import '../../style/index';

.@{prefix-cls}-wggs {
    padding: 10px;
    &-content {
        max-height: 580px;
        padding: 10px 20px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
        overflow: auto;
        &-item {
            padding: 10px;
            padding-bottom: 0;
            display: flex;
            flex-direction: column;
            height: 263px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid #364e60;
            border-radius: 6px;
            &-img {
                flex: 1;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
            & > p {
                height: 30px;
                line-height: 30px;
                color: var(--info-color);
            }
            &--active {
                border: 1px solid #55fff5;
            }
        }
    }
}
