.svc-film{background:var(--color-camera-ground);border-radius:1rem;padding-block:1.1rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.svc-film:before,.svc-film:after{content:"";background-image:linear-gradient(90deg,#f7f3ec38 0 .55rem,#0000 .55rem);background-size:1.3rem 100%;height:.45rem;position:absolute;left:0;right:0}.svc-film:before{top:.3rem}.svc-film:after{bottom:.3rem}.svc-film-track{gap:.6rem;width:max-content;animation:40s linear infinite svc-roll;display:flex}.svc-film:hover .svc-film-track{animation-play-state:paused}.svc-film-frame{border-radius:.35rem;width:6.5rem}@media (min-width:64rem){.svc-film-frame{width:7.5rem}}@keyframes svc-roll{to{transform:translate(calc(-50% - .3rem))}}@media (prefers-reduced-motion:reduce){.svc-film-track{animation:none}}