.construction-box{z-index:2;background:#000;border-radius:20px;position:relative}.construction-box:before{content:"";background:repeating-conic-gradient(from var(--angle2), #fcd34d, #fbbf24, #f59e0b, #f59e0b, #fbbf24, #fcd34d);filter:blur(10px);opacity:.3;border-radius:20px;animation:2s ease-in-out infinite rotating;position:absolute;inset:0}.construction-box:after{content:"";background:repeating-conic-gradient(from var(--angle), #fde68a, #fcd34d, #fbbf24, #fbbf24, #fcd34d, #fde68a);filter:blur(10px);opacity:.2;border-radius:20px;animation:3s ease-in-out infinite rotating;position:absolute;inset:0}.construction-box .inner-box{z-index:1;background:#000;border-width:25px;border-color:#000;border-radius:20px;position:absolute;inset:0}.construction-box .text-container{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px;transform:rotate(-45deg)}.construction-box .upper-text{animation:.81s cubic-bezier(.06,.87,.95,.26) fall;transform:translateY(9%)rotate(13deg)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --angle2{syntax:"<angle>";inherits:false;initial-value:45deg}@keyframes rotating{0%{--angle:0deg;--angle2:45deg}to{--angle:360deg;--angle2:405deg}}@keyframes animate{0%{transform:translate(0%)rotate(0)}to{transform:translate(0%)rotate(360deg)}}.blob{filter:blur(50px);position:absolute}@keyframes fall{10%,30%{transform:translate(1px)}20%,80%{transform:translate(0)}40%,60%{transform:translateY(1px)}}