.filter-panel{padding:24px;width:280px;display:flex;flex-direction:column;gap:32px;position:absolute;top:calc(100% + 16px);right:0;background-color:#ffffffe5;outline:.5px solid #ffffff;border:24px;border-radius:24px;box-sizing:border-box;z-index:10;box-shadow:0 4px 12px #9098ab26;backdrop-filter:blur(12px);opacity:0;transform:translateY(-8px) scale(.98);visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s linear .25s}.filer[data-open=true] .filter-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s}.panel-section{display:flex;flex-direction:column;gap:20px}.panel-section-title{font-size:16px;font-weight:700;line-height:1.75;text-box:trim-both cap alphabetic}.panel-section-options{display:flex;flex-direction:column;gap:12px}.panel-section-option{display:flex;align-items:center;gap:12px;position:relative;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer}.panel-section-option>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;opacity:0;pointer-events:none}.checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#fff;border:2px solid #0e0e0e;border-radius:4px;box-sizing:border-box;transition:all .2s ease;>.material-symbols-rounded{color:#fff}}.panel-section-option>input[type=checkbox]:checked+.checkbox{background-color:#0e0e0e}.panel-section-option>input[type=checkbox]:focus-visible+.checkbox{transform:translateY(-3px)}.panel-buttons{display:flex;justify-content:space-between}.empty{display:flex;flex-direction:column;align-items:center}.empty-image{height:112px;width:112px;display:block}.empty-text{margin-top:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.empty-title{font-size:24px;font-weight:500;line-height:1.5;text-box:trim-both cap alphabetic}.empty-description{font-size:16px;line-height:1.75;text-box:trim-both cap alphabetic;white-space:pre-line;text-align:center}.empty-button{margin-top:64px}.pagination{margin:96px auto 0;padding:4px;width:fit-content;display:flex;justify-content:center;background-color:#fafbff;border-radius:48px}.total-page-0,.total-page-1{position:absolute;visibility:hidden}.pagination-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Lexend,sans-serif;font-size:14px;line-height:1.5;color:#6e6e6e;text-decoration:none;transition:all .2s ease;border-radius:44px}.pagination-button.prev>.material-symbols-rounded,.pagination-button.next>.material-symbols-rounded{font-size:14px;color:#0e0e0e}.pagination-button[aria-current=page]{font-weight:600;color:#0e0e0e;background-color:#fff;box-shadow:0 0 8px #c4c4c466;pointer-events:none}.pagination-button[aria-hidden=true]{pointer-events:none}.pagination-button[aria-disabled=true]{display:none}.pagination-button:hover{box-shadow:0 0 8px #c4c4c466}@media(max-width:1039px){.pagination{margin-top:80px}}.topics-page{max-width:928px;margin:0 auto;padding:20px;box-sizing:border-box}.head{display:flex;justify-content:space-between}.title{font-family:Lexend,sans-serif;font-size:36px;font-weight:300;line-height:1.25px;color:#868686;text-box:trim-both cap alphabetic}.topics-grid{margin-top:96px;display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr}.topics-empty{margin:64px 0 80px;display:flex;justify-content:center}.filer{position:relative}.filter-button{padding:16px 24px;width:fit-content;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.25;font-weight:500;background-color:#fff3;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(12px);border:1px solid #ffffff;border-radius:236px;box-sizing:border-box;cursor:pointer}.filter-button:hover,.filter-button:focus-visible{outline:none}.filter-button[data-is-active=true]{border:1px solid #000000}.filter-badge{padding:0 6px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;background-color:#0e0e0e;border-radius:9999px}.filter-button[data-is-active=false] .filter-badge{position:absolute;opacity:0}@media(max-width:1039px){.head{align-items:center}.topics-page{max-width:750px}.topics-grid{margin-top:64px;grid-template-columns:1fr 1fr}}@media(max-width:649px){.topics-grid{grid-template-columns:1fr}}