.card{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);padding:56px 16px 16px;border-radius:15px;cursor:pointer;position:relative;transition:box-shadow .25s;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:15px;background-color:var(--card-background-color)}.card .icon{z-index:2;position:relative;display:table;padding:8px}.card .icon:after{content:"";position:absolute;inset:4.5px;border-radius:50%;background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);backdrop-filter:blur(2px);transition:background-color .25s,border-color .25s}.card .icon svg{position:relative;z-index:1;display:block;width:24px;height:24px;color:var(--card-icon-color);transition:color .25s}.card h4{margin:12px 0 4px;font-weight:600;line-height:2;color:var(--card-label-color)}.card h4,.card p{z-index:2;position:relative;font-size:14px}.card p{margin:0;line-height:1.7;color:var(--text-color)}.card .shine{border-radius:inherit;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s}.card .shine: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:translateX(-50%);background-image:var(--card-shine-gradient)}.card .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%)}.card .background .tiles{opacity:0;transition:opacity .25s}.card .background .tiles .tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0}.card:hover .background .tiles{opacity:1;transition-delay:.25s}.card:hover .background .tiles .tile{animation-name:tile}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card: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)}.card:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-duration:.5s;transition-delay:0s}