.case-library{width:min(1280px,calc(100% - 42px));margin:0 auto 45px}.library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.library-toolbar h2{margin:5px 0 0;font:500 29px/1 var(--serif)}.library-toolbar h2 strong{color:var(--gold)}.case-search{width:min(390px,100%);height:46px;padding:0 14px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0a1c2a}.case-search:focus-within{border-color:var(--cyan)}.case-search svg{width:15px;color:var(--cyan)}.case-search input{width:100%;color:var(--paper);border:0;outline:0;background:transparent;font:500 10px var(--sans)}.case-search input::placeholder{color:var(--muted)}.case-filters{margin-bottom:12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.case-filters::-webkit-scrollbar{display:none}.case-filters button{padding:8px 12px;color:var(--muted);border:1px solid var(--line);background:transparent;font:700 7px var(--sans);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer}.case-filters button.active{color:var(--night);border-color:var(--gold);background:var(--gold)}.case-library .case-picker{width:100%;margin:0}.case-picker button{position:relative;overflow:hidden}.case-picker button::after{content:attr(data-index);position:absolute;right:11px;bottom:4px;color:rgba(255,255,255,.035);font:600 55px/1 var(--serif)}.case-picker button>*{position:relative;z-index:1}.case-picker button:hover{border-color:rgba(85,214,208,.45)}.empty-cases{padding:30px;color:var(--muted);border:1px dashed var(--line);text-align:center;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.case-library{width:calc(100% - 28px)}.library-toolbar{align-items:flex-start;flex-direction:column}.case-search{width:100%}}
