.ha-popular-theme-grid{--gap:16px;--radius:12px;--pad:20px;--title:clamp(18px,3.5vw,24px);display:grid;gap:var(--gap);margin:0 auto;max-width:1200px}.ha-popular-theme-grid--heading{font-size:clamp(24px,2.5vw,30px);font-weight:600;grid-column:1/-1;line-height:1.05;margin:8px 0}.ha-popular-theme-grid--item{aspect-ratio:1/1;background:var(--ui-slate-200);border-radius:var(--radius);cursor:pointer;isolation:isolate;overflow:hidden;position:relative;transition:transform .25s ease}.dark .ha-popular-theme-grid--item{background:var(--ui-slate-800)}.ha-popular-theme-grid--item:hover{transform:translateY(-2px)}.ha-popular-theme-grid--image{height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1);transition:transform .35s ease;width:100%}.ha-popular-theme-grid--item:hover .ha-popular-theme-grid--image{transform:scale(1.03)}.ha-popular-theme-grid--item:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72) 86%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.ha-popular-theme-grid--title{bottom:calc(var(--pad) - 2px);color:#fff;font-size:var(--title);font-weight:600;left:var(--pad);line-height:1.08;margin:0;position:absolute;right:var(--pad);text-shadow:0 2px 10px rgba(0,0,0,.45);text-wrap:balance;z-index:2}@media (max-width:900px){.ha-popular-theme-grid{--gap:18px;--radius:20px;--pad:20px;grid-template-columns:1fr 1fr 1fr!important}.ha-popular-theme-grid--heading{margin-bottom:4px}.ha-popular-theme-grid--title{bottom:var(--pad)}}@media (max-width:768px){.ha-popular-theme-grid{grid-template-columns:1fr 1fr!important;padding:var(--pad) 0}}.dark .ha-popular-theme-grid--heading{color:#eef2ff}