/*
             * Fix the clipped hover animation.
             */
            .k3-ranking-primary-tabs,
            .k3-ranking-primary-tab {
                overflow: visible !important;
            }

            /*
             * Permanent colored cards for the five
             * main categories.
             */
            .k3-ranking-primary-tab {
                position: relative !important;
                min-height: 138px !important;
                padding: 13px 8px 12px !important;
                border:
                    1px solid
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .52
                    ) !important;
                background:
                    linear-gradient(
                        145deg,
                        rgba(
                            var(--k3-category-rgb, 57, 255, 20),
                            .075
                        ),
                        rgba(0, 0, 0, .60) 56%,
                        rgba(
                            var(--k3-category-rgb, 57, 255, 20),
                            .025
                        )
                    ) !important;
                box-shadow:
                    inset 0 0 18px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .035
                    ) !important;
            }

            .k3-ranking-primary-tab::before {
                width: 92px !important;
                height: 92px !important;
            }

            .k3-ranking-primary-tab:hover,
            .k3-ranking-primary-tab.is-active {
                border-color:
                    var(--k3-category-color, #39ff14)
                    !important;
                background:
                    linear-gradient(
                        145deg,
                        rgba(
                            var(--k3-category-rgb, 57, 255, 20),
                            .16
                        ),
                        rgba(0, 0, 0, .56) 60%,
                        rgba(
                            var(--k3-category-rgb, 57, 255, 20),
                            .07
                        )
                    ) !important;
                box-shadow:
                    0 0 16px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .44
                    ),
                    inset 0 0 20px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .075
                    ) !important;
            }

            /*
             * Small corner details on the main cards.
             */
            .k3-ranking-primary-tab::after {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                left: 10px !important;
                right: 10px !important;
                bottom: 0 !important;
                height: 2px !important;
                background:
                    linear-gradient(
                        90deg,
                        transparent,
                        var(--k3-category-color, #39ff14),
                        transparent
                    ) !important;
                opacity: .7 !important;
                box-shadow:
                    0 0 8px
                    var(--k3-category-color, #39ff14)
                    !important;
            }

            /*
             * Glowing divider between main categories
             * and the selected subcategories.
             */
            .k3-ranking-groups {
                position: relative !important;
                margin-top: 28px !important;
                padding: 26px 0 24px !important;
            }

            .k3-ranking-groups::before,
            .k3-ranking-groups::after {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                left: 2% !important;
                right: 2% !important;
                height: 1px !important;
                background:
                    linear-gradient(
                        90deg,
                        transparent 0%,
                        rgba(33, 201, 0, .32) 12%,
                        var(--k3-category-color, #39ff14) 50%,
                        rgba(33, 201, 0, .32) 88%,
                        transparent 100%
                    ) !important;
                box-shadow:
                    0 0 8px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .48
                    ) !important;
            }

            .k3-ranking-groups::before {
                top: 0 !important;
            }

            .k3-ranking-groups::after {
                bottom: 0 !important;
                opacity: .72 !important;
            }

            /*
             * A glowing center diamond on the upper line.
             */
            .k3-ranking-group.is-active::before {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                top: -30px !important;
                left: 50% !important;
                width: 9px !important;
                height: 9px !important;
                border:
                    1px solid
                    var(--k3-category-color, #39ff14)
                    !important;
                background: #030603 !important;
                transform:
                    translateX(-50%)
                    rotate(45deg) !important;
                box-shadow:
                    0 0 9px
                    var(--k3-category-color, #39ff14)
                    !important;
            }

            .k3-ranking-group.is-active {
                position: relative !important;
            }

            /*
             * Subcategories remain borderless normally,
             * but receive a proper rectangle on hover
             * and when selected.
             */
            .k3-ranking-category-tabs a {
                border:
                    1px solid transparent
                    !important;
                padding: 8px 10px 10px !important;
                transition:
                    border-color .16s ease,
                    background .16s ease,
                    box-shadow .16s ease,
                    color .16s ease !important;
            }

            .k3-ranking-category-tabs a:hover,
            .k3-ranking-category-tabs a.active {
                border-color:
                    var(--k3-category-color, #39ff14)
                    !important;
                background:
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .105
                    ) !important;
                box-shadow:
                    0 0 13px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .42
                    ),
                    inset 0 0 12px
                    rgba(
                        var(--k3-category-rgb, 57, 255, 20),
                        .045
                    ) !important;
            }

            /*
             * Weekly section spacing after the new divider.
             */
            .k3-ranking-weekly-block {
                margin-top: 22px !important;
            }

            @media (max-width: 760px) {
                .k3-ranking-primary-tab {
                    min-height: 124px !important;
                    padding: 10px 6px !important;
                }

                .k3-ranking-primary-tab::before {
                    width: 80px !important;
                    height: 80px !important;
                }

                .k3-ranking-groups {
                    margin-top: 20px !important;
                    padding-top: 22px !important;
                }
            }