.spinner-container{display:flex;justify-content:center;align-items:center}.full-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,95%,.7);backdrop-filter:blur(5px);z-index:9999}.pl,.pl:after,.pl:before{animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}.pl{position:relative}.spinner-sm{width:2em;height:2em}.spinner-md{width:3em;height:3em}.spinner-lg{width:12vw;height:12vw;max-width:6em;max-height:6em}.pl:after,.pl:before{background:currentColor;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:50%;transform-origin:50% 100%;clip-path:polygon(0 0,100% 0,50% 100%);-webkit-clip-path:polygon(0 0,100% 0,50% 100%)}.pl-flip{animation-name:flipA;animation-timing-function:steps(1)}.pl-flip:after,.pl-flip:before{transform-origin:50% 50%}.pl-flip:before{animation-name:flipB}.pl-flip:after{animation-name:flipC}@keyframes flipA{0%,75%,to{transform:rotate(0)}25%,50%{transform:rotate(90deg)}}@keyframes flipB{0%{transform:translateY(0) rotateX(0deg)}6.25%{transform:translateY(0) rotateX(0deg)}12.5%{transform:translateY(-50%) rotateX(90deg)}18.75%{transform:translateY(0) rotateX(180deg)}31.25%{transform:translateY(0) rotateX(180deg)}37.5%{transform:translateY(-50%) rotateX(270deg)}43.75%{transform:translateY(0) rotateX(1turn)}50%{transform:translateY(0) rotateX(1turn)}56.25%{transform:translateY(0) rotateX(1turn)}62.5%{transform:translateY(-50%) rotateX(450deg)}68.75%{transform:translateY(0) rotateX(540deg)}81.25%{transform:translateY(0) rotateX(540deg)}87.5%{transform:translateY(-50%) rotateX(630deg)}93.75%{transform:translateY(0) rotateX(2turn)}to{transform:translateY(0) rotateX(2turn)}}@keyframes flipC{0%{transform:translateY(100%) rotate(180deg) rotateX(0deg)}6.25%{transform:translateY(100%) rotate(180deg) rotateX(0deg)}12.5%{transform:translateY(150%) rotate(180deg) rotateX(90deg)}18.75%{transform:translateY(100%) rotate(180deg) rotateX(180deg)}31.25%{transform:translateY(100%) rotate(180deg) rotateX(180deg)}37.5%{transform:translateY(150%) rotate(180deg) rotateX(270deg)}43.75%{transform:translateY(100%) rotate(180deg) rotateX(1turn)}50%{transform:translateY(100%) rotate(180deg) rotateX(1turn)}56.25%{transform:translateY(100%) rotate(180deg) rotateX(1turn)}62.5%{transform:translateY(150%) rotate(180deg) rotateX(450deg)}68.75%{transform:translateY(100%) rotate(180deg) rotateX(540deg)}81.25%{transform:translateY(100%) rotate(180deg) rotateX(540deg)}87.5%{transform:translateY(150%) rotate(180deg) rotateX(630deg)}93.75%{transform:translateY(100%) rotate(180deg) rotateX(2turn)}to{transform:translateY(100%) rotate(180deg) rotateX(2turn)}}@media (prefers-color-scheme:dark){.full-screen{background:hsla(0,0%,9%,.7)}}