.home-page-magic-bento{--magic-purple:132,0,255}.magic-bento-card{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .1s ease-out,box-shadow .3s ease;will-change:transform}.magic-bento-card:before{top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--magic-purple),.4) 0deg,rgba(var(--magic-purple),.2) 90deg,rgba(var(--magic-purple),.1) 180deg,rgba(var(--magic-purple),.2) 270deg,rgba(var(--magic-purple),.4) 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .3s ease;z-index:1}.magic-bento-card:after,.magic-bento-card:before{content:"";position:absolute;opacity:0;pointer-events:none}.magic-bento-card:after{top:var(--mouse-y,50%);left:var(--mouse-x,50%);width:400px;height:400px;background:radial-gradient(circle,rgba(var(--magic-purple),.3) 0,rgba(var(--magic-purple),.15) 30%,rgba(var(--magic-purple),.05) 50%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .1s ease-out;z-index:0;filter:blur(20px)}.magic-bento-card:hover:after,.magic-bento-card:hover:before{opacity:1}.magic-bento-card .card-content-wrapper{position:relative;z-index:1;background:inherit;border-radius:inherit;height:100%}.dark .magic-bento-card:before{background:conic-gradient(from 0deg at var(--mouse-x,50%) var(--mouse-y,50%),rgba(var(--magic-purple),.6) 0deg,rgba(var(--magic-purple),.4) 90deg,rgba(var(--magic-purple),.3) 180deg,rgba(var(--magic-purple),.4) 270deg,rgba(var(--magic-purple),.6) 1turn)}.dark .magic-bento-card:after{background:radial-gradient(circle,rgba(var(--magic-purple),.5) 0,rgba(var(--magic-purple),.3) 30%,rgba(var(--magic-purple),.15) 50%,transparent 70%)}@media (max-width:768px){.magic-bento-card:after{width:250px;height:250px}.magic-bento-card{transition:transform .2s ease-out}}@media (hover:none){.magic-bento-card:after,.magic-bento-card:before{display:none}}