.sf-templates{display:flex;flex-wrap:wrap;gap:var(--gap, 24px);width:100%;box-sizing:border-box}@media screen and (max-width: 880px){.sf-templates{--row-count: 2;--gap: 12px}}.sf-templates_items{width:calc(100%/var(--row-count, 4) - var(--gap, 24px) + var(--gap, 24px)/var(--row-count, 4));position:relative;border-radius:24px;cursor:pointer;overflow:hidden;box-sizing:border-box;padding:0px;aspect-ratio:9/16}.sf-templates_items:hover .sf-templates__items__button{opacity:1}.sf-templates__items__button.sf-button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:48px;font-size:16px;font-weight:500;opacity:0;z-index:2}.sf-templates_items .poster{width:100%;height:100%;object-fit:cover;transition:all .2s ease}@media screen and (max-width: 880px){.sf-templates_items .poster{z-index:1}}.sf-templates_items .video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.sf-more-templates{display:flex;align-items:center;justify-content:center;margin-top:20px}.sf-more-templates__btn{padding:10px 35px}@media screen and (max-width: 880px){.sf-templates_items{border-radius:12px}.sf-templates__items__button.sf-button{bottom:12px;width:calc(100% - 24px);height:33px;gap:2px;font-size:14px;opacity:1}.sf-more-templates__btn{padding:8px 16px;font-size:14px;height:35px}}