.grainient-container{width:100%;height:100%}.bento-tile,.grainient-container{position:relative;overflow:hidden}.bento-tile{isolation:isolate;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.bento-tile--featured{background:radial-gradient(ellipse at 92% 4%,rgba(227,24,55,.1),transparent 44%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#0f172a}.bento-tile__content{position:relative;z-index:1;height:100%}.bento-tile__spotlight{z-index:0;background:radial-gradient(320px circle at var(--glow-x,50%) var(--glow-y,50%),var(--bento-glow-color,rgba(227,24,55,.09)),transparent 70%)}.bento-tile:after,.bento-tile__spotlight{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease}.bento-tile:after{z-index:2;padding:1px;border-radius:inherit;background:radial-gradient(320px circle at var(--glow-x,50%) var(--glow-y,50%),var(--bento-border-glow,rgba(227,24,55,.64)) 0,transparent 62%);content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@media (hover:hover) and (pointer:fine){.bento-tile[data-pointer-active=true]:hover .bento-tile__spotlight,.bento-tile[data-pointer-active=true]:hover:after{opacity:1}}.bento-tile--reduced .bento-tile__spotlight,.bento-tile--reduced:after{display:none;transition:none}@media (prefers-reduced-motion:reduce){.bento-tile:after,.bento-tile__spotlight{display:none;transition:none}}