.flip-container{perspective:1000px;width:135px;height:135px;margin:auto;position:relative;contain:layout style;will-change:transform}.flip-container.menu-size{width:80px;height:80px}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flipped .flipper{transform:rotateY(180deg)}.flip-container:hover .flipper{transform:scale(1.03) rotateY(180deg)}.flip-container:not(:hover) .flipped .flipper{transform:rotateY(180deg)}.back,.front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:50%;transition:opacity .2s ease}.back{transform:rotateY(180deg)}.flip-container:hover .back,.flip-container:hover .front{box-shadow:0 0 20px rgba(251,255,0,.25)}.flip-container.logo-clicked{animation:logo-pulse .3s ease-in-out}@keyframes logo-pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.flipper{pointer-events:none}.flipper img{pointer-events:auto}