html:lang(ja-JP) .ThemeGlobal,
html:lang(ja-JP) .ThemeGlobal .ImcNavigation {
	--theme-font-family-primary: "NotoSansJP", Helvetica, Arial, sans-serif;
	--theme-font-family-secondary: "NotoSerifJP", Georgia, serif;
}

html:lang(ko-KR) .ThemeGlobal,
html:lang(ko-KR) .ThemeGlobal .ImcNavigation {
	--theme-font-family-primary: "HappinessSans", Georgia, serif;
	--theme-font-family-secondary: "HappinessSans", Helvetica, Arial, sans-serif;
}
html:lang(ko-KR) .ThemeGlobal .ImcNavigation { 
    --navigation-font-family: var(--theme-font-family-secondary); 
}

html:lang(zh-Hans) .ThemeGlobal,
html:lang(zh-Hans) .ThemeGlobal .ImcNavigation {
	--theme-font-family-primary: "NotoSansSC", Helvetica, Arial, sans-serif;
	--theme-font-family-secondary: "NotoSerifSC", Georgia, serif;
}

html:lang(zh-Hant) .ThemeGlobal,
html:lang(zh-Hant) .ThemeGlobal .ImcNavigation {
	--theme-font-family-primary: "NotoSansTC", Helvetica, Arial, sans-serif;
	--theme-font-family-secondary: "NotoSerifTC", Georgia, serif;
}

html:lang(vi-VN) .ThemeGlobal,
html:lang(vi-VN) .ThemeGlobal .ImcNavigation {
	--theme-font-family-primary: "NotoSans", Helvetica, Arial, sans-serif;
	--theme-font-family-secondary: "NotoSerif", Georgia, serif;
}

body {
    font-variant-ligatures: none;
}

