.sa-showcase-wall{--sa-wall-columns:4;--sa-wall-gap:24px;--sa-wall-offset:80px;--sa-wall-height:820px;--sa-wall-fade:35%;--sa-wall-fade-out:calc(100% - var(--sa-wall-fade));--sa-wall-speed:60s;--sa-wall-radius:8px;height:var(--sa-wall-height);overflow:hidden}.sa-showcase-wall.sa-wall--auto{height:auto}.sa-showcase-wall.sa-wall--mask-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--sa-wall-fade)),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--sa-wall-fade)),transparent 100%)}.sa-showcase-wall.sa-wall--mask-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade));mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade))}.sa-showcase-wall.sa-wall--mask-both{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade),#000 calc(100% - var(--sa-wall-fade)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade),#000 calc(100% - var(--sa-wall-fade)),transparent 100%)}.sa-showcase-wall.sa-wall--mask-sides{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--sa-wall-fade),#000 calc(100% - var(--sa-wall-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--sa-wall-fade),#000 calc(100% - var(--sa-wall-fade)),transparent 100%)}.sa-showcase-wall.sa-wall--mask-frame{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade),#000 var(--sa-wall-fade-out),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--sa-wall-fade),#000 var(--sa-wall-fade-out),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 var(--sa-wall-fade),#000 var(--sa-wall-fade-out),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--sa-wall-fade),#000 var(--sa-wall-fade-out),transparent 100%);mask-composite:intersect}.sa-showcase-wall.sa-wall--mask-spotlight{-webkit-mask-image:radial-gradient(ellipse at center,#000 calc(100% - var(--sa-wall-fade)*2),transparent 100%);mask-image:radial-gradient(ellipse at center,#000 calc(100% - var(--sa-wall-fade)*2),transparent 100%)}.sa-showcase-wall.sa-wall--mask-diagonal{-webkit-mask-image:linear-gradient(135deg,#000 calc(100% - var(--sa-wall-fade)*1.6),transparent 100%);mask-image:linear-gradient(135deg,#000 calc(100% - var(--sa-wall-fade)*1.6),transparent 100%)}.sa-showcase-wall.sa-wall--mask-horizon{-webkit-mask-image:radial-gradient(ellipse 160% 100% at 50% 0,#000 calc(96% - var(--sa-wall-fade)),transparent 99%);mask-image:radial-gradient(ellipse 160% 100% at 50% 0,#000 calc(96% - var(--sa-wall-fade)),transparent 99%)}.sa-showcase-wall.sa-wall--stagger-bottom .sa-showcase-wall-column{overflow:hidden;height:calc(var(--sa-wall-height) - var(--sa-wall-offset)*var(--sa-wall-index, 0)*2)}.sa-showcase-wall.sa-wall--converge .sa-showcase-wall-track,.sa-showcase-wall.sa-wall--drift .sa-showcase-wall-track,.sa-showcase-wall.sa-wall--marquee .sa-showcase-wall-track,.sa-showcase-wall.sa-wall--zoom .sa-showcase-wall-track{will-change:transform}.sa-showcase-wall.sa-wall--marquee .sa-showcase-wall-column{margin-top:0}.sa-showcase-wall.sa-wall--marquee .sa-showcase-wall-track{animation:sa-wall-marquee var(--sa-wall-speed) linear infinite}.sa-showcase-wall.sa-wall--marquee .sa-showcase-wall-column:nth-child(2n) .sa-showcase-wall-track{animation-direction:reverse}.sa-showcase-wall-inner{display:grid;grid-template-columns:repeat(var(--sa-wall-columns),minmax(0,1fr));gap:var(--sa-wall-gap);align-items:start;height:100%}.sa-showcase-wall.sa-wall--tilted .sa-showcase-wall-inner{width:calc(100% + var(--sa-wall-tilt-pad-x, 30px)*2);margin-left:calc(var(--sa-wall-tilt-pad-x, 30px)*-1);margin-top:calc(var(--sa-wall-tilt-pad-y, 120px)*-1);transform:rotate(var(--sa-wall-tilt,0deg))}.sa-showcase-wall-column{min-width:0;margin-top:calc(var(--sa-wall-offset)*var(--sa-wall-index, 0))}.sa-showcase-wall-track{display:flex;flex-direction:column;gap:var(--sa-wall-gap)}@keyframes sa-wall-marquee{to{transform:translateY(calc(-50% - var(--sa-wall-gap)/2))}}.sa-showcase-wall-item{overflow:hidden;line-height:0;border-radius:var(--sa-wall-radius)}.sa-showcase-wall-item img{display:block;width:100%;height:auto}.sa-showcase-wall-notice{padding:20px;border:1px dashed #c3c4c7;border-radius:4px;color:#6c7781;font-size:13px;text-align:center}@media (prefers-reduced-motion:reduce){.sa-showcase-wall.sa-wall--marquee .sa-showcase-wall-track{animation:none}}