.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}@media (max-width:768px){.icon-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:576px){.icon-grid{grid-template-columns:repeat(4,1fr)}}