.my-templates-v1{--row-count: var(--row-count-desktop, 4);display:flex;flex-wrap:wrap;gap:var(--gap, 24px);width:100%;box-sizing:border-box}.my-templates-v1 .my-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}.my-templates-v1 .my-templates_items::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);border-radius:0 0 24px 24px;opacity:0;transition:opacity .2s;z-index:1;pointer-events:none}.my-templates-v1 .my-templates_items:hover::after{opacity:1}.my-templates-v1 .my-templates_items:hover .poster,.my-templates-v1 .my-templates_items:hover .video{scale:1.05}.my-templates-v1 .my-templates_items:hover .my-templates__items__button{opacity:1}.my-templates-v1 .my-templates_items .poster{width:100%;height:100%;object-fit:cover;transition:scale .3s}.my-templates-v1 .my-templates_items .video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:scale .3s}.my-templates-v1 .my-templates__items__button.my-button{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);height:40px;border-radius:12px;border:1px solid hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.25);color:#fff;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s,background .2s,border-color .2s;z-index:2;box-shadow:none}.my-templates-v1 .my-templates__items__button.my-button:hover{background:#ff4180;border-color:rgba(0,0,0,0);box-shadow:0 0 21px rgba(255,51,170,.25),inset 4px 5px 10px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-templates-v1 .my-more-templates{display:flex;align-items:center;justify-content:center;margin-top:20px}.my-templates-v1 .my-more-templates__btn{padding:10px 35px}@media screen and (max-width: 880px){.my-templates-v1{--row-count: var(--row-count-mobile, 2);--gap: 12px}.my-templates-v1 .my-templates_items{border-radius:12px}.my-templates-v1 .my-templates_items .poster{z-index:1}.my-templates-v1 .my-templates_items::after{opacity:1;border-radius:0 0 12px 12px}.my-templates-v1 .my-templates__items__button.my-button{bottom:12px;width:calc(100% - 24px);height:32px;gap:2px;font-size:12px;opacity:1}.my-templates-v1 .my-more-templates__btn{padding:8px 16px;font-size:14px;height:35px}}