.zib-bundle-smilie-wrap > .dropdown-menu{padding:10px 10px 12px;min-width:300px;width:336px}
.zib-bundle-smilie-panel{display:flex;flex-direction:column;gap:10px}
.zib-bundle-smilie-search{margin-bottom:2px}
.zib-bundle-smilie-search-input{height:34px;padding:6px 10px}
.zib-bundle-smilie-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;white-space:nowrap}
.zib-bundle-smilie-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:0 !important;border-radius:8px;background:var(--muted-bg-color);white-space:nowrap}
.zib-bundle-smilie-tab span{display:block;white-space:nowrap}
.zib-bundle-smilie-tab.is-active{background:var(--focus-color);color:#fff}
.zib-bundle-smilie-wrap .smilie-tab{display:none !important}
.zib-bundle-smilie-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:228px;padding:2px;overflow:auto}
.zib-bundle-smilie-grid .smilie-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 !important;border-radius:12px;background:rgba(127,127,127,.04);transition:.2s}
.zib-bundle-smilie-grid .smilie-icon:hover{transform:translateY(-2px);background:rgba(127,127,127,.08)}
.zib-bundle-smilie-grid .smilie-icon img{max-width:48px;max-height:48px;display:block}
@media (max-width:767px){
    .zib-bundle-smilie-wrap > .dropdown-menu{width:300px;min-width:280px;max-width:calc(100vw - 24px)}
    .zib-bundle-smilie-grid .smilie-icon{width:50px;height:50px}
    .zib-bundle-smilie-grid .smilie-icon img{max-width:44px;max-height:44px}
}