body.effects-page-bg{background:#1c1c25}.effects-page{color:var(--ink)}.effects-eyebrow{display:inline-flex;color:#ffffff85;font-size:15px;line-height:1.6}.effects-category-nav{position:sticky;top:80px;z-index:10;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:40px;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:12px;background:#1c1c25d6;box-shadow:0 1px #ffffff09 inset,0 26px 70px -46px #000000e6;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.effects-category-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;color:#ffffffbd;border-right:1px solid rgba(255,255,255,.07);transition:background .16s var(--ease-out),color .16s var(--ease-out)}.effects-category-nav a:last-child{border-right:0}.effects-category-nav a:before{content:"";position:absolute;inset:auto 14px 0;height:2px;background:var(--category-accent);opacity:0;transform:scaleX(.5);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.effects-category-nav a:hover,.effects-category-nav a:focus-visible{background:color-mix(in srgb,var(--category-accent) 10%,transparent);color:#fff;outline:none}.effects-category-nav a:hover:before,.effects-category-nav a:focus-visible:before{opacity:.95;transform:scaleX(1)}.effects-category-animation{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4ch;min-width:4ch;max-width:4ch;height:18px;color:var(--category-accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:18px;font-variant-ligatures:none;opacity:.74;text-align:center;white-space:pre;transform:translateY(-1px);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--category-accent) 32%,transparent));transition:opacity .12s ease}.effects-category-nav a:hover .effects-category-animation,.effects-category-nav a:focus-visible .effects-category-animation,.effects-category-section__eyebrow:hover .effects-category-animation{opacity:.96}.effects-category-nav span{min-width:0;font-size:14px;font-weight:700}.effects-category-nav em{margin-left:auto;color:color-mix(in srgb,var(--category-accent) 82%,#fff);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.effects-catalog{display:grid;gap:22px;margin-top:24px}.effects-category-section{scroll-margin-top:156px;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 46%),#0000001a;box-shadow:0 1px #ffffff0a inset,0 28px 92px -74px #000000f2}.effects-category-section__top{display:grid;grid-template-columns:minmax(300px,.52fr) minmax(0,.48fr);gap:24px;padding:clamp(22px,3vw,34px);border-top:2px solid var(--category-accent)}.effects-category-section__eyebrow{display:inline-flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--category-accent) 86%,#fff);font-size:14px;font-weight:680}.effects-category-section__eyebrow .effects-category-animation{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--category-accent) 36%,transparent))}.effects-category-section h2{margin-top:18px;color:#fff;font-size:clamp(44px,6vw,86px)}.effects-category-section__top p:not(.effects-category-section__eyebrow){max-width:650px;margin-top:16px;color:#ffffff9c;font-size:16px;line-height:1.65;text-wrap:pretty}.effects-media{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%),#0d0d13;background-size:16px 16px;background-position:0 0,8px 8px;box-shadow:none}.effects-media:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;outline:1px solid rgba(255,255,255,.12);outline-offset:-1px}.effects-media img,.effects-media video,.effects-media__image-stack{display:block;width:100%;height:100%;min-height:260px}.effects-media img,.effects-media video{-o-object-fit:cover;object-fit:cover;image-rendering:auto}.effects-media__image-stack{position:relative;overflow:hidden}.effects-media__image{position:absolute;inset:0;opacity:0;transition:opacity .26s var(--ease-out);will-change:opacity}.effects-media__image.is-active{opacity:1;z-index:1}.effects-media span{position:absolute;inset:0;display:grid;place-items:center;padding:28px;color:#ffffff8f;font-size:14px;line-height:1.6;text-align:center}.effects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.08)}.effects-list--desktop-scroll{max-height:416px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--category-accent) 58%,rgba(255,255,255,.18)) rgba(255,255,255,.04);scrollbar-width:thin;box-shadow:0 -34px 34px -26px #000000b8 inset,0 -1px #ffffff0e inset}.effects-list--desktop-scroll::-webkit-scrollbar,.effects-list--responsive-scroll::-webkit-scrollbar{width:10px}.effects-list--desktop-scroll::-webkit-scrollbar-track,.effects-list--responsive-scroll::-webkit-scrollbar-track{background:#ffffff09}.effects-list--desktop-scroll::-webkit-scrollbar-thumb,.effects-list--responsive-scroll::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--category-accent) 58%,rgba(255,255,255,.2));background-clip:content-box}.effects-list-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;min-height:104px;padding:18px 20px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff02;transition:background .16s var(--ease-out),box-shadow .16s var(--ease-out)}.effects-list-item:nth-child(2n){border-right:0}.effects-list-item:hover{background:color-mix(in srgb,var(--category-accent) 8%,transparent);box-shadow:2px 0 0 var(--category-accent) inset}.effects-list-item:focus-visible{background:color-mix(in srgb,var(--category-accent) 8%,transparent);box-shadow:2px 0 0 var(--category-accent) inset,0 0 0 2px color-mix(in srgb,var(--category-accent) 44%,transparent) inset;outline:none}.effects-list-item[data-preview-src]{cursor:default}.effects-list-item__mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--category-accent) 32%,transparent);border-radius:8px;color:var(--category-accent);background:color-mix(in srgb,var(--category-accent) 9%,transparent)}.effects-list-item h3{color:#fff;font-size:15px;font-weight:760;letter-spacing:-.004em}.effects-list-item p{max-width:58ch;margin-top:6px;color:#ffffff8c;font-size:13px;line-height:1.55;text-wrap:pretty}@media (max-width: 1100px){.effects-category-section__top{grid-template-columns:1fr}.effects-category-nav{grid-template-columns:repeat(3,minmax(0,1fr));top:76px}.effects-category-nav a:nth-child(3n){border-right:0}.effects-category-nav a:nth-child(n+4){border-top:1px solid rgba(255,255,255,.07)}.effects-list{grid-template-columns:1fr}.effects-list--desktop-scroll,.effects-list--responsive-scroll{max-height:208px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--category-accent) 58%,rgba(255,255,255,.18)) rgba(255,255,255,.04);scrollbar-width:thin;box-shadow:0 -34px 34px -26px #000000b8 inset,0 -1px #ffffff0e inset}.effects-list-item,.effects-list-item:nth-child(2n){border-right:0}}@media (max-width: 720px){.effects-category-nav{position:relative;top:auto;grid-template-columns:1fr}.effects-category-nav a,.effects-category-nav a:nth-child(3n){border-right:0;border-top:1px solid rgba(255,255,255,.07)}.effects-category-nav a:first-child{border-top:0}.effects-category-section{scroll-margin-top:88px}.effects-category-section__top{padding:22px}.effects-media,.effects-media img,.effects-media video,.effects-media__image-stack{min-height:220px}.effects-list-item{grid-template-columns:32px minmax(0,1fr)}}
