@media (max-width: 767px) {

        .mobile-menu-card.current {

            border-color:
                #7dd3fc;

            background:
                linear-gradient(
                    145deg,
                    rgba(240,249,255,.96),
                    rgba(255,255,255,.91)
                );

            box-shadow:
                0 15px 36px
                rgba(14,165,233,.10),
                inset 0 1px 0
                rgba(255,255,255,.98);
        }


        .mobile-menu-card.current
        .mobile-menu-card-icon {

            color:
                #ffffff;

            background:
                #0ea5e9;

            border-color:
                #0ea5e9;

            box-shadow:
                0 8px 20px
                rgba(14,165,233,.20);
        }


        .mobile-menu-card.current
        .mobile-menu-card-title {

            color:
                #0284c7;
        }


        /*
            Tentang bukan salah satu dari 4 primary tab.
            Jadi indicator bawah tidak berpura-pura aktif
            di Beranda.
        */
        .mobile-bottom-nav.secondary-page
        .mobile-bottom-indicator {

            opacity:
                0;

            transition:
                transform .43s
                cubic-bezier(.16,1,.3,1),
                opacity .20s ease;
        }


        .mobile-bottom-nav.secondary-page
        .mobile-bottom-indicator.preview-visible {

            opacity:
                1;
        }

    }