.wpat{pointer-events:none;--pc:color-mix(in oklch, var(--won) 22%, transparent);--fade:linear-gradient(to left, #000 15%, transparent 62%);-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);position:absolute;inset:0}[data-variant=compact]>.wpat{--fade:linear-gradient(to left, #000 0%, transparent 48%)}[data-variant=feature]>.wpat{--fade:linear-gradient(to left, #000 25%, transparent 70%)}.wpat--full{--fade:linear-gradient(#000, #000);--pc:color-mix(in oklch, var(--won) 18%, transparent)}.wpat-strahlen{background:repeating-conic-gradient(from 0deg at 100% 0%, var(--pc) 0 5deg, transparent 5deg 15deg)}.wpat-streifen{background:repeating-linear-gradient(-45deg, var(--pc) 0 8px, transparent 8px 20px)}.wpat-muenzen{background:radial-gradient(circle, transparent 6px, var(--pc) 6.5px 9px, transparent 9.5px) 0 0 / 26px 26px}.wpat-zickzack{background:linear-gradient(135deg, var(--pc) 25%, transparent 25%) -12px 0 / 24px 24px, linear-gradient(225deg, var(--pc) 25%, transparent 25%) -12px 0 / 24px 24px, linear-gradient(315deg, var(--pc) 25%, transparent 25%) 0 0 / 24px 24px, linear-gradient(45deg, var(--pc) 25%, transparent 25%) 0 0 / 24px 24px}.wpat-paare{background:radial-gradient(circle at 35% 50%, var(--pc) 4px, transparent 4.5px) 0 0 / 30px 24px, radial-gradient(circle at 62% 50%, var(--pc) 4px, transparent 4.5px) 0 0 / 30px 24px}.wpat-linien{background:repeating-linear-gradient(0deg, var(--pc) 0 1.5px, transparent 1.5px 8px)}.wpat-ziegel{background:radial-gradient(circle at 50% 0, transparent 8.5px, var(--pc) 9px 11px, transparent 11.5px) 0 0 / 22px 14px, radial-gradient(circle at 50% 0, transparent 8.5px, var(--pc) 9px 11px, transparent 11.5px) 11px 7px / 22px 14px}.wpat-ringe{background:radial-gradient(circle, transparent 7px, var(--pc) 7.5px 10px, transparent 10.5px) 0 0 / 28px 28px, radial-gradient(circle, transparent 7px, var(--pc) 7.5px 10px, transparent 10.5px) 14px 14px / 28px 28px}.wpat-bausteine{background:conic-gradient(var(--pc) 25%, transparent 0 50%, var(--pc) 0 75%, transparent 0) 0 0 / 24px 24px}.wpat-huegel{background:radial-gradient(circle at 50% 100%, var(--pc) 10px, transparent 10.5px) 0 0 / 28px 16px, radial-gradient(circle at 50% 100%, var(--pc) 10px, transparent 10.5px) 14px 8px / 28px 16px}.wpat-kissen{background:radial-gradient(circle, var(--pc) 16px, transparent 16.5px) 0 0 / 52px 52px, radial-gradient(circle, var(--pc) 9px, transparent 9.5px) 26px 26px / 52px 52px}.wpat-pfeile{background:linear-gradient(135deg, var(--pc) 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(45deg, transparent 75%, var(--pc) 75%) 0 0 / 18px 18px}.wpat-perlen{background:radial-gradient(circle, var(--pc) 3px, transparent 3.5px) 0 0 / 16px 16px, radial-gradient(circle, var(--pc) 1.75px, transparent 2.25px) 8px 8px / 16px 16px}.wpat-regen{background:repeating-linear-gradient(100deg, transparent 0 10px, var(--pc) 10px 12px, transparent 12px 22px);-webkit-mask-image:var(--fade), repeating-linear-gradient(0deg, #000 0 10px, transparent 10px 16px);-webkit-mask-composite:source-in;-webkit-mask-image:var(--fade), repeating-linear-gradient(0deg, #000 0 10px, transparent 10px 16px);mask-image:var(--fade), repeating-linear-gradient(0deg, #000 0 10px, transparent 10px 16px);-webkit-mask-composite:source-in;mask-composite:intersect}.wpat-lichter{background:radial-gradient(circle, var(--pc) 2.5px, transparent 3px) 0 0 / 20px 20px, radial-gradient(circle, color-mix(in oklch, var(--ez-w-sonne) 70%, transparent) 2px, transparent 2.5px) 10px 10px / 20px 20px}.wpat-netz{background:radial-gradient(circle, var(--pc) 3.5px, transparent 4px) 0 0 / 26px 26px, linear-gradient(45deg, transparent calc(50% - .75px), var(--pc) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)) 0 0 / 26px 26px, linear-gradient(-45deg, transparent calc(50% - .75px), var(--pc) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px)) 0 0 / 26px 26px}.wpat-karo{background:repeating-linear-gradient(0deg, var(--pc) 0 1px, transparent 1px 12px), repeating-linear-gradient(90deg, var(--pc) 0 1px, transparent 1px 12px)}.wpat~*{position:relative}