.hotline-game__field{padding:8px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid var(--bg_secondary__200);border-radius:4px;width:100%;gap:8px}.hotline-game__field .gradient-green{background:linear-gradient(46deg,#589925 0%,#9ede6c 100%)}.hotline-game__field .gradient-red{background:linear-gradient(90deg,#e02e2e 0%,#ff4b4d 100%)}.hotline-game__field .gradient-orange{background:linear-gradient(90deg,#f4a202 0%,#fac257 100%)}.hotline-game__field-item{background:none;display:flex;align-items:center;align-content:center;justify-content:center;width:100px;height:100px;margin:0;padding:0}.hotline-game__field-item span{display:flex;align-items:center;justify-content:center}.hotline-game__field-item .empty{background:var(--bg_secondary__200);border-radius:6px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.hotline-game__field-item .empty svg{color:var(--color_secondary__100);opacity:.1;transition:.3s;position:absolute}.hotline-game__field-item_wrap{position:relative;height:inherit;perspective:50rem;width:100%}.hotline-game__field-item_wrap .front-side{transform:rotateY(0)}.hotline-game__field-item_wrap .front-side svg{color:#fff;opacity:.4;transition:.3s}.hotline-game__field-item_wrap .back-side{transform:rotateY(-180deg)}.hotline-game__field-item_wrap .back-side .sad{width:50rem;height:50rem}.hotline-game__field-item_wrap .front-side,.hotline-game__field-item_wrap .back-side{position:absolute;width:100%;height:100%;box-sizing:border-box;color:#fff;padding:12px;border-radius:6px;backface-visibility:hidden;transform-style:preserve-3d;font-weight:600;font-size:20px}.hotline-game__field-item_wrap .front-side svg,.hotline-game__field-item_wrap .back-side svg{transform:translateZ(30px) translateY(0);backface-visibility:hidden}.hotline-game__field-item_wrap:hover .front-side svg{opacity:.8}.hotline-game__field-item_wrap.show .front-side{transform:rotateY(180deg)}.hotline-game__field-item_wrap.show .back-side{transform:rotateY(0)}.hotline-game__field-item_wrap.show .front-side,.hotline-game__field-item_wrap.show .back-side{transition:transform .5s cubic-bezier(.4,.2,.2,1)}
