/*
 * MediSim responsive layout and system tokens
 * Generated from Figma token exports.
 * Do not edit this file manually.
 * Source: Desktop.tokens.json
 * Source: Mobile.tokens.json
 */

:root {
  --medisim-viewport-width: 1280px;
  --medisim-grid-columns: 12;
  --medisim-gap: var(--medisim-space-4);
  --medisim-container-max-width: 1280px;
  --medisim-container-padding-inline: 48px;
  --medisim-content-margin-between-paragraphs: var(--medisim-space-3);
  --medisim-content-max-width: 960px;
  --medisim-block-padding-block: 72px;
  --medisim-block-padding-block-lg: 108px;
  --medisim-block-padding-block-sm: 54px;
  --medisim-block-space-between: var(--medisim-space-5);
  --medisim-component-padding-xs: 16px;
  --medisim-component-padding-sm: 24px;
  --medisim-component-padding-md: 32px;
  --medisim-component-padding-lg: 40px;
  --medisim-component-padding-xl: 56px;
  --medisim-button-border-radius: var(--medisim-radius-full);
  --medisim-button-border-radius-icon-only: var(--medisim-radius-xs);
  --medisim-button-font-family: var(--medisim-font-family-primary);
  --medisim-button-height: 48px;
  --medisim-button-height-sm: 32px;
  --medisim-button-height-lg: 56px;
  --medisim-button-font-size: var(--medisim-font-size-00);
  --medisim-button-font-size-sm: var(--medisim-font-size-000);
  --medisim-button-font-size-lg: var(--medisim-font-size-0);
  --medisim-button-padding-inline: var(--medisim-space-3);
  --medisim-button-padding-inline-sm: var(--medisim-space-2);
  --medisim-button-padding-inline-lg: var(--medisim-space-4);
  --medisim-button-gap: var(--medisim-space-00);
  --medisim-button-gap-sm: var(--medisim-space-00);
  --medisim-button-gap-lg: var(--medisim-space-0);
  --medisim-form-control-border-radius: var(--medisim-space-00);
  --medisim-form-control-font-family: var(--medisim-font-family-primary);
  --medisim-form-control-height: 48px;
  --medisim-form-control-height-sm: 40px;
  --medisim-form-control-height-lg: 72px;
  --medisim-form-control-font-size: var(--medisim-font-size-0);
  --medisim-form-control-font-size-sm: var(--medisim-font-size-00);
  --medisim-form-control-font-size-lg: var(--medisim-font-size-2);
  --medisim-form-control-padding-inline: var(--medisim-space-2);
  --medisim-form-control-padding-inline-sm: var(--medisim-space-1);
  --medisim-form-control-padding-inline-lg: var(--medisim-space-3);
  --medisim-form-control-padding-block: var(--medisim-space-2);
  --medisim-form-control-checkbox-radio-gap: var(--medisim-space-1);
  --medisim-form-label-font-family: var(--medisim-font-family-primary);
  --medisim-form-label-font-size: var(--medisim-font-size-0);
  --medisim-font-size-display-1: var(--medisim-font-size-7);
  --medisim-font-size-display-2: var(--medisim-font-size-5);
  --medisim-font-size-display-3: var(--medisim-font-size-4);
  --medisim-font-size-display-4: var(--medisim-font-size-3);
  --medisim-font-size-h1: var(--medisim-font-size-6);
  --medisim-font-size-h2: var(--medisim-font-size-5);
  --medisim-font-size-h3: var(--medisim-font-size-4);
  --medisim-font-size-h4: var(--medisim-font-size-3);
  --medisim-font-size-h5: var(--medisim-font-size-2);
  --medisim-font-size-h6: var(--medisim-font-size-1);
  --medisim-font-size-prefix: var(--medisim-font-size-00);
  --medisim-font-size-ingress: var(--medisim-font-size-2);
  --medisim-font-size-text-lg: var(--medisim-font-size-1);
  --medisim-font-size-text-default: var(--medisim-font-size-0);
  --medisim-font-size-text-sm: var(--medisim-font-size-00);
  --medisim-font-size-text-xs: var(--medisim-font-size-000);
  --medisim-badge-border-radius: var(--medisim-radius-xs);
  --medisim-badge-font-family: var(--medisim-font-family-primary);
  --medisim-badge-height: 32px;
  --medisim-badge-height-sm: 24px;
  --medisim-badge-height-lg: 40px;
  --medisim-badge-font-size: var(--medisim-font-size-00);
  --medisim-badge-font-size-sm: var(--medisim-font-size-000);
  --medisim-badge-font-size-lg: var(--medisim-font-size-0);
  --medisim-badge-padding-inline: var(--medisim-space-1);
  --medisim-badge-padding-inline-sm: var(--medisim-space-0);
  --medisim-badge-padding-inline-lg: var(--medisim-space-1);
  --medisim-badge-gap: var(--medisim-space-00);
  --medisim-badge-gap-sm: var(--medisim-space-00);
  --medisim-badge-gap-lg: var(--medisim-space-0);
  --medisim-heading-font-family: var(--medisim-font-family-primary);
}

