.projectFilter{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6)}.projectFilterDesktop{display:none;flex-wrap:wrap;gap:calc(var(--spacing) * 2);justify-content:flex-start;padding-inline:1rem}.projectFilterButton{padding:calc(var(--spacing) * 1) calc(var(--spacing) * 4);background-color:var(--color-neutral-800);color:var(--color-neutral-200);border:2px solid var(--color-neutral-700);border-radius:9999px;cursor:pointer;font-size:var(--text-base);font-weight:500;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.projectFilterButton:hover{background-color:var(--color-info-400);border-color:var(--color-info-400);color:var(--color-neutral-1000);transform:translateY(-2px)}.projectFilterButton:active{transform:translateY(0) scale(.97)}.projectFilterButton.active{background-color:var(--color-primary-400);border-color:var(--color-primary-400);color:var(--color-neutral-1000)}.projectFilterMobile{display:flex;justify-content:center}.projectFilterMobileButton{display:flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);background-color:var(--color-neutral-800);color:var(--color-neutral-200);border:2px solid var(--color-neutral-700);border-radius:9999px;cursor:pointer;font-size:var(--text-base);font-weight:500;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.projectFilterMobileButton:hover{background-color:var(--color-neutral-700);border-color:var(--color-neutral-600)}.projectFilterMobileButton:active{transform:scale(.97)}.projectFilterSheetOptions{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1)}.projectFilterSheetOption{display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);background-color:transparent;color:var(--color-neutral-200);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-weight:500;text-align:left;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.projectFilterSheetOption:hover{background-color:var(--color-neutral-800)}.projectFilterSheetOption.active{background-color:var(--color-primary-400);color:var(--color-neutral-1000)}.projectFilterSheetCheck{font-size:var(--text-lg);font-weight:700}@media (width >= 48rem){.projectFilterDesktop{display:flex}.projectFilterMobile{display:none}}