@charset "utf-8";

.calculator {
  background: #006DAA;
  width: 240px;
  height: 345px;
  padding: 15px 15px 0;
  display: inline-block;
  overflow: hidden;
  user-select: none;

  .line {
    display: flex;
    margin-bottom: 15px;

    .block {
      background: #fff;
      border-radius: 6px;
      text-align: center;
      line-height: 38px;
      height: 38px;
      cursor: pointer;
    }

    .block:hover {
      background: #f4f4f4;
    }

    .value {
      height: 50px;
      line-height: 50px;
      text-align: right;
      padding: 0 10px;
      cursor: text;
    }

    .value:hover {
      background: #fff;
    }

    .block-1 {
      flex: 1;
    }

    .block-2 {
      flex: 2;
    }

    .block-3 {
      flex: 3;
    }

    .left {
      margin-right: 2.5px;
    }

    .right {
      margin-left: 2.5px;
    }

    .center {
      margin-right: 2.5px;
      margin-left: 2.5px;
    }
  }
}