.chakra-ui-light :host:not([data-theme]), .chakra-ui-light :root:not([data-theme]), .chakra-ui-light [data-theme]:not([data-theme]), [data-theme="light"] :host:not([data-theme]), [data-theme="light"] :root:not([data-theme]), [data-theme="light"] [data-theme]:not([data-theme]), :host[data-theme="light"], :root[data-theme="light"], [data-theme][data-theme="light"] {
  --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
  --chakra-colors-chakra-body-bg: var(--chakra-colors-white);
  --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
  --chakra-colors-chakra-inverse-text: var(--chakra-colors-white);
  --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
  --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600);
  --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500);
}

:host, :root, [data-theme] {
  --chakra-colors-gray-200: #E2E8F0;
  --chakra-colors-gray-800: #1A202C;
  --chakra-fonts-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --chakra-lineHeights-base: 1.5;
  --chakra-transition-duration-normal: 200ms;
}

html {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  text-rendering: optimizelegibility;
}

*, ::before, ::after {
  border-color: var(--chakra-colors-chakra-border-color);
}

body {
  font-family: var(--chakra-fonts-body);
  color: var(--chakra-colors-chakra-body-text);
  line-height: var(--chakra-lineHeights-base);
}
body {
  font-feature-settings: "kern";
}

@media only screen and (min-width: 1024px) {
  .container-geral {
    width: 450px;
    border: 1px solid #ccc;
    margin: 0 auto;
    height: 100vh;
    overflow-y: auto;
    scroll-behavior: smooth;
  }
}
@media screen and (min-width: 48em) {
  .css-upujpr {
    width: 100%;
  }
}
.css-upujpr {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  width: 100vw;
  height: 99.5vh;
  background: rgb(8, 6, 19);
  color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
}

.css-jgkklj {
  width: 100%;
  margin-inline: auto;
  max-width: var(--chakra-sizes-prose);
  display: flex;
  flex-direction: column;
  -moz-box-align: center;
  align-items: center;
  padding-inline: 0px;
}

