.separator{border-top:1px solid #e5e7eb;margin:1rem 2rem;height:1px}.separator-light{border-top:1px solid #d1d5db;margin:0 2rem;height:1px;width:200px;margin-left:auto;margin-right:auto}.filter-btn{background:0 0;border:none;cursor:pointer;transition:all .2s;opacity:.5;padding:.5rem}.filter-btn:hover{opacity:.8;transform:scale(1.1)}.filter-btn.active{opacity:1;transform:scale(1.2)}.filter-btn[title]:hover::after{content:attr(title);position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:10}.filter-btn{position:relative}.mx-2{margin-left:.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.mb-8{margin-bottom:2rem}@media(prefers-color-scheme:dark){.separator{border-top-color:#374151}.separator-light{border-top-color:#6b7280}.filter-btn[title]:hover::after{background:#f9fafb;color:#1f2937}}