.loader{--loader-background: var(--primary-500, #FFF);--loader-color: var(--secondary-500, #FFF);top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:var(--loader-background)}.loader span{position:relative;display:inline-block;width:5rem;height:5rem}.loader--fixed{position:fixed}.loader--hide{opacity:0;transition:all .7s ease}.loader span:after,.loader span:before{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;content:"";border:.5rem solid var(--loader-color)}.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%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes corner-rotate{15%{transform:scale(1.6)}50%{transform:rotate(-89deg)}to{transform:rotate(-90deg)}}.loader--corner{--loader-corner-size: 1rem;--loader-corner-border: 2px solid;--loader-corner-init: calc((var(--loader-corner-size) * -1) / 2) }.loader__spinner{position:relative;display:inline-block;margin:3rem}.loader__square{display:block;width:3rem;height:3rem;background:#ededed}.loader__container{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50% 0;backface-visibility:hidden;animation:corner-rotate 1s ease infinite}.loader__corner--top:before,.loader__corner--top:after,.loader__corner--bottom:before,.loader__corner--bottom:after{position:absolute;width:var(--loader-corner-size);height:var(--loader-corner-size);color:var(--accent, #DEDEDE);content:""}.loader__corner--top:before,.loader__corner--top:after{top:var(--loader-corner-init);border-top:var(--loader-corner-border)}.loader__corner--top:before{left:var(--loader-corner-init);border-left:var(--loader-corner-border)}.loader__corner--top:after{right:var(--loader-corner-init);border-right:var(--loader-corner-border)}.loader__corner--bottom:before,.loader__corner--bottom:after{bottom:var(--loader-corner-init);border-bottom:var(--loader-corner-border)}.loader__corner--bottom:before{left:var(--loader-corner-init);border-left:var(--loader-corner-border)}.loader__corner--bottom:after{right:var(--loader-corner-init);border-right:var(--loader-corner-border)}