.api .top[data-v-e32b9051]{width:100%;display:flex;justify-content:space-between}.api .top .icon[data-v-e32b9051]{background-image:none;background-color:#07ddc1}.api .top .actions[data-v-e32b9051]{position:relative;right:0;width:60%;display:flex;justify-content:space-between}.api .top .actions button[data-v-e32b9051]{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-e32b9051]{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-e32b9051],.api .top .actions button.btn-cat[data-v-e32b9051]:hover{background-color:var(--color1);color:#fff}.api .top .actions .search-wrap>i[data-v-e32b9051]{position:absolute;margin:12px 0 0 14px;font-size:13px}.api .top .actions .search-wrap>input[data-v-e32b9051]{float:left;width:170px;height:36px;background-color:#fff;border-radius:20px;padding-left:36px}@media(max-width:1199px){.api .top[data-v-e32b9051]{flex-direction:column;gap:8px}.api .top .actions[data-v-e32b9051]{width:100%;flex-wrap:wrap;gap:8px}.api .top .actions button.btn-cat[data-v-e32b9051]{flex:1;text-align:center;order:1}.api .top .actions .search-wrap[data-v-e32b9051]{order:2;width:100%;position:relative}.api .top .actions .search-wrap>i[data-v-e32b9051]{position:absolute;left:14px;top:50%;transform:translateY(-50%);margin:0;pointer-events:none}.api .top .actions .search-wrap>input[data-v-e32b9051]{width:100%;padding-left:36px}.api .top .actions button[data-v-e32b9051]:not(.btn-cat){order:3}}.api .content[data-v-e32b9051]{display:flex;flex-wrap:wrap;justify-content:space-around}.api .content .box[data-v-e32b9051]{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-e32b9051]:hover{background-color:#2fc145}.api .content .box.new[data-v-e32b9051]{background-color:var(--color1)}.api .content .box img[data-v-e32b9051]{position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}