.topic-container[data-v-872d0cf7]{max-width:1260px;margin:auto;padding:74px 30px 101px}.topic-container .filters[data-v-872d0cf7]{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.topic-container .filters .item[data-v-872d0cf7]{color:var(--espo-blue,#2b6eb5);text-align:center;cursor:pointer;background:#2b6eb533;border-radius:5px;align-items:center;height:40px;padding:12px 16px;font-size:16px;font-style:normal;font-weight:500;line-height:12px;transition:all .3s;display:flex}@media (hover:hover){.topic-container .filters .item[data-v-872d0cf7]:hover{opacity:.8}}.topic-container .filters .item.active[data-v-872d0cf7]{color:#fff;background:#2b6eb5}.topic-container .topics .loading[data-v-872d0cf7]{justify-content:center;padding:60px 0;display:flex}.topic-container .topics .loading .spinner[data-v-872d0cf7]{width:40px;height:40px;animation:.8s linear infinite spin-872d0cf7}@keyframes spin-872d0cf7{to{transform:rotate(1turn)}}.topic-container .topics .no-data[data-v-872d0cf7]{color:var(--Black,#333);text-align:center;padding:40px 0;font-size:16px}.topic-container .topics .item-topic[data-v-872d0cf7]:first-child{border-top:1px solid #dcdcdc}.topic-container .topics .item-topic[data-v-872d0cf7]{border-bottom:1px solid #dcdcdc;padding:19px 16px 22px}.topic-container .topics .item-topic .date-category[data-v-872d0cf7]{align-items:center;gap:2px;margin-bottom:9px;display:flex}.topic-container .topics .item-topic .date-category .date[data-v-872d0cf7]{color:var(--Black,#333);padding-right:6px;font-size:15px;font-style:normal;font-weight:500;line-height:24px}.topic-container .topics .item-topic .date-category .categories[data-v-872d0cf7]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.topic-container .topics .item-topic .date-category .category[data-v-872d0cf7]{color:var(--espo-blue,#2b6eb5);text-align:center;border:1px solid #2b6eb5;justify-content:center;align-items:center;height:21px;padding:0 5px;font-size:12px;font-style:normal;font-weight:500;line-height:1px;display:flex}.topic-container .topics .item-topic .title[data-v-872d0cf7]{color:var(--Black,#333);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-style:normal;font-weight:500;line-height:24px;display:-webkit-box;overflow:hidden}.topic-container .panigation[data-v-872d0cf7]{justify-content:center;align-items:center;gap:32px;margin-top:95px;display:flex}.topic-container .panigation .pages[data-v-872d0cf7]{gap:10px;display:flex}.topic-container .panigation .pages .item[data-v-872d0cf7]{color:#999;text-align:center;cursor:pointer;width:24px;height:24px;font-size:16px;font-style:normal;font-weight:500;line-height:24px;transition:all .3s}@media (hover:hover){.topic-container .panigation .pages .item[data-v-872d0cf7]:hover{opacity:.8}}.topic-container .panigation .pages .item.active[data-v-872d0cf7]{pointer-events:none;color:var(--espo-blue,#2b6eb5)}.topic-container .panigation .action[data-v-872d0cf7]{cursor:pointer;align-items:center;gap:5px;display:flex}.topic-container .panigation .action svg[data-v-872d0cf7]{width:20px}.topic-container .panigation .action span[data-v-872d0cf7]{color:var(--espo-blue,#2b6eb5);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.topic-container .panigation .action.disabled[data-v-872d0cf7]{pointer-events:none;opacity:.4}@media (width<=767px){.topic-container[data-v-872d0cf7]{padding:29px 30px 88px}.topic-container .filters[data-v-872d0cf7]{-moz-column-gap:7px;gap:8px 7px;margin-bottom:29px;display:flex}.topic-container .filters .item[data-v-872d0cf7]{padding:12px 14px;font-size:15px;font-weight:500;line-height:12px}.topic-container .topics .item-topic[data-v-872d0cf7]{padding:18px 4px 25px 16px}.topic-container .topics .item-topic .date-category[data-v-872d0cf7]{gap:0;margin-bottom:10px}.topic-container .topics .item-topic .date-category .date[data-v-872d0cf7]{padding-right:12px;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.topic-container .topics .item-topic .title[data-v-872d0cf7]{font-size:15px;line-height:20px}.topic-container .panigation[data-v-872d0cf7]{flex-wrap:wrap;gap:18px;margin-top:50px}.topic-container .panigation .pages .item[data-v-872d0cf7]{font-size:14px}.topic-container .panigation .action[data-v-872d0cf7]{gap:3px}.topic-container .panigation .action svg[data-v-872d0cf7]{width:16px}.topic-container .panigation .action span[data-v-872d0cf7]{font-size:12px}}@media (width<=389px){.topic-container[data-v-872d0cf7]{padding:29px 10px 88px}}@media (width<=374px){.topic-container .panigation[data-v-872d0cf7]{gap:10px}.topic-container .panigation .pages[data-v-872d0cf7]{gap:5px}}