.articles-filter{z-index:120;pointer-events:none;width:fit-content;padding:0;transition:opacity .25s,visibility .25s;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.articles-filter.hidden{opacity:0;visibility:hidden}@media (max-width:768px){.articles-filter{bottom:.9rem}}.articles-filter-overlay{z-index:-1;pointer-events:auto;background:0 0;position:fixed;inset:0}.articles-filter-actions{z-index:1;pointer-events:auto;background:#fff;border:3px solid #00000026;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 8px 24px #00000026}.articles-filter-actions:hover{transform:scaleX(1.12)scaleY(1.05);box-shadow:0 12px 32px #0003}html.dark .articles-filter-actions:hover{box-shadow:0 12px 32px #0009}html.dark .articles-filter-actions{background:#0a0a0a;border-color:#fff3;box-shadow:0 8px 24px #00000080}.articles-filter-hover-highlight{pointer-events:none;z-index:0;background:#0000000f;border-radius:9999px;width:44px;height:44px;transition:left .4s cubic-bezier(.34,1.56,.64,1) 50ms,width .3s cubic-bezier(.34,1.56,.64,1) 50ms,opacity .15s;position:absolute;top:.5rem;left:.5rem}.articles-filter-hover-highlight.hidden{opacity:0}html.dark .articles-filter-hover-highlight{background:#ffffff1a}.articles-filter-icon-btn{z-index:1;cursor:pointer;width:44px;height:44px;color:inherit;opacity:.6;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex;position:relative}.articles-filter-icon-btn:hover{opacity:1}.articles-filter-icon-btn:hover svg{transform:scale(1.15)}.articles-filter-icon-btn svg{transition:transform .2s}.articles-filter-icon-btn.active{opacity:1;background:#0000001a}.articles-filter-icon-btn:disabled{opacity:.25;cursor:not-allowed}html.dark .articles-filter-icon-btn.active{background:#ffffff26}.articles-filter-panel{z-index:121;pointer-events:auto;background:#fff;border:3px solid #00000026;border-radius:1.25rem;flex-direction:column;width:calc(100vw - 2rem);max-width:24rem;max-height:60vh;padding:1rem;display:flex;position:fixed;bottom:calc(2rem + 60px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #0000002e}@media (max-width:768px){.articles-filter-panel{bottom:calc(1.65rem + 60px)}}html.dark .articles-filter-panel{background:#0a0a0a;border-color:#fff3;box-shadow:0 16px 40px #0009}.articles-filter-panel-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}html.dark .articles-filter-panel-header{border-bottom-color:#ffffff1f}.articles-filter-panel-title{opacity:.9;font-size:14px;font-weight:600}.articles-filter-panel-close{cursor:pointer;width:34px;height:34px;color:inherit;opacity:.8;background:#0000000f;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:inline-flex}.articles-filter-panel-close:hover{opacity:1;background:#0000001a}html.dark .articles-filter-panel-close{background:#ffffff1a}html.dark .articles-filter-panel-close:hover{background:#ffffff29}.articles-filter-panel-body{padding-top:.75rem;overflow-y:auto}.articles-filter-panel-search{gap:.5rem;display:flex}.articles-filter-panel-input{min-width:0;color:inherit;background:0 0;border:1px solid #0000001f;border-radius:9999px;outline:none;flex:1;padding:10px 12px;font-size:14px}html.dark .articles-filter-panel-input{border-color:#ffffff2e}.articles-filter-panel-search-submit{color:inherit;cursor:pointer;opacity:.85;background:#0000000f;border:none;border-radius:9999px;padding:0 14px;font-size:13px;transition:opacity .2s,background .2s}.articles-filter-panel-search-submit:hover{opacity:1;background:#0000001a}html.dark .articles-filter-panel-search-submit{background:#ffffff1a}html.dark .articles-filter-panel-search-submit:hover{background:#ffffff29}.articles-filter-panel-tags-section{border-top:1px solid #00000014;margin-top:1rem;padding-top:1rem}html.dark .articles-filter-panel-tags-section{border-top-color:#ffffff1f}.articles-filter-panel-section-title{opacity:.55;margin-bottom:.5rem;font-size:12px}.articles-filter-panel-tags{flex-wrap:wrap;gap:.5rem;display:flex}.articles-filter-panel-tag{color:inherit;cursor:pointer;opacity:.75;background:0 0;border:1px solid #0000001f;border-radius:9999px;padding:6px 12px;font-size:13px;transition:opacity .2s,background .2s}.articles-filter-panel-tag:hover{opacity:1;background:#0000000a}html.dark .articles-filter-panel-tag{border-color:#ffffff2e}html.dark .articles-filter-panel-tag:hover{background:#ffffff14}.articles-filter-panel-footer{border-top:1px solid #00000014;justify-content:space-between;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}html.dark .articles-filter-panel-footer{border-top-color:#ffffff1f}.articles-filter-panel-footer-btn{color:inherit;cursor:pointer;opacity:.9;background:#0000000f;border:none;border-radius:9999px;flex:1;padding:10px 12px;font-size:13px;transition:opacity .2s,background .2s}.articles-filter-panel-footer-btn:hover{opacity:1;background:#0000001a}html.dark .articles-filter-panel-footer-btn{background:#ffffff1a}html.dark .articles-filter-panel-footer-btn:hover{background:#ffffff29}.articles-filter-panel-footer-btn-danger{background:#ff000014}html.dark .articles-filter-panel-footer-btn-danger{background:#ff00002e}