.css-80tl13 { display: flex; flex: 1 1 0%; overflow: hidden; background: rgb(229, 229, 229); position: relative; }
.css-14le3h7 { position: absolute; height: 16vh; background: rgb(11, 77, 155); top: 0px; left: 0px; right: 0px; display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; }
.css-14le3h7 > img { padding: 16px; }
.css-kzkx1t { flex: 1 1 0%; overflow: hidden; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); display: flex; width: 100vw; height: 84vh; max-width: 1134px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 4px; border-radius: 4px; }
@media only screen and (max-width: 599px) {
  .css-kzkx1t { top: 0px; height: 100%; border-radius: 0px; }
}
.css-1pojmvr { display: flex; flex-direction: row; flex: 1 1 0%; min-height: 0px; align-self: stretch; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1d45oes { position: relative; display: flex; flex-direction: column; align-self: stretch; background: rgb(8, 103, 184); -webkit-box-align: center; align-items: center; }
@media only screen and (min-width: 768px) {
  .css-1d45oes { max-width: 270px; width: 270px; }
}
@media only screen and (max-width: 599px) {
  .css-1d45oes { flex: 1 1 0%; }
}
.css-1d45oes > img { margin-top: 20px; }
.css-s4925f { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; padding: 24px; }
@media only screen and (min-width: 768px) {
  .css-s4925f { max-width: 270px; }
}
.css-x9ccai { display: flex; flex-direction: column; margin: 32px 0px 0px; font-size: 16px; }
.css-x9ccai > span { color: rgba(255, 255, 255, 0.6); font-style: normal; font-weight: bold; font-size: 14px; margin: 12px 0px; }
.css-10f7tyx > a { text-decoration: none; color: white; }
.css-4m8t31 { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; color: white; margin: 8px 0px; text-decoration: none; }
.css-4m8t31 > svg { margin-right: 12px; transition: 0.4s ease-in-out; }
.css-4m8t31 > svg:last-child { font-size: 12px; margin-left: 12px; opacity: 0; }
.css-4m8t31:hover { cursor: pointer; }
.css-4m8t31:hover > svg:last-child { opacity: 0.5; }
.css-sxkrpn { align-self: stretch; display: flex; flex-direction: column; color: white; font-size: 16px; margin: 8px 0px 0px; }
.css-sxkrpn > span { display: flex; flex-direction: row; }
.css-sxkrpn > span > svg { margin-right: 12px; }
.css-sxkrpn > div { font-size: 12px; display: flex; flex-direction: column; margin: 4px 0px 0px 30px; }
.css-1s191sr { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; color: white; margin: 8px 0px; text-decoration: none; }
.css-1s191sr > svg { margin-right: 12px; transition: 0.4s ease-in-out; }
.css-1s191sr > svg:last-child { font-size: 12px; margin-left: 12px; opacity: 0; }
.css-1s191sr:hover { cursor: pointer; }
.css-1s191sr:hover > svg:last-child { opacity: 0.5; }
.css-1c88qfb { display: flex; flex-direction: column; flex: 1 1 0%; align-self: stretch; min-height: 0px; }
.css-wbgyl1 { min-height: 0px; overflow: hidden auto; align-self: stretch; display: flex; flex: 1 1 0%; position: relative; }
.css-1gic6yg { flex-flow: column; padding: 0px 8px; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; min-height: 0px; flex: 1 1 0%; }
@media only screen and (min-width: 768px) {
  .css-1gic6yg { margin: 30px auto; padding: 0px 30px; }
}
.css-1qh4aj3 { flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; align-self: stretch; transition: 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; margin: 24px 12px; border-radius: 500px; display: flex; }
@media only screen and (min-width: 768px) {
  .css-1qh4aj3 { margin: 28px 30px; align-self: stretch; }
}
.css-10nvitp { display: flex; width: 100%; align-self: stretch; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-10nvitp > button { margin: 10px; }
.css-b7azs1 { position: relative; display: flex; align-self: stretch; flex-direction: column; width: 100%; flex: 1 1 0%; }
.css-b7azs1 > span { position: absolute; bottom: -20px; left: 30px; color: tomato; }
.css-15nda4v { flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 500px; padding: 0px 30px; font-size: 16px; color: rgb(74, 74, 74); }
.css-15nda4v:disabled { background: transparent; }
.css-17l7yx8 { display: flex; -webkit-box-pack: center; justify-content: center; color: rgb(8, 103, 184); margin: 5px; }
.css-17l7yx8 > span { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0px 10px; }
.css-17l7yx8 > span > svg { margin: 0px 5px; }
.css-o2j9ze { display: flex; flex-direction: row; }
.css-3x0vsx { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-3x0vsx > span { margin-top: 8px; font-size: 12px; font-weight: bold; color: rgb(242, 242, 242); }
.css-xj2v21 { display: flex; background: rgb(242, 242, 242); font-weight: 300; font-size: 42px; line-height: 60px; text-align: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(8, 103, 184); width: 60px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; margin: 0px 5px; border-radius: 4px; animation: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal both running flip-horizontal-bottom; }
@-webkit-keyframes flip-horizontal-bottom { 
  0% { transform: rotateX(180deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes flip-horizontal-bottom { 
  0% { transform: rotateX(180deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
.css-1x880er { display: flex; flex-direction: column; flex-shrink: 0; margin: 0px 50px 0px 0px; align-self: flex-start; }
.css-1x880er > span { font-size: 14px; }
.css-uiqgnq { display: flex; flex: 0 0 auto; margin: 10px 0px; width: 100%; align-self: flex-start; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
@media only screen and (max-width: 599px) {
  .css-uiqgnq { width: 95%; }
}
.css-uiqgnq > span { font-style: italic; font-size: 25px; font-weight: 300; text-align: center; }
.css-s7wlwf { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(214, 214, 214); }
.css-s7wlwf > div { border-radius: 50%; background-image: url("./static/media/felicidade.6b79e84d.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-s7wlwf > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-3o2vej { transition: 0.2s ease-in-out; display: flex; flex: 1 1 0%; position: relative; align-self: unset; margin-left: 20px; border-left: 12px solid rgb(214, 214, 214); background: rgb(237, 237, 237); color: rgb(66, 66, 66); border-radius: 5px; min-width: 140px; }
.css-3o2vej > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-3o2vej > span.full { width: 100%; }
.css-3o2vej > svg { transition: color 0.2s ease-in-out; color: rgb(214, 214, 214); position: absolute; top: 50%; transform: translateY(-50%); left: -32px; font-size: 40px; }
.css-7gevgu { display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-7gevgu > button { margin: 16px; }
@media only screen and (max-width: 599px) {
  .css-7gevgu > button { margin: 12px 0px; }
}
.css-1qjumrt { cursor: pointer; margin: 0px 0px 0px 20px; vertical-align: middle; display: inline-block; background-color: rgb(17, 79, 186); text-decoration: none; color: rgb(255, 255, 255); min-width: 127px; text-align: center; padding: 9px 16px; font-size: 13px; border-radius: 50px; }
.css-1qjumrt:hover, .css-1qjumrt:focus { text-decoration: none; background-color: rgb(13, 64, 153); }
.css-1qjumrt:disabled { background-color: rgb(169, 169, 169); cursor: unset; }
.css-1qjumrt b { font-weight: 800; margin-left: 5px; font-size: 14px; }
.css-qb2qqy { display: flex; flex-direction: column; flex-shrink: 0; margin: 0px 0px 0px 50px; align-self: flex-end; }
.css-qb2qqy > span { font-size: 14px; }
.css-1vhyug6 { transition: 0.2s ease-in-out; display: flex; flex: 0 0 auto; position: relative; align-self: flex-end; margin-right: 20px; border-right: 12px solid rgb(214, 214, 214); background: rgb(237, 237, 237); color: rgb(66, 66, 66); border-radius: 5px; min-width: 140px; }
.css-1vhyug6 > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-1vhyug6 > span.full { width: 100%; }
.css-1vhyug6 > svg { transition: color 0.2s ease-in-out; color: rgb(214, 214, 214); position: absolute; top: 50%; transform: translateY(-50%); right: -32px; font-size: 40px; }
.css-4q2774 { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(214, 214, 214); }
.css-4q2774 > div { border-radius: 50%; background-image: url("./static/media/confusa.58d3b81c.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-4q2774 > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1rnlxfv { display: flex; flex-direction: column; }
.css-1rnlxfv > button { margin: 10px 80px; }
.css-wb940p { display: flex; flex-flow: column; flex: 1 1 1%; width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-wb940p > p { margin-top: 20px; font-size: 14px; }
.css-176w0hu { display: flex; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-x59uo5 { display: flex; flex-direction: column; transition: 0.2s ease-in-out; margin: 5px 2px; border: 1px solid lightgray; padding: 5px; user-select: none; }
.css-x59uo5 > img { background: lightgray; }
.css-x59uo5:hover { cursor: pointer; }
.css-x59uo5 > img { transition: 0.2s ease-in-out; padding: 5px; }
.css-197nm1a { display: flex; flex-direction: row; margin: 15px; }
.css-197nm1a > button { margin: 0px 10px; }
.css-1ottlnu { display: flex; flex-direction: column; transition: 0.2s ease-in-out; margin: 5px 2px; border: 1px dashed rgb(0, 116, 217); border-radius: 5px; padding: 5px; user-select: none; }
.css-1ottlnu > img { background: rgb(153, 189, 221); }
.css-1ottlnu:hover { cursor: pointer; }
.css-1ottlnu > img { transition: 0.2s ease-in-out; padding: 5px; }
.css-1gcq8f1 { display: flex; text-align: center; color: rgb(233, 30, 99); font-size: 13px; }
.css-v9u0jw { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(214, 214, 214); }
.css-v9u0jw > div { border-radius: 50%; background-image: url("./static/media/normal.ef09b19d.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-v9u0jw > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1c97vgy { flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; align-self: stretch; transition: 0.2s ease-in-out; box-shadow: rgba(25, 95, 190, 0.7) 0px 0px 15px; margin: 24px 12px; border-radius: 500px; display: flex; }
@media only screen and (min-width: 768px) {
  .css-1c97vgy { margin: 28px 30px; align-self: stretch; }
}
.css-11ramic { display: flex; flex: 1 0 0%; margin: 10px 0px; align-self: flex-start; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
@media only screen and (max-width: 599px) {
  .css-11ramic { width: 95%; }
}
.css-11ramic > span { font-style: italic; font-size: 25px; font-weight: 300; text-align: center; }
.css-1ap52uv-style { background-color: rgb(204, 204, 204); width: 8px; height: 8px; margin: 2px; border-radius: 100%; display: inline-block; animation: 0.6s ease-in-out 0.07s infinite normal both running animation-10yals0; }
@-webkit-keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
@keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
.css-1qbd0sq-style { background-color: rgb(204, 204, 204); width: 8px; height: 8px; margin: 2px; border-radius: 100%; display: inline-block; animation: 0.6s ease-in-out 0.14s infinite normal both running animation-10yals0; }
@-webkit-keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
@keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
.css-aozzvq-style { background-color: rgb(204, 204, 204); width: 8px; height: 8px; margin: 2px; border-radius: 100%; display: inline-block; animation: 0.6s ease-in-out 0.21s infinite normal both running animation-10yals0; }
@-webkit-keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
@keyframes animation-10yals0 { 
  33% { transform: translateY(10px); }
  66% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
.css-o7aou1 { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; text-decoration: underline; display: inline; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }
.css-o7aou1:hover, .css-o7aou1:focus { text-decoration: none; }
.css-y0fpqq { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(214, 214, 214); }
.css-y0fpqq > div { border-radius: 50%; background-image: url("./static/media/normal_piscando.7c2f5b52.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-y0fpqq > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-o855cl { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(214, 214, 214); }
.css-o855cl > div { border-radius: 50%; background-image: url("./static/media/triste_erro.52ac4ce8.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-o855cl > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-dxrbsu { display: flex; flex: 1 1 0%; flex-direction: row; }
@media only screen and (max-width: 599px) {
  .css-dxrbsu { flex-direction: column-reverse; }
}
.css-17m656a { position: relative; display: flex; flex-direction: column; align-self: stretch; background: rgb(8, 103, 184); -webkit-box-align: center; align-items: center; }
@media only screen and (min-width: 768px) {
  .css-17m656a { max-width: 270px; width: 270px; }
}
@media only screen and (max-width: 599px) {
  .css-17m656a { flex: unset; }
}
.css-17m656a > img { margin-top: 20px; }
.css-15jw0c5 { display: flex; flex-direction: column; padding: 20px 0px 20px 10px; align-self: stretch; overflow: hidden auto; -webkit-box-pack: justify; justify-content: space-between; height: 100%; }
@media only screen and (max-width: 599px) {
  .css-15jw0c5 { flex-direction: row; padding: 0px; overflow: auto hidden; width: 100vw; }
}
.css-vzoa3y { display: flex; flex-direction: column; flex-shrink: 0; }
@media only screen and (max-width: 599px) {
  .css-vzoa3y { flex-direction: row; }
}
.css-6nj1yj { user-select: none; display: flex; position: relative; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; font-size: 16px; color: white; transition: color 0.2s ease-in-out; }
@media only screen and (max-width: 599px) {
  .css-6nj1yj { flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 56px; height: 52px; }
}
@media only screen and (min-width: 768px) {
  .css-6nj1yj { padding: 8px; }
}
.css-6nj1yj > svg { transition: color 0.2s ease-in-out -0.2s; font-size: 24px; }
.css-6nj1yj:hover { cursor: pointer; }
.css-1ckwuji { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; position: relative; margin-left: 12px; align-self: stretch; width: 100%; }
.css-1ckwuji > span { display: flex; flex-direction: column; align-self: stretch; white-space: nowrap; }
.css-1ckwuji > span > span { margin-top: 3px; font-size: 10px; }
@media only screen and (max-width: 599px) {
  .css-1ckwuji > span { min-width: 0px; }
}
.css-1mtkfog { display: flex; flex-direction: column; flex: 1 1 0%; }
.css-35f8g6 { min-height: 0px; display: flex; flex: 1 1 auto; flex-direction: column; overflow-y: auto; height: 100px; align-self: stretch; }
.css-dnz5hk { position: relative; min-height: 0px; display: flex; width: 100%; flex: 1 1 0%; align-self: center; flex-direction: column; -webkit-box-align: center; align-items: center; color: rgb(74, 74, 74); -webkit-box-pack: start; justify-content: flex-start; }
.css-12jrde7 { display: flex; flex-direction: column; -webkit-box-align: center; place-items: center; -webkit-box-pack: start; place-content: center flex-start; min-height: 0px; flex: 1 1 0%; width: 100%; }
.css-12jrde7 > form { display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; min-height: 0px; flex: 1 1 0%; width: 100%; }
.css-yq7480 { position: relative; min-height: 0px; align-self: stretch; overflow: hidden auto; margin: 10px 0px; }
.css-1ww02rk { display: flex; align-self: stretch; flex: 1 1 0%; min-height: 0px; }
.css-1ww02rk > div { margin: 0px auto; }
.css-d4bxoq { display: flex; flex-direction: column; flex: 1 1 0%; align-self: stretch; min-height: 0px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 800px; padding: 0px 12px; height: 100%; }
@media only screen and (max-width: 599px) {
  .css-d4bxoq { max-width: 95%; }
}
.css-4fyxpi { display: flex; flex: 1 0 0%; margin: 10px 0px; width: 100%; align-self: center; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
@media only screen and (max-width: 599px) {
  .css-4fyxpi { width: 95%; }
}
.css-4fyxpi > span { font-style: italic; font-size: 25px; font-weight: 300; text-align: center; }
.css-1u39n0h { width: 97px; }
@media only screen and (max-width: 599px) {
  .css-1u39n0h { width: 78px; }
}
.css-1ibqy1r { transition: 0.2s ease-in-out; display: flex; flex: 1 1 0%; position: relative; align-self: unset; background: rgb(237, 237, 237); color: rgb(66, 66, 66); border-radius: 5px; min-width: 140px; }
.css-1ibqy1r > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-1ibqy1r > span.full { width: 100%; }
.css-1ibqy1r > svg { transition: color 0.2s ease-in-out; color: rgb(214, 214, 214); position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; }
.css-3b5k8a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; overflow: hidden; flex-shrink: 0; }
.css-5aalu8 { margin: 12px; position: relative; }
.css-5aalu8 svg { margin: 0px 8px; }
.css-11fs7lx { display: flex; flex-direction: column; }
.css-11fs7lx > span { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-11fs7lx > span > span { margin-right: 12px; }
.css-gvoj8n { display: flex; flex-direction: row; align-self: stretch; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background: rgba(0, 0, 0, 0.02); padding: 4px 12px; }
@media only screen and (min-width: 768px) {
  .css-gvoj8n { padding: 12px 20px; }
}
.css-16r3k2g { color: rgba(0, 0, 0, 0.25); }
.css-16r3k2g > h3 { font-weight: 400; font-size: 14px; line-height: 20px; margin: 0px; }
.css-16r3k2g > span { font-size: 11px; }
.css-1t95esl { user-select: none; display: flex; position: relative; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; font-size: 16px; margin-left: 8px; background: white; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; color: rgb(8, 103, 184); transition: color 0.2s ease-in-out; }
@media only screen and (max-width: 599px) {
  .css-1t95esl { flex-direction: column; -webkit-box-pack: center; justify-content: center; width: 56px; height: 52px; }
}
@media only screen and (min-width: 768px) {
  .css-1t95esl { padding: 8px; margin-left: 8px; background: white; box-shadow: rgba(0, 0, 0, 0.25) -4px 0px 4px; }
}
.css-1t95esl > svg { transition: color 0.2s ease-in-out -0.2s; font-size: 24px; }
.css-1t95esl:hover { cursor: pointer; }
.css-ft3fs5 { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 20px; height: 20px; min-width: 20px; min-height: 20px; border: 2px solid rgb(214, 214, 214); }
.css-ft3fs5 > div { border-radius: 50%; background-image: url("./static/media/normal.ef09b19d.png"); background-size: cover; background-position: center top; width: 20px; height: 20px; min-width: 20px; min-height: 20px; }
.css-ft3fs5 > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1sc2pwz { display: flex; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0px 12px; height: 52px; background: rgb(11, 77, 155); color: white; }
.css-tob6pf { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 50px; height: 50px; min-width: 50px; min-height: 50px; border: 4px solid rgb(214, 214, 214); }
.css-tob6pf > div { border-radius: 50%; background-image: url("./static/media/normal_piscando.7c2f5b52.png"); background-size: cover; background-position: center top; width: 50px; height: 50px; min-width: 50px; min-height: 50px; }
.css-tob6pf > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1h3lf6o { display: flex; flex: 0 0 auto; margin: 10px 0px; width: 100%; align-self: center; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
@media only screen and (max-width: 599px) {
  .css-1h3lf6o { width: 95%; }
}
.css-1h3lf6o > span { font-style: italic; font-size: 25px; font-weight: 300; text-align: center; }
.css-3sh40q { display: flex; flex-direction: column; align-self: stretch; flex-shrink: 0; }
.css-1ih1zar { display: flex; align-self: center; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 5px 0px; font-size: 14px; width: 100%; }
.css-1ih1zar > svg { font-size: 45px; }
@media only screen and (min-width: 768px) {
  .css-1ih1zar { width: 80%; }
}
.css-12x087r { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(229, 57, 53); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(183, 28, 28); }
.css-12x087r > div { border-radius: 50%; background-image: url("./static/media/raiva.0f949b09.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-12x087r > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-bfhbxk { transition: 0.2s ease-in-out; display: flex; flex: 1 1 0%; position: relative; align-self: unset; margin-left: 20px; border-left: 12px solid rgb(183, 28, 28); background: rgb(229, 57, 53); color: rgb(250, 250, 250); border-radius: 5px; min-width: 140px; }
.css-bfhbxk > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-bfhbxk > span.full { width: 100%; }
.css-bfhbxk > svg { transition: color 0.2s ease-in-out; color: rgb(183, 28, 28); position: absolute; top: 50%; transform: translateY(-50%); left: -32px; font-size: 40px; }
.css-8c6prb { display: flex; position: absolute; bottom: 50%; transform: translateY(50%); right: 10px; place-self: center; color: rgb(251, 192, 45); }
.css-8c6prb > svg { font-size: 14px; }
@media only screen and (max-width: 599px) {
  .css-8c6prb { top: -4px; bottom: unset; right: 4px; }
}
.css-1rshj8s { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(237, 237, 237); width: 50px; height: 50px; min-width: 50px; min-height: 50px; border: 4px solid rgb(214, 214, 214); }
.css-1rshj8s > div { border-radius: 50%; background-image: url("./static/media/normal.ef09b19d.png"); background-size: cover; background-position: center top; width: 50px; height: 50px; min-width: 50px; min-height: 50px; }
.css-1rshj8s > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1kakk9a { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(229, 57, 53); width: 45px; height: 45px; min-width: 45px; min-height: 45px; border: 4px solid rgb(183, 28, 28); }
.css-1kakk9a > div { border-radius: 50%; background-image: url("./static/media/raiva.0f949b09.png"); background-size: cover; background-position: center top; width: 45px; height: 45px; min-width: 45px; min-height: 45px; }
.css-1kakk9a > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-diekh9 { display: flex; align-self: center; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 5px 0px; font-size: 14px; width: 100%; }
.css-diekh9 > svg { font-size: 45px; }
@media only screen and (min-width: 768px) {
  .css-diekh9 { width: 50%; }
}
.css-hx52a5 { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(253, 216, 53); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(249, 168, 37); }
.css-hx52a5 > div { border-radius: 50%; background-image: url("./static/media/triste_erro.52ac4ce8.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-hx52a5 > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-128kxe7 { transition: 0.2s ease-in-out; display: flex; flex: 1 1 0%; position: relative; align-self: unset; margin-left: 20px; border-left: 12px solid rgb(249, 168, 37); background: rgb(253, 216, 53); color: rgb(66, 66, 66); border-radius: 5px; min-width: 140px; }
.css-128kxe7 > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-128kxe7 > span.full { width: 100%; }
.css-128kxe7 > svg { transition: color 0.2s ease-in-out; color: rgb(249, 168, 37); position: absolute; top: 50%; transform: translateY(-50%); left: -32px; font-size: 40px; }
.css-121tkja { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(253, 216, 53); width: 45px; height: 45px; min-width: 45px; min-height: 45px; border: 4px solid rgb(249, 168, 37); }
.css-121tkja > div { border-radius: 50%; background-image: url("./static/media/triste_erro.52ac4ce8.png"); background-size: cover; background-position: center top; width: 45px; height: 45px; min-width: 45px; min-height: 45px; }
.css-121tkja > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-dmzq5t > data-code { font-weight: bold; letter-spacing: 0.05em; font-family: "Courier New", Courier, monospace; }
.css-vn3vmt { display: flex; position: absolute; bottom: 50%; transform: translateY(50%); right: 10px; place-self: center; color: rgb(139, 195, 74); }
.css-vn3vmt > svg { font-size: 14px; }
@media only screen and (max-width: 599px) {
  .css-vn3vmt { top: -4px; bottom: unset; right: 4px; }
}
.css-gd08zl { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(144, 202, 249); width: 45px; height: 45px; min-width: 45px; min-height: 45px; border: 4px solid rgb(21, 101, 192); }
.css-gd08zl > div { border-radius: 50%; background-image: url("./static/media/surpresa.5ddefe6b.png"); background-size: cover; background-position: center top; width: 45px; height: 45px; min-width: 45px; min-height: 45px; }
.css-gd08zl > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }
.css-1nalen3 { transition: 0.2s ease-in-out; display: flex; flex: 1 1 0%; position: relative; align-self: unset; margin-left: 20px; border-left: 12px solid rgb(21, 101, 192); background: rgb(144, 202, 249); color: rgb(66, 66, 66); border-radius: 5px; min-width: 140px; }
.css-1nalen3 > span { padding: 0px 16px; overflow: hidden; font-size: 14px; }
.css-1nalen3 > span.full { width: 100%; }
.css-1nalen3 > svg { transition: color 0.2s ease-in-out; color: rgb(21, 101, 192); position: absolute; top: 50%; transform: translateY(-50%); left: -32px; font-size: 40px; }
.css-1meb55q { position: relative; transition: 0.2s ease-in-out; border-radius: 50%; background: rgb(144, 202, 249); width: 70px; height: 70px; min-width: 70px; min-height: 70px; border: 4px solid rgb(21, 101, 192); }
.css-1meb55q > div { border-radius: 50%; background-image: url("./static/media/surpresa.5ddefe6b.png"); background-size: cover; background-position: center top; width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
.css-1meb55q > span { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); color: white; background: rgb(8, 103, 184); padding: 3px 10px; font-size: 12px; border-radius: 500px; box-shadow: white 0px 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 2px 0px inset, rgba(0, 0, 0, 0.1) 0px 2px 0px 2px; }