@media all {
  body.calculator > main {
    background-color: #f6f6f6;
  }
  body.calculator > main .calculators {
    margin-top: 3em;
  }
  body.calculator > main .calculators .tabs {
    font-size: 1.5em;
  }
  body.calculator > main .calculators .tabs .tab {
    padding: 0.5em 1em 2em 1em;
    margin-bottom: -1.5em;
    cursor: pointer;
    color: #707070;
  }
  body.calculator > main .calculators .tabs .tab.active {
    background-color: white;
    color: #100D4B;
    font-weight: 700;
  }
  body.calculator > main .calculators .calculator {
    padding: 3em;
    box-sizing: border-box;
    border-radius: 1.75em;
    background-color: white;
  }
  html:has(body.calculator) {
    box-sizing: initial !important;
  }
}
@media (min-width: 1025px) {
  body.calculator > main .calculators .tab,
  body.calculator > main .calculators .calculator {
    border-radius: 20px;
  }
  body.calculator > main .calculators .column-left {
    width: 430px;
  }
  body.calculator > main .calculators .column-right {
    width: 450px;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  body.calculator > main .calculators .tab,
  body.calculator > main .calculators .calculator {
    border-radius: 15px;
  }
  body.calculator > main .calculators .column-right {
    margin-top: 20px;
  }
}