.ThemeGlobal {
    font-feature-settings: "liga" 0, "calt" 0;

    .ImcNavigation {
        --navigation-logo-width: 296px;
        --navigation-logo-height: 47px;
        --navigation-logo-padding: 20px 40px 20px 20px;
        --navigation-item-font-weight: 600;
        --navigation-item-font-size: 16px;
        --navigation-item-text-color: #000;
        --navigation-item-hover-text-color: #616e7a;
        --navigation-item-active-text-color: #616e7a;
    }
    .ImcHeader {
        --header-border-bottom: none;
        --header-shadow: none;
        .HeaderContent, .ImcBreadcrumbs {
            --header-hasImageAsBackground-text-color: #fff;
        }
        .tabsWrapper .ImcTabs {
            --tabs-border-bottom: 1px solid #e0e0e0;
        }
        &.hasImageAsbackground {
            .tabsWrapper .ImcTabs {
                --tabs-border-bottom: 1px solid transparent;
            }
            .ImcButton.toggle {
                --button-toggle-text-color: #fff;
            }
        }
    }
    .ImcFooter {
        --imc-footer-item-hover-text-color: #b04000;
    }
    .learningStatusFiltersPanel .ImcHeading {
        --heading-h3-font-size: 18px;
        line-height: 1.35 !important;
    }
    .ImcTabs {
        --tab-active-border-bottom-color: #111111;
        --tab-border-bottom-width: 2px;
        --tabs-font-weight: 400;
        --tab-text-color: #111111;
        .active {
            --tabs-font-weight: 700;
        }
    }
    .ImcButton {
        --button-radius: 25px;
        --button-secondary-background: #ffffff;
        --button-secondary-border: 1px solid #000000;
        --button-secondary-text-color: #000000;
        --button-hover-background: #b04000;
        --button-hover-border: 1px solid #b04000;
        --button-hover-text-color: #ffffff;
    }
    .ImcLink {
        --link-text-color: #616e7a;
        --link-hover-text-color: #36a9c7;
        --link-hover-text-decoration: underline;
    }
    .ImcCheckbox {
        --checkbox-hover-border-color: #000;
        --checkbox-checked-background:  #000;
        --checkbox-checked-border-color:  #000;
        --checkbox-checked-icon-color: #ffffff;
    }
    .ImcHtml {
        --link-text-color: #616e7a;
        --link-hover-text-color: #36a9c7;
        --link-hover-text-decoration: underline;
        
        .ImcButton {
            --button-radius: 25px;
        }
    }
    .ImcChip {
        --chip-selected-background: #000;
        --chip-outline-selected-border: 1px solid #000;
        --chip-selected-text-color: #ffffff;
        --chip-selected-icon-color: #ffffff;
    }
    .ImcRating {
        --rating-star-fill: #b04000;
    }
    .DockSection .ImcButton {
        --dock-button-background: #000;
        --dock-button-border: 1px solid #000;
        --button-primary-text-color: #fff;
    }
    .LearningCard {
        --card-box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.1);
    }
    .ImcCard {
        .detailsOverlay {
            --theme-color-primary-over: #fff;
        }
        .ImcButton.toggle {
            --button-toggle-text-color: #fff;
        }
    }
    .ImcMenuItem {
        --menu-item-hover-text-color: #0d6e9c;
        --menu-item-active-text-color: #0d6e9c;
        --menu-item-hover-shadow: inset 3px 0 0 0 #0d6e9c;
        --menu-item-icon-active-color: #0d6e9c;
        --menu-item-icon-hover-color: #0d6e9c;
        --dropdown-item-hover-text-color: #0d6e9c;
    }
    .ImcNotification {
        --notification-info-background: #FDE5D0;
    }

    .ImcDropzone {
        .ImcButton {
            --button-radius: 4px;
        }
    }

    .Dashboard {
        --heading-h2-font-size: 32px;

        .showMore {
            --theme-color-text-primary: #0d6e9c;
            --theme-color-primary: #0d6e9c;
        }

        .ExperienceTracksPanel article{
            --heading-h2-font-size: 24px;
            --card-text-color: #ffffff;
            .seal .ImcText {
                color: #000000;
            }
        }
    }
    .experience-wrapper {
        .seal .ImcText {
            color: #000000;
        }
        .level.achieved {
            --experience-level-rank-color-achieved: #fff;
        }
    }

    /* Pages */
    .UserProfileSignup {
        .ImcCheckbox {
            --checkbox-align-items: baseline;
        }
        .checkboxesContainer {
            align-items: baseline;
        }
    }

    /* Lock screen until the redesign is complete */
    .Dashboard:not(.editMode):has(.taPanelWelcome) {
        &::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(255, 255, 255, 0.5) 0vw, #FFF8E3 40vw);
            z-index: 998;
            backdrop-filter: blur(10px);
        }
        &::after {
            content: "";
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
            width: 42px;
            height: 42px;
            transform: translate(-50%, -50%);
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmMyMGUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjE2IiB5PSIyIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmMyMGUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjFzIiBiZWdpbj0iMC4xMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSIzMCIgeT0iMiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZjMjBlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iMCIgZHVyPSIxcyIgYmVnaW49IjAuMjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSIyIiB5PSIxNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZjMjBlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iMCIgZHVyPSIxcyIgYmVnaW49IjAuODc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iMzAiIHk9IjE2IiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmZmMyMGUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjFzIiBiZWdpbj0iMC4zNzVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSIyIiB5PSIzMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZjMjBlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iMCIgZHVyPSIxcyIgYmVnaW49IjAuNzVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSIxNiIgeT0iMzAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iI2ZmYzIwZSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89IjAiIGR1cj0iMXMiIGJlZ2luPSIwLjYyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjMwIiB5PSIzMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjZmZjMjBlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iMCIgZHVyPSIxcyIgYmVnaW49IjAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0Pjwvc3ZnPg==");
            background-repeat: no-repeat;
            z-index: 999;
        }
    }
    .Dashboard:not(.editMode):has(.taPanelWelcome):has(.cust-video-cover) {
        &::before {
            animation: ucl-fade-out 0.5s ease forwards;
            pointer-events: none;
        }
        &::after {
            animation: ucl-fade-out 0.5s ease forwards;
        }
    }

}

@keyframes ucl-fade-out {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.login-panel__checkbox__information {
    color: #616e7a !important;
    &:hover {
        color: #36a9c7;
    }
}