@keyframes hfc-tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.hover-feature-card{--hfc-bg:#fafafa;--hfc-card-overlay:transparent;--hfc-border:#18181b14;--hfc-shadow-1-color:#18181b05;--hfc-shadow-1-y:3px;--hfc-shadow-1-blur:6px;--hfc-shadow-2-color:#18181b0a;--hfc-shadow-2-y:2px;--hfc-shadow-2-blur:7px;--hfc-tile-color:#10b98114;--hfc-line-color:#e9e9e7;--hfc-shine-opacity:.3;--hfc-shine-gradient:conic-gradient(from 225deg at 50% 50%,#10b98100 0deg,#10b981 25deg,#edfaf6 285deg,#fff 345deg,#10b98100 360deg);--hfc-hover-border:#18181b26;--hfc-hover-shadow-1-color:#18181b0d;--hfc-hover-shadow-1-y:3px;--hfc-hover-shadow-1-blur:6px;--hfc-hover-shadow-2-color:#18181b1a;--hfc-hover-shadow-2-y:8px;--hfc-hover-shadow-2-blur:15px}.dark .hover-feature-card{--hfc-bg:#18181b;--hfc-card-overlay:#ffffff04;--hfc-border:#ffffff1a;--hfc-shadow-1-color:#0000000d;--hfc-shadow-1-y:3px;--hfc-shadow-1-blur:6px;--hfc-shadow-2-color:#0000001a;--hfc-shadow-2-y:8px;--hfc-shadow-2-blur:15px;--hfc-tile-color:#10b9810d;--hfc-line-color:#2a2b2c;--hfc-shine-opacity:.1;--hfc-shine-gradient:conic-gradient(from 205deg at 50% 50%,#10b98100 0deg,#10b981 25deg,#34d3992e 295deg,#10b98100 360deg);--hfc-hover-border:#fff3;--hfc-hover-shadow-1-color:#0000000a;--hfc-hover-shadow-1-y:5px;--hfc-hover-shadow-1-blur:10px;--hfc-hover-shadow-2-color:#0000004d;--hfc-hover-shadow-2-y:15px;--hfc-hover-shadow-2-blur:25px}.hover-feature-card{background-color:var(--hfc-bg);box-shadow:0 var(--hfc-shadow-1-y) var(--hfc-shadow-1-blur) var(--hfc-shadow-1-color),0 var(--hfc-shadow-2-y) var(--hfc-shadow-2-blur) var(--hfc-shadow-2-color),0 0 0 1px var(--hfc-border);cursor:pointer;border-radius:15px;transition:box-shadow .25s;position:relative}.hover-feature-card:before{background-color:var(--hfc-card-overlay);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.hover-feature-card .hfc-content{z-index:2;flex-direction:column;flex:1;gap:1.5rem;display:flex;position:relative}.hover-feature-card .hfc-shine{border-radius:inherit;opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0;overflow:hidden}.hover-feature-card .hfc-shine:before{background-image:var(--hfc-shine-gradient);content:"";filter:blur(35px);opacity:var(--hfc-shine-opacity);border-radius:50%;width:150%;padding-bottom:150%;position:absolute;bottom:55%;left:50%;transform:translate(-50%)}.hover-feature-card .hfc-background{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,#000 0 15%,#0000 60%);mask-image:radial-gradient(circle at 60% 5%,#000 0 15%,#0000 60%)}.hover-feature-card .hfc-tiles{opacity:0;transition:opacity .25s}.hover-feature-card .hfc-tile{background-color:var(--hfc-tile-color);opacity:0;animation-duration:8s;animation-iteration-count:infinite;position:absolute}.hover-feature-card .hfc-tile-10,.hover-feature-card .hfc-tile-4,.hover-feature-card .hfc-tile-6{animation-delay:-2s}.hover-feature-card .hfc-tile-3,.hover-feature-card .hfc-tile-5,.hover-feature-card .hfc-tile-8{animation-delay:-4s}.hover-feature-card .hfc-tile-2,.hover-feature-card .hfc-tile-9{animation-delay:-6s}.hover-feature-card .hfc-tile-1{width:22.5%;height:10%;top:0;left:0}.hover-feature-card .hfc-tile-2{width:27.5%;height:10%;top:0;left:22.5%}.hover-feature-card .hfc-tile-3{width:27.5%;height:10%;top:0;left:50%}.hover-feature-card .hfc-tile-4{width:22.5%;height:10%;top:0;left:77.5%}.hover-feature-card .hfc-tile-5{width:22.5%;height:22.5%;top:10%;left:0}.hover-feature-card .hfc-tile-6{width:27.5%;height:22.5%;top:10%;left:22.5%}.hover-feature-card .hfc-tile-7{width:27.5%;height:22.5%;top:10%;left:50%}.hover-feature-card .hfc-tile-8{width:22.5%;height:22.5%;top:10%;left:77.5%}.hover-feature-card .hfc-tile-9{width:27.5%;height:22.5%;top:32.5%;left:50%}.hover-feature-card .hfc-tile-10{width:22.5%;height:22.5%;top:32.5%;left:77.5%}.hover-feature-card .hfc-line{opacity:0;transition:opacity .35s;position:absolute;inset:0}.hover-feature-card .hfc-line:after,.hover-feature-card .hfc-line:before{background-color:var(--hfc-line-color);content:"";transition:transform .35s;position:absolute}.hover-feature-card .hfc-line:before{transform-origin:0;height:1px;left:0;right:0;transform:scaleX(0)}.hover-feature-card .hfc-line:after{transform-origin:50% 0;width:1px;top:0;bottom:0;transform:scaleY(0)}.hover-feature-card .hfc-line-1:before{top:10%}.hover-feature-card .hfc-line-1:after{left:22.5%}.hover-feature-card .hfc-line-1:after,.hover-feature-card .hfc-line-1:before{transition-delay:.3s}.hover-feature-card .hfc-line-2:before{top:32.5%}.hover-feature-card .hfc-line-2:after{left:50%}.hover-feature-card .hfc-line-2:after,.hover-feature-card .hfc-line-2:before{transition-delay:.15s}.hover-feature-card .hfc-line-3:before{top:55%}.hover-feature-card .hfc-line-3:after{right:22.5%}.hover-feature-card:hover{box-shadow:0 var(--hfc-hover-shadow-1-y) var(--hfc-hover-shadow-1-blur) var(--hfc-hover-shadow-1-color),0 var(--hfc-hover-shadow-2-y) var(--hfc-hover-shadow-2-blur) var(--hfc-hover-shadow-2-color),0 0 0 1px var(--hfc-hover-border)}.hover-feature-card:hover .hfc-shine{opacity:1;transition-duration:.5s;transition-delay:0s}.hover-feature-card:hover .hfc-tiles{opacity:1;transition-delay:.25s}.hover-feature-card:hover .hfc-tile{animation-name:hfc-tile}.hover-feature-card:hover .hfc-line{opacity:1;transition-duration:.15s}.hover-feature-card:hover .hfc-line:before{transform:scaleX(1)}.hover-feature-card:hover .hfc-line:after{transform:scaleY(1)}.hover-feature-card:hover .hfc-line-1:after,.hover-feature-card:hover .hfc-line-1:before{transition-delay:0s}.hover-feature-card:hover .hfc-line-2:after,.hover-feature-card:hover .hfc-line-2:before{transition-delay:.15s}.hover-feature-card:hover .hfc-line-3:after,.hover-feature-card:hover .hfc-line-3:before{transition-delay:.3s}