.modal-body:has(.icon-picker-container){overflow:hidden}.icon-picker-container{display:flex;flex-direction:column;height:calc(100vh - 120px);min-height:600px}.icon-grid-container{padding-right:.5rem;flex:1;overflow-y:auto;overflow-x:hidden}.icon-picker-controls{flex-shrink:0}.icon-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:.5rem;padding:.25rem}.icon-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:.5rem;min-height:48px;min-width:48px;border-radius:.375rem}.icon-item:hover{transform:scale(1.1);z-index:1;box-shadow:0 .125rem .25rem rgba(0,0,0,.15)}.icon-item i{transition:all .2s ease;pointer-events:none;font-size:1.5rem;line-height:1}.no-results{text-align:center;padding:3rem 1rem;color:#6c757d}.no-results i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:768px){.icon-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:576px){.icon-grid{grid-template-columns:repeat(4,1fr)}}