html {
  line-height: 1.5;
  text-size-adjust: 100%;
  font-family: system-ui,sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  touch-action: manipulation;
}

body {
  position: relative;
  min-height: 100%;
  margin: 0px;
  font-feature-settings: "kern";
}

:where(*) {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

main {
  display: block;
}

:where(pre,code,kbd,samp) {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: inherit;
}

:where(b,strong) {
  font-weight: bold;
}

:where(sub,sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

img {
  border-style: none;
}

:where(button,input,optgroup,select,textarea) {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0px;
}

:where(button,input) {
  overflow: visible;
}

:where(button,select) {
  text-transform: none;
}

:where() {
  border-style: none;
  padding: 0px;
}

legend {
  box-sizing: border-box;
  color: inherit;
}

:where([type="checkbox"],[type="radio"]) {
  box-sizing: border-box;
  padding: 0px;
}

input[type="search"] {
  appearance: textfield;
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
  appearance: none!important;
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre) {
  margin: 0px;
}

button {
  background: transparent;
  padding: 0px;
}

fieldset {
  margin: 0px;
  padding: 0px;
}

:where(ol,ul) {
  margin: 0px;
  padding: 0px;
}

:where(button,[role="button"]) {
  cursor: pointer;
}

:where(h1,h2,h3,h4,h5,h6) {
  font-size: inherit;
  font-weight: inherit;
}

:where(button,input,optgroup,select,textarea) {
  padding: 0px;
  line-height: inherit;
  color: inherit;
}

:where(img,svg,video,canvas,audio,iframe,embed,object) {
  display: block;
}

:where(img,video) {
  max-width: 100%;
  height: auto;
}

:root,
:host {
  --chakra-vh: 100vh;
}

@supports (height:-webkit-fill-available) {
  :root,
  :host {
    --chakra-vh: -webkit-fill-available;
  }
}

@supports (height:-moz-fill-available) {
  :root,
  :host {
    --chakra-vh: -moz-fill-available;
  }
}

@supports (height:100dvh) {
  :root,
  :host {
    --chakra-vh: 100dvh;
  }
}