.back,.flipper,.flipper-inner,.front,.tile-demo,.tile-grid{background-color:#e0e0e0!important}.back,.flipper,.front{border-radius:0;border:none;outline:none}.back img,.front img{background-color:transparent}.tile-demo{padding:20px;max-width:800px;margin:0 auto}.tile-grid{display:grid;grid-template-columns:repeat(6,80px);grid-template-rows:repeat(8,80px);gap:0;perspective:1000px;width:480px;height:640px;margin:0 auto}.flipper{aspect-ratio:1;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);width:80px;height:80px;margin:-1px 0 0 -1px;padding:0}.flipper,.flipper-inner{position:relative;transform-style:preserve-3d}.flipper-inner{width:100%;height:100%}.flipper.is-flipped{transform:rotateY(180deg)}.back,.front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0px;overflow:hidden}.front{transform:rotateY(0deg)}.back{transform:rotateY(180deg)}.back img,.front img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}