@font-face {
  font-family: 'SuisseIntl';
  src: url('../fonts/SuisseIntl-Regular.woff2') format('woff2'),
       url('../fonts/SuisseIntl-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('../fonts/SuisseIntl-Medium.woff2') format('woff2'),
       url('../fonts/SuisseIntl-Medium.otf') format('opentype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'SuisseIntl';
  src: url('../fonts/SuisseIntl-SemiBold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: var(--font); background: #fff; color: var(--text-active); -webkit-font-smoothing: antialiased; }
button { font-family: var(--font); cursor: pointer; border: none; background: none; }
input  { font-family: var(--font); }
a      { text-decoration: none; color: inherit; }