@layer theme,base;@layer components{.staff-tools{border-bottom:var(--rule-w) solid var(--rule-soft);padding-block:clamp(1.25rem,1rem + 1.2vw,2rem)}.staff-tools__grid{gap:1.25rem;display:grid}@media (min-width:64rem){.staff-tools__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:2.5rem}.staff-tools__grid>:first-child{grid-row:span 2}}.staff-search{position:relative}.staff-search .field{padding-inline:2.75rem}.staff-search__icon{color:var(--fg-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;translate:0 -50%}.staff-search__clear{place-items:center;width:2.75rem;height:2.75rem;display:grid;position:absolute;top:50%;right:.25rem;translate:0 -50%}.staff-index{flex-wrap:wrap;gap:.125rem;display:flex}.staff-index__letter{place-items:center;min-width:2rem;min-height:2.75rem;font-size:.9375rem;font-weight:600;display:grid}a.staff-index__letter{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.staff-index__letter[data-empty]{color:var(--fg-muted);font-weight:400}.staff-group+.staff-group{margin-top:clamp(2.5rem,1.9rem + 2.6vw,4.5rem)}.staff-group__title{margin-bottom:clamp(.75rem,.6rem + .6vw,1.25rem)}.staff-group__part+.staff-group__part{margin-top:clamp(1.5rem,1.2rem + 1.2vw,2.25rem)}.staff-group__sub{color:var(--fg-muted);margin-bottom:.6rem}}@layer utilities;