@media screen and (min-width:1024px){.filter-drawer-left-wrapper{position:relative}}@media screen and (max-width:1024px){.filter-drawer-left-wrapper .back-drop{width:fit-content;padding:8px 3px 8px 0;border-radius:12px;background-color:#fff;position:sticky;top:63px}}.filter-drawer-left-wrapper .back-drop .filter-drawer-container{width:270px;overflow-x:hidden;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;display:flex;flex-direction:column;gap:0;overflow-y:auto;border-radius:12px}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .top-sticky{position:sticky;top:0;min-height:8px;background-color:#fff;z-index:99}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .bottom-sticky{position:sticky;bottom:0;min-height:8px;background-color:#fff;z-index:99}@media screen and (max-width:1024px){.filter-drawer-left-wrapper .back-drop .filter-drawer-container{margin-right:0;gap:0;padding:0;background-color:#fff}}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .menu-title-container{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-right:0;padding-left:8px;cursor:pointer}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .menu-title-container .menu-title{font-weight:700;font-size:14px}@media screen and (min-width:769px){.filter-drawer-left-wrapper .back-drop .filter-drawer-container{width:0;height:0}.filter-drawer-left-wrapper .back-drop .filter-drawer-container.open{animation:open .4s forwards;-webkit-animation:open .4s forwards;-moz-animation:open .4s forwards}.filter-drawer-left-wrapper .back-drop .filter-drawer-container.close{animation:close .4s forwards;-webkit-animation:close .4s forwards;-moz-animation:open .4s forwards}.filter-drawer-left-wrapper .back-drop .filter-drawer-container.default{width:247px;height:fit-content}.filter-drawer-left-wrapper .back-drop .filter-drawer-container.default::-webkit-scrollbar{display:none}}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .header-filter-drawer .filter-result{padding:12px;font-weight:700;font-size:18px;line-height:24px;white-space:pre}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .header-filter-drawer .clear-all-filter{font-weight:500;font-size:12px;line-height:16px;padding:0 12px;cursor:pointer;white-space:pre;color:rgba(var(--color),1)}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .menu-title{font-size:16px;line-height:24px;white-space:pre}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container{background-color:transparent;box-shadow:unset;padding:8px 0}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container.language-tree,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container.language-tree{padding:8px 18px}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container.language-tree:after,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container.language-tree:after{height:0}@media screen and (max-width:768px){.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container{margin:8px 12px;padding:0 8px}}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container .cancel,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container .cancel{cursor:pointer;width:16px;height:16px;padding:4px}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .grade-menu-container .cancel svg,.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container .cancel svg{width:16px;height:16px}.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container{position:relative}@media screen and (max-width:768px){.filter-drawer-left-wrapper .back-drop .filter-drawer-container .topic-menu-container:after{height:0}}.filter-drawer-left-wrapper .back-drop ::-webkit-scrollbar{width:4px!important}.filter-drawer-left-wrapper .back-drop ::-webkit-scrollbar-thumb{background:transparent;border-radius:83px;height:20px;border-top-right-radius:100px;border-bottom-right-radius:100px;transition:all .4s ease-in-out}.filter-drawer-left-wrapper .back-drop:hover ::-webkit-scrollbar-thumb{background:#e5e7eb}@keyframes open{0%{width:0;height:fit-content}to{width:190px;height:fit-content}}@keyframes close{0%{width:190px;height:fit-content}99%{height:fit-content}to{width:0;height:0}}