.logo-spin{perspective:750px}.logo-spin__mark{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d}.logo-spin__face{position:absolute;inset:0;margin:auto;backface-visibility:hidden}.logo-spin__face--back{transform:rotateY(180deg)}.logo-spin__face{filter:drop-shadow(0 0 7px rgba(140,190,230,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.75))}.logo-spin[data-logo-spin=flat] .logo-spin__mark.is-spinning{animation:logo-spin-flat 1.1s cubic-bezier(.33,0,.15,1);will-change:transform}@keyframes logo-spin-flat{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-spin[data-logo-spin=dimensional] .logo-spin__mark.is-spinning{animation:logo-spin-dimensional 1.35s cubic-bezier(.33,0,.15,1);will-change:transform}@keyframes logo-spin-dimensional{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}