| 1 | :where(html){--mask-edge-scoop-bottom:radial-gradient(20px at 50% 100%,transparent 97%,#000) 50% /38px 100%;--mask-edge-scoop-top:radial-gradient(20px at 50% 0,transparent 97%,#000) 50% /38px 100%;--mask-edge-scoop-vertical:radial-gradient(20px at 50% 20px,transparent 97%,#000) 50% calc(50% - 20px) /38px 100%;--mask-edge-scoop-left:radial-gradient(20px at 0 50%,transparent 97%,#000) 50%/100% 38px;--mask-edge-scoop-right:radial-gradient(20px at 100% 50%,transparent 97%,#000) 50% /100% 38px;--mask-edge-scoop-horizontal:radial-gradient(20px at 20px 50%,transparent 97%,#000) calc(50% - 20px) /100% 38px;--mask-edge-scalloped:radial-gradient(farthest-side,#000 97%,transparent) 0 0 /20px 20px round,linear-gradient(#000 0 0) 50% /calc(100% - 20px) calc(100% - 20px) no-repeat;--mask-edge-scalloped-bottom:linear-gradient(0deg,transparent 20px,#000 0),radial-gradient(20px at top,#000 97%,transparent) bottom /38px 20px;--mask-edge-scalloped-top:linear-gradient(180deg,transparent 20px,#000 0),radial-gradient(20px at bottom,#000 97%,transparent) top /38px 20px;--mask-edge-scalloped-vertical:linear-gradient(0deg,transparent 40px,#000 0) 0 20px,radial-gradient(20px,#000 97%,transparent) 50% /38px 40px repeat space;--mask-edge-scalloped-left:linear-gradient(90deg,transparent 20px,#000 0),radial-gradient(20px at right,#000 97%,transparent) left /20px 38px;--mask-edge-scalloped-right:linear-gradient(270deg,transparent 20px,#000 0),radial-gradient(20px at left,#000 97%,transparent) right /20px 38px;--mask-edge-scalloped-horizontal:linear-gradient(-90deg,transparent 40px,#000 0) 20px,radial-gradient(20px,#000 97%,transparent) 50% /40px 38px space repeat;--mask-edge-drip-bottom:radial-gradient(20px at bottom,transparent 97%,#000) 50% calc(100% - 20px) /40px 100% repeat-x,radial-gradient(20px at 25% 50%,#000 97%,transparent) calc(50% - 20px) 99% /80px 40px repeat-x;--mask-edge-drip-top:radial-gradient(20px at top,transparent 97%,#000) 50% 20px /40px 100% repeat-x,radial-gradient(20px at 25% 50%,#000 97%,transparent) calc(50% - 20px) 1% /80px 40px repeat-x;--mask-edge-drip-vertical:radial-gradient(20px at top,transparent 97%,#000) 50% 20px /40px 51% repeat-x,radial-gradient(20px at bottom,transparent 97%,#000) 50% calc(100% - 20px) /40px 51% repeat-x,radial-gradient(20px at 25% 50%,#000 97%,transparent) calc(50% - 20px) 1% /80px 40px repeat-x,radial-gradient(20px at 25% 50%,#000 97%,transparent) calc(50% - 60px) 99% /80px 40px repeat-x;--mask-edge-drip-left:radial-gradient(20px at left,transparent 97%,#000) 20px 50% /100% 40px repeat-y,radial-gradient(20px at 50% 25%,#000 97%,transparent) 1% calc(50% - 20px) /40px 80px repeat-y;--mask-edge-drip-right:radial-gradient(20px at right,transparent 97%,#000) calc(100% - 20px) 50% /100% 40px repeat-y,radial-gradient(20px at 50% 25%,#000 97%,transparent) 99% calc(50% - 20px) /40px 80px repeat-y;--mask-edge-drip-horizontal:radial-gradient(20px at left,transparent 97%,#000) 20px 50% /51% 40px repeat-y,radial-gradient(20px at right,transparent 97%,#000) calc(100% - 20px) 50% /51% 40px repeat-y,radial-gradient(20px at 50% 25%,#000 97%,transparent) 1% calc(50% - 20px) /40px 80px repeat-y,radial-gradient(20px at 50% 25%,#000 97%,transparent) 99% calc(50% - 60px) /40px 80px repeat-y;--mask-edge-zig-zag-top:conic-gradient(from 135deg at top,transparent,#000 1deg 90deg,transparent 91deg) 50% /40px 100%;--mask-edge-zig-zag-bottom:conic-gradient(from -45deg at bottom,transparent,#000 1deg 90deg,transparent 91deg) 50% /40px 100%;--mask-edge-zig-zag-left:conic-gradient(from 45deg at left,transparent,#000 1deg 90deg,transparent 91deg) 50% /100% 40px;--mask-edge-zig-zag-right:conic-gradient(from -135deg at right,transparent,#000 1deg 90deg,transparent 91deg) 50% /100% 40px;--mask-edge-zig-zag-horizontal:conic-gradient(from 45deg at left,transparent,#000 1deg 90deg,transparent 91deg) left /51% 40px repeat-y,conic-gradient(from -135deg at right,transparent,#000 1deg 90deg,transparent 91deg) right /51% 40px repeat-y;--mask-edge-zig-zag-vertical:conic-gradient(from 135deg at top,transparent,#000 1deg 90deg,transparent 91deg) top /40px 51% repeat-x,conic-gradient(from -45deg at bottom,transparent,#000 1deg 90deg,transparent 91deg) bottom /40px 51% repeat-x} |