#school-toc{border:1px solid gray;border-radius:7px;padding:15px 10px}#school-toc #school-toc-title{font-size:1.1rem;margin-bottom:5px}#school-toc #school-toc-inner .school-toc-item{margin:0;padding-left:15px}.school-header{padding:5px 7px;margin-bottom:10px;background-color:gray;border-radius:7px}.school-header img{height:60px}.school-header span{font-size:1.2rem;font-weight:bold}.student-card-wrap{display:grid;grid-template-columns:repeat(auto-fill, 250px);justify-content:center;gap:10px;padding:10px}.student-card-wrap .student-card{display:flex;flex-direction:column;align-items:center;background-color:#e0e0e0;border-radius:10px;cursor:pointer;padding:10px;width:250px;transition:all .2s linear;color:#000;height:100%}.student-card-wrap .student-card:hover{transform:scale(1.02)}.student-card-wrap .student-card img.portrait{height:130px}.student-card-wrap .student-card .name{margin-top:5px;font-size:1.2rem;font-weight:bold}.student-card-wrap .student-card hr{width:100%;background-color:#464646;margin:5px 0}.student-card-wrap .student-card .tag-wrap{width:100%;display:flex;flex-wrap:wrap}.tag{display:flex;align-items:center;padding:3px 5px;border-radius:7px;margin-right:5px;margin-top:5px;background-color:#c4c4c4}.tag .tag-img{height:16px;margin-right:5px}.tag .tag-img.no-img{display:none}.tag .tag-remove{height:16px;margin-left:10px}.tag .tag-remove.no-close-img{display:none}#filter-wrap{display:flex;flex-direction:column;height:100%}#filter-wrap #filter-title{font-size:1.3rem;font-weight:bold;margin-bottom:7px}#filter-wrap #search-area-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap}#filter-wrap #search-area-wrap #search-box-wrap{width:50%;position:relative;margin-right:10px}#filter-wrap #search-area-wrap #search-box-wrap #search-box{height:30px;width:100%}#filter-wrap #search-area-wrap #search-box-wrap #search-box:focus{outline:none}#filter-wrap #search-area-wrap #btn-filter-clear{margin-left:7px}#filter-wrap #search-area-wrap #filter-result-count{margin:0;margin-left:10px}#filter-wrap #filter-panel-root{margin-top:10px;display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;border:1px solid #f0e3fe;border-radius:5px;padding:8px;padding-right:6px}#filter-wrap #filter-panel-root .filter-category{background-color:#feeefd;border:1px solid gray;border-radius:5px;padding:7px 10px}#filter-wrap #filter-panel-root .filter-category .filter-category-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:bold}#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls{display:flex;align-items:center;gap:8px;font-weight:normal}#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls .filter-mode-toggle,#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls button{display:flex;align-items:center;gap:5px;cursor:pointer;background-color:#fff;border:1px solid #9da8dc;border-radius:20px;padding:3px 10px;font-size:.85rem;line-height:1.4}#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls .filter-mode-toggle{display:none}#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls .filter-select-all:hover,#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-controls .filter-clear-cat:hover{background-color:#f2f2f2}#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-count-badge{font-weight:normal;font-size:.85rem;color:#495bbd}@media(max-width: 425px){#filter-wrap #filter-panel-root .filter-category .filter-category-header .filter-category-count-badge{flex-basis:100%;order:1}}#filter-wrap #filter-panel-root .filter-category .filter-category-body{margin-top:14px}#filter-wrap #filter-panel-root .filter-category .filter-category-body .filter-checkbox-list{display:flex;flex-wrap:wrap;gap:6px}#filter-wrap #filter-panel-root .filter-category .filter-category-body .filter-checkbox-list .filter-checkbox-item{display:flex;align-items:center;padding:3px 7px;border-radius:7px;background-color:#cbd8f4;cursor:pointer}#filter-wrap #filter-panel-root .filter-category .filter-category-body .filter-checkbox-list .filter-checkbox-item input[type=checkbox]{margin-right:6px;cursor:pointer}#filter-wrap #filter-panel-root .filter-category .filter-category-body .filter-checkbox-list .filter-checkbox-item .filter-checkbox-icon{height:16px;margin-right:4px}#filter-empty-message{width:100%;text-align:center;padding:40px 0;font-size:1.1rem;color:#8e8e8e}#filter-empty-message.hide{display:none}