@charset "UTF-8";@layer elements{:root{--accent: #FFD600;--main-bg-color: #242424}.loader{position:relative;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:var(--loader-color, var(--main-bg-color, #6e6e6e))}.loader div{display:flex}.loader div span{position:relative;width:var(--loader-size, 4rem);height:var(--loader-size, 4rem)}.loader--fixed{position:fixed}}@layer elements{.loader--pulse div span:after,.loader--pulse div span:before{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:var(--loader-border-size, .5rem) solid var(--loader-color, var(--accent));content:""}.loader--pulse span:after,.loader--pulse span:before{opacity:0;animation:pulse 1s infinite linear}.loader--pulse span:after{animation-delay:.5s}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}}@layer elements{.loader--corner div span{width:var(--loader-size, 1.8rem);height:var(--loader-size, 1.8rem);position:relative;display:block}.loader--corner div span:before,.loader--corner div span:after{content:"";position:absolute;width:var(--loader-size, 1.8rem);height:var(--loader-size, 1.8rem);box-sizing:border-box}.loader--corner div span:before{border-bottom:var(--loader-border-size, .3em) solid var(--loader-color, var(--accent));border-left:var(--loader-border-size, .3em) solid var(--loader-color, var(--accent));animation:rotate-scale1 4s infinite}.loader--corner div span:after{border-top:var(--loader-border-size, .3em) solid var(--loader-color, var(--accent));border-right:var(--loader-border-size, .3em) solid var(--loader-color, var(--accent));animation:rotate-scale2 4s infinite}@keyframes rotate-scale1{0%{transform:rotate(0) scale(1) translate(0)}25%{transform:rotate(90deg) scale(1.5) translate(-10%,10%)}50%{transform:rotate(180deg) scale(1) translate(0)}75%{transform:rotate(270deg) scale(1.5) translate(-10%,10%)}to{transform:rotate(360deg) scale(1) translate(0)}}@keyframes rotate-scale2{0%{transform:rotate(0) scale(1) translate(0)}25%{transform:rotate(90deg) scale(1.5) translate(10%,-10%)}50%{transform:rotate(180deg) scale(1) translate(0)}75%{transform:rotate(270deg) scale(1.5) translate(10%,-10%)}to{transform:rotate(360deg) scale(1) translate(0)}}}@layer elements{.loader--spinner div span{border:var(--loader-border-size, .5rem) solid color-mix(in srgb,var(--main-bg-color),currentColor 7%);border-top-color:var(--loader-color, var(--accent));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@layer elements{.loader--dots div{gap:.5rem}.loader--dots div span{width:var(--loader-size, .7rem);height:var(--loader-size, .7rem);border-radius:50%;background:var(--loader-color, var(--accent));animation:dots 1.2s infinite ease-in-out}.loader--dots div span:nth-child(2){animation-delay:.2s}.loader--dots div span:nth-child(3){animation-delay:.4s}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}}@layer elements{.loader--bar div{gap:.2rem}.loader--bar div span{width:.5rem;height:2rem;background:var(--loader-color, var(--accent));animation:bar 2s ease-in-out infinite}.loader--bar div span:nth-child(2){animation-delay:.5s}.loader--bar div span:nth-child(3){animation-delay:1s}@keyframes bar{0%,to{transform:scale(0);opacity:.2}50%{transform:scale(1);opacity:1}}}