.flare-enabled .flare-light,.hover\:flare-enabled:hover .flare-light{opacity:1!important}@media (width<=1024px){.group .flare-light{opacity:1}}.lightbar,.lightbar-visual{pointer-events:none;-webkit-user-select:none;user-select:none;width:500vw;height:800px;position:absolute}[dir] .lightbar{left:50vw;transform:translate(-50%)}@media (width>=640px){.lightbar,.lightbar-visual{width:150vw}[dir] .lightbar{transform:initial;left:-25vw}}[dir] .lightbar{--d:3s;--animation:cubic-bezier(.75, 0, .25, 1);animation:boot var(--d) var(--animation) forwards;justify-content:center;align-items:center;display:flex}[dir] .lightbar-visual{--top:transparent;--bottom:rgb(var(--colors-lightBar-light) / 1);--first:conic-gradient(from 90deg at 80% 50%, var(--top), var(--bottom));--second:conic-gradient(from 270deg at 20% 50%, var(--bottom), var(--top));background-image:var(--first), var(--second);opacity:1;transform-origin:50%;animation:lightbarBoot var(--d) var(--animation) forwards;background-position:1% 0,99% 0;background-repeat:no-repeat;background-size:50% 100%,50% 100%;left:0;transform:rotate(180deg)translateZ(0)translateY(400px);-webkit-mask-image:radial-gradient(120% 70% at 50% 55%,#000 20%,#0000 75%);mask-image:radial-gradient(120% 70% at 50% 55%,#000 20%,#0000 75%)}.lightbar canvas{background:0 0;width:40%;height:300px;transform:translateY(-180px)}@keyframes boot{0%{opacity:.25}to{opacity:1}}@keyframes lightbarBoot{0%{transform:rotate(180deg)translateZ(0)translateY(400px)scaleX(.8)}to{transform:rotate(180deg)translateZ(0)translateY(400px)scaleX(1)}}