.card__check-icon{width:32px;position:absolute;top:0;right:0}:root{--field-size:28px;--field-offset-position:-8px}.card__field{width:var(--field-size);height:var(--field-size);top:-4px;right:var(--field-offset-position);box-sizing:border-box;opacity:0;z-index:10;color:#222;background-color:#ffffffe6;border:2px solid #000;border-radius:50%;font-family:inherit;font-size:15px;font-weight:700;position:absolute;box-shadow:0 0 2px #f2f2f2}.card__field>input{all:unset;opacity:1;text-align:center;width:100%;height:100%;padding:0;display:block;position:absolute;top:0;left:0}.card__field:hover{z-index:9999}.card__field:focus{opacity:1;outline:0}.card__field:hover,.card__field.show{opacity:1}.card__field.readonly{opacity:0}
.card{cursor:pointer;box-sizing:border-box;width:64px;height:64px;transition:transform .25s;position:relative}.card.isBigButton,.card.isBigButton .card__img{height:97px}.card:hover{z-index:1;transform:scale(1.05)translateY(3px)}.card.sm{width:50px;height:50px}.card .card__img{cursor:pointer;width:64px;height:64px}.card.sm .card__img{width:50px;height:50px}.card.sm.isBigButton,.card.sm.isBigButton .card__img{height:76px}.card__unit-count,.card__infinite,.card__maxcount,.card__resources-cost{color:#fff;background:#0009;border-radius:3px;padding:1px 1px 2px 2px;font-size:16px;font-weight:600;line-height:16px;position:absolute;bottom:4px;left:4px}.card__maxcount{padding:0;top:4px;bottom:auto}.card__resources-cost{background:#0006;flex-direction:column;display:flex;bottom:0;left:auto;right:4px}.card_resource-cost-icon{vertical-align:bottom;width:18px}