.template-gallery{width:100%}.template-gallery-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.template-gallery-tab{letter-spacing:-.28px;cursor:pointer;color:#5a6272;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:ABC Oracle,sans-serif;font-size:13px;font-weight:350;transition:all .2s}.template-gallery-tab:hover{background:#f1f2f4}.template-gallery-tab.active{color:#fff;background:#2d3139}.template-gallery-grid{width:100%;position:relative}.template-gallery-grid.is-pending{visibility:hidden}.template-gallery-grid[data-ready="1"]{visibility:visible}.template-gallery-card{box-sizing:border-box;cursor:pointer;will-change:transform;color:inherit;background:#f1f2f4;border-radius:12px;text-decoration:none;position:absolute;top:0;left:0;overflow:hidden}.template-gallery-card.hidden,.template-gallery-card[data-initial-hidden="1"]{display:none}.template-gallery-card img,.template-gallery-card video{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .18s;display:block;position:absolute;inset:0}.template-gallery-card img:not([src]){opacity:0}.template-gallery-card img[src]{opacity:1}.template-gallery-video{opacity:0;pointer-events:none}.template-gallery-card.is-video-active .template-gallery-video{opacity:1}.template-gallery-card.is-video-active .template-gallery-poster{opacity:0}.template-gallery-card:hover img,.template-gallery-card:hover video{transform:scale(1.03)}.template-gallery-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.template-gallery-card:hover .template-gallery-overlay{opacity:1}.template-gallery-card:focus-visible{outline-offset:3px;outline:2px solid #17191d}.template-gallery-card:focus-visible .template-gallery-overlay{opacity:1}.template-gallery .try-flow-btn{color:#2d3139;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px 20px;font-family:ABC Oracle,sans-serif;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 4px 12px #00000026}.template-gallery .try-flow-btn:hover{color:#fff;background:#2d3139;transform:scale(1.05)}.template-gallery-title{background:linear-gradient(#0000,#000000b3);padding:40px 16px 16px;position:absolute;bottom:0;left:0;right:0}.template-gallery-title p{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:ABC Oracle,sans-serif;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.template-gallery-load-more-row{justify-content:center;margin-top:24px;display:flex}.template-gallery-load-more-row.hidden,.template-gallery-load-more-row[hidden]{display:none}.template-gallery-load-more{color:#2d3139;cursor:pointer;background:#fff;border:1px solid #d8dce4;border-radius:10px;min-height:40px;padding:10px 18px;font-family:ABC Oracle,sans-serif;font-size:14px;font-weight:450;transition:background .2s,border-color .2s,color .2s}.template-gallery-load-more:hover{background:#f6f7f9;border-color:#b8beca}.template-gallery-load-more.hidden,.template-gallery-load-more[hidden]{display:none}.template-gallery[data-template-variant=video] .template-gallery-card,.template-gallery[data-template-variant=slides] .template-gallery-card,.template-gallery[data-template-variant=website] .template-gallery-card,.template-gallery[data-template-variant=agent-neo] .template-gallery-card{corner-shape:squircle;border-radius:20px}.template-gallery[data-template-variant=slides] .template-gallery-card,.template-gallery[data-template-variant=website] .template-gallery-card{background:#eef1f5}.template-gallery[data-template-variant=slides] .template-gallery-card img,.template-gallery[data-template-variant=website] .template-gallery-card img{object-fit:contain}.template-gallery[data-template-variant=agent-neo] .template-gallery-card img{object-fit:cover;object-position:center top}@media (width<=639px){.template-gallery-card{border-radius:10px}.template-gallery[data-template-variant=video] .template-gallery-card,.template-gallery[data-template-variant=slides] .template-gallery-card,.template-gallery[data-template-variant=website] .template-gallery-card,.template-gallery[data-template-variant=agent-neo] .template-gallery-card{border-radius:14px}.template-gallery-tabs{gap:6px;margin-bottom:16px}.template-gallery-tab{padding:6px 12px;font-size:12px}.template-gallery-load-more-row{margin-top:18px}.template-gallery-load-more{min-height:38px;padding:9px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.template-gallery-card img,.template-gallery-card video,.template-gallery-overlay,.template-gallery .try-flow-btn{transition:none}.template-gallery-card:hover img,.template-gallery-card:hover video,.template-gallery .try-flow-btn:hover{transform:none}}
