.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:100}.popup-overlay .popup-content{background:#fff;border-radius:10px;display:flex;flex-direction:column;gap:20px;width:70%}.popup-overlay .popup-content .header{align-items:center;background:#f3f4f6;color:#000;display:flex;justify-content:space-between;padding:20px}.popup-overlay .popup-content .header h2{color:#000;font-weight:700!important}.popup-overlay .popup-content .header .close_icon{color:#6b7280;cursor:pointer;font-size:25px;font-weight:500}.popup-overlay .popup-content .template-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));max-height:80vh;overflow-y:auto;padding:1rem}.popup-overlay .popup-content .template-grid::-webkit-scrollbar{width:8px}.popup-overlay .popup-content .template-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.popup-overlay .popup-content .template-grid::-webkit-scrollbar-thumb:hover{background-color:#888}.popup-overlay .popup-content .template-grid .blank-card{align-items:center;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 30px #00000005;display:flex;flex-direction:column;justify-content:center;padding:10px;position:relative;width:420px}.popup-overlay .popup-content .template-grid .blank-card .createBlank-image{height:54px;width:97px}.popup-overlay .popup-content .template-grid .template-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 30px #00000005;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:10px;width:420px}.popup-overlay .popup-content .template-grid .template-card:hover{box-shadow:0 4px 12px #0000001a}.popup-overlay .popup-content .template-grid .template-card .template-image1{display:flex;flex-direction:column;gap:10px;position:relative}.popup-overlay .popup-content .template-grid .template-card .template-image1 .template-title{font-size:1.2rem;font-weight:700}.popup-overlay .popup-content .template-grid .template-card .template-image1 .template-image{border-radius:.5rem;height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.popup-overlay .popup-content .template-grid .template-card .template-image1 .template-image:hover{opacity:.6;transition:opacity .2s ease-in-out}.popup-overlay .popup-content .template-grid .template-card .template-image1 .template-details{background-color:#fff;border-radius:1rem;bottom:10px;color:#4b5563;font-size:1rem;font-weight:500;padding:4px 10px;position:absolute;right:8px}.popup-overlay .popup-content .template-grid .template-card .template-info{align-items:center;display:flex;justify-content:space-between}.popup-overlay .popup-content .template-grid .template-card .template-info .template-type{background:#f3f4f6;border-radius:16px;color:#374151;font-size:1rem;padding:6px 10px}.popup-overlay .popup-content .template-grid .template-card .favorite-button{background:none;border:none;cursor:pointer;font-size:1.2rem;right:8px;top:8px}