.list-shell .topbar{display:none}.list-shell .main{padding:0 20px 60px;background:#f2f2f2}.catalog-page{width:100%;margin:0}.catalog-head{height:74px;display:flex;align-items:center;justify-content:space-between}.catalog-head>div{display:flex;align-items:flex-end;gap:20px}.catalog-head h1{margin:0;font-size:20px;line-height:26px;font-weight:700;color:#111}.catalog-head span{font-size:14px;line-height:23px;color:#777}.catalog-search{width:240px;height:33px;padding:0 10px;border:1px solid #d4dbe5;border-radius:4px;background:#fff;outline:none}.catalog-search:focus{border-color:var(--theme);box-shadow:0 0 0 3px #36b8c11f}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:20px;align-items:start}.catalog-card{height:130px;padding:15px 10px;background:#fff;border:1px solid transparent;border-radius:10px;display:flex;gap:10px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.catalog-card:hover,.catalog-card:focus-visible{transform:translateY(-2px);border-color:#dce4ed;box-shadow:0 8px 24px #243b5a14;outline:none}.catalog-cover{flex:0 0 100px;height:100px;border-radius:10px;background:#e4eaf5}.catalog-info{min-width:0;flex:1;display:flex;flex-direction:column;padding:1px 0}.catalog-title{display:flex;align-items:baseline;gap:8px;min-width:0}.catalog-title h2{min-width:0;margin:0;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-title span{flex:none;font-size:13px;color:#222}.catalog-info p{margin:11px 0 0;font-size:14px;line-height:18px}.catalog-info p:nth-of-type(2){margin-top:4px}.catalog-info p b{font-weight:400}.catalog-progress{height:10px;margin-top:5px;border:1px solid var(--theme);border-radius:3px;background:#fff;overflow:hidden}.catalog-progress span{display:block;height:100%;background:var(--theme)}.catalog-empty{grid-column:1/-1;width:100%;min-width:0;background:transparent}
.catalog-head .catalog-student{font-size:14px;line-height:23px;font-weight:400;color:#777}
.catalog-head .catalog-filter{font-size:12px;line-height:21px;font-style:normal;color:var(--theme-dark);background:#daf3f5;border-radius:10px;padding:0 8px}
.catalog-progress-label{display:flex;align-items:center;justify-content:space-between}.catalog-info .catalog-progress-label span{font-size:13px;color:#5f6875}
.catalog-info .catalog-progress-label{margin-top:auto!important}
.catalog-progress{border-radius:999px!important}
.catalog-progress span{border-radius:999px!important}
.catalog-card{width:100%;min-width:0;box-sizing:border-box}
.catalog-title>span{margin-left:auto;text-align:right}
.catalog-search-wrap{width:240px;height:33px;display:flex;align-items:center;background:#fff;border:1px solid #d4dbe5;border-radius:4px;overflow:hidden}.catalog-search-wrap:focus-within{border-color:var(--theme);box-shadow:0 0 0 3px #36b8c11f}.catalog-search-wrap .catalog-search{width:calc(100% - 38px);height:31px;border:0;border-radius:0;box-shadow:none;padding:0 10px}.catalog-search-wrap button{width:38px;height:31px;border:0;border-left:1px solid #e2e6ec;background:#fff;color:var(--theme-dark);font-size:20px;cursor:pointer}.catalog-search-wrap button:hover{background:#eefafa}
@media(max-width:800px){.catalog-search-wrap{width:100%}.catalog-card{width:100%}}
@media(max-width:800px){.list-shell .main{padding:0 14px 40px}.catalog-head{height:auto;min-height:92px;gap:12px;align-items:flex-start;flex-direction:column;padding:14px 0}.catalog-head>div{gap:10px}.catalog-search{width:100%}.catalog-card{width:100%}}
.catalog-cover{overflow:hidden}.catalog-cover img{display:block;width:100%;height:100%;object-fit:cover}