.height_animation{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.height_animation>div{overflow:hidden}.height_animation_active{grid-template-rows:1fr}#cards:hover>.card_glow:after{opacity:1}.card_glow{cursor:pointer;display:flex;flex-direction:column;position:relative}.card_glow:hover:before{opacity:1}.card_glow:after,.card_glow:before{z-index:-5;border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%;pointer-events:none}.card_glow:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),hsl(var(--mijnui-primary)/.125),transparent 40%);z-index:3}.card_glow:after{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsl(var(--mijnui-primary)/.95),transparent 40%);z-index:1}.dark{.card_glow:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),hsl(var(--mijnui-primary)/.075),transparent 40%);z-index:3}.card_glow:after{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsl(var(--mijnui-primary)/.95),transparent 40%);z-index:1}}.card_glow>.card_glow_content{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;position:absolute;z-index:10;align-items:center;justify-content:center}@media (min-width:640px){.scroll_animation{opacity:0;scale:.9;animation:fade-in linear forwards;animation-timeline:view();animation-range-start:cover 150px;animation-range-end:400px}@keyframes fade-in{to{scale:1;opacity:1}}}