.aluminum-animation{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.element-card{width:80%;height:80%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#262626cc,#1a1a1a99);border-radius:8px;padding:10px;box-sizing:border-box;color:#ffffffe6;overflow:hidden;box-shadow:0 8px 20px #0003;border:1px solid rgba(255,255,255,.05)}.element-number{position:absolute;top:8px;left:8px;font-size:16px;font-weight:700;color:#ffffffb3}.element-symbol{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:4px;background:linear-gradient(90deg,#57cdff,#80e9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.element-name{font-size:14px;font-weight:600}.element-weight{font-size:12px;margin-top:2px;color:#fff9}.gradient-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background-image:linear-gradient(0deg,#57cdffb3,#57cdff1a,#57cdffb3,#57cdff1a);z-index:1;pointer-events:none;opacity:.8;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;padding:2px;box-sizing:border-box;box-shadow:0 0 15px #57cdff4d}@media (max-width: 768px){.element-card{width:90%;height:90%}.element-number{font-size:14px}.element-symbol{font-size:32px}.element-name{font-size:12px}.element-weight{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/aluminum-animation.css.map */