@layer base {
      html, body {
        margin: 0;
        padding: 0;
        overflow-x: clip;
      }
      html {
        overflow-y: auto;
        scroll-padding-top: 9rem;
      }
      body {
        min-height: 100vh;
        height: auto;
        overflow-y: visible;
        touch-action: pan-y pinch-zoom;
      }
      main > :first-child {
        margin-top: 0 !important;
      }
      main > :last-child {
        margin-bottom: 0 !important;
      }
    }
    html {
      scrollbar-width: thin;
      scrollbar-color: #424754 #131315;
    }
    html::-webkit-scrollbar {
      width: 8px;
    }
    html::-webkit-scrollbar-thumb {
      background: #424754;
      border-radius: 9999px;
    }