.zforms-items { display: grid; gap: var(--padding); grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); align-items: stretch; margin-top: 40px; } a.zforms-item { display: flex; flex-direction: column; background: var(--color-box); border-radius: var(--radius); padding: var(--padding-m); text-align: center; color: var(--color-text); font-size: var(--font-size); line-height: 1.5; box-shadow: var(--shadow-short); } .zforms-item-minor { color: var(--color-text-dim); } .zforms-item-image { text-align: center; display: inline-block; margin: 0 auto var(--padding-m); position: relative; max-width: 120px; max-height: 50px; } .zforms-item-status { align-self: center; display: inline-block; font-size: 9px; font-weight: 700; margin-top: 15px; text-transform: uppercase; background: var(--color-box-nested); color: var(--color-text); height: 22px; line-height: 22px; padding: 0 10px; border-radius: 16px; letter-spacing: 0.5px; } .zforms-items-add { background: transparent; border: 1px dashed var(--color-line-dashed); color: var(--color-text); border-radius: var(--radius); text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; font-size: 22px; width: 60px; }.zforms-items { display: grid; gap: var(--padding); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: stretch; margin-top: 0; } a.zforms-item { display: flex; flex-direction: column; background: var(--color-box); border-radius: var(--radius); padding: var(--padding-m); text-align: center; color: var(--color-text); font-size: var(--font-size); line-height: 1.5; box-shadow: var(--shadow-short); } .zforms-item-minor { color: var(--color-text-dim); } .zforms-item-image { text-align: center; display: inline-block; margin: 0 auto var(--padding-m); position: relative; max-width: 120px; max-height: 50px; } .zforms-item-status { align-self: center; display: inline-block; font-size: 9px; font-weight: 700; margin-top: 15px; text-transform: uppercase; background: var(--color-box-nested); color: var(--color-text); height: 22px; line-height: 22px; padding: 0 10px; border-radius: 16px; letter-spacing: 0.5px; } .zforms-items-add { background: transparent; border: 1px dashed var(--color-line-dashed); color: var(--color-text); border-radius: var(--radius); text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; font-size: 22px; width: 60px; }