.sample-pick{width:100%;max-width:600px;container-type:inline-size}.sample-grid{gap:var(--lg-s-2);grid-template-columns:minmax(0,1fr);width:100%;display:grid}@container (min-width:288px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:584px){.sample-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sample-cat{padding:0 var(--lg-s-3) 0 var(--lg-s-2);justify-content:flex-start;gap:var(--lg-s-2)}.sample-thumb{border-radius:var(--lg-pill);background:var(--lg-band);flex:none;width:28px;height:28px;position:relative;overflow:hidden}.sample-fold{margin-inline:calc(-1 * var(--drop-pad,20px));padding-inline:var(--drop-pad,20px)}.sample-caret{transition:transform var(--lg-t) var(--lg-ease-out)}.sample-pill[aria-expanded=true] .sample-caret{transform:rotate(180deg)}@media (pointer:coarse){.sample-pill:before{content:"";position:absolute;inset:-4px 0}}