.api .top[data-v-63014e4c]{width:100%;display:flex;justify-content:space-between}.api .top .icon[data-v-63014e4c]{background-image:none;background-color:#07ddc1}.api .top .actions[data-v-63014e4c]{position:relative;right:0;width:60%;display:flex;justify-content:space-between}.api .top .actions button[data-v-63014e4c]{float:left;width:36px;height:36px;border-radius:30px;background-color:#d7dde4;font-size:14px;text-align:center;line-height:36px;color:#bdc4cd}.api .top .actions button.btn-cat[data-v-63014e4c]{width:auto;padding:0 10px;background-color:#e7ebf0;color:#505f6c;font-weight:600;transition:all .4s ease}.api .top .actions button.btn-cat.active[data-v-63014e4c],.api .top .actions button.btn-cat[data-v-63014e4c]:hover{background-color:var(--color1);color:#fff}.api .top .actions .search-wrap>i[data-v-63014e4c]{position:absolute;margin:12px 0 0 14px;font-size:13px}.api .top .actions .search-wrap>input[data-v-63014e4c]{float:left;width:170px;height:36px;background-color:#fff;border-radius:20px;padding-left:36px}@media(max-width:1199px){.api .top[data-v-63014e4c]{flex-direction:column;gap:8px}.api .top .actions[data-v-63014e4c]{width:100%;flex-wrap:wrap;gap:8px}.api .top .actions button.btn-cat[data-v-63014e4c]{flex:1;text-align:center;order:1}.api .top .actions .search-wrap[data-v-63014e4c]{order:2;width:100%;position:relative}.api .top .actions .search-wrap>i[data-v-63014e4c]{position:absolute;left:14px;top:50%;transform:translateY(-50%);margin:0;pointer-events:none}.api .top .actions .search-wrap>input[data-v-63014e4c]{width:100%;padding-left:36px}.api .top .actions button[data-v-63014e4c]:not(.btn-cat){order:3}}.api .content[data-v-63014e4c]{display:flex;flex-wrap:wrap;justify-content:space-around}.api .content .box[data-v-63014e4c]{float:left;position:relative;width:65px;height:65px;background-position:center;background-repeat:no-repeat;background-color:#ccc;border-radius:12px;margin-top:5px;transition:all .3s ease}.api .content .box[data-v-63014e4c]:hover{background-color:#2fc145}.api .content .box.new[data-v-63014e4c]{background-color:var(--color1)}.api .content .box img[data-v-63014e4c]{position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}.empty-state[data-v-63014e4c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:50px 20px;color:#94a3b8}.empty-state i[data-v-63014e4c]{font-size:32px}.empty-state span[data-v-63014e4c]{font-size:14px}