.bg-elements{position:fixed;width:100%;height:100vh}.bg-elements>.triggered-bg{animation:triggered-bg 20s forwards;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}@keyframes triggered-bg{0%{background-color:transparent}5%{background-color:#000}to{background-color:transparent}}.border-elements{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 28px * 2);height:calc(100% - 28px * 2)}.border-elements>*{background-color:var(--maincolor)}.border-elements>.border-top{position:absolute;top:0;left:34%;width:16%;height:1px}.border-elements>.border-left{position:absolute;top:64%;left:0;width:1px;height:24%}.border-elements>.border-right{position:absolute;top:20%;right:0;width:var(--border-width);height:38%}.border-elements>.border-bottom{position:absolute;bottom:0;right:128px;width:60%;height:1px}.square-linear{width:92px;aspect-ratio:1;background:repeating-linear-gradient(124deg,var(--maincolor),var(--maincolor) 3px,transparent 3px,transparent 6px);position:absolute;right:24px;bottom:24px}.triangles{position:absolute;bottom:28px;left:28px;display:flex;justify-content:center;align-items:center;gap:24px}.triangle-item{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:32px solid var(--maincolor);rotate:-90deg;animation:triangle-animation 10s infinite}.triangle-item:nth-child(4){animation-delay:.1s}.triangle-item:nth-child(3){animation-delay:.2s}.triangle-item:nth-child(2){animation-delay:.3s}.triangle-item:first-child{animation-delay:.4s}@keyframes triangle-animation{0%{opacity:0;transform:rotate(0deg) scale(.6)}5%{opacity:1;transform:rotate(-2turn) scale(1)}75%{opacity:1;transform:rotate(-2turn) scale(1)}80%{opacity:0;transform:rotate(0deg) scale(.6)}to{opacity:0;transform:rotate(0deg) scale(.6)}}.chevrons{position:absolute;top:28px;right:72px;display:flex;justify-content:center;align-items:center;gap:12px}@keyframes chevron-animation{0%{opacity:0;transform:translateX(-400px)}5%{opacity:1;transform:translateX(0)}75%{opacity:1;transform:translateX(0)}80%{opacity:0;transform:translateX(400px)}to{opacity:0;transform:translateX(400px)}}.chevron-item{position:relative;width:24px;height:22px;animation:chevron-animation 6s infinite}.chevron-item:nth-child(11){animation-delay:50ms}.chevron-item:nth-child(10){animation-delay:.1s}.chevron-item:nth-child(9){animation-delay:.15s}.chevron-item:nth-child(8){animation-delay:.2s}.chevron-item:nth-child(7){animation-delay:.25s}.chevron-item:nth-child(6){animation-delay:.3s}.chevron-item:nth-child(5){animation-delay:.35s}.chevron-item:nth-child(4){animation-delay:.4s}.chevron-item:nth-child(3){animation-delay:.45s}.chevron-item:nth-child(2){animation-delay:.5s}.chevron-item:first-child{animation-delay:.55s}.chevron-item:after,.chevron-item:before{content:"";position:absolute;left:0;height:50%;width:50%;border-left:2px solid var(--maincolor);border-right:2px solid var(--maincolor)}.chevron-item:before{top:0;border-top:2px solid var(--maincolor);border-bottom:0;transform:skew(50deg,0deg)}.chevron-item:after{top:51%;border-top:0;border-bottom:2px solid var(--maincolor);transform:skew(-50deg,0deg)}.barcode{position:absolute;top:24px;left:28px;width:20%;max-width:256px;height:42px;background:url(/live/barcode.png) no-repeat 50%;background-size:cover}.opacity-05{opacity:.5}@media screen and (max-width:623px){.chevrons{display:none}}