.bs2{flex-direction:column;gap:22px;padding:36px 22px;display:flex}.bs2-header{-moz-column-gap:12px;grid-template-columns:1fr auto;grid-template-areas:"title title""count sort";align-items:center;gap:22px 12px;display:grid}.bs2-title{font-family:var(--font-family-body);font-size:var(--font-size-27);letter-spacing:-.02em;color:hsl(var(--ink));grid-area:title;margin:0;font-weight:600;line-height:1.08}.bs2-count{font-size:var(--font-size-14);color:hsl(var(--body));grid-area:count}.bs2-sort{grid-area:sort;display:flex;position:relative}.bs2-sort-box{box-sizing:border-box;height:34px;font-size:var(--font-size-13);color:hsl(var(--body));background:hsl(var(--white));border:1px solid hsl(var(--field-border));border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:flex}.bs2-sort-box strong{color:hsl(var(--ink));font-weight:600}.bs2-sort-box svg{color:hsl(var(--ink));flex:none}.bs2-sort-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:var(--font-size-16);position:absolute;inset:0}.bs2-sort:focus-within .bs2-sort-box{outline:2px solid hsl(var(--blue));outline-offset:2px}@media (min-width:1024px){.bs2{gap:32px;padding:48px clamp(22px,9.33333vw - 14.4px,120px)}.bs2-header{-moz-column-gap:32px;grid-template-areas:"title sort""count sort";align-items:end;gap:10px 32px}.bs2-title{font-size:var(--font-size-38)}.bs2-sort{align-self:end}.bs2-sort-box{height:36px;font-size:var(--font-size-14)}}