.card{box-shadow:inset 0 1px 1px #d8ecf833,inset 0 24px 48px #a8d8f50f,0 16px 32px #0000004d;background-clip:content-box;border-radius:1rem;padding:1px}.card:after{--dot-color: #f3f3f3;--dot-size: 8px;content:"";position:absolute;inset:16px;pointer-events:none;filter:drop-shadow(0 0 8px rgb(233,233,233));background-image:radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%),radial-gradient(var(--dot-color) 50%,transparent 50%);background-size:var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size),var(--dot-size) var(--dot-size);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat}