.card{box-shadow:0 4px 10px #0003}.card:hover .cardContainer,.card.hovered .cardContainer{background:linear-gradient(#353535,#0e0e0e)}.cardContent{padding:32px}.cardContent p{filter:blur(2px);opacity:0;pointer-events:none;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,filter .2s ease-in-out}.cardContent:hover p,.cardContent.hovered p{opacity:1;pointer-events:auto;filter:blur();transition:max-height .3s ease-in-out .15s,opacity .2s ease-in-out,filter .2s ease-in-out}.cardContainer{background:linear-gradient(#202020,#0e0e0e);transition:background .3s ease-in-out}.cardContainer:before{content:"";opacity:.65;pointer-events:none;background-image:url(/misc/noise.png);border-radius:24px;width:100%;height:100%;display:block;position:absolute}.cardContainer:after{content:"";pointer-events:none;opacity:.05;background-image:linear-gradient(#b8b8b8 .5px,#0000 .5px calc(100% - .5px),#b8b8b8 calc(100% - .5px)),linear-gradient(90deg,#b8b8b8 .5px,#0000 .5px calc(100% - .5px),#b8b8b8 calc(100% - .5px));background-size:16.6667% 16.6667%;border:.5px solid #b8b8b8;border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 0%,#0000 60%);mask-image:radial-gradient(circle at 100% 0,#000 0%,#0000 60%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.borderGlow{-webkit-mask-composite:destination-out;background:linear-gradient(#7c7c7c,#1a1a1a);padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}html[data-theme=light] .card{box-shadow:0 4px 10px #14140f14}html[data-theme=light] .cardContainer{background:linear-gradient(to bottom, var(--color-elevated), var(--color-surface))}html[data-theme=light] .cardContainer:before{opacity:.18}html[data-theme=light] .cardContainer:after{border-color:var(--color-border-2);opacity:.6;background-image:none;-webkit-mask-image:none;mask-image:none}html[data-theme=light] .card:hover .cardContainer,html[data-theme=light] .card.hovered .cardContainer{background:linear-gradient(to bottom, #fff, var(--color-raised))}html[data-theme=light] .borderGlow{background:linear-gradient(to top, var(--color-border), var(--color-border-2))}