* {
    font-family:Basel,sans-serif;
    box-sizing:border-box
  }
  @font-face {
    font-family:Basel;
    font-weight:535;
    font-style:normal;
    font-display:block;
    src:url('/fonts/Basel-Grotesk-Medium.woff2') format('woff2'),
    url('/fonts/Basel-Grotesk-Medium.woff') format('woff')
  }
  @font-face {
    font-family:Basel;
    font-weight:485;
    font-style:normal;
    font-display:block;
    src:url('/fonts/Basel-Grotesk-Book.woff2') format('woff2'),
    url('/fonts/Basel-Grotesk-Book.woff') format('woff')
  }
  @supports (font-variation-settings:normal) {
    * {
      font-family:Basel,sans-serif
    }
  }
  body,
  html {
    margin:0;
    padding:0
  }
  button {
    user-select:none
  }
  html {
    font-size:16px;
    font-weight:485;
    font-variant:none;
    font-smooth:always;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color:transparent
  }
  #background-radial-gradient {
    position:fixed;
    top:0;
    left:0;
    right:0;
    pointer-events:none;
    width:200vw;
    height:200vh;
    transform:translate(-50vw,-100vh);
    z-index:-1
  }
  #root,
  body,
  html {
    min-height:100%
  }
  @media (prefers-color-scheme:dark) {
    html {
      background:linear-gradient(#131313 0,#131313 100%)
    }
  }
  @media (prefers-color-scheme:light) {
    html {
      background:radial-gradient(100% 100% at 50% 0,rgba(255,184,226,0) 0,rgba(255,255,255,0) 100%),#fff
    }
  }