@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@import url("https://fonts.googleapis.com/css?family=Poppins:500,400,600");

/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.ytdapp.com/65b11d729afa7456efe22fd0.65b11d729afa7456efe22fd3.2xrAcBX.hch.png");


.screen textarea:focus,
.screen input:focus {
    outline: none;
}

.screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
}

.component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
    pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
    visibility: hidden !important;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.container-center-vertical>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.auto-ytdted div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-ytdted input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-ytdted .container-center-vertical,
.auto-ytdted .container-center-horizontal {
    opacity: 1;
}

.overlay-base {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.overlay-base.ytdte-appear {
    align-items: center;
    ytdtion: reveal 0.3s ease-in-out 1 normal forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.overlay-base.ytdte-disappear {
    ytdtion: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
}

.overlay-base.ytdte-disappear * {
    pointer-events: none;
}

@keyframes reveal {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ytdte-nodelay {
    ytdtion-delay: 0s;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-flex-center {
    align-self: flex-center;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

input:focus {
    outline: none;
}

.listeners-active,
.listeners-active * {
    pointer-events: auto;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

.smart-layers-pointers,
.smart-layers-pointers * {
    pointer-events: auto;
    visibility: visible;
}

.listeners-active-click,
.listeners-active-click * {
    cursor: pointer;
}

* {
    box-sizing: border-box;
}

:root {
    --black: #000000;
    --caridade: #f4f3fd;
    --frade: #9ee4db;
    --morenito: #ffee5b;
    --morenitodark: #decf4a;
    --neutralcateespero: #282626;
    --neutralwhite: #ffffff;
    --neutralzedabassas: #767373;

    --font-size-l: 22px;
    --font-size-m: 20px;
    --font-size-s: 16px;
    --font-size-xl: 22.9px;
    --font-size-xs: 11.9px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 72px;

    --font-family-poppins: "Poppins", Helvetica;
}

.h2semibold {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
}

.bodysemibold {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0px;
}

.bodyregular {
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
}

.poppins-normal-black-20px {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-11-9px {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-20px-2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-20px-3 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-20px-4 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-11-9px-2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-11-9px-3 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

.poppins-normal-black-11-9px-4 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
}

:root {}


/* screen - mobile */

.mobile {
    background-color: var(--neutralwhite);
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.mobile .frame-2167-TfdXSs {
    align-items: flex-start;
    background-color: transparent;
    display: inline-flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
}

.mobile .frame-2164-x7hWDx {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    position: relative;
    width: 100%;
}

.mobile .logos-yestoday-vnonkE {
    background-color: transparent;
    height: 32px;
    position: relative;
    width: 181px;
}

.mobile .frame-2152-x7hWDx {
    align-self: stretch;
    background-color: transparent;
    background-image: url(src/background-image.png);
    background-position: 50% 50%;
    background-size: cover;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: var(--neutralcateespero);
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-top-width: 2px;
    flex: 1;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.mobile .hand-itSUx7 {
    background-color: transparent;
    height: 424px;
    left: 113px;
    overflow: hidden;
    position: relative;
    top: 44px;
    transform: rotate(-22.51deg);
    width: 344px;
}

.mobile .vector-72-Kmba3n {
    background-color: transparent;
    height: 290px;
    left: 86px;
    position: absolute;
    top: 50px;
    transform: rotate(22.51deg);
    width: 202px;
}

.mobile .ilustracao_-sem_-titulo-95-3-Kmba3n {
    background-color: transparent;
    height: 380px;
    left: -38px;
    object-fit: cover;
    position: absolute;
    top: -64px;
    transform: rotate(22.51deg);
    width: 348px;
}

.mobile .frame-2163-Kmba3n {
    background-color: transparent;
    height: 171px;
    left: 36px;
    position: absolute;
    top: 19px;
    transform: rotate(45.42deg);
    width: 171px;
}

.mobile .group-5-lcepRK {
    background-color: transparent;
    height: 171px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 171px;
}

.mobile .group-3-tNfTLr {
    background-color: transparent;
    height: 171px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 171px;
}

.mobile .ellipse-3-Wb8oCZ {
    background-color: var(--neutralwhite);
    border: 2px solid;
    border-color: var(--neutralcateespero);
    border-radius: 85.5px;
    height: 171px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 171px;
}

.mobile .group-Wb8oCZ {
    background-color: transparent;
    height: 146px;
    left: 9px;
    position: absolute;
    top: 9px;
    transform: rotate(2.29deg);
    width: 210px;
}

.mobile .y-d2iO1y {
    left: 45px;
    top: 120px;
    transform: rotate(-156.50deg);
}

.mobile .e-d2iO1y {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 34px;
    top: 114px;
    transform: rotate(-145.23deg);
}

.mobile .s-d2iO1y {
    left: 26px;
    top: 106px;
    transform: rotate(-134.29deg);
}

.mobile .t-d2iO1y {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 21px;
    top: 99px;
    transform: rotate(-125.55deg);
}

.mobile .o-d2iO1y {
    background-color: transparent;
    height: auto;
    left: 13px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 90px;
    transform: rotate(-115.83deg);
    width: 11px;
}

.mobile .d-d2iO1y {
    left: 9px;
    top: 77px;
    transform: rotate(-103.45deg);
}

.mobile .a-d2iO1y {
    left: 7px;
    top: 64px;
    transform: rotate(-90.85deg);
}

.mobile .y-2Owal2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 9px;
    top: 51px;
    transform: rotate(-79.14deg);
}

.mobile .text_label-d2iO1y {
    left: 14px;
    top: 42px;
    transform: rotate(-70.85deg);
}

.mobile .h-d2iO1y {
    background-color: transparent;
    height: auto;
    left: 15px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 33px;
    transform: rotate(-61.89deg);
    width: 11px;
}

.mobile .a-2Owal2 {
    left: 22px;
    top: 22px;
    transform: rotate(-49.52deg);
}

.mobile .p-d2iO1y {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 32px;
    top: 13px;
    transform: rotate(-36.92deg);
}

.mobile .p-2Owal2 {
    left: 44px;
    top: 6px;
    transform: rotate(-24.32deg);
}

.mobile .i-d2iO1y {
    background-color: transparent;
    height: auto;
    left: 57px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 2px;
    transform: rotate(-15.36deg);
    width: 4px;
}

.mobile .n-d2iO1y {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 62px;
    top: 1px;
    transform: rotate(-6.63deg);
}

.mobile .e-2Owal2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 76px;
    top: 0px;
    transform: rotate(5.31deg);
}

.mobile .s-2Owal2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 88px;
    top: 3px;
    transform: rotate(16.25deg);
}

.mobile .s-ZNwM5R {
    left: 98px;
    top: 7px;
    transform: rotate(26.42deg);
}

.mobile .text_label-2Owal2 {
    left: 108px;
    top: 11px;
    transform: rotate(34.37deg);
}

.mobile .d-2Owal2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 112px;
    top: 17px;
    transform: rotate(43.55deg);
}

.mobile .e-ZNwM5R {
    left: 121px;
    top: 27px;
    transform: rotate(55.71deg);
}

.mobile .p-ZNwM5R {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 127px;
    top: 39px;
    transform: rotate(67.86deg);
}

.mobile .a-ZNwM5R {
    left: 131px;
    top: 52px;
    transform: rotate(80.46deg);
}

.mobile .r-d2iO1y {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 134px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 63px;
    transform: rotate(90.52deg);
    width: 6px;
}

.mobile .t-2Owal2 {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 134px;
    top: 71px;
    transform: rotate(97.92deg);
}

.mobile .m-d2iO1y {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 125px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 85px;
    transform: rotate(110.86deg);
    width: 17px;
}

.mobile .e-xcFkgx {
    left: 120px;
    top: 99px;
    transform: rotate(126.00deg);
}

.mobile .n-2Owal2 {
    left: 111px;
    top: 109px;
    transform: rotate(137.93deg);
}

.mobile .t-ZNwM5R {
    left: 105px;
    top: 115px;
    transform: rotate(147.66deg);
}

.mobile .text_label-ZNwM5R {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    left: 100px;
    top: 119px;
    transform: rotate(154.18deg);
}

.mobile .vector-2-tNfTLr {
    background-color: transparent;
    height: 15px;
    left: 43px;
    position: absolute;
    top: 139px;
    width: 33px;
}

.mobile .ilustracao_-sem_-titulo-97-1-lcepRK {
    background-color: transparent;
    height: 100px;
    left: 35px;
    position: absolute;
    top: 35px;
    transform: rotate(-22.91deg);
    width: 101px;
}

.mobile .ilustracao_-sem_-titulo-97-lcepRK {
    background-color: transparent;
    height: 190px;
    left: 23px;
    position: absolute;
    top: 36px;
    transform: rotate(-22.91deg);
    width: 127px;
}

.mobile .ilustracao_-sem_-titulo-96-lcepRK {
    background-color: transparent;
    height: 266px;
    left: 15px;
    object-fit: cover;
    position: absolute;
    top: 1px;
    transform: rotate(-22.91deg);
    width: 279px;
}

.mobile .mask-group-Kmba3n {
    background-color: transparent;
    height: 148px;
    left: 7px;
    position: absolute;
    top: 79px;
    transform: rotate(22.51deg);
    width: 159px;
}

.mobile .frame-2166-x7hWDx {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 9px;
    padding: 24px 24px 40px;
    position: relative;
    width: 100%;
}

.mobile .frame-2165-dI86xE {
    align-items: center;
    background-color: var(--frade);
    border-radius: 24px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    padding: 8px 12px;
    position: relative;
}

.mobile .coming-soon-HFlnfB {
    background-color: transparent;
    color: var(--neutralcateespero);
    font-family: var(--font-family-poppins);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.96px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.mobile .text-dI86xE {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 4px;
    position: relative;
    width: 100%;
}

.mobile .title-1f2xZc {
    align-self: stretch;
    background-color: transparent;
    color: var(--neutralcateespero);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.mobile .a-long-long-descript-1f2xZc {
    align-self: stretch;
    background-color: transparent;
    color: var(--neutralcateespero);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    text-align: left;
}

.mobile .form-x7hWDx {
    align-items: center;
    background-color: var(--caridade);
    border-bottom-style: none;
    border-color: var(--neutralcateespero);
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-top-width: 2px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 16px;
    padding: 24px 24px 32px;
    position: relative;
    width: 100%;
}

.mobile .form-inputs-m2MHOG {
    align-items: flex-start;
    align-self: stretch;
    background-color: var(--neutralwhite);
    border: 2px solid;
    border-color: var(--neutralcateespero);
    border-radius: 16px;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    padding: 16px;
    position: relative;
    width: 100%;
}

.mobile .label-x6e2Xb {
    background-color: transparent;
    border: 0;
    color: var(--neutralzedabassas);
    flex: 1;
    flex-grow: 1;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: -2.00px;
    padding: 0;
    position: relative;
    resize: none;
    text-align: left;
    color: black;
    width: 100%;
}

.mobile .label-x6e2Xb::placeholder {
    color: #76737399;
}

.mobile .actions-buttons-m2MHOG {
    align-items: center;
    align-self: stretch;
    background-color: var(--morenito);
    border: 2px solid;
    border-color: var(--neutralcateespero);
    border-radius: 40px;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    padding: 16px 24px;
    position: relative;
    width: 100%;
}

.mobile .label-xO0h9d {
    background-color: var(--morenito);
    color: var(--neutralcateespero);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: .5rem;
    position: relative;
    text-align: left;
    width: 100%;
}

.mobile .label-xO0h9d:hover {
    background-color: var(--morenitodark);
}

.mobile .a {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 11px;
}

.mobile .d {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 11px;
}

.mobile .e {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 11px;
}

.mobile .n {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 11px;
}

.mobile .p {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 11px;
}

.mobile .s {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 9px;
}

.mobile .t {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 6px;
}

.mobile .text_label {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 5px;
}

.mobile .y {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 10px;
}

/* screen - desktop */

.desktop {
    align-items: flex-start;
    background-color: var(--neutralwhite);
    display: flex;
    flex-direction: column;
    gap: 8px;
    left: 0px;
    min-width: 1736px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    top: 0px;
}

.desktop .frame-2157-lNUwPa {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    height: 100vh;
    position: relative;
    width: 100%;
}

.desktop .frame-2156-9FeX0o {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}

.desktop .frame-2155-XH7Z8t {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.desktop .frame-2164-tok0HE {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    padding: 64px;
    position: relative;
    width: 100%;
}

.desktop .logos-yestoday-FWx4G7 {
    background-color: transparent;
    height: 61.524864196777344px;
    position: relative;
    width: 348px;
}

.desktop .container-tok0HE {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    justify-content: flex-end;
    padding: 56px 64px 64px;
    position: relative;
    width: 100%;
}

.desktop .frame-2165-bofnr7 {
    align-items: center;
    background-color: var(--frade);
    border-radius: 24px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: center;
    padding: 8px 16px;
    position: relative;
}

.desktop .coming-soon-myE2Ux {
    background-color: transparent;
    color: var(--neutralcateespero);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1.76px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.desktop .text-bofnr7 {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.desktop .title-fOqiHk {
    align-self: stretch;
    background-color: transparent;
    color: var(--neutralcateespero);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
}

.desktop .a-long-long-descript-fOqiHk {
    align-self: stretch;
    background-color: transparent;
    color: var(--neutralcateespero);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
}

.desktop .form-tok0HE {
    align-items: flex-start;
    align-self: stretch;
    background-color: var(--caridade);
    border-bottom-style: none;
    border-color: var(--neutralcateespero);
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-top-width: 4px;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 24px 24px;
    padding: 48px 64px;
    position: relative;
    width: 100%;
}

.desktop .input {
    align-items: flex-start;
    background-color: var(--neutralwhite);
    border: 3px solid;
    border-color: var(--neutralcateespero);
    border-radius: 22.86px;
    gap: 17.14285659790039px;
    padding: 22.85714340209961px;
    position: relative;
    width: 400px;
    display: inline-table;
    margin-right: 1rem;
}

.desktop .label-6Tixv6 {
    background-color: transparent;
    border: 0;
    color: black;
    flex: 1;
    flex-grow: 1;
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -2.86px;
    padding: 0;
    position: relative;
    resize: none;
    text-align: left;
    width: 100%;
}

.desktop .label-6Tixv6::placeholder {
    color: #76737399;
}

.desktop .actions-buttons-k7DmNz {
    align-items: center;
    background-color: var(--morenito);
    border: 3px solid;
    border-color: var(--neutralcateespero);
    border-radius: 57.14px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 11.428571701049805px;
    justify-content: center;
    padding: 22.85714340209961px 34.28571319580078px;
    pointer-events: auto;
    position: relative;
    transition: all 0.2s ease;
}

.actions-buttons-k7DmNz:hover {
    background-color: var(--morenitodark);
}

.desktop .label-s4tXsb {
    background-color: var(--morenito);
    color: var(--neutralcateespero);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-top: -2.86px;
    position: relative;
    text-align: left;
    width: fit-content;
}

.desktop .frame-2152-9FeX0o {
    align-self: stretch;
    background-color: transparent;
    background-image: url(src/background-image.png);
    background-position: 50% 50%;
    background-size: cover;
    border-bottom-style: none;
    border-color: var(--neutralcateespero);
    border-left-style: solid;
    border-left-width: 4px;
    border-right-style: none;
    border-top-style: none;
    overflow: hidden;
    position: relative;
    min-width: 800px;
    max-width: 800px;
}

.desktop .hand-2wmqJa {
    background-color: transparent;
    height: 716px;
    left: 166px;
    overflow: hidden;
    position: relative;
    top: 338px;
    transform: rotate(-22.51deg);
    width: 580px;
}

.desktop .vector-72-JFsMCf {
    background-color: transparent;
    height: 561px;
    left: 131px;
    position: absolute;
    top: 82px;
    transform: rotate(22.51deg);
    width: 341px;
}

.desktop .ilustracao_-sem_-titulo-95-3-JFsMCf {
    background-color: transparent;
    height: 862px;
    left: -102px;
    object-fit: cover;
    position: absolute;
    top: -126px;
    transform: rotate(22.51deg);
    width: 588px;
}

.desktop .frame-2163-JFsMCf {
    background-color: transparent;
    height: 289px;
    left: 60px;
    position: absolute;
    top: 32px;
    transform: rotate(45.42deg);
    width: 289px;
}

.desktop .group-5-pxdBir {
    background-color: transparent;
    height: 289px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 289px;
}

.desktop .group-3-SuQnbx {
    background-color: transparent;
    height: 289px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 289px;
}

.desktop .ellipse-3-x0wjNN {
    background-color: var(--neutralwhite);
    border: 4px solid;
    border-color: var(--neutralcateespero);
    border-radius: 144.29px;
    height: 289px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 289px;
}

.desktop .group-x0wjNN {
    background-color: transparent;
    height: 247px;
    left: 15px;
    position: absolute;
    top: 16px;
    transform: rotate(2.29deg);
    width: 314px;
}

.desktop .y-YeOgxF {
    left: 77px;
    top: 202px;
    transform: rotate(-156.50deg);
}

.desktop .e-YeOgxF {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 58px;
    top: 192px;
    transform: rotate(-145.23deg);
}

.desktop .s-YeOgxF {
    left: 44px;
    top: 179px;
    transform: rotate(-134.29deg);
}

.desktop .t-YeOgxF {
    left: 36px;
    top: 167px;
    transform: rotate(-125.55deg);
}

.desktop .o-YeOgxF {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 23px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 151px;
    transform: rotate(-115.83deg);
    width: 19px;
}

.desktop .d-YeOgxF {
    left: 15px;
    top: 130px;
    transform: rotate(-103.45deg);
}

.desktop .a-YeOgxF {
    left: 12px;
    top: 107px;
    transform: rotate(-90.85deg);
}

.desktop .y-cegeVI {
    left: 15px;
    top: 86px;
    transform: rotate(-79.14deg);
}

.desktop .text_label-YeOgxF {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 23px;
    top: 71px;
    transform: rotate(-70.85deg);
}

.desktop .h-YeOgxF {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 25px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 56px;
    transform: rotate(-61.89deg);
    width: 19px;
}

.desktop .a-cegeVI {
    left: 37px;
    top: 37px;
    transform: rotate(-49.52deg);
}

.desktop .p-YeOgxF {
    left: 54px;
    top: 21px;
    transform: rotate(-36.92deg);
}

.desktop .p-cegeVI {
    left: 74px;
    top: 10px;
    transform: rotate(-24.32deg);
}

.desktop .i-YeOgxF {
    background-color: transparent;
    height: auto;
    left: 95px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 4px;
    transform: rotate(-15.36deg);
    width: 7px;
}

.desktop .n-YeOgxF {
    left: 105px;
    top: 1px;
    transform: rotate(-6.63deg);
}

.desktop .e-cegeVI {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 128px;
    top: 1px;
    transform: rotate(5.31deg);
}

.desktop .s-cegeVI {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 149px;
    top: 4px;
    transform: rotate(16.25deg);
}

.desktop .s-oG7JYa {
    left: 166px;
    top: 11px;
    transform: rotate(26.42deg);
}

.desktop .text_label-cegeVI {
    left: 182px;
    top: 19px;
    transform: rotate(34.37deg);
}

.desktop .d-cegeVI {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 190px;
    top: 29px;
    transform: rotate(43.55deg);
}

.desktop .e-oG7JYa {
    left: 205px;
    top: 46px;
    transform: rotate(55.71deg);
}

.desktop .p-oG7JYa {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 215px;
    top: 66px;
    transform: rotate(67.86deg);
}

.desktop .a-oG7JYa {
    left: 221px;
    top: 88px;
    transform: rotate(80.46deg);
}

.desktop .r-YeOgxF {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 227px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 107px;
    transform: rotate(90.52deg);
    width: 11px;
}

.desktop .t-cegeVI {
    left: 226px;
    top: 120px;
    transform: rotate(97.92deg);
}

.desktop .m-YeOgxF {
    background-color: transparent;
    height: auto;
    left: 211px;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 143px;
    transform: rotate(110.86deg);
    width: 29px;
}

.desktop .e-MrMTxu {
    left: 203px;
    top: 167px;
    transform: rotate(126.00deg);
}

.desktop .n-cegeVI {
    left: 188px;
    top: 184px;
    transform: rotate(137.93deg);
}

.desktop .t-oG7JYa {
    left: 178px;
    top: 195px;
    transform: rotate(147.66deg);
}

.desktop .text_label-oG7JYa {
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    left: 169px;
    top: 200px;
    transform: rotate(154.18deg);
}

.desktop .vector-2-SuQnbx {
    background-color: transparent;
    height: 25px;
    left: 73px;
    position: absolute;
    top: 235px;
    width: 56px;
}

.desktop .ilustracao_-sem_-titulo-97-1-pxdBir {
    background-color: transparent;
    height: 168px;
    left: 59px;
    position: absolute;
    top: 60px;
    transform: rotate(-22.91deg);
    width: 170px;
}

.desktop .ilustracao_-sem_-titulo-97-pxdBir {
    background-color: transparent;
    height: 320px;
    left: 38px;
    position: absolute;
    top: 61px;
    transform: rotate(-22.91deg);
    width: 213px;
}

.desktop .ilustracao_-sem_-titulo-96-pxdBir {
    background-color: transparent;
    height: 470px;
    left: 30px;
    object-fit: cover;
    position: absolute;
    top: 1px;
    transform: rotate(-22.91deg);
    width: 470px;
}

.desktop .mask-group-JFsMCf {
    background-color: transparent;
    height: 249px;
    left: 12px;
    position: absolute;
    top: 133px;
    transform: rotate(22.51deg);
    width: 268px;
}

.desktop .a {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 19px;
}

.desktop .d {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 19px;
}

.desktop .e {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 18px;
}

.desktop .n {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 19px;
}

.desktop .p {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 19px;
}

.desktop .s {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 15px;
}

.desktop .t {
    background-color: transparent;
    color: var(--black);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 10px;
}

.desktop .text_label {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 8px;
}

.desktop .y {
    background-color: transparent;
    height: auto;
    letter-spacing: 0.00px;
    line-height: normal;
    position: absolute;
    text-align: left;
    width: 16px;
}

@media screen and (max-width: 1001px) {
    .screen.desktop {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .screen.mobile {
        display: none;
    }

}

.hand {
    position: absolute;
    height: 40rem;
    z-index: 1;
    bottom: -339px;
    right: -22%;
    transform: translate(-50%, -50%);
}

.hand-finger {
    position: absolute;
    bottom: 22rem;
    left: 25.3%;
    height: 13rem;
    z-index: 3;
}

.stomp {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    transform-origin: center;
    width: 100%;
}

.hand-container {
    position: absolute;
    width: 30rem;
    /* top: 0; */
    height: 30rem;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.hand-container-mobile {
    position: absolute;
    width: 300px;
    top: 0;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hand-mobile {
    position: absolute;
    height: 26rem;
    z-index: 1;
    bottom: -30rem;
    right: -63%;
    transform: translate(-50%, -50%);
}

.hand-finger-mobile {
    position: relative;
    bottom: -12.6rem;
    left: -3.6%;
    height: 8rem;
    z-index: 3;
}

.stomp-mobile {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    transform-origin: center;
    width: 100%;
}

.stomp-container {
    position: absolute;
    bottom: 16rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 41%;
    z-index: 2;
}

.stomp-container-mobile {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21vh;
    z-index: 2;
}

.error-message {
    color: #F45454;
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    margin-top: 0.4rem;
    margin-bottom: 1rem;
    display: grid;
}

.error-message-mobile {
    color: #F45454;
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    margin-top: 0.4rem;
    display: inline-block;
    margin-bottom: 1rem;
}

.hide {
    display: none;
}

.success-message {
    color: black;
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    margin-top: 0.4rem;
    margin-bottom: 1rem;
    display: grid;
}

/* Mobile */
@media screen and (max-width: 1001px) {
    footer {
        background-color: white;
        text-align: center;
        padding: 24px 10px;
        font-size: 14px;
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-s);
        border-top-style: solid;
        border-top-width: 2px;
        border-color: var(--neutralcateespero);
    }
    
    footer a {
        color: #282626;
        text-decoration: none;
        font-weight: 500;
    }
    
    footer a:hover {
        text-decoration: underline;
    }
    
    footer p {
        margin-right: 10px;
        display: block;
        margin-bottom: .6rem;
    }
    
}

/* Desktop */
@media screen and (min-width: 1000px) {
    footer {
        background-color: white;
        text-align: center;
        padding: 24px 10px;
        font-size: 14px;
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-s);
        border-top-style: solid;
        border-top-width: 4px;
        border-color: var(--neutralcateespero);
    }
    
    footer a {
        color: #282626;
        text-decoration: none;
        font-weight: 500;
    }
    
    footer a:hover {
        text-decoration: underline;
    }
    
    footer p {
        margin-right: 10px;
        display: inline;
    }
    
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}