.box{--border-angle:0deg;--rotation-border-bg:#11012f;--rotation-border-accent:#8333e3;--rotation-border-accent-alt:#8333e3;--rotation-border-accent-transparent:#11012f00;--rotation-border-accent-alt-transparent:#11012f00;height:var(--rotation-border-height,260px);border:2px solid #0000;border-radius:15px;justify-content:center;align-items:center;width:100%;animation:5s linear infinite border-angle-rotate;display:flex;position:relative;box-shadow:0 2px 4px #00000040;&.a{background:linear-gradient(var(--rotation-border-bg),var(--rotation-border-bg))padding-box,conic-gradient(from var(--border-angle),var(--rotation-border-accent),var(--rotation-border-accent-transparent),var(--rotation-border-accent-alt),var(--rotation-border-accent-alt-transparent),var(--rotation-border-accent))border-box}}@keyframes border-angle-rotate{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}