.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(--dv2-sans);letter-spacing:-.02em;color:#000;grid-area:title;margin:0;font-size:27px;font-weight:600;line-height:1.08}.bs2-count{color:var(--dv2-body-quiet);grid-area:count;font-size:14px}.bs2-sort{grid-area:sort;display:flex;position:relative}.bs2-sort-box{box-sizing:border-box;height:34px;color:var(--dv2-body-quiet);border-radius:var(--dv2-radius);white-space:nowrap;background:#fff;border:1px solid #c9c6bf;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.bs2-sort-box strong{color:var(--dv2-ink);font-weight:600}.bs2-sort-box svg{color:var(--dv2-ink);flex:none}.bs2-sort-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.bs2-sort:focus-within .bs2-sort-box{outline:2px solid var(--dv2-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:38px}.bs2-sort{align-self:end}.bs2-sort-box{height:36px;font-size:14px}}