// 
// creatore.scss
// 

.creator{
    .creator-box{
        background-color: $white;
        padding: 20px;
        border-radius: 20px;
        box-shadow: $box-shadow;
        .number{
            color: rgba($muted, 0.5);
        }

        .creator-image{
            img{
                border: 4px solid $white;
                outline: 4px solid $blue;
            }
        }
    }

    .discover-creator{
        padding-top: 100px;

        .testi-box {
            border: 1px solid rgba($muted, 0.1);
            border-radius: 20px;
            overflow: hidden;
            background-color: $white;

            .tab-image {
                position: relative;

                .avatar-xl {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-40px, 10px);
                }
            }

            .inner-box{
                border-radius: 20px;

                .content-box{
                    background-color: $light;
                }
            }
        }
    }
}



body[data-layout-mode="dark"] {
    .creator{
        background-color: $body-dark-bg !important;
        .info-box{
            background-color: $gray-dark-100 !important;
        }

        .creator-box{
            background-color: $gray-dark-100 !important;
            h6{
                color: $white !important;
            }
        }

        .testi-box{
            background-color: $gray-dark-100 !important;
            .content-box{
                background-color: $body-dark-bg !important;
                h6{
                    color: $white !important;
                }
            }
        }
    }
}
