.bento-gradient{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;padding:0;border-radius:inherit;overflow:hidden;pointer-events:none}.bento-gradient-signal,.bento-gradient-sky{background:linear-gradient(130deg,#f1faff 20%,#c5e6f8 70%,#e9f7ff)}.bento-gradient-pattern{position:absolute;inset:-45%;background-image:radial-gradient(circle var(--surface-size) at 0 0,transparent 32%,#b8dff480 38%,#cce8f5c0 44%,#e3f4fe 50%,#cce8f5c0 56%,#b8dff480 62%,transparent 68%),radial-gradient(circle var(--surface-size) at 100% 100%,transparent 32%,#b8dff480 38%,#cce8f5c0 44%,#e3f4fe 50%,#cce8f5c0 56%,#b8dff480 62%,transparent 68%);background-size:var(--surface-size) var(--surface-size);background-position:var(--surface-x) var(--surface-y);transform:rotate(var(--surface-rotation))}