.everyday-film{--frame-width:300px;--frame-height:300px;--rail:32px;--gap:16px;--pitch:26px;width:100%;min-width:0;height:calc(var(--frame-height) + 2 * var(--rail));overflow:hidden;pointer-events:none;user-select:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.everyday-film[data-everyday-film="stories"]{--frame-width:168.75px}
.everyday-film-track{display:flex;width:max-content;will-change:transform;background:#252019}
.everyday-film-frame{position:relative;flex:0 0 calc(var(--frame-width) + var(--gap));width:calc(var(--frame-width) + var(--gap));height:calc(var(--frame-height) + 2 * var(--rail));padding:var(--rail) calc(var(--gap)/2);box-sizing:border-box;background:#252019}
.everyday-film-group{position:relative;min-width:0;width:100%}
.everyday-film-frame::before,.everyday-film-frame::after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--pitch)*.3),#ffe5a0 calc(var(--pitch)*.3) calc(var(--pitch)*.65),transparent calc(var(--pitch)*.65) var(--pitch))}
.everyday-film-frame::before{top:9px}.everyday-film-frame::after{bottom:9px}
.everyday-film-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#393126;color:transparent}
.everyday-film-status{position:absolute;inset:0;display:grid;place-items:center;font-size:.9rem;color:#7d0027;margin:0;padding:1rem;background:#fff2bd;text-align:center}.everyday-film-status[hidden]{display:none}
@media(max-width:700px){.everyday-film{--frame-width:230px;--frame-height:230px;--rail:26px;--gap:12px}.everyday-film[data-everyday-film="stories"]{--frame-width:129.375px}.everyday-film-frame::before{top:6px}.everyday-film-frame::after{bottom:6px}}
@media(prefers-reduced-motion:reduce){.everyday-film-track{will-change:auto}}