.svg-filters-container{--sf-color-bg:hsl(var(--background));--sf-color-text:hsl(var(--foreground));--sf-color-text-alt:hsl(var(--muted-foreground));--sf-color-border:hsl(var(--border));--sf-color-caption-bg:hsl(var(--card));--sf-color-link:hsl(var(--primary));--sf-color-link-hover:hsl(var(--primary)/.8)}.dark .svg-filters-container{--sf-color-caption-bg:#1a1a1a}.svg-filters-container{background-color:var(--sf-color-bg);width:100%;color:var(--sf-color-text);flex-direction:column;display:flex}.sf-content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%;padding:1rem;display:flex}.sf-item{flex-direction:column;flex:none;gap:.5rem;display:flex}.sf-item__meta{border-bottom:1px solid var(--sf-color-border);padding-bottom:1rem;font-size:.85rem}.sf-item__meta-counter{color:var(--sf-color-text-alt);margin:0;font-family:monospace;font-size:.75rem}.sf-item__meta-title{color:var(--sf-color-text);margin:.25rem 0;font-size:1.25rem;font-weight:500}.sf-item__meta-detail{color:var(--sf-color-text-alt);margin:0;font-size:.8rem}.sf-item__meta>*{will-change:transform,opacity}.sf-thumb{border-radius:4px;width:200px;height:220px;margin:0;position:relative;overflow:hidden}.sf-thumb__caption{background:var(--sf-color-caption-bg);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}.sf-thumb__caption-title{color:var(--sf-color-text);margin:0;font-size:.85rem;line-height:1.4}.sf-thumb__caption-link{cursor:pointer;color:var(--sf-color-link);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.sf-thumb__caption-link:hover{color:var(--sf-color-link-hover)}.sf-distort{pointer-events:none;margin:-115px 0 0 -75px}.sf-distort__img{cursor:pointer;pointer-events:auto}@media screen and (max-width:640px){.sf-content{flex-direction:column;align-items:center;gap:2rem}.sf-item{width:100%;max-width:250px}.sf-thumb{aspect-ratio:200/220;width:100%;height:auto}}@media screen and (min-width:768px){.sf-content{gap:2.5rem}.sf-item:first-child,.sf-item:nth-child(2){margin-top:0}.sf-item:nth-child(3),.sf-item:nth-child(4){margin-top:3rem}}@media screen and (min-width:1024px){.sf-content{gap:3rem;max-width:1200px;margin:0 auto}.sf-item:nth-child(3),.sf-item:nth-child(4){margin-top:5rem}}