.cpf{border-radius:14px;background:radial-gradient(56% 50% at 50% 50%,rgb(252 252 253/.9) 0,rgb(252 252 253/.5) 40%,rgb(252 252 253/0) 74%),radial-gradient(100% 90% at var(--kx) var(--ky),var(--c1) 0,color-mix(in oklab,var(--c1) 40%,transparent) 40%,transparent 72%),radial-gradient(80% 70% at var(--bx) var(--by),var(--c2) 0,transparent 62%),var(--c0);box-shadow:inset 0 0 0 1px rgb(30 40 60/.05);isolation:isolate}.cpf:after,.cpf:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0}.cpf:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");background-size:640px 640px;opacity:.3;mix-blend-mode:soft-light}.cpf:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.18 0 0 0 0 0.24 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");background-size:300px 300px;opacity:.14;mix-blend-mode:multiply}.cpf>*{position:relative;z-index:1}.cpf>.absolute{position:absolute}.cpf[data-field=owner]{--c0:#dde3ee;--c1:#b4c3dc;--kx:0%;--ky:0%;--c2:#d7e4dc;--bx:100%;--by:100%}.cpf[data-field=setting]{--c0:#f2e0dc;--c1:#e6b9ad;--kx:100%;--ky:0%;--c2:#e0dcec;--bx:0%;--by:100%}.cpf[data-field=week]{--c0:#e4e8d4;--c1:#c6cf98;--kx:0%;--ky:100%;--c2:#dfe6ee;--bx:100%;--by:0%}