.categories-switch{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.categories-switch .btn{border-width:1.5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.categories-switch .btn:not(.active){background:var(--color-base-100);border-color:var(--color-base-300)}.categories-switch .btn:not(.active):hover{border-color:var(--color-primary);background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 8%, transparent), color-mix(in oklch, var(--color-secondary) 8%, transparent));box-shadow:0 4px 12px color-mix(in oklch, var(--color-primary) 15%, transparent);transform:translateY(-1px)}.categories-switch .btn.active{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 50%, transparent);background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 12%, transparent), color-mix(in oklch, var(--color-primary) 6%, transparent));box-shadow:0 2px 8px color-mix(in oklch, var(--color-primary) 20%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.3);font-weight:600}.categories-switch .btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 25%, transparent);outline:none}#category-posts .card{background:var(--color-base-100);border-width:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}#category-posts .card:hover{box-shadow:0 12px 28px color-mix(in oklch, var(--color-base-content) 10%, transparent), 0 4px 8px color-mix(in oklch, var(--color-base-content) 5%, transparent);border-color:color-mix(in oklch, var(--color-primary) 20%, transparent);transform:translateY(-4px)}#category-posts .card figure{background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 5%, var(--color-base-200)), var(--color-base-200));position:relative;overflow:hidden}#category-posts .card:hover figure img{transition:transform .6s cubic-bezier(.4,0,.2,1);transform:scale(1.08)}#category-posts .card figure:after{content:"";background:linear-gradient(to bottom, transparent 0%, transparent 50%, color-mix(in oklch, var(--color-base-content) 3%, transparent) 100%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}#category-posts .card:hover figure:after{opacity:1}#category-posts .card h3 a{background:linear-gradient(to right, var(--color-primary), var(--color-primary)) no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .3s,color .2s;position:relative}#category-posts .card h3 a:hover{color:var(--color-primary);background-size:100% 2px}#category-posts .card a[class*=hover\:text-primary]{transition:all .2s;position:relative}#category-posts .card a[class*=hover\:text-primary]:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}#category-posts .card .inline-flex:has(>span[class*=icon-]){transition:all .2s}#category-posts .card:hover .inline-flex:has(>span[class*=icon-]) span[class*=icon-]{transition:transform .2s;transform:scale(1.1)}#category-posts .card.md\:card-side:hover figure{filter:brightness(1.05)}#category-posts .card figure>div:has(>span[class*="icon-[heroicons--photo]"]){background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 8%, transparent), color-mix(in oklch, var(--color-secondary) 8%, transparent));transition:all .3s}#category-posts .card:hover figure>div:has(>span[class*="icon-[heroicons--photo]"]){background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 12%, transparent), color-mix(in oklch, var(--color-secondary) 12%, transparent))}#category-posts .card figure span[class*="icon-[heroicons--photo]"]{transition:all .3s}#category-posts .card:hover figure span[class*="icon-[heroicons--photo]"]{opacity:.8;transform:scale(1.15)}#category-posts .card .card-body{position:relative}#category-posts .card .card-body p{transition:color .2s}#category-posts .card:hover .card-body p{color:var(--color-base-content)}#category-posts .card{animation:.5s ease-out backwards fadeInUp}#category-posts .card:first-child{animation-delay:50ms}#category-posts .card:nth-child(2){animation-delay:.1s}#category-posts .card:nth-child(3){animation-delay:.15s}#category-posts .card:nth-child(4){animation-delay:.2s}#category-posts .card:nth-child(5){animation-delay:.25s}#category-posts .card:nth-child(6){animation-delay:.3s}@media (width<=767px){#category-posts .card:hover{transform:translateY(-2px)}.categories-switch .btn:hover{transform:none}}[data-color-scheme=dark] #category-posts .card{background:color-mix(in oklch, var(--color-base-100) 95%, transparent)}[data-color-scheme=dark] #category-posts .card:hover{background:var(--color-base-100);box-shadow:0 12px 28px oklch(0% none none/.25),0 4px 8px oklch(0% none none/.15)}