@media screen and (max-width: 750px) {
  :root {
    --medisim-viewport-width: 480px;
    --medisim-grid-columns: 4;
    --medisim-gap: var(--medisim-space-3);
    --medisim-container-max-width: 480px;
    --medisim-container-padding-inline: 16px;
    --medisim-content-margin-between-paragraphs: var(--medisim-space-2);
    --medisim-content-max-width: 960px;
    --medisim-block-padding-block: 72px;
    --medisim-block-padding-block-lg: 108px;
    --medisim-block-padding-block-sm: 54px;
    --medisim-block-space-between: var(--medisim-space-4);
    --medisim-component-padding-xs: 8px;
    --medisim-component-padding-sm: 16px;
    --medisim-component-padding-md: 24px;
    --medisim-component-padding-lg: 32px;
    --medisim-component-padding-xl: 40px;
    --medisim-button-border-radius: var(--medisim-radius-full);
    --medisim-button-border-radius-icon-only: var(--medisim-radius-xs);
    --medisim-button-font-family: var(--medisim-font-family-primary);
    --medisim-button-height: 48px;
    --medisim-button-height-sm: 32px;
    --medisim-button-height-lg: 56px;
    --medisim-button-font-size: var(--medisim-font-size-00);
    --medisim-button-font-size-sm: var(--medisim-font-size-000);
    --medisim-button-font-size-lg: var(--medisim-font-size-0);
    --medisim-button-padding-inline: var(--medisim-space-3);
    --medisim-button-padding-inline-sm: var(--medisim-space-2);
    --medisim-button-padding-inline-lg: var(--medisim-space-4);
    --medisim-button-gap: var(--medisim-space-00);
    --medisim-button-gap-sm: var(--medisim-space-00);
    --medisim-button-gap-lg: var(--medisim-space-0);
    --medisim-form-control-border-radius: var(--medisim-space-00);
    --medisim-form-control-font-family: var(--medisim-font-family-primary);
    --medisim-form-control-height: 48px;
    --medisim-form-control-height-sm: 40px;
    --medisim-form-control-height-lg: 72px;
    --medisim-form-control-font-size: var(--medisim-font-size-0);
    --medisim-form-control-font-size-sm: var(--medisim-font-size-00);
    --medisim-form-control-font-size-lg: var(--medisim-font-size-2);
    --medisim-form-control-padding-inline: var(--medisim-space-2);
    --medisim-form-control-padding-inline-sm: var(--medisim-space-1);
    --medisim-form-control-padding-inline-lg: var(--medisim-space-3);
    --medisim-form-control-padding-block: var(--medisim-space-2);
    --medisim-form-control-checkbox-radio-gap: var(--medisim-space-1);
    --medisim-form-label-font-family: var(--medisim-font-family-primary);
    --medisim-form-label-font-size: var(--medisim-font-size-0);
    --medisim-font-size-display-1: var(--medisim-font-size-6);
    --medisim-font-size-display-2: var(--medisim-font-size-4);
    --medisim-font-size-display-3: var(--medisim-font-size-3);
    --medisim-font-size-display-4: var(--medisim-font-size-2);
    --medisim-font-size-h1: var(--medisim-font-size-5);
    --medisim-font-size-h2: var(--medisim-font-size-4);
    --medisim-font-size-h3: var(--medisim-font-size-3);
    --medisim-font-size-h4: var(--medisim-font-size-2);
    --medisim-font-size-h5: var(--medisim-font-size-1);
    --medisim-font-size-h6: var(--medisim-font-size-0);
    --medisim-font-size-prefix: var(--medisim-font-size-000);
    --medisim-font-size-ingress: var(--medisim-font-size-1);
    --medisim-font-size-text-lg: var(--medisim-font-size-1);
    --medisim-font-size-text-default: var(--medisim-font-size-0);
    --medisim-font-size-text-sm: var(--medisim-font-size-00);
    --medisim-font-size-text-xs: var(--medisim-font-size-000);
    --medisim-badge-border-radius: var(--medisim-radius-xs);
    --medisim-badge-font-family: var(--medisim-font-family-primary);
    --medisim-badge-height: 32px;
    --medisim-badge-height-sm: 24px;
    --medisim-badge-height-lg: 40px;
    --medisim-badge-font-size: var(--medisim-font-size-00);
    --medisim-badge-font-size-sm: var(--medisim-font-size-000);
    --medisim-badge-font-size-lg: var(--medisim-font-size-0);
    --medisim-badge-padding-inline: var(--medisim-space-1);
    --medisim-badge-padding-inline-sm: var(--medisim-space-0);
    --medisim-badge-padding-inline-lg: var(--medisim-space-1);
    --medisim-badge-gap: var(--medisim-space-00);
    --medisim-badge-gap-sm: var(--medisim-space-00);
    --medisim-badge-gap-lg: var(--medisim-space-0);
    --medisim-heading-font-family: var(--medisim-font-family-primary);
  }
}