[x-cloak]{display:none}.sa-icon-picker{display:inline-flex;padding:0 8px;justify-content:center;align-items:center;gap:6px;height:25px;border-radius:8px;background:#E2E8F0;div svg{height:16px;width:16px}input{display:none}span{font-size:12px;font-weight:600;line-height:14px}cursor:pointer;.sa-icon-picker-arrow{transition:0.2s;transform:rotate(180deg)}&.is-open svg{transform:rotate(0)}}.sa-icon-picker-dropdown{display:inline-flex;padding:10px;flex-direction:column;align-items:flex-start;gap:8px;border-radius:8px;background:#E2E8F0;box-shadow:0 10px 20px 0 rgb(92 115 160 / .07);z-index:1000;width:260px;.sa-icon-picker-search{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;position:relative;button{padding:0;border:none;background:none;cursor:pointer;position:relative}svg{position:absolute;top:50%;left:10px;transform:translateY(-50%)}input[type="text"]{padding:6px 10px 6px 32px;height:28px;flex:1;border-radius:8px;border:1px solid #CAD5E2;background:#FFF;width:100%}}.sa-icon-picker-groups{display:flex;align-items:center;align-content:center;position:relative;overflow:auto;&::-webkit-scrollbar{height:2px}&::-webkit-scrollbar-track{background:#FFF;border-radius:4px}&::-webkit-scrollbar-thumb{background-color:#CAD5E2;border-radius:4px}width:100%;.sa-icon-picker-group-item{display:flex;justify-content:center;cursor:pointer;color:#314158;svg{width:24px;height:24px}padding:0 8px 4px;&.is-active{color:#EC125E;z-index:1}}}select{border-radius:8px;border:1px solid #CAD5E2;background:#FFF;width:100%;color:#62748E;font-size:12px;font-weight:400;line-height:14px;height:28px;outline:none!important}.sa-icon-picker-grid-wrapper{padding-right:8px;width:100%;height:250px;overflow-y:auto;border-bottom:1px solid #CAD5E2;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:#fff0}&::-webkit-scrollbar-thumb{background-color:#62748E;border-radius:4px}}.sa-icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:8px;color:#314158}.sa-icon-picker-item{width:32px;height:32px;cursor:pointer;gap:8px;padding:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff0;border-radius:8px;transition:background .1s;&.is-active{background:#FFF;color:#EC125E}&:hover{background:#F8FAFC}}.sa-icon-picker-icon-name{height:22px;font-size:12px;font-weight:500;line-height:12px;display:flex;flex-direction:column;color:#314158}}