.content-wrap.homepage .theme-color-switch,.content-wrap.recommendation .theme-color-switch{display:none}body{margin-top:60px}#header-creator{position:relative}.nav-menu-search-popup-wrap{align-items:center;background:var(--wtl-panel-color-bg-overlay);display:none;flex-direction:column;height:100%;inset:0;justify-content:flex-start;overflow:hidden;padding:10px;position:fixed;width:100%;z-index:9999}.nav-menu-search-popup-wrap.active{display:flex}.nav-menu-search-popup-wrap.search-input>.search-popup{max-width:550px}.nav-menu-search-popup-wrap.search-result>.search-popup{max-width:920px}.search-popup{border-radius:10px;display:flex;height:unset;max-height:100%;max-height:unset;max-width:100%;overflow:hidden;position:relative;width:100%;grid-row-gap:unset;background-color:var(--wtl-panel-color-bg-white);box-shadow:0 0 10px var(--wtl-panel-color-bg-border);flex-direction:column;margin:unset}.search-popup .search-bar{display:flex;flex-direction:row;padding:10px;position:relative;width:auto}.search-popup .search-bar>i{align-items:center;border-radius:10px;display:flex;flex-wrap:nowrap;height:40px;justify-content:center;min-width:40px;transition:all .2s ease;white-space:nowrap;width:40px}.search-popup .search-bar>i.fa-xmark{background:var(--wtl-panel-color-bg-transparent)}.search-popup .search-bar>i.fa-xmark:hover{background:var(--wtl-panel-color-dark-light-hover);cursor:pointer}.search-popup .search-bar>input{background:var(--wtl-panel-color-bg-transparent);border:none;line-height:20px;max-height:40px;padding:10px 10px 10px 0;width:100%}.search-popup .search-bar>input:focus-visible{outline:none}.search-popup .search-bar>button{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-wrap:nowrap;font-size:15px;font-weight:500;height:40px;justify-content:center;line-height:20px;min-width:40px;text-decoration:none;transition:all .2s;white-space:nowrap;width:40px;grid-column-gap:10px;background-color:var(--wtl-panel-color-bg-transparent);color:var(--wtl-panel-color-font-dark-100);flex-direction:row;max-height:40px}.search-popup .search-bar>button:hover{background-color:var(--wtl-panel-color-dark-light-hover)}.search-popup .search-notification{color:var(--wtl-color-red);font-size:12px;height:0;line-height:10px;margin-top:-10px;opacity:0;overflow:hidden;padding-bottom:15px;padding-left:20px;transition:opacity .3s ease-out}.search-popup .search-notification.active{opacity:1}.search-popup .search-additional{border-top:1px solid var(--wtl-panel-color-bg-border);padding:0 10px 10px;width:100%}.search-popup .search-additional a{color:var(--wtl-panel-color-font-dark-100);text-decoration:none}.search-popup .search-additional .search-additional-header{color:var(--wtl-panel-color-font-dark-50);font-size:12px;font-weight:700;height:30px;line-height:20px;overflow:hidden;padding:10px 10px 0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.search-popup .search-additional .search-additional-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;transition:all .2s ease}.search-popup .search-additional .search-additional-item:hover{background:var(--wtl-panel-color-dark-light-hover)}.search-popup .search-additional .search-additional-item i{align-items:center;border-radius:10px;display:flex;flex-wrap:nowrap;height:40px;justify-content:center;min-width:40px;transition:all .2s ease;white-space:nowrap;width:40px}.search-popup .search-additional .search-additional-item i.fa-xmark:hover{background:var(--wtl-panel-color-dark-light-hover)}.search-popup .search-additional .search-additional-item .search-additional-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-popup .search-additional-wrap{overflow-y:auto}.search-popup .search-additional.fast-access .search-additional-item{padding-left:10px}.search-popup .search-result{border-top:1px solid var(--wtl-panel-color-bg-border);display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;width:100%}.search-popup .search-result .search-result-header{color:var(--wtl-panel-color-font-dark-100);font-size:17px;font-weight:600;line-height:20px;min-height:50px;overflow:hidden;padding:20px 20px 10px;text-overflow:ellipsis;white-space:nowrap}.search-popup .search-result .search-result-tabs-wrap{overflow:hidden}.search-popup .search-result .search-result-tabs{column-gap:10px;display:flex;margin:0 20px;min-height:30px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.search-popup .search-result .search-result-tabs::-webkit-scrollbar{display:none}.search-popup .search-result .search-result-tabs .tab-link{align-items:center;background:var(--wtl-panel-color-dark-light);border-radius:15px;color:var(--wtl-panel-color-font-dark-50);column-gap:7px;cursor:pointer;display:flex;font-size:15px;font-weight:500;line-height:20px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.search-popup .search-result .search-result-tabs .tab-link span{align-items:center;background:var(--wtl-panel-color-bg-white);border-radius:8px;display:flex;font-size:12px;font-weight:600;justify-content:center;line-height:18px;min-width:18px;padding:0 4px;transition:all .2s ease}.search-popup .search-result .search-result-tabs .tab-link.active,.search-popup .search-result .search-result-tabs .tab-link:hover{color:var(--wtl-panel-color-font-dark-100)}.search-popup .search-result .search-result-tabs .tab-link.active span,.search-popup .search-result .search-result-tabs .tab-link:hover span{background:var(--wtl-panel-color-bg-dark);color:var(--wtl-panel-color-font-white)}.search-popup .search-result .search-result-content{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:10px}.search-popup .result-item{border-radius:10px;column-gap:20px;display:flex;flex-direction:row;padding:10px;position:relative;transition:all .2s ease}.search-popup .result-item:after{background:var(--wtl-panel-color-bg-border);bottom:0;content:"";height:1px;left:10px;position:absolute;top:auto;width:calc(100% - 20px)}.search-popup .result-item:last-child:after{display:none}.search-popup .result-item:hover{background:var(--wtl-panel-color-dark-light-hover)}.search-popup .result-item .information-wrap{display:flex;flex-direction:column;row-gap:5px;width:100%}.search-popup .result-item .information-wrap>h4{cursor:pointer;font-size:17px;font-weight:600;line-height:20px;text-decoration:none}.search-popup .result-item .information-wrap>h4 a{color:var(--wtl-panel-color-font-dark-100);display:block;text-decoration:none;transition:all .2s ease;width:100%}.search-popup .result-item .information-wrap>h4 a:hover{color:var(--wtl-panel-color-accent)}.search-popup .result-item .information-wrap>p{color:var(--wtl-panel-color-font-dark-75);display:block;display:-webkit-box;font-size:15px;font-weight:500;line-height:20px;max-height:40px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;text-overflow:ellipsis;white-space:pre-wrap}.search-popup .result-item .information-wrap .user-info{align-items:center;display:flex;flex-direction:row;gap:10px}.search-popup .result-item .information-wrap .user-info>img{border-radius:5px;height:20px;width:20px}.search-popup .result-item .information-wrap .user-info>p{line-height:20px;margin:0}.search-popup .result-item .information-wrap .user-info>p a{text-decoration:none;transition:all .2s ease}.search-popup .result-item .information-wrap .user-info>p a:hover{text-decoration:underline}.search-popup .result-item .image-wrap.post{aspect-ratio:5/2;height:90px}.search-popup .result-item .image-wrap.training{aspect-ratio:4/3;height:65px}.search-popup .result-item .image-wrap.lesson{aspect-ratio:16/9;height:90px}.search-popup .result-item .image-wrap .image{aspect-ratio:inherit;background:var(--wtl-panel-color-bg-border);background-position:50%;background-position-y:center;background-repeat:no-repeat;background-size:cover;border-radius:10px;width:100%}.search-history{display:none}.search-history.active{display:block}@media screen and (max-width:768px){.search-popup .result-item{flex-direction:column-reverse;row-gap:10px}.search-popup .result-item .image-wrap.lesson,.search-popup .result-item .image-wrap.post,.search-popup .result-item .image-wrap.training{height:unset;width:100%}}.header{width:100%;z-index:2;grid-column-gap:20px;align-items:center;display:flex;justify-content:space-between;max-height:60px;padding:10px 30px 10px 10px;position:fixed;top:0}.header,.header.header-guest{background-color:var(--wtl-panel-color-bg-accent)}.header.header-guest{padding:10px 30px}.header>.header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:5px;justify-content:flex-start;white-space:nowrap}.header>.header-left>.sidebar-trigger{align-items:center;background-color:var(--wtl-panel-color-bg-transparent);border-radius:10px;color:var(--wtl-panel-color-font-dark-100);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:40px;justify-content:center;line-height:20px;position:relative;text-decoration:none;transition:all .2s ease;width:40px}.header>.header-left>.sidebar-trigger:hover{background-color:var(--wtl-panel-color-accent-light-hover)}.header>.header-left>.logo,.header>.header-left>.logo>img{color:var(--wtl-panel-color-font-dark-100);max-height:40px;max-width:160px;overflow:hidden;text-decoration:none}.header>.header-left>.logo>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--wtl-panel-color-font-dark-100);font-size:14px;font-weight:500;line-height:20px;max-height:inherit;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:pre-wrap}.header>.header-center{display:flex;flex:1;justify-content:flex-end}.header>.header-center a{background:var(--wtl-panel-color-bg-transparent);border-radius:10px;color:var(--wtl-panel-color-font-dark-100);cursor:pointer;display:flex;flex-direction:row;font-size:15px;font-weight:500;gap:10px;line-height:20px;padding:10px 15px;text-decoration:none;transition:all .2s ease}.header>.header-center a:hover{background:var(--wtl-panel-color-dark-light)}.header>.header-center .menu-dropdown-wrap{position:relative}.header>.header-center .menu-dropdown-wrap i{font-style:normal}.header>.header-center .menu-dropdown-wrap .menu-dropdown-list{background:var(--wtl-panel-color-bg-white);border:1px solid var(--wtl-panel-color-bg-border);border-radius:20px;display:none;flex-direction:column;padding:10px;position:absolute;right:0;top:50px}.header>.header-center .menu-dropdown-wrap .menu-dropdown-list.active{display:flex}.header>.header-center .menu-dropdown-wrap .menu-dropdown-list a{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header>.header-center .menu-dropdown-wrap .menu-dropdown-list a:hover{background:var(--wtl-panel-color-dark-light)}.header>.header-search-trigger{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;line-height:20px;padding:10px 15px;text-decoration:none;transition:all .2s;grid-column-gap:10px;background-color:var(--wtl-panel-color-bg-white);color:var(--wtl-panel-color-font-dark-100);flex-direction:row;max-height:40px;max-width:350px;min-height:40px;overflow:hidden;position:relative;width:100%}.header>.header-search-trigger:hover{background-color:var(--wtl-panel-color-accent-light-hover);color:var(--wtl-panel-color-font-dark-100)}.header>.header-right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;list-style-type:none}.header>.header-right>.header-btn-ico{background-color:var(--wtl-panel-color-bg-transparent);color:var(--wtl-panel-color-font-dark-100);font-size:18px;font-weight:300;height:40px;justify-content:center;position:relative;width:40px}.header>.header-right>.header-btn-ico,.header>.header-right>.header-btn-login{align-items:center;border-radius:10px;cursor:pointer;display:flex;line-height:20px;text-decoration:none;transition:all .2s ease}.header>.header-right>.header-btn-login{background-color:var(--wtl-panel-color-accent);color:var(--wtl-panel-color-font-white);flex-direction:row;font-family:var(--wtl-panel-font-family);font-size:15px;font-weight:500;gap:10px;padding:10px 15px}.header>.header-right>.header-btn-login:hover{background-color:var(--wtl-panel-color-accent-hover)}.header>.header-right>.header-btn-ico:hover{background-color:var(--wtl-panel-color-accent-light-hover)}.header>.header-right>.header-btn-ico.unread:after{background:var(--wtl-color-red);border:2px solid var(--wtl-panel-color-bg-white);border-radius:50%;box-sizing:border-box;content:"";height:12px;position:absolute;right:3px;top:3px;width:12px}.header>.header-right>.header-btn-ico.unread .fa-bell{animation:jump-shaking .83s infinite}@keyframes jump-shaking{0%{transform:translateX(0)}25%{transform:translateY(0)}35%{transform:translateY(0) rotate(17deg)}55%{transform:translateY(0) rotate(-17deg)}65%{transform:translateY(0) rotate(17deg)}75%{transform:translateY(0) rotate(-17deg)}to{transform:translateY(0) rotate(0)}}.header>.header-right>.nav-menu-avatar-trigger{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin:0 0 0 10px;padding:0;position:relative;width:40px}#header-creator.header>.header-right>.nav-menu-avatar-trigger{border-radius:10px}.header.header-guest>.header-right>.nav-menu-avatar-trigger{display:none}.header>.header-right>.nav-menu-avatar-trigger i{font-size:inherit}.header>.header-right>.nav-menu-avatar-trigger:after{background:var(--wtl-panel-color-bg-transparent);border-radius:50%;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;transition:all .2s ease;z-index:1}#header-creator.header>.header-right>.nav-menu-avatar-trigger:after{opacity:1}.header>.header-right>.nav-menu-avatar-trigger:hover:after{background:var(--wtl-panel-color-accent-light-hover)}#header-creator.header>.header-right>.nav-menu-avatar-trigger:hover:after{background:var(--wtl-panel-color-dark-light)}.header>.header-right>.nav-menu-avatar-trigger img{border-radius:50%;display:block;overflow:hidden}@media screen and (max-width:991px){.header{grid-column-gap:0}.header>.header-left{align-items:center;flex:1;justify-content:flex-start}.header>.header-center{display:none}.header>.header-search-trigger{background:var(--wtl-panel-color-bg-transparent);border-radius:10px;font-size:18px;height:40px;padding:10px;width:40px}.header>.header-search-trigger>span{display:none}.header>.header-right{flex:0 auto;margin-left:0}.header>.header-right>.header-btn-login{display:none}.header.header-guest>.header-right>.nav-menu-avatar-trigger{display:flex}}@media screen and (max-width:767px){.header{padding:10px 20px 10px 10px}.header.header-guest{padding:10px 20px}}@media screen and (max-width:479px){.header>.header-left>.logo,.header>.header-left>.logo>img{max-width:140px}.header>.header-right>.header-btn-ico.nav-menu-item-boxed,.header>.header-right>.header-btn-ico.nav-menu-item-messages,.header>.header-right>.header-btn-ico.nav-menu-item-notifications,.header>.header-right>.header-btn-ico.nav-menu-item-surveys{display:none}.header>.header-right>.nav-menu-avatar-trigger.unread:before{background:var(--wtl-color-red);border:2px solid var(--wtl-panel-color-bg-white);border-radius:50%;box-sizing:border-box;content:"";height:12px;position:absolute;right:0;top:0;width:12px}}.nav-menu-boxed-wrap{background-color:var(--wtl-panel-color-bg-white);border:1px solid var(--wtl-panel-color-bg-border);border-radius:20px;display:none;height:410px;position:fixed;right:30px;top:70px;width:295px;z-index:99}.nav-menu-boxed-wrap.active{display:flex}.nav-menu-boxed-wrap>.nav-menu-boxed{border-style:none;bottom:0;display:grid;grid-auto-columns:1fr;grid-auto-rows:minmax(auto,1fr);grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;left:0;overflow:scroll;padding:10px;position:absolute;right:0;scrollbar-width:none;top:0}.nav-menu-boxed-wrap .menu-item{display:inline-block;float:left;height:100px;margin:0;overflow:visible;position:relative;vertical-align:top;width:100%}.nav-menu-boxed-wrap .menu-item a{border-radius:10px;display:flex;flex-direction:column;margin:0;overflow:visible;padding:0 10px;position:absolute;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.nav-menu-boxed-wrap .menu-item a:hover{background-color:var(--wtl-panel-color-accent-light-hover)}.nav-menu-boxed-wrap .menu-item a:hover p{overflow-wrap:break-word;white-space:normal;word-wrap:break-word}.nav-menu-boxed-wrap .menu-item i{align-items:center;color:var(--wtl-panel-color-accent);display:flex;font-size:24px;height:50px;justify-content:center;margin-bottom:5px;margin-top:5px;width:100%}.nav-menu-boxed-wrap .menu-item p{color:var(--wtl-panel-color-font-dark-100);font-size:14px;line-height:15px;min-height:20px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.nav-menu-avatar{background-color:var(--wtl-panel-color-bg-white);border:1px solid var(--wtl-panel-color-bg-border);border-radius:20px;display:none;max-width:295px;overflow:scroll;position:fixed;right:10px;top:70px;width:100%;-ms-overflow-style:none;scrollbar-width:none;z-index:99}.nav-menu-avatar.active{display:block}#header-creator .nav-menu-avatar{top:60px}.nav-menu-avatar .nav-menu-list{background:var(--wtl-panel-color-bg-white);display:none;padding-top:10px}.nav-menu-avatar .nav-menu-list.active{display:block}.nav-menu-sidebar .nav-menu-sidebar-mobile-top{align-items:center;background-color:var(--wtl-panel-color-bg-accent);border-radius:0;display:none;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:5px;left:0;padding:10px;position:absolute;top:0;white-space:nowrap;width:300px;z-index:1}.nav-menu-sidebar .nav-menu-sidebar-mobile-top .sidebar-trigger{align-items:center;background-color:var(--wtl-panel-color-bg-accent);border-radius:10px;color:var(--wtl-panel-color-font-dark-100);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:40px;justify-content:center;line-height:20px;position:relative;text-decoration:none;transition:all .2s ease;width:40px}.nav-menu-sidebar .nav-menu-sidebar-mobile-top .sidebar-trigger:hover{background-color:var(--wtl-panel-color-accent-light-hover)}.nav-menu-sidebar .nav-menu-sidebar-mobile-top .logo,.nav-menu-sidebar .nav-menu-sidebar-mobile-top .logo>img{color:var(--wtl-panel-color-font-dark-100);max-height:40px;max-width:160px;overflow:hidden;text-decoration:none}.nav-menu-sidebar .nav-menu-sidebar-mobile-top .logo>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--wtl-panel-color-font-dark-100);font-size:14px;font-weight:500;line-height:20px;max-height:inherit;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:pre-wrap}.nav-menu-sidebar{border-radius:20px;display:none;flex-direction:column;flex-shrink:0;height:100vh;justify-content:flex-start;left:0;position:relative;top:0;width:300px;z-index:1}.nav-menu-sidebar.active{display:flex}.nav-menu-sidebar:before{aspect-ratio:1;background:radial-gradient(farthest-side at 100% 100%,#0000 99.5%,var(--wtl-panel-color-bg-accent) 100%);content:"";left:300px;position:fixed;top:60px;width:20px}.nav-menu-sidebar .nav-menu-list{background:var(--wtl-panel-color-bg-accent);bottom:0;display:none;height:calc(100vh - 60px);left:0;position:fixed;top:60px;width:300px}.nav-menu-sidebar .nav-menu-list:has(.nav-menu-list.active){display:block;z-index:1}.nav-menu-sidebar .nav-menu-list.active{display:flex;flex-direction:column;overflow-y:auto;z-index:1}.nav-menu-sidebar .nav-menu-list-community{font-size:15px;font-weight:500;line-height:20px;list-style-type:none;margin:0;padding:0 0 10px;width:100%}.nav-menu-sidebar .nav-menu-list-community.active{display:block;z-index:2}.nav-menu-list-title-community.active i{transform:rotate(90deg)}.nav-menu-list-title-community.active~.nav-menu-list-community{display:none}.nav-menu-additional{display:flex;flex:1;flex-direction:column;justify-content:end}.nav-menu-additional .nav-menu-list-item{background:var(--wtl-panel-color-bg-white)}.nav-menu-additional .nav-menu-list-item:hover{background:var(--wtl-panel-color-accent);color:var(--wtl-panel-color-font-white)}.nav-become-creator{background:var(--wtl-panel-color-bg-white);border-radius:10px;display:flex;flex-direction:column;gap:10px;margin:20px 10px 10px;padding:10px}.nav-become-creator.hide{display:none}.nav-become-creator>div{display:flex;flex-direction:row;justify-content:space-between}.nav-become-creator>div>p{font-size:14px;font-weight:600;line-height:20px;margin:0}.nav-become-creator>div>i{border-radius:5px;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:20px;width:20px}.nav-become-creator>div>i:hover{background:var(--wtl-panel-color-bg-accent)}.nav-become-creator>p{color:var(--wtl-panel-color-font-dark-75);font-size:14px;font-weight:500;line-height:20px;margin:0}.nav-become-creator>a{background:var(--wtl-panel-color-bg-accent);border-radius:10px;color:var(--wtl-panel-color-font-dark-100);display:flex;flex-direction:row;font-size:14px;gap:10px;justify-content:center;line-height:20px;padding:10px 15px;text-decoration:none;transition:all .2s ease}.nav-become-creator>a:hover{background:var(--wtl-panel-color-accent);color:var(--wtl-panel-color-font-white)}.nav-become-creator>a>i{font-size:18px;line-height:20px}@media screen and (max-width:1280px){.sidebar-active{overflow:hidden}.nav-menu-sidebar{position:fixed;z-index:4}.nav-menu-sidebar:after{background:var(--wtl-panel-color-bg-overlay);bottom:0;content:"";left:0;position:fixed;right:0;top:0}.nav-menu-sidebar .nav-menu-sidebar-mobile-top{display:flex}.nav-menu-sidebar .nav-menu-sidebar-mobile-top .sidebar-trigger{top:0}}.nav-menu-list{padding:0 0 10px}.nav-menu-list,.nav-menu-list-recent{font-size:15px;font-weight:500;line-height:20px;list-style-type:none;margin:0}.nav-menu-list-recent{display:block;padding:0;position:relative}.nav-menu-list-user{align-items:center;display:flex;flex-direction:row;gap:15px;margin-bottom:10px;padding:10px 20px 21px;position:relative}.nav-menu-list-user:after{background-color:var(--wtl-panel-color-bg-border);bottom:1px;content:"";height:1px;left:20px;position:absolute;width:calc(100% - 40px)}.nav-menu-list-user img{border-radius:50%;height:40px;width:40px}.nav-menu-list-user .nav-menu-list-user-info{display:flex;flex-direction:column;overflow:hidden;width:100%}.nav-menu-list-user .nav-menu-list-user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.nav-menu-list-item{border-radius:10px;color:var(--wtl-panel-color-font-dark-100);cursor:pointer;display:flex;flex:1;flex-direction:row;font-size:14px;gap:15px;margin:0 10px;padding:10px 40px 10px 10px;position:relative;text-decoration:none;transition:all .2s ease}.nav-menu-list-item.active,.nav-menu-list-item:hover{background-color:var(--wtl-panel-color-accent-light-hover)}#header-creator .nav-menu-list-item.active,#header-creator .nav-menu-list-item:hover{background-color:var(--wtl-panel-color-dark-light)}.nav-menu-list-community .nav-menu-list-item{border-radius:5px;font-size:13px;padding:5px 10px}.nav-menu-list-recent .nav-menu-list-item{margin-left:45px;padding:10px 40px 10px 10px}.nav-menu-list-recent:after{background:var(--wtl-panel-color-bg-border);content:"";height:calc(100% - 20px);left:30px;position:absolute;top:10px;width:1px}.nav-menu-list-item.back{margin-bottom:21px}.nav-menu-list-item.back:after{background:var(--wtl-panel-color-bg-border);bottom:-10px;content:"";height:1px;left:10px;position:absolute;width:calc(100% - 20px)}.nav-menu-list-item span{overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.nav-menu-list-item img{border:1px solid var(--wtl-panel-color-bg-border);border-radius:50%;height:20px;pointer-events:none;width:20px}.nav-menu-list-item .nav-menu-emoji,.nav-menu-list-item i{display:flex;flex-shrink:0;justify-content:center;line-height:inherit;pointer-events:none;position:relative;width:20px}.nav-menu-list-item .nav-menu-emoji{font-size:14px}.nav-menu-list-item i{font-size:18px}.nav-menu-list-item i.fa-chevron-right{font-size:15px;justify-content:end;position:absolute;right:10px;text-align:right}.nav-menu-list-item i.unread:after{background:var(--wtl-color-red);border:2px solid var(--wtl-panel-color-bg-white);border-radius:50%;box-sizing:border-box;content:"";height:12px;position:absolute;right:-6px;top:-6px;width:12px}.nav-menu-list-title{padding:10px}.nav-menu-list-title,.nav-menu-list-title-community{color:var(--wtl-panel-color-font-dark-75);font-size:14px;line-height:20px;margin:0 10px}.nav-menu-list-title-community{cursor:pointer;display:flex;flex-direction:row;font-weight:500;justify-content:space-between;padding:5px 10px;text-decoration:none;transition:all .2s ease}.nav-menu-list-title-community:hover{color:var(--wtl-panel-color-font-dark-100)}.nav-menu-list-title-community span{overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.nav-menu-list-title-community i{display:flex;flex-shrink:0;justify-content:center;line-height:inherit;transition:all .2s ease;width:20px}.nav-menu-list-sep{background-color:var(--wtl-panel-color-bg-border);height:1px;margin:10px 20px}.theme-color-switch label{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;margin:0 10px;padding:10px;position:relative;transition:all .2s ease}.theme-color-switch label:hover{background-color:var(--wtl-panel-color-accent-light-hover)}.theme-color-switch label input{display:none}.theme-color-switch label input:checked~.toggle{background:var(--wtl-color-green)}.theme-color-switch label input:checked~.toggle>.switch{left:13px}.theme-color-switch label span{color:var(--wtl-panel-color-font-dark-100);display:flex;flex-direction:row;flex-grow:1;font-size:14px;font-weight:500;gap:15px;line-height:20px;margin:0;overflow:hidden;padding:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.theme-color-switch label span i{font-size:18px;line-height:inherit;width:20px}.theme-color-switch label .toggle{align-items:center;background-color:var(--wtl-panel-color-bg-border);border-radius:10px;height:20px;justify-content:flex-start;margin-right:0;padding-right:0;position:relative;transition:all .2s ease;width:30px}.theme-color-switch label .toggle .switch{align-items:center;background-color:var(--wtl-panel-color-font-white);border-radius:50%;height:14px;left:3px;position:absolute;top:3px;transition:all .2s ease;width:14px}