.flipflop-loader{--size:3rem;justify-content:center;align-items:center;gap:.9rem;display:inline-flex}.piece{--duration:1.6s;width:var(--size);height:var(--size);transform-style:preserve-3d;perspective:1000px;animation:flip var(--duration)ease-in-out infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(145deg,rgba(28,28,31,.95),rgba(42,42,45,.95));border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 6px 18px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.02)}.back{transform:rotateY(180deg)}.symbol{color:#fff;font-size:calc(var(--size)*.72);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1;display:inline-block;transform:translateY(-.04em)}@keyframes flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.piece{animation:none;transform:none}.back{display:none}}