.laundry-card{display:grid;grid:100% / 100%;gap:8px;height:clamp(200px,22vw,250px);border:1px solid rgb(158 158 158);border-radius:8px}.laundry-card>img{width:100%;height:100%;overflow:hidden;overflow-wrap:break-word;object-fit:cover;border-radius:7px}.laundry-card>.laundry-card-data{display:grid;grid:repeat(3,max-content) 1fr / 100%;grid-template-areas:"title" "symbols" "materials" "tags";gap:4px;padding:8px}.laundry-card>.laundry-card-data .title-container{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;overflow:hidden}.laundry-card>.laundry-card-data .title-container .title{grid-area:title;overflow:hidden;font-size:1.25rem;font-weight:500;line-height:2rem;text-overflow:ellipsis;letter-spacing:.0125em;white-space:nowrap}.laundry-card>.laundry-card-data .symbols,.laundry-card>.laundry-card-data .tags,.laundry-card>.laundry-card-data .materials{display:flex;flex-wrap:nowrap;gap:8px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}.laundry-card>.laundry-card-data .symbols{grid-area:symbols}.laundry-card>.laundry-card-data .symbols li{display:flex;justify-content:center;cursor:help;border:1px solid rgb(158 158 158);border-radius:12px}.laundry-card>.laundry-card-data .symbols li img{pointer-events:none}.laundry-card>.laundry-card-data .materials{grid-area:materials}.laundry-card>.laundry-card-data .tags{grid-area:tags;align-items:end}.laundry-card:has(>img){grid-template-columns:7fr 3fr}.laundry-card:has(>img) .laundry-card-data{padding:8px 0 8px 8px}