/* 场地计算器 */
.cmx-content-stand-calculator {
  height: max-content;
  border-radius: 16px;
  overflow: hidden;
  .cmx-content-stand-calculator__label {
    color: #00000099;
    font-size: 18px;
    font-weight: 700;
  }
  .cmx-content-stand-calculator__headline {
    color: var(--cimx-black);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    background-color: var(--cimx-table-th-color);
    padding: 16px;
    margin: 0;
  }
  .cmx-content-stand-calculator__content {
    display: grid;
    gap: 20px;
    padding: 20px;
    background-color: #DCE5FF3D;
    .cmx-content-stand-calculator__row {
      display: grid;
      gap: 20px;
      .cmx-content-stand-calculator__radio-list {
        display: flex;
        align-items: center;
        gap: 8px;
        .cmx-content-stand-calculator__radio-list-item {
          color: var(--cimx-white);
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;
          text-align: center;
          background-color: var(--cimx-primary-color4);
          border-radius: 30px;
          cursor: pointer;
          input[type="radio"] {
            display: none;
          }
          label {
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
            padding: 8px 30px;
          }
        }
        .cmx-content-stand-calculator__radio-list-item:has(input[type="radio"]:checked) {
          background-color: var(--cimx-primary-color3);
        }
        /* .cmx-content-stand-calculator__radio-list-item--active {
          background-color: var(--cimx-primary-color3);
        } */
      }
    }
    .cmx-content-stand-calculator__row {
      display: grid;
      gap: 20px;
      .cmx-content-stand-calculator__booth-size__controller {
        display: flex;
        gap: 10px;
        .cmx-content-stand-calculator__booth-size-slider {
          flex: 1 0 0;
        }
        .cmx-content-stand-calculator__booth-size__number {
          display: flex;
          align-items: flex-end;
          color: var(--cimx-white);
          border-radius: 3px;
          padding: 0 8px;
          .cmx-content-stand-calculator__booth-size__number-input {
            height: 100%;
            max-height: 100%;
            color: var(--cimx-primary-color4);
            font-size: 18px;
            line-height: 1.3;
            font-weight: 400;
            padding-left: 24px;
            background-color: #DFE7FF;
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
          }
          .cmx-content-stand-calculator__booth-size__number-label {
            display: flex;
            align-items: center;
            font-size: 20px;
            height: 100%;
            color: #00000099;
            padding-right: 24px;
            padding-bottom: 0;
            background-color: #DFE7FF;
            border-top-right-radius: 30px;
            border-bottom-right-radius: 30px;
          }
        }
      }
    }
    .cmx-content-stand-calculator__row {
      .cmx-content-stand-calculator__total-price-number {
        color: var(--cimx-primary-color4);
        font-size: 40px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        padding: 20px 0;
        .cmx-content-stand-calculator__total-price-number__text {
          font-size: 32px;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .cmx-content-stand-calculator__radio-list {
    /* flex-direction: column; */
    .cmx-content-stand-calculator__radio-list-item {
      width: 100%;
    }
  }
}
@media (max-width: 480px) {
  .cmx-content-stand-calculator 
  .cmx-content-stand-calculator__content 
  .cmx-content-stand-calculator__row 
  .cmx-content-stand-calculator__radio-list 
  .cmx-content-stand-calculator__radio-list-item label {
    padding: 4px 8px;
  }
  .cmx-content-stand-calculator 
  .cmx-content-stand-calculator__content
  .cmx-content-stand-calculator__row 
  .cmx-content-stand-calculator__booth-size__controller {
    flex-direction: column;
  }
}