.shelf-card-main{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.shelf-card-main:hover{text-decoration:none}.shelf-card-main:focus-visible{outline-offset:-2px}.shelf-card--action:has(.shelf-card-foot:hover){border-color:var(--border);box-shadow:none;transform:none}.shelf-card--action:has(.shelf-card-foot:hover) .shelf-card-title{color:var(--text)}.shelf-card--action .shelf-card-body{padding-bottom:.75rem}.shelf-card-foot{flex-direction:column;align-items:flex-start;gap:.6rem;padding:0 1.1rem 1.15rem;display:flex}.shelf-card-band{--band-hue:var(--shelf-hue);align-items:flex-end;gap:.6rem;min-height:5.75rem;padding:1rem 1.1rem .9rem;display:flex;position:relative}.shelf-card-badge{--chip-size:3.5rem;--chip-hue:var(--shelf-hue)}.shelf-card-badge img{object-fit:cover;width:100%;height:100%}.shelf-card-body{flex-direction:column;flex:1;padding:.9rem 1.1rem 1.15rem;display:flex}.shelf-card-title{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--text);transition:color var(--duration-fast);font-weight:600}.shelf-card-subtitle{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--muted);margin-top:.125rem;font-weight:400;display:block}.shelf-card:hover .shelf-card-title{color:color-mix(in srgb, var(--shelf-hue) 78%, var(--text))}.shelf-card-band>:not(.shelf-card-badge){max-width:62%;margin-inline-start:auto;padding-inline-start:.5rem}.cover-fan{display:flex;overflow:hidden}.cover-fan>*{box-shadow:var(--shadow-card);flex-shrink:0;margin-inline-start:-.7rem}.cover-fan .cover{aspect-ratio:3/4;background:var(--surface);border-radius:.25rem;width:2.5rem;overflow:hidden}.cover-fan .sermon-tile{--chip-size:2.9rem;box-shadow:var(--shadow-card), inset 0 0 0 var(--chip-ring,1px) color-mix(in srgb, var(--chip-hue) var(--chip-ring-mix,33%), transparent);align-self:center}.cover-fan .sermon-tile:first-child{margin-inline-start:0}.shelf-card-band.fan-lg{justify-content:center;min-height:8.75rem;padding-block:1rem .7rem}.shelf-card-band.fan-lg>.cover-fan{max-width:100%;margin-inline-start:0;padding-block:.35rem;padding-inline:1.1rem .5rem}.fan-lg .cover-fan>*{margin-inline-start:-1.1rem}.fan-lg .cover-fan .cover{width:4.25rem}.cover-fan .cover>img,.cover-fan .cover-fallback{object-fit:cover;width:100%;height:100%}
