.motion-masonry .gallery-card.showcase-card{grid-row:span var(--showcase-rows,24)}.gallery-badge.free{background:linear-gradient(var(--accent-soft), var(--accent-soft)), #1010149e;color:#ff8d77;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.showcase-card .motion-preview{background:#19181e}.sc-still,.sc-clip{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-clip{pointer-events:none;display:block}.sc-piece{z-index:2;pointer-events:none;background:#f3efe8;width:64px;padding:3px 3px 0;position:absolute;top:10px;right:10px;transform:rotate(5deg);box-shadow:0 6px 14px #00000073}.sc-piece-swap,.sc-piece-swap img{object-fit:cover;width:58px;height:72px;display:block}.sc-piece span{text-align:center;letter-spacing:.9px;color:#3a3540;padding:4px 0 5px;font:5.5px/1 ui-monospace,monospace;display:block}.sc-piece-swap[data-swapping]{animation:.35s cubic-bezier(.3,1.6,.5,1) both sc-piece-in}@keyframes sc-piece-in{0%{opacity:0;transform:translateY(-14px)rotate(-12deg)scale(.82)}60%{opacity:1}to{opacity:1;transform:none}}.sc-cycle{z-index:0}.sc-frame{opacity:0;z-index:1;animation-duration:var(--sc-loop);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--i) * var(--sc-hold) - var(--sc-fade));position:absolute;inset:0}.sc-frame:first-child{opacity:1;z-index:2}.sc-caption{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;color:#fff;white-space:nowrap;pointer-events:none;background:#1010149e;border-radius:999px;padding:6px 8px;font:8px/1 ui-monospace,monospace;display:grid;position:absolute;top:10px;right:10px}.sc-caption span{opacity:0;animation-duration:var(--sc-loop);animation-timing-function:step-end;animation-iteration-count:infinite;animation-delay:calc(var(--i) * var(--sc-hold) - var(--sc-fade));grid-area:1/1;justify-self:center}.sc-caption span:first-child{opacity:1}.motion-is-paused .sc-frame,.motion-is-paused .sc-caption span{animation:none!important}.motion-is-paused .sc-piece-swap{animation:none}@media (max-width:760px){.sc-piece{width:46px;padding:2px 2px 0;top:7px;right:6px}.sc-piece-swap,.sc-piece-swap img{width:42px;height:52px}.sc-piece span{letter-spacing:.6px;padding:3px 0 4px;font-size:4px}.sc-caption{letter-spacing:.5px;padding:4px 6px;font-size:5.5px;top:7px;right:6px}}
