.sp-main{padding:5rem 0}.sp-container{width:100%;max-width:74rem;margin:0 auto;padding:0 1.5rem}.sp-lead{color:var(--color-text-secondary);margin-top:.25rem;font-size:1.05rem}.sp-filters{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.sp-input{background:var(--color-light);border:1px solid var(--color-border);width:100%;max-width:20rem;color:var(--color-text-primary);border-radius:.6rem;padding:.65rem .9rem}.sp-input:focus{border-color:var(--color-primary);outline:none}.sp-select{background:var(--color-light);border:1px solid var(--color-border);max-width:14rem;color:var(--color-text-primary);border-radius:.6rem;padding:.65rem .9rem}.sp-error{background:var(--color-danger-tint);color:var(--color-danger);border-radius:999px;margin-top:1.5rem;padding:.2rem .65rem;font-size:.8125rem;font-weight:700;display:inline-block}.sp-grid4{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem;display:grid}@media (max-width:900px){.sp-grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sp-grid4{grid-template-columns:1fr}}.sp-skeleton{aspect-ratio:3/4;background:var(--color-light);border-radius:var(--card-boader-radius)}.sp-empty{text-align:center;color:var(--color-text-faint);margin-top:2rem;padding:4rem 1rem}@media (max-width:640px){.sp-main{padding:2rem 0 3rem}.sp-container{padding:0 1rem}.sp-lead{font-size:.9375rem}.sp-filters{gap:.6rem;margin-top:1.1rem}.sp-input,.sp-select{flex:100%;max-width:none}.sp-grid4{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}}@media (max-width:300px){.sp-grid4{grid-template-columns:1fr}}