# templately/3.8.0/assets/css/style-block-patterns.css

Templately – Elementor & Gutenberg Template Library: 6500+ Free & Pro Ready Templates And Cloud!, version 3.8.0. 2 lines.

- Page: https://pluginprobe.com/plugins/templately/3.8.0/code/assets/css/style-block-patterns.css
- Raw: https://pluginprobe.com/plugins/templately/3.8.0/raw/assets/css/style-block-patterns.css
- Modified: 2026-09-24T05:45:44+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/templately/3.8.0/code/assets/css/style-block-patterns.css#L10-L20`.

```css
.templately-lazy-pattern__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:180px;padding:2.5rem 1.5rem;box-sizing:border-box;background-color:var(--color-surface-secondary, #f6f7f9);border:1px solid var(--color-border-secondary, #e4e6eb);border-radius:var(--radius-radius-md, 8px);color:var(--color-color-text-secondary, #4b5162);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;text-align:center}.templately-lazy-pattern__brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-color-text-primary, #1a1c23)}.templately-lazy-pattern__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-primary, #5b4ee9);animation:templately-lazy-pulse 1.2s ease-in-out infinite}.templately-lazy-pattern__title{margin:0;color:var(--color-color-text-secondary, #4b5162)}.templately-lazy-pattern__error{color:var(--color-color-text-primary, #1a1c23)}.templately-lazy-pattern__image{display:block;width:100%;height:auto}.templately-lazy-pattern--section .templately-lazy-pattern__image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.templately-req{box-sizing:border-box;padding:2rem 1.5rem;background-color:var(--color-surface-secondary, #f6f7f9);border:1px solid var(--color-border-secondary, #e4e6eb);border-radius:var(--radius-radius-md, 8px);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;color:var(--color-color-text-secondary, #4b5162);text-align:center}.templately-req__head{display:flex;flex-direction:column;align-items:center;gap:.5rem}.templately-req__brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-color-text-primary, #1a1c23)}.templately-req__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-primary, #5b4ee9)}.templately-req__title{margin:0;font-size:18px;font-weight:600;color:var(--color-color-text-primary, #1a1c23)}.templately-req__subtitle{margin:0}.templately-req__list{display:inline-flex;flex-direction:column;gap:.5rem;margin:1.25rem 0;padding:0;text-align:left;list-style:none}.templately-req__item{display:flex;align-items:flex-start;gap:.625rem;margin:0}.templately-req__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;min-height:20px;flex-shrink:0}.templately-req__item.is-failed .templately-req__icon,.templately-req__item .templately-req__icon{color:var(--color-color-text-tertiary, #6b7280)}.templately-req__label{color:var(--color-color-text-primary, #1a1c23)}.templately-req__note{color:var(--color-color-text-tertiary, #6b7280)}.templately-req__note.is-success{color:var(--color-color-text-success, #1a7f4b)}.templately-req__note.is-error{color:var(--color-color-text-error, #c0392b)}.templately-req__ready{margin:0 0 1rem;color:var(--color-color-text-success, #1a7f4b)}.templately-req__actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}@keyframes templately-lazy-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(0.8)}}

```