body{--background-color: #18181B;--text-color: #A1A1AA;--card-background-color: rgba(255, 255, 255, .015);--card-border-color: rgba(255, 255, 255, .1);--card-box-shadow-1: rgba(0, 0, 0, .05);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(0, 0, 0, .1);--card-box-shadow-2-y: 8px;--card-box-shadow-2-blur: 15px;--card-label-color: #FFFFFF;--card-icon-color: #D4D4D8;--card-icon-background-color: rgba(255, 255, 255, .08);--card-icon-border-color: rgba(255, 255, 255, .12);--card-shine-opacity: .1;--card-shine-gradient: conic-gradient(from 205deg at 50% 50%, rgba(245, 222, 79, 0) 0deg, rgb(245, 222, 79) 25deg, rgba(245, 222, 79, .18) 295deg, rgba(245, 222, 79, 0) 360deg);--card-line-color: #2A2B2C;--card-tile-color: rgba(16, 185, 129, .05);--card-hover-border-color: rgba(255, 255, 255, .2);--card-hover-box-shadow-1: rgba(0, 0, 0, .04);--card-hover-box-shadow-1-y: 5px;--card-hover-box-shadow-1-blur: 10px;--card-hover-box-shadow-2: rgba(0, 0, 0, .3);--card-hover-box-shadow-2-y: 15px;--card-hover-box-shadow-2-blur: 25px;--card-hover-icon-color: rgb(34, 197, 94);--card-hover-icon-background-color: rgba(34, 197, 94, .1);--card-hover-icon-border-color: rgba(34, 197, 94, .2);--blur-opacity: .01;&.light{--background-color: #FAFAFA;--text-color: #52525B;--card-background-color: transparent;--card-border-color: rgba(24, 24, 27, .08);--card-box-shadow-1: rgba(24, 24, 27, .02);--card-box-shadow-1-y: 3px;--card-box-shadow-1-blur: 6px;--card-box-shadow-2: rgba(24, 24, 27, .04);--card-box-shadow-2-y: 2px;--card-box-shadow-2-blur: 7px;--card-label-color: #18181B;--card-icon-color: #18181B;--card-icon-background-color: rgba(24, 24, 27, .04);--card-icon-border-color: rgba(24, 24, 27, .1);--card-shine-opacity: .3;--card-shine-gradient: conic-gradient(from 225deg at 50% 50%, rgba(245, 222, 79, 0) 0deg, rgb(245, 222, 79) 25deg, #EDFAF6 285deg, #FFFFFF 345deg, rgba(245, 222, 79, 0) 360deg);--card-line-color: #E9E9E7;--card-tile-color: rgba(16, 185, 129, .08);--card-hover-border-color: rgba(24, 24, 27, .15);--card-hover-box-shadow-1: rgba(24, 24, 27, .05);--card-hover-box-shadow-1-y: 3px;--card-hover-box-shadow-1-blur: 6px;--card-hover-box-shadow-2: rgba(24, 24, 27, .1);--card-hover-box-shadow-2-y: 8px;--card-hover-box-shadow-2-blur: 15px;--card-hover-icon-color: #18181B;--card-hover-icon-background-color: rgba(24, 24, 27, .04);--card-hover-icon-border-color: rgba(24, 24, 27, .34);--blur-opacity: .1}}.card[data-astro-cid-xjhe6f3p]{background-color:var(--background-color);box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);border-radius:15px;position:relative;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;&:before{content:"";position:absolute;inset:0;border-radius:15px;background-color:var(--card-background-color)}.shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s;&:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translate(-50%);background-image:var(--card-shine-gradient)}}.background{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);.tiles{opacity:0;transition:opacity .25s;.tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0;&.tile-4,&.tile-6,&.tile-10{animation-delay:-2s}&.tile-3,&.tile-5,&.tile-8{animation-delay:-4s}&.tile-2,&.tile-9{animation-delay:-6s}&.tile-1{top:0;left:0;height:10%;width:22.5%}&.tile-2{top:0;left:22.5%;height:10%;width:27.5%}&.tile-3{top:0;left:50%;height:10%;width:27.5%}&.tile-4{top:0;left:77.5%;height:10%;width:22.5%}&.tile-5{top:10%;left:0;height:22.5%;width:22.5%}&.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}&.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}&.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}&.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}&.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}}}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.line{position:absolute;inset:0;opacity:0;transition:opacity .35s;&:before,&:after{content:"";position:absolute;background-color:var(--card-line-color);transition:transform .35s}&:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}&:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}&.line-1{&:before{top:10%}&:after{left:22.5%}&:before,&:after{transition-delay:.3s}}&.line-2{&:before{top:32.5%}&:after{left:50%}&:before,&:after{transition-delay:.15s}}}}&:hover{box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color);.shine{opacity:1;transition-duration:.5s;transition-delay:0s}.background{.tiles{opacity:1;transition-delay:.25s;.tile{animation-name:tile}}.line{opacity:1;transition-duration:.15s;&:before{transform:scaleX(1)}&:after{transform:scaleY(1)}&.line-1{&:before,&:after{transition-delay:0s}}&.line-2{&:before,&:after{transition-delay:.15s}}}}}}.card[data-astro-cid-xjhe6f3p].visible{opacity:1;transform:translateY(0)}