.materials{--material-icon-size:130px}.material__icon{height:auto}.material__action{width:auto;padding:calc(.5 * var(--rhythmic-unit)) var(--rhythmic-unit);font-size:var(--font-size-smaller);letter-spacing:1px;text-transform:uppercase;font-weight:550}.material__series-title-area{z-index:2;height:10px;display:flex}.material__series-title{font-size:var(--font-size-smaller);text-transform:uppercase;letter-spacing:2px;background:var(--color-bg);z-index:2;height:20px;padding:0 calc(.5 * var(--rhythmic-unit)) 0 0;color:color-mix(in sRGB, var(--color-text-secondary), transparent 20%);pointer-events:none;user-select:none;white-space:nowrap;max-width:calc(100% - 2 * var(--rhythmic-unit));transition:var(--transition-mode) color;font-weight:600;line-height:20px;display:inline-flex;overflow:hidden;&>span{text-overflow:ellipsis;overflow:hidden}}.material+.material__series-title-area{margin-top:calc(2 * var(--rhythmic-unit))}@media (width<600px){.material__action{min-width:100px}.material__icon{grid-column:1/-1;margin-inline:auto}.material__title-area{margin-top:var(--rhythmic-unit);grid-column:1/-1}}.book__tag{align-self:center}@media (width>=600px){.material__actions{flex-direction:column;grid-row:1}.material__icon{grid-row:1/4;align-items:flex-start}.material__link{row-gap:var(--rhythmic-unit);grid-template-rows:min-content min-content 1fr}}