.blog-topics-layout{display:block}
.blog-topics{box-sizing:border-box;margin:0 0 24px;padding:18px 18px 14px;background:#f5f2fc;border:1px solid #e1dbf3;border-radius:6px;font-family:Montserrat,sans-serif}
.blog-topics[hidden],.blog-topics__empty[hidden]{display:none}
.blog-topics__title{margin:0 0 10px;color:#172b68;font:700 13px/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.blog-topics__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.blog-topics__list li{margin:0;padding:0}
.blog-topics__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;padding:8px 14px;background:#fff;color:#172b68;border:1px solid #cfc6ea;border-radius:999px;font:500 14px/1.3 Montserrat,sans-serif;cursor:pointer;text-align:left;transition:background .2s,color .2s,border-color .2s}
.blog-topics__btn:hover{border-color:#6742be;color:#6742be}
.blog-topics__btn[aria-pressed="true"]{background:#6742be;border-color:#6742be;color:#fff;font-weight:700}
.blog-topics__btn:focus-visible,.blog-topics__reset:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.blog-topics__n{font-size:12px;opacity:.75}
.blog-topics__status{margin:12px 0 0;color:#4b5678;font-size:13px;line-height:1.4}
.blog-topics__empty{margin:0 0 24px;padding:28px;background:#f5f2fc;border:1px dashed #b9abe3;border-radius:6px;color:#172b68;font:500 16px/1.5 Montserrat,sans-serif}
.blog-topics__reset{padding:0;border:0;background:none;color:#6742be;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
[data-topic-hidden]{display:none!important}
@media(min-width:992px){
.blog-topics-layout--on{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.blog-topics-layout--on .blog-topics{position:sticky;top:130px;margin:0}
.blog-topics-layout--on .blog-topics__list{flex-direction:column;flex-wrap:nowrap;gap:6px}
.blog-topics-layout--on .blog-topics__btn{border-radius:4px}
}
@media(max-width:991px){
.blog-topics__list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
.blog-topics__list li{flex:0 0 auto}
.blog-topics__btn{white-space:nowrap;width:auto}
}