@layer components{.pp{isolation:isolate;background:#0b0b0b;position:relative;overflow:hidden}.pp-img{object-fit:cover;filter:grayscale()contrast(1.08)}.pp-grain{pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pp-lemon{pointer-events:none;-webkit-mask-image:radial-gradient(circle, #000 30%, transparent 34%), var(--pp-fade);-webkit-mask-composite:source-in;-webkit-mask-size:8px 8px,100% 100%;-webkit-mask-image:radial-gradient(circle, #000 30%, transparent 34%), var(--pp-fade);mask-image:radial-gradient(circle, #000 30%, transparent 34%), var(--pp-fade);background-color:#f7ff00;position:absolute;inset:0;-webkit-mask-size:8px 8px,100% 100%;mask-size:8px 8px,100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.pp-lemon-right{--pp-fade:linear-gradient(to left, #000 0%, #000 12%, transparent 55%)}.pp-lemon-left{--pp-fade:linear-gradient(to right, #000 0%, #000 12%, transparent 55%)}.pp-lemon-top{--pp-fade:linear-gradient(to bottom, #000 0%, #000 10%, transparent 52%)}.pp-lemon-bottom{--pp-fade:linear-gradient(to top, #000 0%, #000 10%, transparent 52%)}}