{"version":3,"sources":["works.css","font.scss","works.scss","function.scss"],"names":[],"mappings":"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","file":"../works.css","sourcesContent":["@charset \"UTF-8\";\n/**\r\nO arquivo font.scss é gerado automaticamente, \r\ncaso queira adicionar algum código extra adicione no font.mustache.scss \r\nou apague o font.mustache para editar ele livremente, porém \r\nao fazer fazê-lo o @fontface não será gerado automaticamente\r\n*/\n@font-face {\n  font-family: 'Glysa';\n  font-display: swap;\n  src: local(\"Glysa\"), url(\"../font/Glysa.woff2\") format(\"woff2\"), url(\"../font/Glysa.woff\") format(\"woff\"), url(\"../font/Glysa.ttf\") format(\"truetype\");\n  font-weight: 500;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'Glysa';\n  font-display: swap;\n  src: local(\"Glysa\"), url(\"../font/Glysa.woff2\") format(\"woff2\"), url(\"../font/Glysa.woff\") format(\"woff\"), url(\"../font/Glysa.ttf\") format(\"truetype\");\n  font-weight: 500;\n  font-style: normal; }\n\n@keyframes bounceElements {\n  10% {\n    transform: scale(1); }\n  80% {\n    transform: scale(0.7); }\n  90% {\n    transform: scale(1.3); }\n  100% {\n    transform: scale(1); } }\n\n.animatElem {\n  animation: bounceElements;\n  animation-iteration-count: infinite;\n  animation-direction: normal;\n  animation-duration: 2s; }\n\n@media (min-width: 1025px) {\n  header nav {\n    align-items: center; }\n  header .dropdown {\n    visibility: visible;\n    opacity: 1; }\n  header nav .dropdown ul {\n    position: relative;\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-direction: row;\n    visibility: visible;\n    opacity: 1;\n    background: transparent; }\n    header nav .dropdown ul li {\n      margin: 0 1.1rem !important; }\n      header nav .dropdown ul li:last-child {\n        margin-right: 3rem; }\n      header nav .dropdown ul li a {\n        font-size: .9rem;\n        font-family: Degular;\n        color: #fff; } }\n\nheader {\n  background: #231F20;\n  padding: 1.5rem 1.8333rem; }\n\n.flex {\n  display: flex;\n  align-items: center;\n  justify-content: space-between; }\n\n.content-center {\n  width: 1020px;\n  margin: 0 auto; }\n  @media screen and (max-width: 1200px) {\n    .content-center {\n      width: 90%; } }\n\n.center {\n  width: 100%;\n  margin: 0 auto;\n  text-align: center; }\n\n.title-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center; }\n  .title-section h2 {\n    font-family: Glysa;\n    font-size: 3rem;\n    line-height: 4.5rem;\n    font-weight: 500;\n    font-stretch: normal;\n    font-style: normal;\n    letter-spacing: 3px;\n    text-align: center;\n    color: #231f20;\n    margin-bottom: 2.4rem; }\n  .title-section p {\n    position: relative;\n    width: fit-content;\n    font-family: Degular;\n    font-size: 20px;\n    font-weight: 600;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.4;\n    letter-spacing: 5px;\n    text-align: center;\n    color: #ff5628; }\n    .title-section p:after {\n      content: '';\n      position: absolute;\n      width: 1rem;\n      height: 1.34rem;\n      bottom: -2.5rem;\n      left: 50%;\n      margin-left: -.5rem;\n      background: url(../img/arrow-down.svg) no-repeat;\n      background-position: 0.35rem 0; }\n\n.text .step-t {\n  font-family: Degular;\n  font-size: 1rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-stretch: normal;\n  font-style: normal;\n  letter-spacing: 4px;\n  color: #ff5628;\n  margin-bottom: .2rem;\n  display: block; }\n\n.text h3 {\n  font-family: Degular;\n  font-size: 1.63rem;\n  font-weight: 600;\n  font-stretch: normal;\n  font-style: normal;\n  letter-spacing: normal;\n  color: #231f20;\n  margin-bottom: .8rem; }\n\n.text p {\n  font-family: Degular;\n  font-size: 1.2rem;\n  line-height: 2.2rem;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  letter-spacing: normal;\n  color: #231f20; }\n  @media screen and (max-width: 600px) {\n    .text p {\n      font-size: 1.4rem; } }\n\n.works-content {\n  width: 100%;\n  background: #f5f5f5;\n  padding: 7rem 0 9rem; }\n  .works-content .title-section {\n    margin-bottom: 9.2rem; }\n  .works-content .steps-works {\n    margin-bottom: 8.5rem; }\n    .works-content .steps-works .elements {\n      border-radius: 13px;\n      overflow: hidden; }\n      .works-content .steps-works .elements.e-step1 {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background: #000; }\n        .works-content .steps-works .elements.e-step1 .els {\n          position: absolute; }\n          .works-content .steps-works .elements.e-step1 .els.e-soup {\n            width: 5.5rem;\n            top: -2rem;\n            left: 1rem; }\n          .works-content .steps-works .elements.e-step1 .els.e-kitty1 {\n            width: 7rem;\n            left: 9rem;\n            top: 3.5rem; }\n          .works-content .steps-works .elements.e-step1 .els.e-kitty2 {\n            width: 5rem;\n            right: 3.4rem;\n            top: .3rem; }\n          .works-content .steps-works .elements.e-step1 .els.e-punk {\n            width: 10rem;\n            bottom: -2.9rem;\n            left: -1.4rem; }\n          .works-content .steps-works .elements.e-step1 .els.e-frame {\n            width: 8.3rem;\n            bottom: .9rem;\n            right: -1.8rem; }\n      .works-content .steps-works .elements.e-step2 {\n        background: #E3E3E3;\n        padding: 1.5rem 1rem; }\n        .works-content .steps-works .elements.e-step2 p {\n          text-align: center;\n          font-family: Degular;\n          font-size: 1.06rem;\n          font-weight: 600;\n          color: #231f20;\n          margin-bottom: 1.5rem; }\n        .works-content .steps-works .elements.e-step2 .flex {\n          position: relative;\n          width: fit-content;\n          margin: 0 auto;\n          justify-content: center;\n          align-items: stretch; }\n\n@keyframes punk1 {\n  0% {\n    transform: scale(1.1); }\n  15% {\n    transform: scale(1.1); }\n  19% {\n    transform: scale(1); }\n  85% {\n    transform: scale(1); }\n  89% {\n    transform: scale(1.1); }\n  100% {\n    transform: scale(1.1); } }\n\n@keyframes punk2 {\n  0% {\n    transform: scale(1); }\n  36% {\n    transform: scale(1); }\n  40% {\n    transform: scale(1.1); }\n  70% {\n    transform: scale(1.1); }\n  74% {\n    transform: scale(1); }\n  100% {\n    transform: scale(1); } }\n        .works-content .steps-works .elements.e-step2 .item-punk {\n          margin-right: 1.4rem;\n          transition: all .3s ease; }\n          .works-content .steps-works .elements.e-step2 .item-punk:nth-child(1) {\n            animation: punk2 4s linear infinite; }\n          .works-content .steps-works .elements.e-step2 .item-punk:nth-child(2) {\n            transform: scale(1.1);\n            animation: punk1 4s linear forwards infinite; }\n          .works-content .steps-works .elements.e-step2 .item-punk:last-child {\n            margin: 0; }\n          .works-content .steps-works .elements.e-step2 .item-punk .s-punk {\n            width: 9rem;\n            transition: all .3s ease; }\n            .works-content .steps-works .elements.e-step2 .item-punk .s-punk img {\n              width: 100%;\n              height: 100%;\n              object-fit: contain; }\n    .works-content .steps-works .item-step {\n      position: relative;\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 9rem; }\n      @media screen and (max-width: 768px) {\n        .works-content .steps-works .item-step {\n          position: relative;\n          flex-direction: column;\n          margin-bottom: 5rem; } }\n      .works-content .steps-works .item-step:nth-child(even) {\n        flex-direction: row-reverse; }\n        @media screen and (max-width: 768px) {\n          .works-content .steps-works .item-step:nth-child(even) {\n            flex-direction: column; } }\n        .works-content .steps-works .item-step:nth-child(even) .part-img {\n          margin-right: 0;\n          margin-left: 7rem; }\n          @media screen and (max-width: 768px) {\n            .works-content .steps-works .item-step:nth-child(even) .part-img {\n              margin: 0 auto 20px; } }\n        .works-content .steps-works .item-step:nth-child(even) .conffet-content {\n          right: initial;\n          left: -4rem;\n          top: -1rem; }\n      .works-content .steps-works .item-step .part-img {\n        position: relative;\n        width: 24.5rem;\n        height: 15.5rem;\n        margin-right: 5rem; }\n        @media screen and (max-width: 768px) {\n          .works-content .steps-works .item-step .part-img {\n            width: 37rem;\n            margin: 0 auto 20px;\n            position: absolute;\n            left: 10%;\n            top: 4.7rem; } }\n        @media screen and (max-width: 600px) {\n          .works-content .steps-works .item-step .part-img {\n            width: 22rem; } }\n        .works-content .steps-works .item-step .part-img.s-variant .side-l {\n          left: -3rem;\n          top: 2rem; }\n\n@keyframes punk1-2 {\n  0% {\n    transform: scale(1.1);\n    opacity: 1; }\n  15% {\n    transform: scale(1.1);\n    opacity: 1; }\n  19% {\n    transform: scale(1);\n    opacity: .5; }\n  85% {\n    transform: scale(1);\n    opacity: .5; }\n  89% {\n    transform: scale(1.1);\n    opacity: 1; }\n  100% {\n    transform: scale(1.1);\n    opacity: 1; } }\n\n@keyframes punk2-2 {\n  0% {\n    transform: scale(1);\n    opacity: .5; }\n  36% {\n    transform: scale(1);\n    opacity: .5; }\n  40% {\n    transform: scale(1.1);\n    opacity: 1; }\n  70% {\n    transform: scale(1.1);\n    opacity: 1; }\n  74% {\n    transform: scale(1);\n    opacity: .5; }\n  100% {\n    transform: scale(1);\n    opacity: .5; } }\n        .works-content .steps-works .item-step .part-img.s-variant .item-punk:nth-child(1) {\n          opacity: .5;\n          animation: punk2-2 3.6s linear infinite; }\n        .works-content .steps-works .item-step .part-img.s-variant .item-punk:nth-child(2) {\n          opacity: 1;\n          animation: punk1-2 3.6s linear forwards infinite; }\n        .works-content .steps-works .item-step .part-img.s-variant .cursor-img {\n          animation: cursorMove2 1.8s linear alternate infinite; }\n\n@keyframes cursorMove {\n  0% {\n    transform: translate(0, 0); }\n  10% {\n    transform: translate(0, 0); }\n  50% {\n    transform: translate(-5rem, 1rem); }\n  90% {\n    transform: translate(-9rem, 0rem); }\n  100% {\n    transform: translate(-9rem, 0rem); } }\n\n@keyframes cursorMove2 {\n  0% {\n    transform: translate(0, 0); }\n  10% {\n    transform: translate(0, 0); }\n  50% {\n    transform: translate(-5rem, 1rem); }\n  90% {\n    transform: translate(-9rem, 0rem); }\n  100% {\n    transform: translate(-9rem, 0rem); } }\n      .works-content .steps-works .item-step .cursor-img {\n        position: absolute;\n        bottom: 1rem;\n        right: 7rem;\n        width: 1.4rem;\n        height: 1.4rem;\n        animation: cursorMove 2s linear alternate infinite; }\n        .works-content .steps-works .item-step .cursor-img object {\n          width: 100%;\n          height: 100%; }\n      .works-content .steps-works .item-step .text {\n        width: 24rem;\n        margin-bottom: 1rem; }\n        .works-content .steps-works .item-step .text h3 {\n          font-size: 2rem; }\n        @media screen and (max-width: 768px) {\n          .works-content .steps-works .item-step .text {\n            width: 80%;\n            margin: 0px auto; }\n            .works-content .steps-works .item-step .text h3 {\n              padding-bottom: 25.5rem; } }\n        @media screen and (max-width: 600px) {\n          .works-content .steps-works .item-step .text h3 {\n            padding-bottom: 17rem; } }\n  .works-content .upshotone {\n    width: 58rem;\n    margin: 0 auto; }\n    @media screen and (max-width: 870px) {\n      .works-content .upshotone {\n        width: 90%; } }\n    @media screen and (max-width: 600px) {\n      .works-content .upshotone {\n        width: 100%; } }\n    .works-content .upshotone .img-upshotone {\n      width: 18rem;\n      height: 3rem;\n      margin-bottom: .8rem; }\n      .works-content .upshotone .img-upshotone img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain; }\n  .works-content .list-beused {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-top: 3rem; }\n    .works-content .list-beused .item-beused {\n      width: 17rem;\n      height: 14.5rem;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      background: #fff;\n      margin: 10px 20px 10px 0;\n      border-radius: 14px; }\n      @media screen and (max-width: 600px) {\n        .works-content .list-beused .item-beused {\n          width: 100%;\n          height: 9rem;\n          margin: 10px 0;\n          flex-direction: row;\n          justify-content: flex-start;\n          padding: 0 2rem;\n          border-radius: 8px;\n          margin: 8px 0; } }\n      .works-content .list-beused .item-beused .over-img {\n        width: 4rem;\n        height: 4rem;\n        overflow: hidden;\n        position: relative;\n        transition: all .5s ease; }\n        .works-content .list-beused .item-beused .over-img object {\n          position: absolute;\n          width: 4rem !important;\n          height: 4rem !important; }\n      .works-content .list-beused .item-beused .part-img {\n        width: 4rem;\n        height: 4rem;\n        margin-bottom: 15px; }\n        @media screen and (max-width: 600px) {\n          .works-content .list-beused .item-beused .part-img {\n            width: 6rem;\n            height: 6rem;\n            margin-bottom: 0;\n            margin-right: 1.5rem; } }\n        .works-content .list-beused .item-beused .part-img img, .works-content .list-beused .item-beused .part-img object, .works-content .list-beused .item-beused .part-img svg, .works-content .list-beused .item-beused .part-img .svg-img {\n          width: 100%;\n          height: 100%;\n          object-fit: contain; }\n        .works-content .list-beused .item-beused .part-img.i-future .conffet-content {\n          top: -3.5rem;\n          left: 1rem; }\n      .works-content .list-beused .item-beused .text {\n        width: 10rem;\n        text-align: center; }\n        @media screen and (max-width: 600px) {\n          .works-content .list-beused .item-beused .text {\n            width: 15rem;\n            text-align: left; } }\n        .works-content .list-beused .item-beused .text p {\n          font-size: .9rem;\n          line-height: 1.5rem; }\n          @media screen and (max-width: 600px) {\n            .works-content .list-beused .item-beused .text p {\n              font-size: 1.4rem;\n              line-height: 1.8rem; } }\n      .works-content .list-beused .item-beused .all-conffets.animateC .conft-all {\n        opacity: 0; }\n      .works-content .list-beused .item-beused:nth-child(1) .all-conffets.animateC .conft-all {\n        animation-delay: 1s; }\n      .works-content .list-beused .item-beused:nth-child(2) .part-img {\n        width: 6rem;\n        height: 6rem; }\n      .works-content .list-beused .item-beused:nth-child(2) .all-conffets.animateC .conft-all {\n        animation-delay: 2s; }\n      .works-content .list-beused .item-beused:nth-child(3) .all-conffets.animateC .conft-all {\n        animation-delay: 3.3s; }\n      .works-content .list-beused .item-beused:nth-child(4) .all-conffets.animateC .conft-all {\n        animation-delay: 4.5s; }\n      .works-content .list-beused .item-beused:nth-child(5) .all-conffets.animateC .conft-all {\n        animation-delay: 5.5s; }\n      .works-content .list-beused .item-beused:nth-child(6) .all-conffets.animateC .conft-all {\n        animation-delay: 6.6s; }\n\n@keyframes drawLines {\n  to {\n    stroke-dashoffset: 200; } }\n\n@keyframes arrow1 {\n  100% {\n    opacity: 1;\n    transform: translateY(0); } }\n\n@keyframes arrow2 {\n  100% {\n    opacity: 1;\n    transform: translateY(0); } }\n\n@keyframes rSpin {\n  0% {\n    transform: rotate(0); }\n  100% {\n    transform: rotate(360deg); } }\n\n@keyframes ball1 {\n  0% {\n    transform: translate(0.8rem, -0.64rem); }\n  100% {\n    transform: translate(0, 0); } }\n\n@keyframes ball2 {\n  0% {\n    transform: translate(0rem, 0.94rem); }\n  100% {\n    transform: translate(0, 0); } }\n\n@keyframes ball3 {\n  0% {\n    transform: translate(-0.82rem, -0.6rem); }\n  100% {\n    transform: translate(0, 0); } }\n\n@keyframes lSpin {\n  0% {\n    transform: rotate(0); }\n  100% {\n    transform: rotate(360deg); } }\n\n.animate-start.animateIcon .d-lines {\n  stroke-dasharray: 100;\n  stroke-dashoffset: 100;\n  animation: drawLines 1s linear forwards 1; }\n\n.animate-start.animateIcon .arrow1 {\n  transform: translateY(-5.5rem);\n  animation: arrow1 1s ease forwards 1; }\n\n.animate-start.animateIcon .arrow2 {\n  transform: translateY(5.5em);\n  animation: arrow2 1s ease forwards 1; }\n\n.animate-start.animateIcon .svg-spin {\n  animation: rSpin 1s ease forwards 1;\n  transform-box: fill-box;\n  transform-origin: center center; }\n\n.animate-start.animateIcon .ball1 {\n  animation: ball1 1s ease forwards 1; }\n\n.animate-start.animateIcon .ball2 {\n  animation: ball2 1s ease forwards 1; }\n\n.animate-start.animateIcon .ball3 {\n  animation: ball3 1s ease forwards 1; }\n\n.animate-start.animateIcon .lSpin {\n  animation: lSpin 1s ease forwards 1;\n  transform-box: fill-box;\n  transform-origin: center center; }\n\n.animate-start.animateIcon.delayAnimation .arrow1, .animate-start.animateIcon.delayAnimation .arrow2 {\n  animation-delay: 1.2s; }\n\n.animate-start.animateIcon.delayAnimation .svg-spin {\n  animation-delay: 2.4s; }\n\n.animate-start.animateIcon.delayAnimation .ball1,\n.animate-start.animateIcon.delayAnimation .ball2,\n.animate-start.animateIcon.delayAnimation .ball3 {\n  animation-delay: 3.6s; }\n\n.animate-start.animateIcon.delayAnimation .lSpin {\n  animation-delay: 6s; }\n\n.conffet-content {\n  position: absolute;\n  top: -5rem;\n  right: -3.5rem;\n  width: 5rem;\n  height: 5rem;\n  transform: rotate(-15deg); }\n  .conffet-content.side-l {\n    transform: rotate(-157deg); }\n    .conffet-content.side-l .all-conffets {\n      visibility: hidden;\n      pointer-events: none; }\n      .conffet-content.side-l .all-conffets.animateC {\n        visibility: visible; }\n\n@keyframes uRoxoR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(4.3rem, 1.3rem) rotate(-120deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(204deg) translate(2rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf01 {\n          animation-name: uRoxoR;\n          animation-duration: 5s; }\n\n@keyframes cVermelhoR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(4rem, -0.1rem) rotate(150deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(308deg) translate(3rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf02 {\n          animation-name: cVermelhoR;\n          animation-duration: 5s; }\n\n@keyframes tAzulR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(2rem, -2rem) rotateZ(21deg) rotate(200deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(264deg) translate(1rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf03 {\n          animation-name: tAzulR;\n          animation-duration: 5s;\n          width: .8rem;\n          height: .8rem; }\n\n@keyframes uAzulR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(3rem, -0.5rem) rotateZ(30deg) rotate(190deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(106deg) translate(0.5rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf04 {\n          animation-name: uAzulR;\n          animation-duration: 5s; }\n\n@keyframes sCimaAzulR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: rotateZ(-18deg) rotateY(328deg) translate(3.5rem, 0.9rem); }\n  100% {\n    transform: rotateZ(0deg) rotateY(168deg) translate(1.5rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf05 {\n          animation-name: sCimaAzulR;\n          animation-duration: 5s;\n          width: .8rem;\n          height: .8rem; }\n\n@keyframes pVermelhoR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(0.5rem, -0.5rem) rotate(150deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(204deg) translate(0.8rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf06 {\n          animation-name: pVermelhoR;\n          animation-duration: 5s;\n          width: 1rem;\n          height: 1rem; }\n\n@keyframes pRoxoR {\n  0% {\n    transform: translate(0, 0); }\n  5% {\n    transform: translate(1.8rem, -0.2rem) rotate(170deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(204deg) translate(2rem, -11rem);\n    opacity: 0; } }\n        .conffet-content.side-l .all-conffets.animateC .conft-all.conf07 {\n          animation-name: pRoxoR;\n          animation-duration: 5s; }\n  .conffet-content .all-conffets {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    visibility: hidden;\n    pointer-events: none; }\n    .conffet-content .all-conffets.animateC {\n      visibility: visible; }\n      .conffet-content .all-conffets.animateC .conft-all {\n        position: absolute;\n        width: 0.6rem !important;\n        height: 0.6rem !important;\n        left: 0;\n        bottom: 0;\n        transform-box: fill-box;\n        transform-origin: center center;\n        animation-timing-function: ease-in;\n        animation-iteration-count: 1;\n        animation-direction: normal;\n        animation-fill-mode: forwards;\n        transform: translate(0, 0) rotate(0deg);\n        opacity: 1; }\n\n@keyframes uRoxo {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(4.3rem, 1.3rem) rotate(-120deg); }\n  100% {\n    transform: rotateZ(5deg) rotateY(204deg) translate(2rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf01 {\n          animation-name: uRoxo;\n          animation-duration: 4s; }\n\n@keyframes cVermelho {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(4rem, -0.1rem) rotate(150deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(308deg) translate(3rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf02 {\n          animation-name: cVermelho;\n          animation-duration: 4s; }\n\n@keyframes tAzul {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(2rem, -2rem) rotateZ(21deg) rotate(200deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(264deg) translate(1rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf03 {\n          animation-name: tAzul;\n          animation-duration: 4s;\n          width: 0.8rem !important;\n          height: 0.8rem !important; }\n\n@keyframes uAzul {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(3rem, -0.5rem) rotateZ(30deg) rotate(190deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(106deg) translate(0.5rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf04 {\n          animation-name: uAzul;\n          animation-duration: 4s; }\n\n@keyframes sCimaAzul {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: rotateZ(-18deg) rotateY(328deg) translate(3.5rem, 0.9rem); }\n  100% {\n    transform: rotateZ(0deg) rotateY(168deg) translate(1.5rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf05 {\n          animation-name: sCimaAzul;\n          animation-duration: 4s;\n          width: .8rem !important;\n          height: .8rem !important; }\n\n@keyframes pVermelho {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(0.5rem, -0.5rem) rotate(150deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(204deg) translate(0.8rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf06 {\n          animation-name: pVermelho;\n          animation-duration: 4s;\n          width: 1rem !important;\n          height: 1rem !important; }\n\n@keyframes pRoxo {\n  0% {\n    transform: translate(0, 0);\n    opacity: 1; }\n  1% {\n    opacity: 1; }\n  5% {\n    transform: translate(1.8rem, -0.2rem) rotate(170deg); }\n  100% {\n    transform: rotateZ(0deg) rotateY(204deg) translate(2rem, 11rem);\n    opacity: 0; } }\n        .conffet-content .all-conffets.animateC .conft-all.conf07 {\n          animation-name: pRoxo;\n          animation-duration: 4s; }\n  .conffet-content object {\n    width: 100%;\n    height: 100%;\n    margin: 0 auto; }\n\n.truth-content {\n  position: relative;\n  background: #231f20;\n  padding: 7.5rem 0 0; }\n  .truth-content .title-svg {\n    width: 29rem;\n    margin-bottom: 1rem; }\n    @media screen and (max-width: 500px) {\n      .truth-content .title-svg {\n        width: 100%; } }\n    .truth-content .title-svg object {\n      width: 100%;\n      height: 100%;\n      object-fit: contain; }\n  .truth-content .text {\n    width: 41rem;\n    position: relative;\n    z-index: 1; }\n    @media screen and (max-width: 768px) {\n      .truth-content .text {\n        width: 100%; } }\n    .truth-content .text p {\n      font-size: 1.6rem;\n      line-height: 3rem;\n      color: #fff; }\n  .truth-content .form-part {\n    width: 23rem;\n    z-index: 1; }\n    .truth-content .form-part form {\n      margin: 1.5rem 0; }\n      .truth-content .form-part form input[type='text'] {\n        color: #e44bbe; }\n\n.redes-sociais {\n  width: fit-content;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  margin: 3.5rem 0 2rem;\n  z-index: 1; }\n  .redes-sociais .item-r-social {\n    position: relative;\n    width: 1.8rem;\n    height: 1.8rem;\n    border-radius: 50px;\n    margin-right: 1.8rem;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: all .3s ease; }\n    .redes-sociais .item-r-social:hover {\n      background: #302A2C; }\n    .redes-sociais .item-r-social object, .redes-sociais .item-r-social img {\n      width: 60%;\n      height: 60%;\n      object-fit: contain; }\n\n.balls-content {\n  width: 100%;\n  position: absolute;\n  bottom: 0rem;\n  right: -7.5rem; }\n  .balls-content .position-init {\n    width: 40rem;\n    position: absolute;\n    right: 0;\n    bottom: 0; }\n    .balls-content .position-init object, .balls-content .position-init svg, .balls-content .position-init img {\n      width: 100%;\n      height: 100%; }\n\nbody {\n  height: auto; }\n\n.truth-content {\n  position: absolute;\n  width: 100%; }\n\n.matter-demo {\n  background: transparent !important;\n  bottom: 0;\n  right: 0;\n  z-index: 0 !important; }\n  .matter-demo .matter-header {\n    display: none !important; }\n  .matter-demo canvas {\n    position: absolute;\n    right: 0;\n    bottom: 0; }\n\nfooter {\n  position: absolute;\n  width: 100%;\n  padding-bottom: 35px; }\n  @media screen and (max-width: 600px) {\n    footer {\n      padding-bottom: 15rem; } }\n  footer .text {\n    position: relative;\n    width: fit-content;\n    z-index: 1; }\n    footer .text p {\n      font-family: Degular;\n      font-size: .85rem;\n      line-height: 1.88;\n      letter-spacing: normal;\n      color: #ffffff; }\n","/**\r\nO arquivo font.scss é gerado automaticamente, \r\ncaso queira adicionar algum código extra adicione no font.mustache.scss \r\nou apague o font.mustache para editar ele livremente, porém \r\nao fazer fazê-lo o @fontface não será gerado automaticamente\r\n*/\r\n    @mixin Glysa($size,$weight,$style){font-family: 'Glysa',Arial,Verdana,Sans-Serif;font-weight: $weight;font-style: $style;font-size: $size;}\n    \n    @mixin GlysaRegular($size){@include Glysa($size,500,normal);}\n    @mixin GlysaRegular($size){@include Glysa($size,500,normal);}\n\n    @font-face {\n        font-family: 'Glysa';\n        font-display:swap;        \n        \n        src: local('Glysa'), \n                url('../font/Glysa.woff2') format('woff2'),\n                url('../font/Glysa.woff') format('woff'),\n                url('../font/Glysa.ttf') format('truetype');\n        font-weight: 500;\n        font-style: normal;\n    }\n    @font-face {\n        font-family: 'Glysa';\n        font-display:swap;        \n        \n        src: local('Glysa'), \n                url('../font/Glysa.woff2') format('woff2'),\n                url('../font/Glysa.woff') format('woff'),\n                url('../font/Glysa.ttf') format('truetype');\n        font-weight: 500;\n        font-style: normal;\n    }\n","\r\n@import \"font\";\r\n@import \"function\";\r\n// @import \"animateElements\";\r\n\r\n@keyframes bounceElements{\r\n    10%{\r\n        transform: scale(1);\r\n    }\r\n    80%{\r\n        transform: scale(.7);\r\n    }\r\n    90%{\r\n        transform: scale(1.3);\r\n    }\r\n    100%{\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n.animatElem{\r\n    animation: bounceElements;\r\n    animation-iteration-count: infinite;\r\n    animation-direction: normal;\r\n    animation-duration: 2s;\r\n}\r\n\r\n// HEADER \r\n@include desktop {\r\n    header{\r\n       \r\n        nav{align-items: center;}\r\n       \r\n        .dropdown{\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n    }\r\n    header nav .dropdown ul{\r\n        position: relative;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        flex-direction: row;\r\n        visibility: visible;\r\n        opacity: 1;\r\n        background: transparent;\r\n        \r\n        li{\r\n            margin: 0 1.1rem !important;\r\n            &:last-child{\r\n                margin-right: 3rem;\r\n            }\r\n            a{\r\n                font-size: .9rem;\r\n                font-family: Degular;\r\n                color: #fff;\r\n            }\r\n        }\r\n    }\r\n}\r\nheader{\r\n    background: #231F20;\r\n    padding: 1.5rem 1.8333rem;\r\n}\r\n\r\n// GLOBAL WORKS \r\n.flex{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n.content-center{\r\n    width: 1020px;\r\n    margin: 0 auto;\r\n    @media screen and (max-width: 1200px){\r\n        width: 90%;\r\n    }\r\n}\r\n.center{\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n.title-section{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    h2{\r\n        font-family: Glysa;\r\n        font-size: 3rem;\r\n        line-height: 4.5rem;\r\n        font-weight: 500;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        letter-spacing: 3px;\r\n        text-align: center;\r\n        color: #231f20;\r\n        margin-bottom: 2.4rem;\r\n    }\r\n    p{\r\n        position: relative;\r\n        width: fit-content;\r\n        font-family: Degular;\r\n        font-size: 20px;\r\n        font-weight: 600;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        line-height: 1.4;\r\n        letter-spacing: 5px;\r\n        text-align: center;\r\n        color: #ff5628;\r\n        &:after {\r\n            content:'';\r\n            position: absolute;\r\n            width: 1rem;\r\n            height: 1.34rem;\r\n            bottom: -2.5rem;\r\n            left: 50%;\r\n            margin-left: -.5rem;\r\n            background: url(../img/arrow-down.svg) no-repeat;\r\n            background-position: 0.35rem 0;\r\n           \r\n        }\r\n    }\r\n}\r\n.text{\r\n    .step-t{\r\n        font-family: Degular;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        letter-spacing: 4px;\r\n        color: #ff5628;\r\n        margin-bottom: .2rem;\r\n        display: block;\r\n    }\r\n    h3{\r\n        font-family: Degular;\r\n        font-size: 1.63rem;\r\n        font-weight: 600;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        letter-spacing: normal;\r\n        color: #231f20;\r\n        margin-bottom: .8rem;\r\n    }\r\n    p{\r\n        font-family: Degular;\r\n        font-size: 1.2rem;\r\n        line-height: 2.2rem;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        font-style: normal;\r\n        letter-spacing: normal;\r\n        color: #231f20;\r\n        @media screen and (max-width: 600px){\r\n            font-size: 1.4rem;\r\n        }\r\n    }\r\n}\r\n\r\n.works-content{\r\n    width: 100%;\r\n    background: #f5f5f5;\r\n    padding: 7rem 0 9rem;\r\n    .title-section{\r\n        margin-bottom:9.2rem;\r\n    }\r\n    .steps-works{\r\n        margin-bottom: 8.5rem;\r\n        .elements{\r\n            border-radius: 13px;\r\n            overflow: hidden;\r\n            &.e-step1{\r\n                position: absolute;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: #000;\r\n               \r\n                .els{\r\n                    position: absolute;\r\n                    &.e-soup{\r\n                        width: 5.5rem;\r\n                        top: -2rem;\r\n                        left: 1rem;\r\n                    }\r\n                    &.e-kitty1{\r\n                        width: 7rem;\r\n                        left: 9rem;\r\n                        top: 3.5rem;\r\n                    }\r\n                    &.e-kitty2{\r\n                        width: 5rem;\r\n                        right: 3.4rem;\r\n                        top: .3rem;\r\n                    }\r\n                    &.e-punk{\r\n                        width: 10rem;\r\n                        bottom: -2.9rem;\r\n                        left: -1.4rem;\r\n                    }\r\n                    &.e-frame{\r\n                        width: 8.3rem;\r\n                        bottom: .9rem;\r\n                        right: -1.8rem;\r\n                    }\r\n                }\r\n            }\r\n            &.e-step2{\r\n                background: #E3E3E3;\r\n                padding: 1.5rem 1rem;\r\n                p{\r\n                    text-align: center;\r\n                    font-family: Degular;\r\n                    font-size: 1.06rem;\r\n                    font-weight: 600;\r\n                    color: #231f20;\r\n                    margin-bottom: 1.5rem;\r\n                }\r\n                .flex{\r\n                    position: relative;\r\n                    width: fit-content;\r\n                    margin: 0 auto;\r\n                    justify-content: center;\r\n                    align-items: stretch;\r\n                }\r\n                @keyframes punk1{\r\n                    0%{transform: scale(1.1);}\r\n                    15%{transform: scale(1.1);}\r\n                    19%{transform: scale(1);}\r\n                    85%{transform: scale(1);}\r\n                    89%{transform: scale(1.1);}\r\n                    100%{transform: scale(1.1); }\r\n                }\r\n\r\n                @keyframes punk2{\r\n                    0%{transform: scale(1);}\r\n                    36%{transform: scale(1);}\r\n\r\n                    40%{transform: scale(1.1);}\r\n                    70%{transform: scale(1.1);}\r\n\r\n                    74%{transform: scale(1);}\r\n                    100%{transform: scale(1); }\r\n                }\r\n\r\n                .item-punk{\r\n                    margin-right: 1.4rem;\r\n                    transition: all .3s ease;\r\n                    &:nth-child(1){\r\n                        animation: punk2 4s linear infinite;\r\n                    }\r\n                    &:nth-child(2){\r\n                        transform: scale(1.1);\r\n                        animation: punk1 4s linear forwards infinite;\r\n                    }\r\n                    &:last-child{margin: 0;}\r\n                    .s-punk{\r\n                        width: 9rem;\r\n                        transition: all .3s ease;\r\n                        img{\r\n                            width: 100%;\r\n                            height: 100%;\r\n                            object-fit: contain;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .item-step{\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin-bottom: 9rem;\r\n            @media screen and (max-width: 768px){\r\n                position: relative;\r\n                flex-direction: column;\r\n                margin-bottom: 5rem;\r\n            }\r\n            &:nth-child(even){\r\n               flex-direction: row-reverse;\r\n               @media screen and (max-width: 768px){\r\n                    flex-direction: column;\r\n                }\r\n                .part-img{\r\n                    margin-right: 0;\r\n                    margin-left: 7rem;\r\n                    @media screen and (max-width: 768px){\r\n                        margin: 0 auto 20px;\r\n                    }\r\n                }\r\n                .conffet-content{\r\n                    right: initial;\r\n                    left: -4rem;\r\n                    top: -1rem;\r\n                }\r\n            }\r\n            .part-img{\r\n                position: relative;\r\n                width: 24.5rem;\r\n                height: 15.5rem;\r\n                margin-right: 5rem;\r\n                @media screen and (max-width: 768px){\r\n                    width: 37rem;\r\n                    margin: 0 auto 20px;\r\n                    position: absolute;\r\n                    left: 10%;\r\n                    top: 4.7rem;\r\n                    \r\n                }\r\n                @media screen and (max-width: 600px){\r\n                    width: 22rem;\r\n                }\r\n\r\n                &.s-variant{\r\n                    .side-l{\r\n                        left: -3rem;\r\n                        top: 2rem;\r\n                    }\r\n\r\n                    @keyframes punk1-2{\r\n                        0%{transform: scale(1.1);opacity: 1;}\r\n                        15%{transform: scale(1.1);opacity: 1;}\r\n                        19%{transform: scale(1);opacity: .5;}\r\n                        85%{transform: scale(1);opacity: .5;}\r\n                        89%{transform: scale(1.1);opacity: 1;}\r\n                        100%{transform: scale(1.1); opacity: 1;}\r\n                    }\r\n    \r\n                    @keyframes punk2-2{\r\n                        0%{transform: scale(1);opacity: .5;}\r\n                        36%{transform: scale(1);opacity: .5;}\r\n    \r\n                        40%{transform: scale(1.1);opacity: 1;}\r\n                        70%{transform: scale(1.1);opacity: 1;}\r\n    \r\n                        74%{transform: scale(1);opacity: .5;}\r\n                        100%{transform: scale(1);opacity: .5;}\r\n                    }\r\n                    .item-punk{\r\n                        &:nth-child(1){\r\n                            opacity: .5;\r\n                            animation: punk2-2 3.6s linear infinite;\r\n                        }\r\n                        &:nth-child(2){\r\n                            opacity: 1;\r\n                            animation: punk1-2 3.6s linear forwards infinite;\r\n                        }\r\n                    }\r\n                    .cursor-img{\r\n                        animation: cursorMove2 1.8s linear alternate infinite; \r\n                    }\r\n                }\r\n            }\r\n            @keyframes cursorMove{\r\n                0%{transform: translate(0, 0);}\r\n                10%{transform: translate(0, 0);}\r\n                50%{transform: translate(-5rem, 1rem);}\r\n                90%{transform: translate(-9rem, -0rem);}\r\n                100%{transform: translate(-9rem, -0rem);}\r\n            }\r\n\r\n            @keyframes cursorMove2{\r\n                0%{transform: translate(0, 0);}\r\n                10%{transform: translate(0, 0);}\r\n                50%{transform: translate(-5rem, 1rem);}\r\n                90%{transform: translate(-9rem, -0rem);}\r\n                100%{transform: translate(-9rem, -0rem);}\r\n            }\r\n\r\n            .cursor-img{\r\n                position: absolute;\r\n                bottom: 1rem;\r\n                right: 7rem;\r\n                width: 1.4rem;\r\n                height: 1.4rem;\r\n                animation: cursorMove 2s linear alternate infinite;\r\n                \r\n                object{\r\n                    width: 100%;\r\n                    height: 100%;\r\n                }\r\n            }\r\n            \r\n            .text{\r\n                width: 24rem;\r\n                margin-bottom: 1rem;\r\n                h3{\r\n                    font-size: 2rem;\r\n                }\r\n                @media screen and (max-width: 768px){\r\n                    width: 80%;\r\n                    margin: 0px auto;\r\n                    h3{\r\n                        padding-bottom: 25.5rem;\r\n                    }\r\n                }\r\n                @media screen and (max-width: 600px){\r\n                    h3{\r\n                        padding-bottom: 17rem;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .upshotone{\r\n        width: 58rem;\r\n        margin: 0 auto;\r\n        @media screen and (max-width: 870px){width: 90%;}\r\n        @media screen and (max-width: 600px){width: 100%;}\r\n        .img-upshotone{\r\n            width: 18rem;\r\n            height: 3rem;\r\n            margin-bottom: .8rem;\r\n            img{\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: contain;\r\n            }\r\n        }\r\n    }\r\n    .list-beused{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        margin-top: 3rem;\r\n        \r\n        .item-beused{\r\n            width: 17rem;\r\n            height: 14.5rem;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-direction: column;\r\n            background: #fff;\r\n            margin: 10px 20px 10px 0;\r\n            border-radius: 14px;\r\n            @media screen and (max-width: 600px){\r\n                width: 100%;\r\n                height: 9rem;\r\n                margin: 10px 0;\r\n                flex-direction: row;\r\n                justify-content: flex-start;\r\n                padding: 0 2rem;\r\n                border-radius: 8px;\r\n                margin: 8px 0;\r\n            }\r\n            .over-img{\r\n                width: 4rem;\r\n                height: 4rem;\r\n                overflow: hidden;\r\n                position: relative;\r\n                transition: all .5s ease;\r\n                object{\r\n                    position: absolute;\r\n                    width: 4rem !important;\r\n                    height: 4rem !important;\r\n                }\r\n\r\n            }\r\n            .part-img{\r\n                width: 4rem;\r\n                height: 4rem;\r\n                margin-bottom: 15px;\r\n                @media screen and (max-width: 600px){\r\n                    width: 6rem;\r\n                    height: 6rem;\r\n                    margin-bottom: 0;\r\n                    margin-right: 1.5rem;\r\n                }\r\n                img,object,svg, .svg-img{\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    object-fit: contain;\r\n                }\r\n                &.i-future{\r\n                    .conffet-content{\r\n                        top: -3.5rem;\r\n                        left: 1rem;     \r\n                    }\r\n                }\r\n            }\r\n            .text{\r\n                width: 10rem;\r\n                text-align: center;\r\n                @media screen and (max-width: 600px){\r\n                    width: 15rem;\r\n                    text-align: left;\r\n                }\r\n                p{\r\n                    font-size: .9rem;\r\n                    line-height: 1.5rem;\r\n                    @media screen and (max-width: 600px){\r\n                        font-size: 1.4rem;\r\n                        line-height: 1.8rem;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .all-conffets{\r\n                &.animateC{\r\n                    .conft-all{opacity: 0;}\r\n                }\r\n\r\n            }\r\n\r\n            &:nth-child(1){\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 1s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(2){\r\n                .part-img{\r\n                    width: 6rem;\r\n                    height: 6rem;\r\n                }\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 2s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(3){\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 3.3s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(4){\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 4.5s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(5){\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 5.5s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(6){\r\n                .all-conffets{\r\n                    &.animateC{\r\n                        .conft-all{animation-delay: 6.6s;}\r\n                    }\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n}\r\n\r\n// ANIMAÇÃO DOS ÍCONES \r\n.animate-start{\r\n   \r\n    &.i-lines{\r\n        @keyframes drawLines {\r\n            to {\r\n                stroke-dashoffset: 200;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.i-arrows{\r\n        @keyframes arrow1 {\r\n            // 0%{opacity: 0;transform: translateY(-1rem);}\r\n            // 70%{opacity: 1; transform: translateY(.2rem)}\r\n            100%{opacity: 1;transform: translateY(0);}\r\n        }\r\n        @keyframes arrow2 {\r\n            // 0%{opacity: 0;transform: translateY(.2rem);}\r\n            // 70%{opacity: 1; transform: translateY(-1rem)}\r\n            100%{opacity: 1;transform: translateY(0);}\r\n        }\r\n    }\r\n\r\n    &.i-spin{\r\n        @keyframes rSpin {\r\n            0%{transform: rotate(0);}\r\n            100%{transform: rotate(360deg);}\r\n        } \r\n    }\r\n\r\n    &.i-balls{\r\n        @keyframes ball1 {\r\n            0%{transform: translate(.8rem, -.64rem);}\r\n            100%{transform: translate(0,0);} \r\n        }\r\n        @keyframes ball2 {\r\n            0%{transform: translate(0rem, .94rem);}\r\n            100%{transform: translate(0,0);} \r\n        }\r\n        @keyframes ball3 {\r\n            0%{transform: translate(-.82rem, -.6rem);}\r\n            100%{transform: translate(0,0);} \r\n        } \r\n    }\r\n\r\n    &.i-person{\r\n        @keyframes lSpin {\r\n            0%{transform: rotate(0);}\r\n            100%{transform: rotate(360deg);}\r\n\r\n        }\r\n    }\r\n\r\n    &.animateIcon{\r\n        .d-lines {\r\n            stroke-dasharray: 100;\r\n            stroke-dashoffset: 100;\r\n            animation: drawLines 1s linear forwards 1;\r\n        }\r\n\r\n        .arrow1{\r\n            transform: translateY(-5.5rem);\r\n            animation: arrow1 1s ease forwards 1;\r\n        }\r\n        .arrow2{\r\n            transform: translateY(5.5em);\r\n            animation: arrow2 1s ease forwards 1;\r\n        }\r\n\r\n        .svg-spin{\r\n            animation: rSpin 1s ease forwards 1;\r\n            transform-box:fill-box;\r\n            transform-origin:center center;\r\n        }\r\n\r\n        .ball1{\r\n            animation: ball1 1s ease forwards 1;\r\n        }\r\n        .ball2{\r\n            animation: ball2 1s ease forwards 1;\r\n        }\r\n        .ball3{\r\n            animation: ball3 1s ease forwards 1;\r\n        }\r\n\r\n        .lSpin{\r\n            animation: lSpin 1s ease forwards 1;\r\n            transform-box:fill-box;\r\n            transform-origin:center center;\r\n        }\r\n        &.delayAnimation{\r\n            .arrow1, .arrow2{animation-delay: 1.2s;}\r\n            .svg-spin{animation-delay: 2.4s;}\r\n            .ball1,\r\n            .ball2,\r\n            .ball3{animation-delay: 3.6s;}\r\n            .lSpin{animation-delay: 6s;}\r\n        }\r\n    }\r\n}\r\n\r\n// ANIMAÇÃO DOS CONFETES\r\n.conffet-content{\r\n    position: absolute;\r\n    top: -5rem;\r\n    right: -3.5rem;\r\n    width: 5rem;\r\n    height: 5rem;\r\n    transform: rotate(-15deg);\r\n    &.side-l{\r\n        transform: rotate(-157deg);\r\n        .all-conffets{\r\n            visibility: hidden;\r\n            pointer-events: none;\r\n            &.animateC{\r\n                visibility: visible;\r\n                .conft-all{\r\n                //U Roxo\r\n                    @keyframes uRoxoR{\r\n                        0%{transform: translate(0, 0);}\r\n                        //explode\r\n                        5%{\r\n                            transform: translate(4.3rem, 1.3rem) rotate(-120deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(0) rotateY(330deg) translate(3rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(206deg) translate(2rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(335deg) translate(1rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(204deg) translate(2rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf01{\r\n                        animation-name: uRoxoR;\r\n                        animation-duration: 5s;\r\n                        // transform: rotateZ(5deg) rotateY(360deg) translate(4rem, 2rem);\r\n        \r\n                    }\r\n    \r\n                    //C Vermelho\r\n                    @keyframes cVermelhoR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            transform: translate(4rem, -0.1rem) rotate(150deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(0) rotateY(345deg) translate(5rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(300deg) translate(4rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(344deg) translate(3rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(308deg) translate(3rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf02{\r\n                        animation-name: cVermelhoR;\r\n                        animation-duration: 5s;\r\n                        // transform: rotateZ(0deg) rotateY(345deg) translate(5rem, 2rem);\r\n    \r\n                    }\r\n    \r\n                    //T Azul\r\n                    @keyframes tAzulR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            transform: translate(2rem, -2rem) rotateZ(21deg) rotate(200deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(-21deg) rotateY(330deg) translate(3rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(280deg) translate(2rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(335deg) translate(1.5rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(264deg) translate(1rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf03{\r\n                        animation-name: tAzulR;\r\n                        animation-duration: 5s;\r\n                        width: .8rem;\r\n                        height: .8rem;\r\n                        // transform: rotateZ(0) rotateY(330deg) translate(3rem, 2rem);\r\n    \r\n                    }\r\n    \r\n                    //U azul\r\n                    @keyframes uAzulR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            transform: translate(3rem, -0.5rem) rotateZ(30deg) rotate(190deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(14deg) rotateY(330deg) translate(2.5rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(288deg) translate(2rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(200deg) translate(1rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(106deg) translate(.5rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf04{\r\n                        animation-name: uAzulR;\r\n                        animation-duration: 5s;\r\n                    }\r\n    \r\n    \r\n                    //S PART CIMA Azul\r\n                    @keyframes sCimaAzulR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            // transform: translate(2rem, .9rem) rotate(250deg);\r\n                            transform: rotateZ(-18deg) rotateY(328deg) translate(3.5rem, 0.9rem);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(0) rotateY(361deg) translate(4.5rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(274deg) translate(3.5rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(219deg) translate(2.5rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(168deg) translate(1.5rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf05{\r\n                        animation-name: sCimaAzulR;\r\n                        animation-duration: 5s;\r\n                        width: .8rem;\r\n                        height: .8rem;\r\n                        // transform: rotateZ(0) rotateY(361deg) translate(4.5rem, 2rem);\r\n                    }\r\n    \r\n    \r\n                    //P vermelho\r\n                    @keyframes pVermelhoR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            transform: translate(.5rem, -0.5rem) rotate(150deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(0) rotateY(430deg) translate(1rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(300deg) translate(-1rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(335deg) translate(1rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(204deg) translate(.8rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf06{\r\n                        animation-name: pVermelhoR;\r\n                        animation-duration: 5s;\r\n                        width: 1rem;\r\n                        height: 1rem;\r\n                        // transform: rotateZ(0) rotateY(330deg) translate(2rem, 2rem);\r\n                    }\r\n    \r\n                    //P Roxo\r\n                    @keyframes pRoxoR{\r\n                        0%{transform: translate(0, 0);}\r\n                        5%{\r\n                            transform: translate(1.8rem, -.2rem) rotate(170deg);\r\n                        }\r\n                        //começa a cair\r\n                        // 25% {\r\n                        //     transform: rotateZ(0) rotateY(330deg) translate(2.5rem, -2rem);\r\n                        // }\r\n                        // 50% {\r\n                        //     transform: rotateZ(0deg) rotateY(400deg) translate(3rem, -6rem);\r\n                        // }\r\n                        // 75% {\r\n                        //     transform: rotateZ(0deg) rotateY(335deg) translate(2.5rem, -8rem);\r\n                        //     opacity: 1;\r\n                        // }\r\n                        100% {\r\n                            transform: rotateZ(0deg) rotateY(204deg) translate(2rem, -11rem);\r\n                            opacity: 0;\r\n                        }\r\n                    }\r\n                    &.conf07{\r\n                        animation-name: pRoxoR;\r\n                        animation-duration: 5s;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .all-conffets{\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        &.animateC{\r\n            visibility: visible;\r\n            .conft-all{\r\n                position: absolute;\r\n                width: .6rem!important;\r\n                height: .6rem!important;\r\n                left: 0;\r\n                bottom: 0;\r\n                transform-box:fill-box;\r\n                transform-origin:center center;\r\n                animation-timing-function: ease-in;\r\n                animation-iteration-count:1;\r\n                animation-direction: normal;\r\n                animation-fill-mode: forwards;\r\n                transform: translate(0, 0) rotate(0deg);\r\n                opacity: 1;\r\n    \r\n                //U Roxo\r\n                @keyframes uRoxo{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    //explode\r\n                    5%{\r\n                        transform: translate(4.3rem, 1.3rem) rotate(-120deg);\r\n                    }\r\n                    //começa a cair\r\n                   \r\n                    100% {\r\n                        transform: rotateZ(5deg) rotateY(204deg) translate(2rem, 11rem);\r\n                        opacity: 0;  \r\n                    }\r\n                }\r\n                &.conf01{\r\n                    animation-name: uRoxo;\r\n                    animation-duration: 4s;\r\n                }\r\n                \r\n                //C Vermelho\r\n                @keyframes cVermelho{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        transform: translate(4rem, -0.1rem) rotate(150deg);\r\n                    }\r\n                    //começa a cair\r\n                  \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(308deg) translate(3rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf02{\r\n                    animation-name: cVermelho;\r\n                    animation-duration: 4s;\r\n                }\r\n    \r\n                //T Azul\r\n                @keyframes tAzul{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        transform: translate(2rem, -2rem) rotateZ(21deg) rotate(200deg);\r\n                    }\r\n                  \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(264deg) translate(1rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf03{\r\n                    animation-name: tAzul;\r\n                    animation-duration: 4s;\r\n                    width: .8rem!important;\r\n                    height: .8rem!important;\r\n                }\r\n    \r\n                //U azul\r\n                @keyframes uAzul{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        transform: translate(3rem, -0.5rem) rotateZ(30deg) rotate(190deg);\r\n                    }\r\n                    //começa a cair\r\n                   \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(106deg) translate(.5rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf04{\r\n                    animation-name: uAzul;\r\n                    animation-duration: 4s;\r\n                }\r\n    \r\n    \r\n                //S PART CIMA Azul\r\n                @keyframes sCimaAzul{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        // transform: translate(2rem, .9rem) rotate(250deg);\r\n                        transform: rotateZ(-18deg) rotateY(328deg) translate(3.5rem, 0.9rem);\r\n                    }\r\n                    //começa a cair\r\n                   \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(168deg) translate(1.5rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf05{\r\n                    animation-name: sCimaAzul;\r\n                    animation-duration: 4s;\r\n                    width: .8rem !important;\r\n                    height: .8rem !important;\r\n                    // transform: rotateZ(0) rotateY(361deg) translate(4.5rem, 2rem);\r\n                }\r\n    \r\n    \r\n                //P vermelho\r\n                @keyframes pVermelho{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        transform: translate(.5rem, -0.5rem) rotate(150deg);\r\n                    }\r\n                    //começa a cair\r\n                   \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(204deg) translate(.8rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf06{\r\n                    animation-name: pVermelho;\r\n                    animation-duration: 4s;\r\n                    width: 1rem !important;\r\n                    height: 1rem !important;\r\n                    // transform: rotateZ(0) rotateY(330deg) translate(2rem, 2rem);\r\n                }\r\n    \r\n                //P Roxo\r\n                @keyframes pRoxo{\r\n                    0%{transform: translate(0, 0);opacity: 1;}\r\n                    1%{opacity: 1;}\r\n                    5%{\r\n                        transform: translate(1.8rem, -.2rem) rotate(170deg);\r\n                    }\r\n                    //começa a cair\r\n                   \r\n                    100% {\r\n                        transform: rotateZ(0deg) rotateY(204deg) translate(2rem, 11rem);\r\n                        opacity: 0;\r\n                    }\r\n                }\r\n                &.conf07{\r\n                    animation-name: pRoxo;\r\n                    animation-duration: 4s;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    object{\r\n        width: 100%;\r\n        height: 100%;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.truth-content{\r\n    position: relative;\r\n    background: #231f20;\r\n    // background: transparent;\r\n    padding: 7.5rem 0 0;\r\n    .title-svg{\r\n        width: 29rem;\r\n        @media screen and (max-width: 500px){\r\n            width: 100%;\r\n        }\r\n        margin-bottom: 1rem;\r\n        object{\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n        }\r\n    }\r\n    .text{\r\n        width: 41rem;\r\n        position: relative;\r\n        z-index: 1;\r\n        @media screen and (max-width: 768px){\r\n            width: 100%;\r\n        }\r\n        p{\r\n            font-size: 1.6rem;\r\n            line-height: 3rem;\r\n            color: #fff;\r\n        }\r\n    }\r\n    .form-part{\r\n        width: 23rem;\r\n        z-index: 1;\r\n        form{\r\n            margin: 1.5rem 0;\r\n            input[type='text']{\r\n                color:#e44bbe;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.redes-sociais{\r\n    width: fit-content;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    margin: 3.5rem 0 2rem;\r\n    z-index: 1;\r\n    .item-r-social{\r\n        position: relative;\r\n        width: 1.8rem;\r\n        height: 1.8rem;\r\n        border-radius: 50px; \r\n        margin-right: 1.8rem;\r\n        background: transparent;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition:all .3s ease;\r\n        &:hover{\r\n            background: #302A2C;\r\n        }\r\n        object,img{\r\n            width: 60%;\r\n            height: 60%;\r\n            object-fit: contain;\r\n        }\r\n    }\r\n}\r\n\r\n.balls-content{\r\n    width: 100%;\r\n    position: absolute;\r\n    bottom: 0rem;\r\n    right: -7.5rem;\r\n    .position-init{\r\n        width: 40rem;\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        object,svg,img{\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n    }\r\n}\r\nbody{height: auto;}\r\n// BALLS CANVAS\r\n\r\n.truth-content{\r\n    position: absolute;\r\n    width: 100%;\r\n}\r\n.matter-demo{\r\n    background: transparent !important;\r\n    // width: 100%;\r\n    // height: 100%;\r\n    // position: relative;\r\n    bottom: 0;\r\n    right: 0;\r\n    z-index: 0!important;\r\n    .matter-header{display: none!important;}\r\n    canvas{\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n    }\r\n}\r\n.content-canvas-balls2{\r\n    // background: #231f20;\r\n   \r\n}\r\n\r\nfooter{\r\n    position: absolute;\r\n    width: 100%;\r\n    padding-bottom: 35px;\r\n    @media screen and (max-width: 600px){\r\n        padding-bottom: 15rem; \r\n    }\r\n    .text{\r\n        position: relative;\r\n        width: fit-content;\r\n        z-index: 1;\r\n        p{\r\n            font-family: Degular;\r\n            font-size: .85rem;\r\n            line-height: 1.88;\r\n            letter-spacing: normal;\r\n            color: #ffffff;\r\n        }\r\n    }\r\n}\r\n","//$easeInOutExpo: cubic-bezier(1, 0, 0, 1);\r\n//$easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);\r\n//$easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1);\r\n$easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n$easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);\r\n@mixin pseudo($display: block, $pos: absolute, $content: \"\") {\r\n    content: $content;\r\n    display: $display;\r\n    position: $pos;\r\n}\r\n\r\n@mixin responsive-ratio($x, $y, $pseudo: false) {\r\n    $padding: unquote(($y / $x) * 100 + \"%\");\r\n    @if $pseudo {\r\n        &:before {\r\n            @include pseudo($pos: relative);\r\n            width: 100%;\r\n            padding-top: $padding;\r\n        }\r\n    }\r\n    @else {\r\n        padding-top: $padding;\r\n    }\r\n}\r\n\r\n@mixin flex($justify: flex-start, $align: flex-start, $direction: row) {\r\n    display: flex;\r\n    justify-content: $justify;\r\n    align-items: $align;\r\n    flex-direction: $direction;\r\n}\r\n\r\n@mixin transition($time: 0.3s, $props: all, $ease: $easeOutQuad, $delay: 0s) {\r\n    transition-duration: $time;\r\n    transition-property: $props;\r\n    transition-timing-function: $easeOutQuad;\r\n    transition-delay: $delay;\r\n}\r\n\r\n@mixin mobile {\r\n    @media (max-width: 599px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin no-mobile {\r\n    @media (min-width: 600px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin tablet {\r\n    @media (max-width: 1024px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin only-tablet {\r\n    @media (min-width: 600px) and (max-width: 1024px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin desktop {\r\n    @media (min-width: 1025px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin retina {\r\n    @media (min-width: 1801px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1600 {\r\n    @media (max-width: 1600px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1440 {\r\n    @media (max-width: 1440px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1380 {\r\n    @media (max-width: 1380px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1280 {\r\n    @media (max-width: 1280px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1024 {\r\n    @media (max-width: 1024px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x1023 {\r\n    @media (max-width: 1023px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x900 {\r\n    @media (max-width: 900px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x768 {\r\n    @media (max-width: 768px) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin x650 {\r\n    @media (max-width: 650px) {\r\n        @content;\r\n    }\r\n}"]}