@layer components{.film-finish{user-select:none}.film-finish,.film-finish:after,.film-finish:before{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.film-finish:after,.film-finish:before{content:""}.film-finish:before{--ff-i:var(--ff-inner,46%);--ff-s:calc(100% - var(--ff-i));opacity:var(--ff-vignette,.22);background-image:radial-gradient(ellipse farthest-corner at var(--ff-focus,50% 50%),rgb(0 0 0/0) var(--ff-i),rgb(0 0 0/.104) calc(var(--ff-i) + var(--ff-s) * .2),rgb(0 0 0/.352) calc(var(--ff-i) + var(--ff-s) * .4),rgb(0 0 0/.648) calc(var(--ff-i) + var(--ff-s) * .6),rgb(0 0 0/.896) calc(var(--ff-i) + var(--ff-s) * .8),rgb(0 0 0/1) 100%)}@supports (color:color-mix(in srgb,red 50%,transparent)){.film-finish:before{background-image:radial-gradient(ellipse farthest-corner at var(--ff-focus,50% 50%),color-mix(in srgb,var(--ff-tint,#0b0a09) 0%,transparent) var(--ff-i),color-mix(in srgb,var(--ff-tint,#0b0a09) 10.4%,transparent) calc(var(--ff-i) + var(--ff-s) * .2),color-mix(in srgb,var(--ff-tint,#0b0a09) 35.2%,transparent) calc(var(--ff-i) + var(--ff-s) * .4),color-mix(in srgb,var(--ff-tint,#0b0a09) 64.8%,transparent) calc(var(--ff-i) + var(--ff-s) * .6),color-mix(in srgb,var(--ff-tint,#0b0a09) 89.6%,transparent) calc(var(--ff-i) + var(--ff-s) * .8),var(--ff-tint,#0b0a09) 100%)}}.film-finish:after{opacity:var(--ff-grain,.06);mix-blend-mode:var(--ff-blend,overlay);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 5 -2 0 0 0 5 -2 0 0 0 5 -2 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:var(--ff-grain-size,200px) var(--ff-grain-size,200px)}.film-finish--no-grain:after,.film-finish--no-vignette:before{content:none}@media (forced-colors:active){.film-finish{display:none}}@media print{.film-finish{display:none}}}