.html-grid{display:grid;gap:var(--grid-gap,20px);grid-template-columns:repeat(var(--grid-columns,3),1fr)}.html-grid__item{min-width:0}.html-grid__content{margin-bottom:15px}.modal{align-items:center;background-color:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal.active{display:flex}.modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%}.modal-header{margin-bottom:10px;text-align:right}.modal-header .close{color:#888;cursor:pointer;font-size:28px;font-weight:700;line-height:1}.modal-header .close:hover{color:#333}@media (max-width:991px){.html-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.html-grid{grid-template-columns:1fr}}