.css-1v65fd5 {
  margin-top: var(--chakra-space-8);
  margin-bottom: var(--chakra-space-8);
  width: 200px;
}
img {
  border-style: none;
}
*, ::before, ::after {
  border-color: var(--chakra-colors-chakra-border-color);
}
:where(img, video) {
  max-width: 100%;
  height: auto;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(*, *::before, *::after) {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.css-upujpr {
  color: rgb(255, 255, 255);
}

.css-thcd6o {
  width: 100%;
  display: flex;
  position: relative;
  isolation: isolate;
  margin-top: var(--chakra-space-1);
  margin-bottom: var(--chakra-space-1);
}

.css-1cw84h2 {
  left: 0px;
  width: var(--chakra-sizes-10);
  height: var(--chakra-sizes-10);
  font-size: var(--chakra-fontSizes-md);
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  z-index: 2;
  pointer-events: none;
}
[hidden] {
  display: none !important;
}
.css-3uckle {
  width: var(--chakra-sizes-6);
  height: var(--chakra-sizes-6);
  display: inline-block;
  line-height: 1em;
  flex-shrink: 0;
  color: rgb(117, 117, 117);
  margin-top: var(--chakra-space-2);
}

:where(*, *::before, *::after) {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.css-ye7ng6 {
  display: inline-flex;
  appearance: none;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  user-select: none;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  outline: transparent solid 2px;
  outline-offset: 2px;
  line-height: 1.2;
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  height: var(--chakra-sizes-10);
  min-width: var(--chakra-sizes-10);
  font-size: var(--chakra-fontSizes-md);
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  background: rgb(9, 99, 229);
  color: rgb(255, 255, 255);
  width: 100%;
  margin-top: var(--chakra-space-4);
  padding-top: var(--chakra-space-4);
  padding-bottom: var(--chakra-space-4);
  border-radius: 12px;
  font-weight: var(--chakra-fontWeights-bold);
}
button {
  background: transparent;
  padding: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.css-1gajbz1:hover, .css-1gajbz1[data-hover] {
  border-color: var(--chakra-colors-gray-300);
}
.css-1gajbz1 {
  min-width: 0px;
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
  appearance: none;
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  font-size: var(--chakra-fontSizes-md);
  padding-inline-start: var(--chakra-space-10);
  padding-inline-end: var(--chakra-space-4);
  height: var(--chakra-sizes-10);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: inherit;
  padding-top: var(--chakra-space-6);
  padding-bottom: var(--chakra-space-6);
  width: 100%;
  border-radius: 12px;
  background: var(--chakra-colors-white);
  color: var(--chakra-colors-black);
}
.css-upujpr {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  width: 100vw;
  height: 99.5vh;
  background: rgb(8, 6, 19);
  color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
}

:host, :root, [data-theme] {
  --chakra-colors-gray-200: #E2E8F0;
  --chakra-colors-gray-800: #1A202C;
  --chakra-fonts-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --chakra-lineHeights-base: 1.5;
  --chakra-space-4: 1rem;
  --chakra-sizes-prose: 60ch;
  --chakra-transition-duration-normal: 200ms;
}

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

.css-1gajbz1:hover, .css-1gajbz1[data-hover] {
  border-color: var(--chakra-colors-gray-300);
}

.css-1gajbz1 {
  min-width: 0px;
  outline: transparent solid 2px;
  outline-offset: 2px;
  position: relative;
  appearance: none;
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  font-size: var(--chakra-fontSizes-md);
  padding-inline-start: var(--chakra-space-10);
  padding-inline-end: var(--chakra-space-4);
  height: var(--chakra-sizes-10);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: inherit;
  padding-top: var(--chakra-space-6);
  padding-bottom: var(--chakra-space-6);
  width: 100%;
  border-radius: 12px;
  background: var(--chakra-colors-white);
  color: var(--chakra-colors-black);
}

:host, :root, [data-theme] {
  --chakra-colors-black: #000000;
  --chakra-colors-white: #FFFFFF;
  --chakra-colors-gray-200: #E2E8F0;
  --chakra-colors-gray-300: #CBD5E0;
  --chakra-colors-gray-800: #1A202C;
  --chakra-fonts-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --chakra-fontSizes-md: 1rem;
  --chakra-lineHeights-base: 1.5;
  --chakra-space-1: 0.25rem;
  --chakra-space-4: 1rem;
  --chakra-space-6: 1.5rem;
  --chakra-space-10: 2.5rem;
  --chakra-sizes-10: 2.5rem;
  --chakra-transition-property-common: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
  --chakra-transition-duration-normal: 200ms;
}

.css-5raazl {
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-fast);
  transition-timing-function: var(--chakra-transition-easing-ease-out);
  cursor: pointer;
  text-decoration: none;
  outline: transparent solid 2px;
  outline-offset: 2px;
  margin-top: var(--chakra-space-4);
  color: rgb(255, 255, 255);
  font-size: var(--chakra-fontSizes-lg);
}
a {
  background-color: transparent;
  color: inherit;
  text-decoration: inherit;
}
*, ::before, ::after {
  border-color: var(--chakra-colors-chakra-border-color);
}
:where(*, *::before, *::after) {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

.css-ani3n5 {
  text-align: right !important;
}

:where(button, input, optgroup, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0px;
}
:where(button, input) {
  overflow: visible;
}
:where(*, *::before, *::after) {
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  overflow-wrap: break-word;
}
.css-ani3n5 {
  text-align: right;
  width: 100%;
}
*, ::before, ::after {
  border-color: var(--chakra-colors-chakra-border-color);
}
:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
  margin: 0px;
}

@media screen and (min-width: 48em) {
  .css-upujpr {
    width: 100%;
  }
}

.css-12afg9s:hover, .css-12afg9s[data-hover] {
  background: var(--chakra-colors-gray-200);
}

.css-12afg9s:hover, .css-12afg9s[data-hover] {
  background: var(--chakra-colors-gray-200);
}

.css-12afg9s {
  display: inline-flex;
  appearance: none;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  user-select: none;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  outline: transparent solid 2px;
  outline-offset: 2px;
  line-height: 1.2;
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  height: var(--chakra-sizes-10);
  min-width: var(--chakra-sizes-10);
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  margin-top: var(--chakra-space-1);
  margin-bottom: var(--chakra-space-1);
  background: var(--chakra-colors-white);
  color: rgb(9, 99, 229);
  width: 100%;
  font-size: 12px;
 
  border-style: solid;
  border-color: rgb(68, 68, 68);
  padding: 0px;
  font-weight: var(--chakra-fontWeights-bold);
  border-radius: 12px;
}

.css-4isjm7 {
  display: inline-block;
  line-height: 1em;
  flex-shrink: 0;
  color: rgb(9, 99, 229);
  padding-left: var(--chakra-space-1);
  width: var(--chakra-sizes-6);
  height: var(--chakra-sizes-6);
}

.css-o2zrh0 {
  display: inline-flex;
  appearance: none;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  user-select: none;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  outline: transparent solid 2px;
  outline-offset: 2px;
  line-height: 1.2;
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  height: var(--chakra-sizes-10);
  min-width: var(--chakra-sizes-10);
  font-size: var(--chakra-fontSizes-md);
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  background: rgb(255, 255, 255);
  color: rgb(8, 6, 19);
  width: 100%;
  padding-top: var(--chakra-space-4);
  padding-bottom: var(--chakra-space-4);
  border-radius: 12px;
  font-weight: var(--chakra-fontWeights-bold);
}

.css-19bnau2 {
  position: relative;
  padding: var(--chakra-space-6);
  width: 100%;
}

.css-svjswr {
  opacity: 0.6;
  border-width: 0px 0px 1px;
  border-image: none;
  border-color: inherit;
  border-style: solid;
  width: 100%;
}
hr {
  border-top-width: 1px;
  box-sizing: content-box;
  height: 0px;
  overflow: visible;
}

.css-1vjma3w {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: rgb(8, 6, 19);
  padding-inline-start: var(--chakra-space-4);
  padding-inline-end: var(--chakra-space-4);
  font-size: var(--chakra-fontSizes-md);
  position: absolute;
}

@media only screen and (min-width: 1024px) {
  .container-geral {
    width: 450px;
    border: 1px solid #ccc;
    margin: 0 auto;
    height: 100vh;
    overflow-y: auto;
    scroll-behavior: smooth;
  }
}
@media screen and (min-width: 48em) {
  .css-upujpr {
    width: 100%;
  }
}