.archive-switch{display:flex;gap:0;margin-bottom:22px;border:1px solid #93a2ab;width:max-content;max-width:100%}.archive-switch a{padding:13px 18px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.archive-switch a+ a{border-left:1px solid #93a2ab}.archive-switch a.active{background:var(--ink);color:#fff}.media-file-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aab5bb;border-left:1px solid #aab5bb}.media-file-list>a{display:grid;grid-template-columns:55px minmax(0,1fr) 22px;gap:15px;align-items:center;min-width:0;padding:17px;border-right:1px solid #aab5bb;border-bottom:1px solid #aab5bb;background:#f2f4f3}.media-file-list>a>div{min-width:0}.media-file-list>a:hover{background:#fff}.media-file-list>a[hidden]{display:none}.media-file-list>a>span{font-size:10px;font-weight:900;color:#58768a}.media-file-list h2{font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-file-list small{font-size:9px;color:#71828c;letter-spacing:.08em}
@media(max-width:760px){.archive-switch{display:grid;width:100%}.archive-switch a+ a{border-left:0;border-top:1px solid #93a2ab}.media-file-list{grid-template-columns:1fr}.media-file-list h2{font-size:13px}}