.zibll-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding:10px 0}.zibll-avatar-item{position:relative;cursor:pointer;border:2px solid transparent;border-radius:50%;overflow:hidden;transition:all .3s ease;aspect-ratio:1}.zibll-avatar-item:hover{border-color:#007cba}.zibll-avatar-item.selected{border-color:#00a0d2;box-shadow:0 0 10px rgba(0,160,210,.5)}.zibll-avatar-item img{width:100%;height:100%;object-fit:cover;display:block}.zibll-avatar-loading{color:#666}.zibll-avatar-loading .fa-spinner{color:#007cba}#zibll-avatar-modal .modal-dialog{margin:30px auto!important;max-width:90%;width:800px}#zibll-avatar-modal.in{display:flex!important;align-items:center;justify-content:center}#zibll-avatar-modal.in .modal-dialog{margin:0!important}#zibll-avatar-modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}#zibll-avatar-modal.fade.in .modal-dialog{transform:translateY(0)}@media (max-width:768px){.zibll-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}#zibll-avatar-modal .modal-dialog{max-width:95%;width:auto}}