.filter-section-wrapper{width:100%;margin:calc(30/var(--size-unit)*1em) auto 0;top:calc(78/var(--size-unit)*1em);z-index:20;position:sticky}@media screen and (min-width:768px){.filter-section-wrapper{top:calc(72/var(--size-unit)*1em);max-width:calc(560/var(--size-unit)*1em);margin:0;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;transform:translate(-50%)}}@media screen and (min-width:1024px){.filter-section-wrapper--hidden{transform:translateX(-50%) translateY(calc(-12 / var(--size-unit) * 1em));pointer-events:none}.filter-section-wrapper--hidden .filter-item{opacity:0}.filter-section-wrapper--hidden .filter-section-fade{opacity:0!important}}.filter-section-wrapper .filter-section-fade{display:none}@media screen and (min-width:1024px){.filter-section-wrapper .filter-section-fade{display:block}}.filter-section-wrapper .filter-section-fade{z-index:2;width:calc(46/var(--size-unit)*1em);pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;top:-2px;bottom:-2px}.filter-section-wrapper .filter-section-fade--left{background:linear-gradient(270deg, rgb(var(--c-bg-rgb) / 0) 0%, rgb(var(--c-bg-rgb) / 1) 100%);left:-2px}.filter-section-wrapper .filter-section-fade--right{background:linear-gradient(90deg, rgb(var(--c-bg-rgb) / 0) 0%, rgb(var(--c-bg-rgb) / 1) 100%);right:-2px}.filter-section-wrapper .filter-section-content{scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow:auto}.filter-section-wrapper .filter-section-content::-webkit-scrollbar{display:none}.filter-section-wrapper .filter-section-list{gap:calc(8/var(--size-unit)*1em);width:max-content;padding-inline:calc(16/var(--size-unit)*1em);display:flex}@media screen and (min-width:768px){.filter-section-wrapper .filter-section-list{padding-inline:calc(10/var(--size-unit)*1em)}}.filter-section-wrapper .filter-item{padding:0 calc(12/var(--size-unit)*1em);height:calc(45/var(--size-unit)*1em);background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);color:#fff;transition:background-color .5s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.filter-section-wrapper .filter-item:hover{background:var(--glass-bg-hover)}}.filter-section-wrapper .filter-item:active{background:var(--glass-bg-active)}.filter-section-wrapper .filter-item{align-items:center;gap:calc(10/var(--size-unit)*1em);line-height:1;transition:background-color .5s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);display:flex}@media screen and (min-width:768px){.filter-section-wrapper .filter-item{height:calc(48/var(--size-unit)*1em)}}.filter-section-wrapper .filter-item--active{background-color:var(--c-fg)!important;color:var(--c-bg)!important}@media screen and (min-width:1024px){.filter-section-wrapper .filter-item--topic{display:none}}.filter-section-wrapper .filter-item__icon{width:calc(24/var(--size-unit)*1em);height:calc(24/var(--size-unit)*1em)}.filter-section-wrapper .filter-item.sort-main-button{transition:all .5s cubic-bezier(.16,1,.3,1);margin:0!important}.filter-section-wrapper .filter-item.sort-main-button--active{background-color:var(--c-fg);color:var(--c-bg)}.filter-section-wrapper .filter-item.sort-main-button .sort-main-button-content{align-items:center;display:flex}.filter-section-wrapper .filter-item.sort-main-button .sort-main-button__icon{width:calc(16/var(--size-unit)*1em);height:calc(16/var(--size-unit)*1em)}.filter-section-wrapper .sort-list{gap:calc(4/var(--size-unit)*1em);margin:0 calc(16/var(--size-unit)*1em);transform:translateY(calc(8 / var(--size-unit) * 1em));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}@media screen and (min-width:768px){.filter-section-wrapper .sort-list{margin:0}}.filter-section-wrapper .sort-list--active.sort-list{pointer-events:auto}.filter-section-wrapper .sort-list--active.sort-list .sort-button{opacity:1;filter:blur(0);pointer-events:auto}.filter-section-wrapper .sort-list .sort-button{width:100%;padding:0 calc(12/var(--size-unit)*1em);height:calc(45/var(--size-unit)*1em);text-align:left;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));border-radius:calc(11/var(--size-unit)*1em);color:#fff;pointer-events:none;opacity:0;filter:blur(20px);border:1px solid #0000;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.filter-section-wrapper .sort-list .sort-button:hover{background:rgb(var(--c-fg-rgb) / .3)}}.filter-section-wrapper .sort-list .sort-button--active{border:1px solid var(--c-fg)}
.articles-transition{scroll-margin-top:calc(140/var(--size-unit)*1em)}.articles-transition__content{transition:opacity .3s}.articles-transition--leaving .articles-transition__content{opacity:0;pointer-events:none}.articles-transition__content--enter{animation:.3s both articles-transition-enter}@media (prefers-reduced-motion:reduce){.articles-transition__content,.articles-transition__content--enter{transition:none;animation:none}}@keyframes articles-transition-enter{0%{opacity:0}to{opacity:1}}
.catalog-empty{width:100%;max-width:calc(720/var(--size-unit)*1em);margin-inline:auto;position:relative}.catalog-empty .sphere-lines{z-index:1;position:absolute;inset:0}:where(.body--light) .catalog-empty .sphere-lines{mix-blend-mode:multiply}.catalog-empty .sphere-lines{pointer-events:none;width:100%;height:100%;overflow:visible}.catalog-empty .sphere-lines line{stroke:var(--levitation-line);stroke-width:calc(1.5/var(--size-unit)*1em);stroke-dasharray:calc(3/var(--size-unit)*1em) calc(6/var(--size-unit)*1em)}.catalog-empty .sphere-lines line.connect-line{stroke:var(--w-30-full);stroke-width:calc(1/var(--size-unit)*1em);stroke-dasharray:none}.catalog-empty .spheres-wrapper{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.catalog-empty .spheres-wrapper .sphere{-webkit-user-select:none;user-select:none;position:absolute}.catalog-empty .spheres-wrapper .sphere-float{width:fit-content;position:relative}.catalog-empty .spheres-wrapper .sphere-text{max-width:none;padding:calc(13/var(--size-unit)*1em) calc(16/var(--size-unit)*1em);background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));backdrop-filter:blur(calc(40 / var(--size-unit) * 1em));border-radius:calc(11/var(--size-unit)*1em);color:#fff;text-decoration:none;display:block}.catalog-empty .spheres-wrapper .sphere-text span{text-wrap:nowrap;line-height:1}.catalog-empty .spheres-wrapper .sphere button.sphere-text{appearance:none;font:inherit;border:none;margin:0}.catalog-empty .spheres-wrapper .sphere button.sphere-text,.catalog-empty .spheres-wrapper .sphere a.sphere-text,.catalog-empty .spheres-wrapper .sphere[role=button] .sphere-text{cursor:pointer;pointer-events:auto;transition:background .3s}@media (hover:hover){.catalog-empty .spheres-wrapper .sphere button.sphere-text:hover,.catalog-empty .spheres-wrapper .sphere a.sphere-text:hover,.catalog-empty .spheres-wrapper .sphere[role=button] .sphere-text:hover{background:rgb(var(--c-fg-rgb) / .4)}}.catalog-empty .spheres-wrapper .sphere button.sphere-text:focus-visible,.catalog-empty .spheres-wrapper .sphere a.sphere-text:focus-visible,.catalog-empty .spheres-wrapper .sphere[role=button] .sphere-text:focus-visible{outline:calc(2/var(--size-unit)*1em) solid rgb(var(--c-fg-rgb) / .7);outline-offset:calc(4/var(--size-unit)*1em)}.catalog-empty{height:100svh}.catalog-empty__title{text-align:center;z-index:5;width:calc(330/var(--size-unit)*1em);padding:calc(6/var(--size-unit)*1em) 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:1024px){.catalog-empty__title{width:calc(440/var(--size-unit)*1em)}}
.blog-pagination{justify-content:center;align-items:center;gap:calc(8/var(--size-unit)*1em);margin-top:calc(32/var(--size-unit)*1em);margin-bottom:calc(48/var(--size-unit)*1em);display:flex}@media screen and (min-width:768px){.blog-pagination{gap:calc(24/var(--size-unit)*1em)}}@media screen and (min-width:1024px){.blog-pagination.container{max-width:calc(617/var(--size-unit)*1em)}}.blog-pagination__list{align-items:center;gap:calc(8/var(--size-unit)*1em);margin:0;padding:0;list-style:none;display:flex}@media screen and (min-width:768px){.blog-pagination__list{gap:calc(24/var(--size-unit)*1em)}}.blog-pagination__item{width:calc(48/var(--size-unit)*1em);height:calc(48/var(--size-unit)*1em);color:var(--w-30);justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:color .3s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){a.blog-pagination__item:hover{color:var(--c-fg)}}.blog-pagination__item--active{color:var(--c-fg)}.blog-pagination__gap{color:var(--w-30);width:calc(48/var(--size-unit)*1em);height:calc(48/var(--size-unit)*1em);justify-content:center;align-items:center;line-height:1;display:flex}.blog-pagination__arrow{width:calc(48/var(--size-unit)*1em);height:calc(48/var(--size-unit)*1em);color:#fff;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .5s cubic-bezier(.16,1,.3,1);display:flex}@media (hover:hover){.blog-pagination__arrow:hover{background:var(--glass-bg-hover)}}.blog-pagination__arrow:active{background:var(--glass-bg-active)}.blog-pagination__arrow{border-radius:calc(10/var(--size-unit)*1em)}.blog-pagination__arrow svg{width:calc(11/var(--size-unit)*1em);height:calc(10/var(--size-unit)*1em)}.blog-pagination__arrow--prev svg{transform:scaleX(-1)}.blog-pagination__arrow--disabled{opacity:.3;pointer-events:none}