@layer components {
    #ns-media {
        .sidebar {
            @apply bg-tab-active;
            h3 {
                @apply text-fontcolor;
            }
            .sidebar-menus li {
                @apply border-transparent;
                &.active, &:hover {
                    @apply bg-surface text-fontcolor border-tab-active;
                }
            }
        }
        .content {
            @apply bg-surface;
            #ns-grid {  
                .ns-media-image-selected {
                    @apply ring-secondary;
                }
            }
            .ns-media-footer {
                @apply bg-tab-active;
            }
    
            .ns-media-upload-item {
                @apply bg-box-elevation-background;
                .error {
                    @apply bg-error-primary;
                }
            }
    
            .ns-media-preview-panel {
                @apply bg-tab-active;
            }
        }
    }
}