:root{--header-bg-color:var(--header-nav-bg);--header-nav-item-color:var(--text-normal-color);--header-nav-item-active-color:var(--primary-color);--header-course-popover-bg:#FFF;--header-course-popover-title-color:#474464;--header-course-popover-item-color:#1E1B39;--header-course-popover-item-bg:#F3F3FE;--header-course-popover-item-active-color:var(--primary-color);--header-course-popover-item-active-bg:var(--primary-color-01);--header-sidebar-item-color:var(--text-primary-color);--header-popover-bg:#FFF;--header-popover-active-item-bg:var(--normal-btn-active-color);--header-popover-active-item-color:var(--primary-color);--header-popover-hover-item-color:var(--primary-color);--header-logout-bg-color:#fff;--header-logout-btn-primary-color:#fff;&.dark{--header-course-popover-bg:#1C1B1E;--header-course-popover-title-color:#474464;--header-course-popover-item-color:#FDFCFF;--header-course-popover-item-bg:#262530;--header-popover-bg:#1C1B1E;--header-logout-bg-color:#201F23}}.header-select-popover{&.ant-popover{.ant-popover-inner{border-radius:12px;padding:0;background-color:var(--header-popover-bg);box-shadow:0 4px 35px 0 rgba(36,39,147,.18);max-height:600px;overflow:auto;max-width:300px}}}.header-course-popover{&.ant-popover{.ant-popover-inner{border-radius:16px;padding:0;background-color:unset;box-shadow:0 4px 35px 0 rgba(36,39,147,.18)}}}