@import '@transferwise/neptune-tokens/themes/personal/tokens.less';

@media (--screen-400-zoom) {
  .np-theme-personal {
    --delta: 2;

    --size-4: calc(@size-4 / var(--delta));
    --size-5: calc(@size-5 / var(--delta));
    --size-8: calc(@size-8 / var(--delta));
    --size-10: calc(@size-10 / var(--delta));
    --size-12: calc(@size-12 / var(--delta));
    --size-14: calc(@size-14 / var(--delta));
    --size-16: calc(@size-16 / var(--delta));
    --size-24: calc(@size-24 / var(--delta));
    --size-32: calc(@size-32 / var(--delta));
    --size-40: calc(@size-40 / var(--delta));
    --size-48: calc(@size-48 / var(--delta));
    --size-52: calc(@size-52 / var(--delta));
    --size-56: calc(@size-56 / var(--delta));
    --size-60: calc(@size-60 / var(--delta));
    --size-64: calc(@size-64 / var(--delta));
    --size-72: calc(@size-72 / var(--delta));
    --size-80: calc(@size-80 / var(--delta));
    --size-88: calc(@size-88 / var(--delta));
    --size-96: calc(@size-96 / var(--delta));
    --size-104: calc(@size-104 / var(--delta));
    --size-112: calc(@size-112 / var(--delta));
    --size-120: calc(@size-120 / var(--delta));
    --size-126: calc(@size-126 / var(--delta));
    --size-128: calc(@size-128 / var(--delta));
    --size-146: calc(@size-146 / var(--delta));
    --size-154: calc(@size-154 / var(--delta));
    --size-x-small: calc(@size-x-small / var(--delta));
    --size-small: calc(@size-small / var(--delta));
    --size-medium: calc(@size-medium / var(--delta));
    --size-large: calc(@size-large / var(--delta));
    --size-x-large: calc(@size-x-large / var(--delta));
    --size-2x-large: calc(@size-2x-large / var(--delta));
    --space-content-horizontal: calc(@space-content-horizontal / var(--delta));
    --space-small: calc(@space-small / var(--delta));
    --space-medium: calc(@space-medium / var(--delta));
    --space-large: calc(@space-large / var(--delta));
    --space-x-large: calc(@space-x-large / var(--delta));
    --padding-x-small: var(--size-8);
    --padding-small: var(--size-16);
    --padding-medium: var(--size-24);
    --padding-large: var(--size-32);

    --input-height-base: var(--size-32);
    --input-height-large: var(--input-height-small);
    --input-padding: var(--input-padding-small);
    --input-padding-large: var(--input-padding-small);
    --input-group-addon-padding: var(--input-group-addon-sm-padding);
    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);

    --btn-height: var(--input-height-base);
    --btn-lg-height: var(--btn-height);
    --btn-sm-height: var(--btn-height);
    --btn-padding: var(--input-padding);
    --btn-sm-padding: var(--btn-padding);
    --btn-lg-padding: var(--btn-padding);

    --dropdown-link-padding: var(--size-12) var(--size-16);
  }
}