:root{--spinner-size:2.5rem;--spinner-color:#333}.typing-dot{margin-top:auto;margin-bottom:auto;background-color:currentColor;width:.40625rem;height:.40625rem;border-radius:50%;animation:typing-dot-animation 1.25s cubic-bezier(.95,.05,.795,.035) 0s infinite both}.typing-dot:first-child{animation-delay:-.4s}.typing-dot:nth-child(2){margin-right:3px;margin-left:3px;animation-delay:-.2s}@keyframes typing-dot-animation{0%,80%,to{transform:scale(1);opacity:.3}40%{transform:scale(1.05);opacity:.6}}.spinner-fold{width:var(--spinner-size);height:var(--spinner-size);position:relative;transform:rotate(45deg)}.spinner-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.spinner-fold-cube:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--spinner-color);animation:spinner-fold 2.4s linear infinite both;transform-origin:100% 100%}.spinner-fold-cube:nth-child(2){transform:scale(1.1) rotate(90deg)}.spinner-fold-cube:nth-child(4){transform:scale(1.1) rotate(180deg)}.spinner-fold-cube:nth-child(3){transform:scale(1.1) rotate(270deg)}.spinner-fold-cube:nth-child(2):before{animation-delay:.3s}.spinner-fold-cube:nth-child(4):before{animation-delay:.6s}.spinner-fold-cube:nth-child(3):before{animation-delay:.9s}@keyframes spinner-fold{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.spinner-header{position:relative}.spinner-header:after{position:absolute;top:0;left:0;height:.125rem;width:0;--tw-bg-opacity:1;background-color:hsl(208 11.7% 91.1%/var(--tw-bg-opacity));content:"";animation:spinner-header 1.5s ease-in-out infinite}@keyframes spinner-header{0%{--tw-bg-opacity:1;background-color:hsl(208 11.7% 91.1%/var(--tw-bg-opacity));left:0}25%{width:100%;left:0}50%{left:100%;width:0;--tw-bg-opacity:1;background-color:hsl(206 100% 50%/var(--tw-bg-opacity))}to{left:0;width:0}}