.spinner{width:1em;height:1em;border:.12em solid var(--color, white);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner-rotation .8s linear infinite}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flare-enabled .flare-light,.hover\:flare-enabled:hover .flare-light{opacity:1!important}@media (max-width: 1024px){.group .group-hover\\:opacity-100{opacity:1}}.lightbar,.lightbar-visual{position:absolute;width:500vw;height:800px;pointer-events:none;-webkit-user-select:none;user-select:none}[dir] .lightbar{left:50vw;transform:translate(-50%)}@media (min-width: 640px){.lightbar,.lightbar-visual{width:150vw}[dir] .lightbar{left:-25vw;transform:initial}}[dir] .lightbar{display:flex;justify-content:center;align-items:center;--d: 3s;--animation: cubic-bezier(.75, -0, .25, 1);animation:boot var(--d) var(--animation) forwards}[dir] .lightbar-visual{left:0;--top: rgb(var(--colors-background-main) / 1);--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));-webkit-mask-image:radial-gradient(100% 50% at center center,black,transparent);mask-image:radial-gradient(100% 50% at center center,black,transparent);background-image:var(--first),var(--second);background-position-x:1%,99%;background-position-y:0%,0%;background-size:50% 100%,50% 100%;opacity:1;transform:rotate(180deg) translateZ(0) translateY(400px);transform-origin:center center;background-repeat:no-repeat;animation:lightbarBoot var(--d) var(--animation) forwards}.lightbar canvas{width:40%;height:300px;transform:translateY(-250px)}@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)}}