/*! Icon Picker 1.3.1 MIT | https://github.com/AppoloDev/icon-picker */
.icon-picker-modal{position:fixed;left:0;top:0;bottom:0;right:0;z-index:100000;background-color:rgba(68,69,69,0);visibility:hidden;transition:background-color .3s ease-out,visibility .3s ease-out}.icon-picker-modal.is-visible{background-color:rgba(68,69,69,.6);visibility:visible}.icon-picker-modal.is-visible .icon-picker-modal__dialog{transform:translate(-50%, -50%);opacity:1}.icon-picker-modal__dialog{display:flex;flex-direction:column;position:absolute;left:50%;top:50%;z-index:1;height:440px;min-width:380px;opacity:0;transform:translate(-50%, -55%);transition:transform .3s ease-in-out,opacity .3s ease;padding:24px;background-color:#fff;border-radius:16px}.icon-picker-modal__header{display:flex;justify-content:space-between;align-items:center}.icon-picker-modal__header h2{margin-block-start:0;margin-block-end:0;font-size:24px}.icon-picker-modal__header .icon-picker-modal--close{cursor:pointer;margin-left:auto;-webkit-appearance:none;background:none;border:none;padding:2px;border-radius:4px;transition:background-color .3s ease}.icon-picker-modal__header .icon-picker-modal--close:hover{background-color:#f3f3f3}.icon-picker-modal__search{margin:32px 0 24px 0}.icon-picker-modal__content{display:grid;grid-template-columns:repeat(7, 40px);grid-gap:8px;overflow-y:scroll}.icon-picker-modal__content .is-empty{text-align:center;grid-column:1/-1}.icon-picker-modal__content .icon-element{display:flex;align-items:center;justify-content:center;border:1px solid #ced4da;border-radius:4px;background-color:rgba(0,0,0,0);height:40px;width:40px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.icon-picker-modal__content .icon-element i,.icon-picker-modal__content .icon-element svg{font-size:24px;color:#0983fd}.icon-picker-modal__content .icon-element:hover{background-color:#0983fd;border-color:#0983fd}.icon-picker-modal__content .icon-element:hover i,.icon-picker-modal__content .icon-element:hover svg{color:#fff}.icon-picker-modal__content .icon-element.is-selected{background-color:#0983fd;border-color:#0983fd}.icon-picker-modal__content .icon-element.is-selected i,.icon-picker-modal__content .icon-element.is-selected svg{color:#fff}.icon-picker-modal__content .icon-element[hidden]{display:none}.icon-picker-modal__footer{margin-top:auto;padding-top:24px;align-self:flex-end}
